@charset "utf-8"; /*------------------------------------------------------------------
[Master Stylesheet]

Project:    Bosung
Version:    1.0
Last change:    2019.12.
Primary use:    Bosung Website
-------------------------------------------------------------------*/

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	ms-font-feature-settings: 'liga';
	 /* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	  /* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	  /* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	  /* Support for IE. */
	font-feature-settings: 'liga';
}

p .material-icons {
	font-size: 1em;
}

p .material-icons:first-child {
	margin-right: 0.30952381em;
}

.material-icons {
	font-family: 'Material Icons' !important;
}


			/*------------------------------------------------------------------
[Table of contents]

1. Common styles
2. Page loader / .page-loader
3. Typography
4. Buttons
5. Forms fields
6. Home sections / .home-section
    6.1. Home content
    6.2. Scroll down icon
    6.3. Headings styles
7. Compact bar / .nav-bar-compact
8. Classic menu bar / .main-nav
9. Sections styles / .page-section, .small-section, .split-section
10. Alternative services / .alt-service-grid
11. main-banner / .main-banner-grid
12. Features
13. Benefits (Process)
14. Counters
15. Portfolio / #portfolio
    15.1. Works filter
    15.2. Works grid
    15.3. Works full view
16. Banner section
17. Testimonial
    18.1. Logotypes
18. Post previews (news section)
19. Newsletter
20. Contact section
    20.1. Contact form
21. Bottom menu / .bot-menu
22. Google maps  /.google-map
23. Footer / .footer
24. Blog
    24.1. Pagination
    24.2. Comments
    24.3. Sidebar
25. Shop
26. Pricing
27. Shortcodes
    27.1. Owl Carousel
    27.2. Tabs
    27.3. Tabs minimal
    27.4. Alert messages
    27.5. Accordion
    27.6. Toggle
    27.7. Progress bars
    27.8. Font icons examples
    27.9. Intro page
28. Special demos
29. Bootstrap multicolumn grid


/*------------------------------------------------------------------
# [Color codes]

# Black (active elements, links, text) #111
# Gray (text) #777
# Dark #111
# Dark Lighter #252525
# Gray BG #f4f4f4
# Gray BG Lighter #f8f8f8
# Mid grey #5f5f5f
# Borders #e9e9e9

# */
/*------------------------------------------------------------------
[Typography]

Body:               14px/1.6 "Open Sans", arial, sans-serif;
Headers:            Dosis, arial, sans-serif;
Serif:              "Times New Roman", Times, serif;
Section Title:      35px/1.3 "Open Sans", arial, sans-serif;
Section Heading:    24px/1.3 "Open Sans", arial, sans-serif;
Section Text:       15px/1.7 "Open Sans", arial, sans-serif;

-------------------------------------------------------------------*/
/* ==============================
   Common styles
   ============================== */

.align-center {
	text-align: center !important;
}

.align-left {
	text-align: left !important;
}

.align-right {
	text-align: right !important;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.relative {
	position: relative;
}

.hidden {
	display: none;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.career-progress {
	padding: 0 !important
}

.white {
	color: #fff !important;
}

.black {
	color: #111 !important;
}

.color {
	color: #30354b !important;
}

.color-navy {
	color: #0b1726 !important;
}

.color-orange {
	color: #e57200 !important;
}

.color-green {
	color: #249e6b !important;
}

.color-blue {
	color: #006AC6 !important;
}

.color-lightblue {
	color: #2da8df !important;
}

.color-skyblue {
	color: #18a2ff !important;
}

.color-222 {
	color: #222 !important;
}

.color-333 {
	color: #333 !important;
}

.color-555 {
	color: #555 !important;
}

.color-666 {
	color: #666 !important;
}

.color-777 {
	color: #777 !important;
}

.glass {
	opacity: .5;
}

; .image-fullwidth img {
	width: 100%;
}

.stick-fixed {
	position: fixed !important;
	top: 0;
	left: 0;
}

.round {
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
}

.font-weight-thin {
	font-weight: 100 !important;
}

.font-weight-light {
	font-weight: 300 !important;
}

.font-weight-normal {
	font-weight: 400 !important;
}

.font-weight-medium {
	font-weight: 400 !important;
}

.font-weight-semibold {
	font-weight: 600 !important;
}

.font-weight-bold {
	font-weight: 700 !important;
}

.font-weight-extrabold {
	font-weight: 900 !important;
}

.font-style-normal {
	font-style: normal !important;
}

.font-style-italic {
	font-style: italic !important;
}

.ws-nowrap {
	white-space: nowrap;
}

div, span, p {
	word-break: keep-all;
}

::-moz-selection {
	color: #fff;
	background: #000;
}

::-webkit-selection {
	color: #fff;
	background: #000;
}

::selection {
	color: #fff;
	background: #000;
}

#video_background {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
}

.animate, .animate * {
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.no-animate, .no-animate * {
	-webkit-transition: 0 none !important;
	-moz-transition: 0 none !important;
	-ms-transition: 0 none !important;
	-o-transition: 0 none !important;
	transition: 0 none !important;
}

.shadow {
	-webkit-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
	box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
}

.white-shadow {
	-webkit-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
	-moz-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
	box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
}

.clearlist, .clearlist li {
	list-style: none;
	padding: 0;
	margin: 0;
	background: none;
}

/*.full-wrapper {
    margin: 0 2%;
}*/

.full-wrapper {
	margin: 0 auto;
	max-width: 1170px;
}

.container-fluid {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.container-1400 {
	max-width: 1400px;
	margin: 0 auto;
	padding-left: 2%;
	padding-right: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
	-ms-overflow-style: scrollbar;
}

html, body {
	height: 100%;
	-webkit-font-smoothing: antialiased;
}

.page {
	overflow: hidden;
}

.body-masked {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff url(../images/loader.gif) no-repeat center center;
	z-index: 100000;
}

.mask-delay {
	-webkit-animation-delay: 0.75s;
	-moz-animation-delay: 0.75s;
	animation-delay: 0.75s;
}

.mask-speed {
	-webkit-animation-duration: 0.25s !important;
	-moz-animation-duration: 0.25s !important;
	animation-duration: 0.25s !important;
}

iframe {
	border: none;
}

a, b, div, ul, li {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	-moz-outline-: none;
}

a:focus:not(.focus-visible), a:active {
	-moz-outline: none;
	outline: none;
}

a:focus.focus-visible, button:focus.focus-visible {
	-moz-outline: 2px dotted #36a367 !important;
	outline: 2px dotted #36a367 !important;
	outline-offset: 0 !important;
}

img:not([draggable]), embed, object {
	max-width: 100%;
	height: auto;
}

a {
	transition: all .2s;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
}

/* ==============================
   Page loader
   ============================== */

.page-loader {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-image: linear-gradient(135deg, #006AC6 10%, #249d8e 100%);
	z-index: 100000;
}

.loader2 {
	width: 91px;
	height: 89px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -47px 0 0 -44.5px;
	background: url(../images/img_1.png);
	font-size: 20px;
	text-indent: -12345px;
	z-index: 100002;
	opacity: .7;
}
.loader {
	width: 140px;
	height: 140px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -70px 0 0 -70px;
	text-indent: -12345px;
	border-top: 1px solid rgba(255,255,255, 0.05);
	border-right: 1px solid rgba(255,255,255, 0.05);
	border-bottom: 1px solid rgba(255,255,255, 0.05);
	border-left: 1px solid rgba(255,255,255, 0.2);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: spinner 700ms infinite linear;
	-moz-animation: spinner 700ms infinite linear;
	-ms-animation: spinner 700ms infinite linear;
	-o-animation: spinner 700ms infinite linear;
	animation: spinner 700ms infinite linear;
	z-index: 100001;
}

@-webkit-keyframes spinner {
0% {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

100% {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}

@-moz-keyframes spinner {
0% {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

100% {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}

@-o-keyframes spinner {
0% {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

100% {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}

@keyframes spinner {
0% {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

100% {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}

/* ==============================
   Typography
   ============================== */

body {
	color: rgba(0, 0, 0, 0.8);
	font-size: 16px;
	font-family: 'Graphik', 'Apple SD Gothic Neo',  'Noto Sans KR', sans-serif;
	line-height: 1.7;
	letter-spacing: -0.02em;
	-webkit-font-smoothing: antialiased;
}

a {
	color: #111;
	text-decoration: none;
}

a:hover {
	color: #0838b3;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.5em;
	line-height: 1.4;
	font-weight: 700;
	margin-top: 0;
}

h1 {
	font-size: 43px;
	line-height: 1.42;
    /*color: #000;*/
	font-weight: 700;
}

h2 {
	font-size: 28px;
	font-weight: 700;
}

h6 {
	font-weight: 700;
}

p {
	margin: 0 0 0.5em 0;
	font-weight: 400;
}

.subtitle-about {
	font-size: 24px;
	font-weight: 700;
}

.subtitle-about span {
	font-size: 24px;
	font-weight: 300;
	padding-right: 15px;
	opacity: 0.5;
}

ul, ol {
	list-style-type: none;
	padding-left: 0;
}

blockquote {
	margin: 3em 0 3em 0;
	padding: 0;
	border: none;
	background: none;
	font-style: normal;
	line-height: 1.7;
	color: #777;
}

blockquote p {
	margin-bottom: 1em;
	font-size: 24px;
	font-weight: 300;
	font-style: normal;
	line-height: 1.6;
}

blockquote footer {
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
}

dl dt {
	margin-bottom: -8px;
}

dl dd {
	margin-top: 7px;
	padding-top: 15px;
}

pre {
	background-color: #f9f9f9;
	border-color: #ddd;
}

hr {
	background-color: rgba(255,255,255, .08);
}

hr.white {
	border-color: rgba(255,255,255, .35);
	background: rgba(255,255,255, .35);
}

hr.black {
	border-color: rgba(0,0,0, .85);
	background: rgba(0,0,0, .85);
}

.uppercase {
	text-transform: uppercase;
	letter-spacing: 0;
}

.font-alt {
	font-family: 'Graphik', 'Apple SD Gothic Neo',  'Noto Sans KR', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0;
}

.font-alt2 {
	letter-spacing: -0.03em;
}

.serif {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
}

.normal {
	font-weight: normal;
}

.strong {
	font-weight: 700 !important;
}

.lead {
	margin: 1em 0 2em 0;
	font-size: 140%;
	line-height: 1.6;
}

.text {
	font-size: 16px;
	font-weight: 300;
	color: #5f5f5f;
	line-height: 1.8;
}

.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {
	color: #111;
}
.abs100 {
	position: absolute;
	width: 100%;
}
.rel100100 {
	position: relative;
	width: 100%;
	height: 100%;
}
.dropcap {
	float: left;
	font-size: 3em;
	line-height: 1;
	padding: 2px 8px 2px 0;
}

.big-icon {
	display: block;
	width: 90px;
	height: 90px;
	margin: 0 auto 20px;
	border: 3px solid #fff;
	text-align: center;
	line-height: 88px;
	font-size: 32px;
	color: rgba(255,255,255, .97);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.big-icon:hover {
	transform: translate3d(0, 0, 0) scale(1.1);
	-webkit-transform: translate3d(0, 0, 0) scale(1.1);
	-ms-transform: translate3d(0, 0, 0) scale(1.1);
}

.big-icon .fa-play {
	position: relative;
	left: 4px;
}

.small-icon {
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 38px;
	font-size: 18px;
	color: rgba(255,255,255, .97);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.absolute-center {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
}

.big-icon.big-icon-rs {
	border: none;
	width: auto;
	height: auto;
	font-size: 96px;
}

.big-icon-link {
	display: inline-block;
	text-decoration: none;
}

.big-icon-link:hover {
	border-color: transparent !important;
}

.big-icon-link:hover .big-icon {
	border-color: #fff;
	color: #fff;
	-webkit-transition: 0 none !important;
	-moz-transition: 0 none !important;
	-ms-transition: 0 none !important;
	-o-transition: 0 none !important;
	transition: 0 none !important;
}

.big-icon-link:active .big-icon {
	-webkit-transform: scale(0.99);
	-moz-transform: scale(0.99);
	-o-transform: scale(0.99);
	-ms-transform: scale(0.99);
	transform: scale(0.99);
}

.wide-heading {
	display: block;
	margin-bottom: 10px;
	font-size: 48px;
	font-weight: 400;
	letter-spacing: 0.4em;
	text-align: center;
	text-transform: uppercase;
	opacity: .9;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.big-icon-link:hover, .big-icon-link:hover .wide-heading {
	color: #fff;
	text-decoration: none;
}

.sub-heading {
	font-size: 16px;
	font-style: italic;
	text-align: center;
	line-height: 1.3;
	color: rgba(255,255,255, .75);
}

.big-icon.black {
	color: #000;
	border-color: rgba(0,0,0, .75);
}

.big-icon-link:hover .big-icon.black {
	color: #000;
	border-color: #000;
}

.wide-heading.black {
	color: rgba(0,0,0, .87);
}

.big-icon-link.black:hover, .big-icon-link:hover .wide-heading.black {
	color: #000;
	text-decoration: none;
}

.sub-heading.black {
	color: rgba(0,0,0, .75);
}

/* ==============================
   Buttons
   ============================== */

.btn-mod, a.btn-mod {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px 13px;
	color: #fff;
	background: rgba(34,34,34, .9);
	border: 2px solid transparent;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.btn-mod:hover, .btn-mod:focus, a.btn-mod:hover, a.btn-mod:focus {
	font-weight: 700;
	color: rgba(255,255,255, 1);
	background: rgba(0,0,0, .7);
	text-decoration: none;
	outline: none;
	border-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-mod:active {
	cursor: pointer !important;
	outline: none !important;
}

.btn-mod img {
	/*     margin-left: 25px; */
	width: 22.5px;/* height: 22.5px; */
	max-width: 22.5px;/* max-height: 22.5px; */
	margin-top: -4px;
}

.btn-mod.btn-xlarge img {
	width: 40px;
	max-width: 40px;
	margin-top: -4px;
}

.btn-mod.btn-small {
	height: auto;
	padding: 6px 10px;
	font-size: 14px;
	letter-spacing: 0;
}

.btn-mod.btn-small i {
	padding-left: 6px;
}

.btn-mod.btn-medium {
	height: auto;
	padding: 14px 24px;
	font-size: 16px;
}

.btn-mod.btn-large {
	height: auto;
	padding: 17px 30px;
	font-size: 18px;
	letter-spacing: -0.02em;
	font-weight: 700;
}

.btn-job .btn-mod.btn-large {
	padding: 18px 30px 14px 30px;
}

.btn-mod.btn-xlarge {
	height: auto;
	width: 100%;
	padding: 30px 30px;
	font-size: 24px;
	letter-spacing: -0.02em;
	font-weight: 700;
}
.btn-icon-link:after {
    content: '';
    position: relative;
    margin-left: 20px;
    top: 41%;
    margin-top: -5px;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/common/btn_link_site_w.svg) no-repeat;
    opacity: 1;
    vertical-align: middle;
}

.btn-icon-link.small:after {
    top: 41%;
    margin-top: -3px;
    width: 12px;
    height: 12px;
}
.btn-icon-link:hover::after,
.btn-icon-link:focus::after {

}
.btn-icon-link.white-dark:hover::after,
.btn-icon-link.white-dark:focus::after,
.btn-icon-link.dark:after {
background: url(../images/common/btn_link_site.svg) no-repeat;
}

.btn-icon-link.dark:hover::after,
.btn-icon-link.dark:focus::after {
background: url(../images/common/btn_link_site_w.svg) no-repeat;
}


.btn-icon-link.down:after {
    top: 50%;
    margin-top: -21px;
    width: 24px;
    height: 24px;
background: url(../images/common/icon_download.svg) no-repeat;
}
.btn-icon-link.down:hover::after,
.btn-icon-link.down:focus::after {
background: url(../images/common/icon_download_w.svg) no-repeat;
}

.btn-mod.btn-glass {
	color: rgba(255,255,255, .75);
	background: rgba(0,0,0, .40);
}

.btn-mod.btn-glass:hover, .btn-mod.btn-glass:focus {
	color: rgba(255,255,255, 1);
	background: rgba(0,0,0, 1);
}

.btn-mod.btn-border {
	color: #151515;
	border: 1px solid #151515;
	background: transparent;
}

.btn-mod.btn-border:hover, .btn-mod.btn-border:focus {
	color: #fff;
	border-color: transparent;
	background: #000;
}

.btn-mod.btn-border-c {
	color: #333435;
	border: 1px solid #777777;
	background: transparent;
}

.btn-mod.btn-border-c:hover, .btn-mod.btn-border-c:focus {
	color: #fff;
	border-color: transparent;
	background: #0076dc;
}

.btn-mod.btn-border-w {
	color: #fff;
	border: 2px solid rgba(255,255,255, .75);
	background: transparent;
}

.btn-mod.btn-small.btn-border-w{
	border: 1px solid rgba(255,255,255, .75);
}
.btn-mod.btn-small.btn-border {
	border: 1px solid #505050;
}

.btn-mod.btn-border-w:hover, .btn-mod.btn-border-w:focus {
	color: #111;
	border-color: transparent;
	background: #fff;
}

.btn-mod.btn-w {
	color: #111;
	background: rgba(255,255,255, 1);
}

.btn-mod.btn-w:hover, .btn-mod.btn-w:focus {
	color: #111;
	background: rgba(255,255,255, 0.5);
}

.btn-mod.btn-w-color {
	color: #30354b;
	background: #fff;
}

.btn-mod.btn-w-color:hover, .btn-mod.btn-w-color:focus {
	color: #151515;
	background: #fff;
}

.btn-mod.btn-gray, .btn-mod.btn-disable {
	color: #777;
	background: #e5e5e5;
}

.btn-mod.btn-disable:hover {
	color: #777;
	background: #e5e5e5;
	cursor: not-allowed
}

.btn-mod.btn-gray:hover, .btn-mod.btn-gray:focus {
	color: #444;
	background: #d5d5d5;
}

.btn-mod.btn-orange {
	color: #fff;
	background: #e57200;
}

.btn-mod.btn-green {
	color: #fff;
	background: #249e6b;
}

.btn-mod.btn-blue {
	color: #fff;
	background: #006dba;
}

.btn-mod.btn-border-orange:hover {
	color: #fff;
	background: #e57200;
}

.btn-mod.btn-border-green:hover {
	color: #fff;
	background: #249e6b;
}

.btn-mod.btn-border-blue:hover {
	color: #fff;
	background: #006dba;
}

.btn-mod.btn-orange:hover, .btn-mod.btn-orange:focus, .btn-mod.btn-green:hover, .btn-mod.btn-green:focus, .btn-mod.btn-blue:hover, .btn-mod.btn-blue:focus {
	color: #fff;
	background: #000!important;
	opacity: 1;
}

.btn-mod.btn-circle {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.btn-mod.btn-small.btn-circle {
	padding: 6px 16px;
}

.familyUnit .btn-mod.btn-small.btn-circle {
	padding: 9px 20px;
}

.btn-mod.btn-xlarge.btn-circle {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.btn-mod.btn-round {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.btn-icon {
	position: relative;
	border: none;
	overflow: hidden;
}

.btn-icon.btn-small {
	overflow: hidden;
}

.btn-icon > span {
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-top: -25px;
	position: absolute;
	top: 50%;
	left: 0;
	color: #777;
	font-size: 48px;
	opacity: .2;
	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.btn-icon:hover > span {
	opacity: 0;
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
}

.btn-icon > span.white {
	color: #fff;
}

.btn-icon > span.black {
	color: #000;
}

.btn-full {
	width: 100%;
}

.btn-list:hover {
	color: #e57200;
}

.btn.btn-mod.disable {
	cursor: not-allowed;
}

.btn-job .btn span {
	float: left;
}

.btn-job .btn-orange i.closed {
	display: none
}

.btn-job .disable i.ongoing {
	display: none
}
/* ==============================
   Forms fields
   ============================== */

.form input[type="text"], .form input[type="email"], .form input[type="number"], .form input[type="url"], .form input[type="search"], .form input[type="tel"], .form input[type="password"], .form input[type="date"], .form input[type="color"], .form select {
	display: inline-block;
	height: 27px;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0;
	color: #0a1626;
	border: 1px solid rgba(0,0,0, .5);
	padding-left: 7px;
	padding-right: 7px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0!important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.form select {
	font-size: 14px;
}

.form select[multiple] {
	height: auto;
}

.form input[type="text"]:hover, .form input[type="email"]:hover, .form input[type="number"]:hover, .form input[type="url"]:hover, .form input[type="search"]:hover, .form input[type="tel"]:hover, .form input[type="password"]:hover, .form input[type="date"]:hover, .form input[type="color"]:hover, .form select:hover {
	border-color: rgba(0,0,0, .2);
}

.form input[type="text"]:focus, .form input[type="email"]:focus, .form input[type="number"]:focus, .form input[type="url"]:focus, .form input[type="search"]:focus, .form input[type="tel"]:focus, .form input[type="password"]:focus, .form input[type="date"]:focus, .form input[type="color"]:focus, .form select:focus {
	color: #111;
	border-color: rgba(0,0,0, .7);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, .3);
	box-shadow: 0 0 3px rgba(0,0,0, .3);
	outline: none;
}

.form input[type="text"].input-lg, .form input[type="email"].input-lg, .form input[type="number"].input-lg, .form input[type="url"].input-lg, .form input[type="search"].input-lg, .form input[type="tel"].input-lg, .form input[type="password"].input-lg, .form input[type="date"].input-lg, .form input[type="color"].input-lg, .form select.input-lg {
	height: 46px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 13px;
}

.form input[type="text"].input-md, .form input[type="email"].input-md, .form input[type="number"].input-md, .form input[type="url"].input-md, .form input[type="search"].input-md, .form input[type="tel"].input-md, .form input[type="password"].input-md, .form input[type="date"].input-md, .form input[type="color"].input-md, .form select.input-md {
	height: 37px;
	padding-left: 13px;
	padding-right: 13px;
	font-size: 15px;
}

.form input[type="text"].input-sm, .form input[type="email"].input-sm, .form input[type="number"].input-sm, .form input[type="url"].input-sm, .form input[type="search"].input-sm, .form input[type="tel"].input-sm, .form input[type="password"].input-sm, .form input[type="date"].input-sm, .form input[type="color"].input-sm, .form select.input-sm {
	height: 31px;
	padding-left: 10px;
	padding-right: 10px;
}

.form textarea {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase !important;
	letter-spacing: 0;
	color: #777;
	border-color: rgba(0,0,0, .5);
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.form textarea:hover {
	border-color: rgba(0,0,0, .2);
}

.form textarea:focus {
	color: #111;
	border-color: rgba(0,0,0, .7);
	-webkit-box-shadow: 0 0 3px rgba(21,21,21, .3);
	-moz-box-shadow: 0 0 3px rgba(21,21,21, .3);
	box-shadow: 0 0 3px rgba(21,21,21, .3);
}

.form .form-group {
	margin-bottom: 10px;
}

.form input.error {
	border-color: #30354b;
}

.form div.error {
	margin-top: 20px;
	padding: 13px 20px;
	text-align: center;
	background: rgba(228,25,25, .75);
	color: #fff;
}

.form div.success {
	margin-top: 20px;
	padding: 13px 20px;
	text-align: center;
	background: rgba(50,178,95, .75);
	color: #fff;
}

.form-tip {
	font-size: 14px;
	color: #aaa;
}

.form-tip .fa {
	font-size: 12px;
}

/* ==============================
   Home sections
   ============================== */
/*
 * Header common styles
 */

.home-section {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.home-content {
	display: table;
	width: 100%;
	height: 100%;
    /* text-align: center; */
}

/* Home content */

.home-content {
	position: relative;
}

.home-text {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

/* Scroll down icon */
@-webkit-keyframes scroll-down-anim {
0% {
	bottom: 2px;
}

50% {
	bottom: 7px;
}

100% {
	bottom: 2px;
}
}

@-moz-keyframes scroll-down-anim {
0% {
	bottom: 2px;
}

50% {
	bottom: 7px;
}

100% {
	bottom: 2px;
}
}

@-o-keyframes scroll-down-anim {
0% {
	bottom: 2px;
}

50% {
	bottom: 7px;
}

100% {
	bottom: 2px;
}
}

@keyframes scroll-down-anim {
0% {
	bottom: 2px;
}

50% {
	bottom: 7px;
}

100% {
	bottom: 2px;
}
}

.scroll-down {
	width: 40px;
	height: 40px;
	margin-left: -20px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	text-align: center;
	text-decoration: none;
	z-index: 99;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.scroll-down:before {
	display: block;
	content: "";
	width: 28px;
	height: 44px;
	margin: 0 0 0 -14px;
	position: absolute;
	bottom: 0;
	left: 50%;
	border: 2px solid #fff;
	background: transparent;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/*    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);*/
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	z-index: 1;
}

.scroll-down:hover:before {
	opacity: .6;
}

.scroll-down-icon {
	display: block;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	position: absolute;
	left: 50%;
	bottom: 30px;
	color: #fff;
	font-size: 18px;
	-webkit-animation: scroll-down-anim 1s infinite;
	-moz-animation: scroll-down-anim 1s infinite;
	-o-animation: scroll-down-anim 1s infinite;
	animation: scroll-down-anim 1s infinite;
	z-index: 2;
}

/*
 * HTML5 BG VIdeo
 */

.bg-video-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.bg-video-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.bg-video-wrapper video {
	max-width: inherit;
	height: inherit;
	z-index: 0;
}

a.bg-video-button-muted {
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	bottom: 15px;
	left: 15px;
	font-size: 28px;
	line-height: 1;
	color: #fff;
	opacity: .75;
	z-index: 1000;
}
.video_play {
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
}
.video_play .play {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0;
    margin: -56px 0 0 -56px;
    opacity: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.video_play .play.show{
	opacity: 1;
}
.video_play iframe {
    width: 1140px;
    height: 641px;
}
video {
    outline: none
}
/*
 * Headings styles
 */

.hs-wrap {
	max-width: 570px;
	margin: 0 auto;
	padding: 47px 30px 53px;
	position: relative;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255, .5);
}

.hs-wrap-1 {
	max-width: 350px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.hs-line-1 {
	margin-top: 0;
	position: relative;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 51px;
	color: #fff;
	opacity: .9;
}

.hs-line-2 {
	margin-top: 0;
	position: relative;
	font-size: 72px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.085em;
	line-height: 1.3;
	color: rgba(255,255,255, .85);
}

.hs-line-3 {
	margin-top: 0;
	position: relative;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	color: rgba(255,255,255, .7);
}

.hs-line-4 {
	margin-top: 0;
	position: relative;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
	color: rgba(255,255,255, .85);
}

.hs-line-5 {
	margin-top: 0;
	position: relative;
	font-size: 62px;
	font-weight: 400;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 0.32em;
	opacity: .85;
}

.hs-line-6 {
	margin-top: 0;
	position: relative;
	font-size: 19px;
	font-weight: 300;
	line-height: 1.2;
	opacity: .35;
}

.hs-line-6.no-transp {
	opacity: 1;
}

.hs-line-7 {
	margin-top: 0;
	position: relative;
	font-size: 64px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 1.2;
}

.hs-line-8 {
	margin-top: 0;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.3em;
	line-height: 1.2;
	opacity: .75;
}

.hs-line-8.no-transp {
	opacity: 1;
}

.hs-line-9 {
	margin-top: 0;
	position: relative;
	font-size: 96px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 1.2;
}

.hs-line-10 {
	margin-top: 0;
	display: inline-block;
	position: relative;
	padding: 15px 24px;
	background: rgba(0,0,0, .75);
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
	color: rgba(255,255,255, .85);
}

.hs-line-10 > span {
	margin: 0 10px;
}

.hs-line-10.highlight {
	background: #30354b;
	opacity: .65;
}

.hs-line-10.transparent {
	background: none;
	color: #aaa;
	padding: 0;
}

.sub-title {
	margin-top: 0px;
	position: relative;
	font-size: 42px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -0.03em;
	line-height: 1.7;
	opacity: 1;
	color: #2e3133;
}

.tiny-title {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	line-height: 1.8;
	opacity: 0.6;
	padding-left: 3px;
}

.hs-line-11 {
	margin-top: 0;
	position: relative;
	font-size: 30px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	line-height: 1.8;
	opacity: .9;
}

.hs-line-12 {
	margin-top: 0;
	position: relative;
	font-size: 80px;
	font-weight: 400;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 0.4em;
}

.hs-line-13 {
	margin-top: 0;
	position: relative;
	font-size: 96px;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.3em;
}

.hs-line-14 {
	margin-top: 0;
	position: relative;
	font-size: 42px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
    /* letter-spacing: 0.7em; */
}

.hs-line-15 {
	margin-top: 0;
	position: relative;
	font-size: 36px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 1.3;
}

.hs-line-16 {
	margin-top: 0;
	position: relative;
	font-size: 28px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 1.3;
}

.no-transp {
	opacity: 1 !important;
}

.fullwidth-galley-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 25;
}

/* ==============================
   Top bar
   ============================== */

.top-bar {
	min-height: 40px;
	background: #fbfbfb;
	border-bottom: 1px solid rgba(0,0,0, .05);
	font-size: 14px;
	letter-spacing: 0;
}

/*
 * Top links
 */

.top-links {
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.top-links li {
	float: left;
	border-left: 1px solid rgba(0,0,0, .05);
}

.top-links li:last-child {
	border-right: 1px solid rgba(0,0,0, .05);
}

.top-links li .fa {
	font-size: 14px;
	position: relative;
	top: 1px;
}

.top-links li .tooltip {
	text-transform: none;
	letter-spacing: normal;
	z-index: 2003;
}

.top-links li a {
	display: block;
	min-width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	text-decoration: none;
	text-align: center;
	color: #999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.top-links li a:hover {
	color: #555;
	background-color: rgba(0,0,0, .02);
}

/*
 * Top bar dark
 */

.top-bar.dark {
	background-color: #333;
	border-bottom: none;
}

.top-bar.dark .top-links li, .top-bar.dark .top-links li:last-child {
	border-color: rgba(255,255,255, .07);
}

.top-bar.dark .top-links li a {
	color: #aaa;
}

.top-bar.dark .top-links li a:hover {
	color: #ccc;
	background-color: rgba(255,255,255, .05);
}

/* ==============================
   Classic menu bar
   ============================== */
/* Logo (in navigation panel)*/

.nav-logo-wrap {
	float: left;
    /* margin-right: 20px; */
}

#lottie {
	background-color: transparent;
	width: 250px;
	height: 100%;
	display: block;
	overflow: hidden;
	transform: translate3d(0,0,0);
	text-align: left;
	margin-left: -30px;
}

#lottie svg {
	width: 220px!important;
}

#lottie svg, #lottie img {
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.small-height #lottie svg {
	width: 170px!important;
}

.main-nav #lottie.logo-display img {
	display: none;
}

.main-nav:hover #lottie svg {
	display: none;
}

.main-nav #lottie.logo-display img {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 170px;
}

.small-height.main-nav #lottie.logo-display img {
	top: 13px;
	left: 10px;
	width: 150px;
}

.main-nav:hover #lottie.logo-display img {
	display: block!important;
}

.nav-logo-wrap .logo {
	display: table-cell;
	vertical-align: middle;
	max-width: 156px;
	height: 75px;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.nav-logo-wrap .logo img {
	max-height: 50%;
}

.nav-logo-wrap .logo:before, .nav-logo-wrap .logo:after {
	display: none;
}

.logo, a.logo:hover {
	font-family: 'Graphik', 'Apple SD Gothic Neo',  'Noto Sans KR', sans-serif;
	font-size: 18px;
	font-weight: 400 !important;
	text-transform: uppercase;
	letter-spacing: 0;
	text-decoration: none;
	color: rgba(0,0,0, .9);
}

.small-height .nav-logo-wrap .logo {
	max-width: 128px;
	height: 50px !important;
}

/*
 * Desktop nav
 */

.main-nav {
	width: 100%;
	height: 76px !important;
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
	background: rgba(255,255,255, 1);
    /* -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05); */
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.05);
    /* box-shadow:  0 1px 0 rgba(0,0,0,.05); */
	z-index: 1030;
	-webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.gr-belt {
	opacity: 0;
	top: 75px;
	height: 1px;
	width: 100%;
	position: absolute;
	z-index: 9;
	background: linear-gradient(90deg, #ffae5d, #b2d4c7, #87c5ff);
	background-size: 100% 100%;
	animation: gradientBG 2s ease infinite;
	z-index: 999999;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.main-nav.js-transparent:hover .gr-belt {
	opacity: 1;
}

.main-nav.stick-fixed:hover .gr-belt {
	opacity: 1;
}

.small-height .gr-belt {
	top: 54px;
	opacity: 1;
}

.small-height.dark .gr-belt {
	top: 54px;
	opacity: 0;
}

.small-height {
	height: 55px !important;
}

.small-height .inner-nav ul li a {
	height: 55px !important;
	line-height: 55px !important;
}

.inner-nav {
	display: inline-block;
	position: relative;
	float: right;
}

.inner-nav.center {
	display: inline-block;
	float: none;
}

.inner-nav.center ul {
	/* float: none; */
    /* margin: 0 auto; */
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
	text-align: left;
	line-height: 1.3;
}

.small-height .inner-nav.center ul {
	/* float: none; */
    /* margin: 0 auto; */
	font-size: 17px;
}

.inner-nav.center .align {
	width: 100%;
	text-align: center;
}

.inner-nav ul {
	float: right;
	margin: auto;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.3;
}

.small-height .lang-active {
	font-size: 13px;
}

.inner-nav ul li {
	/* float: left; */
	margin-left: 30px;
	position: relative;
	display: inline-block;
}

.inner-nav ul li a {
	color: #555;
	letter-spacing: 0px;
	font-weight: 700;
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.inner-nav ul > li:first-child > a {

}

.inner-nav ul li a:hover, .inner-nav ul li a.active {
	color: #000;
	text-decoration: none;
}

.inner-nav.utility ul li a.lang-active i {
	vertical-align: middle;
	margin-top: -3.5px;
}

.inner-nav.utility {
	margin-top: 4.5px;
}

.inner-nav.utility ul li {
	margin-left: 22px;
	margin-top: -9px;
}

.small-height .inner-nav.utility ul li {
	margin-top: -5px;
}

/* Menu sub */

.mn-sub {
	display: none;
    /* width: 1920px!important; */
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0;
	background-color: transparent;
}

.mn-sub.utility {
	width: 175px!important;
}

.mn-sub.utility.lang {
	width: 110px!important;
	margin-top: -3px;
}

.small-height .mn-sub.utility.lang {
	margin-top: -1px;
}

.inner-nav li .mn-sub.utility.to-left {
	right: 0;
}

.inner-nav li .mn-sub.utility.to-left.search {
	right: -17px;
	top: 15px;
	border: 1px solid #ddd;
	background: #FFF;
}

.small-height .inner-nav li .mn-sub.utility.to-left.search {
	top: 7px;
}

.small-height .search-field {
	height: 31px !important;
}

.inner-nav li .mn-sub.utility.to-left.lang {
	right: -34px;
	background: #FFF;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.05);
	box-shadow: 0 5px 10px rgba(0,0,0,.05);
}

.inner-nav li .mn-sub.utility.to-left.lang li:last-child {
	padding-bottom: 10px;
}

.inner-nav li .mn-sub.utility.to-left.lang li a {
	padding-left: 20px;
	font-size: 13px;
	font-weight: 700;
}

.inner-nav.utility .m_menu {
	/* width: 82px; */
	height: 24px;
    /* background: url('../../images/common/btn_mobile_menu.png') 0 0 no-repeat; */
    /* text-indent: -9999px; */
	line-height: 0;
	display: inline-block;
	vertical-align: middle;
	padding-top: 4px;
}

.small-height .inner-nav.utility .m_menu {
	padding-top: 4px;
	font-size: 13px;
}

.inner-nav.utility .m_menu span {
	height: 20px;
	line-height: 0.6;
	display: inline-block;
	vertical-align: middle;
    /*color: rgba(0, 0, 0, 0.6);*/
	font-weight: 700;
	padding-right: 1px;
	text-transform: uppercase;
}

.inner-nav.utility .m_menu i {

}

.mn-sub li {
	display: block;
	width: 100%;
	margin: 0 !important;
}
/*.small-height.main-nav.dark:hover .mn-sub li {
    border-top: 1px solid #eee !important;}*/

.mn-sub li ul {
	display: block;
	width: 750px;
	margin: 0 !important;
}

.mn-sub li ul li {
	display: inline-block;
	width: auto!important;
	margin: 0 !important;
}

.inner-nav ul li .mn-sub li a {
	display: block;
	width: 100%;
	height: auto !important;
	line-height: 1.3 !important;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7px 11px;
	margin: 4px 0;
	font-size: 16px;
	text-align: left;
	text-transform: none;
	border-left: none;
	border-right: none;
	letter-spacing: 0;
	color: rgba(26, 30, 33, 0.75);
	cursor: pointer;
}

.lang li a {
	padding: 3px 14px!important;
}

.lang li:first-child a {
	padding-top: 12px!important;
}

.mobile-on .mn-has-multi > li:last-child > a {
	border-bottom: 1px solid rgba(255,255,255, .065) !important;
}

.bg-white {
	background: rgba(255, 255, 255, 0.99)!important;
	height: 71px!important;
	position: fixed!important;
	width: 100vw!important;
	left: 0!important;
	top: 76px!important;
	z-index: -1;
	-webkit-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.small-height .bg-white {
	top: 55px!important;
}

.mn-sub li a:hover, .inner-nav ul li .mn-sub li a:hover {
	background: rgba(255,255,255, .09);
	color: #e57200 !important;
}

.mn-sub li a.active {
	color: #e57200 !important;
}

.mn-sub li ul {
	left: 100%;
	right: auto;
	top: 0;
    /*border-left: 1px solid rgba(255,255,255, .07);*/
	display: inline-block !important;
}

.mn-sub li ul li a.mn-group-title {
	border-right: 0px solid rgba(255,255,255, .07);
	width: 150px!important;
	font-size: 16px;
	opacity: 1;
	color: #1a1e21;
}

.inner-nav li .mn-sub.to-center {
	/* left: 0; */
    /* right: 0; */
	width: 2560px!important;
	margin-left: -1166px;
}

.inner-nav li .mn-sub.to-center li {
	text-align: center;
	margin: 0 auto!important;
	width: 100%;
}

.inner-nav li .mn-sub.to-center li ul {
	width: 100%!important;
	text-align: center!important;
}

.inner-nav li .mn-sub.to-left {
	left: auto;
	right: -25px;
}

.inner-nav li:last-child .mn-sub li ul, .inner-nav li .mn-sub li ul.to-left {
	left: auto;
	right: 100%;
	text-align: right;
	top: 0;
	border-left: none;
	width: 680px;
}

.mobile-on .inner-nav li:last-child .mn-sub li ul {
	left: auto;
	right: auto;
	top: 0;
}

.mn-wrap {
	padding: 4px;
}

/* Menu sub multi */

.mn-has-multi {
	width: auto !important;
	padding: 15px;
	text-align: left;
	white-space: nowrap;
	left: -25px;
}

.mn-sub-multi {
	/* width: 100px !important; */
	overflow: hidden;
	white-space: normal;
	float: none !important;
	display: block !important;
	vertical-align: top;
}

.mn-sub-multi > ul {
	width: auto;
	margin: 0;
	padding: 0;
	float: none;
}

.mn-group-title {
	font-weight: 700;
	text-transform: uppercase;
	color: #fff !important;
}

.mn-group-title:hover {
	background: none !important;
}

.mobile-on .mn-sub-multi > ul {
	left: auto;
	right: auto;
	border: none;
}

.mobile-on .mn-sub-multi {
	display: block;
	width: 100% !important;
}

.mobile-on .mn-sub-multi > ul > li:last-child > a {
	border: none !important;
	padding-bottom: 0;
}

.mobile-on .mn-sub > li:last-child > a {
	border: none !important;
}

.mobile-on .mn-sub-multi:last-child > ul {
	border-bottom: none !important;
}

/*
 * Mobile nav
 */

.mobile-on .desktop-nav {
	display: none;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	height: 100vh;
	padding: 0 15px;
	z-index: 100;
}

.mobile-on .full-wrapper {
	margin: 0;
}

.main-nav.transparent.mobile-on .full-wrapper {
	margin: 0;
}

.mobile-on .full-wrapper .desktop-nav {
	padding: 0;
}

.mobile-on .utility {
	float: none;
	position: absolute;
	bottom: 0;
	margin: 0;
	border-top: 1px solid rgba(100,100,100, .2);
	top: 468px;
}

.mobile-on .utility.desktop-nav ul {
    display: none;
}
.mobile-on .utility.desktop-nav div.mobile-lang  {
     text-align: center;
    height: 90px;
    padding: 30px;
	background: #FFF;
}
.mobile-on .utility.desktop-nav div.mobile-lang span {
    padding: 10px;
    font-size: 18px;
}
.mobile-on .utility.desktop-nav div.mobile-lang span a {
    color: rgba(0, 0, 0, 0.4);
}
.mobile-on .utility.desktop-nav div.mobile-lang span.active {font-weight: 700;}
.mobile-on .utility.desktop-nav div.mobile-lang span.active a {
    color: #000000;
}
.mobile-on .utility .visible-xs.search {
	background: #fff;
	padding: 0 70px;
}
.mobile-on .utility .visible-xs.search input {
border: 1px solid rgba(0,0,0, .1);
}
.mobile-on .desktop-nav ul {
	width: 100%;
	float: none;
	background: white;
    /*position: fixed;*/
	overflow-x: hidden;
	font-size: 18px !important;
	left: 0;
	top: 75px;
	padding-top: 0;
	bottom: 0;
	height: 100%;
}

.mobile-on .desktop-nav.inner-nav.js-opened {
	background: #FFF
}

.mobile-on .desktop-nav > ul {
	overflow-y: auto;
}

.mobile-on .desktop-nav ul li {
	display: block;
	float: none !important;
	overflow: hidden;
}

.mobile-on .desktop-nav ul li.menu_item {
	border-bottom: 1px solid rgba(28, 56, 71, 0.1);
	width: 50%;
	float: left !important;
}

.mobile-on .desktop-nav ul li.menu_item:nth-child(2n) {
	border-left: 1px solid #e8ebec;
}

.mobile-on .desktop-nav ul li ul {
	padding: 0;
    /* border-bottom: 1px solid rgba(255,255,255, .1); */
	background-color: transparent;
	position: relative;
	top: 0;
}

.mobile-on .desktop-nav ul li ul.mn-sub.mn-has-multi {
	background: rgba(243, 243, 243, 0.3);
	min-height: 176px;
}

.mobile-on .desktop-nav ul li ul.mn-sub.mn-has-multi {
	opacity: 1;
	display: block;
	width: auto !important;
}

.mobile-on .desktop-nav ul li a {
	display: block;
	width: 100%;
	height: 50px !important;
	line-height: 50px !important;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px;
	text-align: left;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid rgba(28, 56, 71, 0.1);
	color: #333;
	letter-spacing: 0;
	cursor: pointer;
}

.mobile-on .desktop-nav ul li ul li ul {
	padding: 8px 0
}

.mobile-on .desktop-nav ul li ul li ul li a {
	padding: 3px 0 0 15px;
	border-bottom: 0px solid rgba(28, 56, 71, 0.1);
	font-weight: 700;
}

.mobile-on .desktop-nav ul li ul li ul li a.active {
	background: transparent!important;
}

.mobile-on .desktop-nav ul li a:hover {
/*	background: #1c3847;
	color: rgba(255, 255, 255, 0.9);*/
}

.mobile-on .desktop-nav ul li a.active {
	background: #e57200;
	color: rgba(255, 255, 255, 0.9);
}

.mobile-on.main-nav #lottie.logo-display img {
	padding: 5px 0 0 15px!important;
	width: 150px;
}

.mobile-on a div#lottie {
	height: 80px!important;
}

.mobile-on .bg-white {
	display: none!important
}
/* Menu sub */

.mobile-on .mn-has-sub > .fa {
	display: block;
	width: 18px;
	height: 18px;
	font-size: 14px;
	line-height: 16px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -8px;
	text-align: center;
	border: 1px solid rgba(255,255,255, .1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.mobile-on .js-opened > .mn-has-sub > .fa {
	border-color: rgba(255,255,255, .4);
	line-height: 14px;
}

.mobile-on .inner-nav li {
	margin: 0 !important;
}

.mobile-on .mn-sub.mn-has-multi {
	display: block !important;
}

.mobile-on .mn-sub {
	display: none;
	opacity: 0;
	position: relative;
	left: 0 !important;
	right: 0;
	top: 0;
	bottom: 0;
	border-left: none !important;
	border-right: none !important;
	border-top: none;
	z-index: 10;
}

.mobile-on .mn-sub li {
	padding-left: 0;
}

.inner-nav li.js-opened .mn-sub {
	opacity: 1;
}

.mobile-nav {
	display: none;
	float: right;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
    /* border-left: 1px solid rgba(0,0,0, .05); */
    /* border-right: 1px solid rgba(0,0,0, .05); */
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-webkit-transition-property: background, color;
	-moz-transition-property: background, color;
	-o-transition-property: background, color;
	transition-property: background, color;
}

.mobile-nav:hover, .mobile-nav.active {
	background: #fff;
	color: #555;
}

.mobile-nav:active {
	/*    -webkit-box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
    -moz-box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
    box-shadow: 0 0 35px rgba(0,0,0,.05) inset;*/
}

.no-js .mobile-nav {
	width: 55px;
	height: 55px;
}

.mobile-on .mobile-nav {
	display: table;
	position: relative;
	z-index: 999;
}

.mobile-nav i {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	font-size: 28px;
	padding-right: 15px;
}

/* Menu sub multi */

.mobile-on .mn-has-multi {
	width: auto;
	padding: 0;
	text-align: left;
	white-space: normal;
}

.mobile-on .mn-sub {
	width: 100%;
	float: none;
	position: relative;
	overflow-x: hidden;
}

/*
 * Dark panel style
 */

.main-nav.dark {
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.main-nav.dark:hover {
	background-color: #ffffff;
	border-bottom: 1px solid #ddd;
}

.main-nav.dark .inner-nav ul > li > a {
	color: rgba(255,255,255, .9);
}

.main-nav.dark:hover .inner-nav ul > li > a {
	color: rgba(0, 0, 0, 0.8);
}

.main-nav.dark:hover .inner-nav ul > li > a.active {
	color: #000;
}

.main-nav.dark .inner-nav ul > li > a.active {
	color: #fff;
}

.main-nav.dark .inner-nav ul > li > a:hover {
	color: rgba(0, 0, 0, 0.7);
}

.main-nav.dark .mobile-nav {
	background-color: transparent;
	border-color: transparent;
	color: rgba(255,255,255, .9);
}

.main-nav.dark .mobile-nav:hover, .main-nav.dark .mobile-nav:active {
	color: #fff;
}

.main-nav.dark.mobile-on .mobile-nav:hover, .main-nav.dark.mobile-on .mobile-nav:active , .main-nav.dark.small-height .mobile-nav.active, .main-nav.dark.small-height.mobile-on.small-height {
	color: #111!important;
}

.main-nav.mobile-on.dark .inner-nav {
	/*border-top: 1px solid rgba(100,100,100, .4);*/
}

.main-nav.dark .logo, .main-nav.dark a.logo:hover {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(255,255,255, .9);
}

.main-nav.dark .mn-sub {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.main-nav.dark .mn-soc-link {
	border: 1px solid rgba(255,255,255, .2);
}

.main-nav.dark .mn-soc-link:hover {
	border: 1px solid rgba(255,255,255, .3);
}

/*
 * Transparent panel style
 */

.main-nav.transparent {
	background: transparent !important;
}

.main-nav.transparent:hover {
	background: #FFF !important;
}

.main-nav.js-transparent {
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.main-nav.dark.stick-fixed.js-transparent.small-height {
	background: #1a1f26 !important;
}

.main-nav.dark.stick-fixed.js-transparent.small-height:hover {
	background: #fff !important;
}

.main-nav.js-transparent:hover .logo .white-logo {
	display: none;
}

.main-nav.js-transparent .logo .logo-hover {
	display: none;
}

.main-nav.js-transparent:hover .logo-hover {
	display: block;
}

.main-nav.js-transparent .logo .white-logo {
	display: block;
}

/*
*FAMILY FIX Menu
*/

.fix_list {
	position: fixed;
	left: 0;
	top: -250px;
	padding: 50px 0;
	width: 100%;
	height: 250px;
	background: rgb(0,61,153);
	background: linear-gradient(-90deg, #1da876, #0176bf);
	background-size: 100% 100%;
	animation: gradientBG 2s ease infinite;
	   /*display: none;*/
	opacity: 1;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	z-index: 2;
}

.fix_list .close_btn {
	position: absolute;
	right: 20px;
	top: 20px;
}

.fix_list ul.link {
	padding-top: 4px;
}

.fix_list ul.link:after {
	content: '';
	display: block;
	clear: both;
}

.fix_list ul.link li {
	float: left;
	width: 33.3%;
	text-align: center;
	padding: 12px 0;
}

.fix_list ul.link li a {
	font-size: 22px;
	line-height: 26px;
	color: #fff;
	font-weight: 700;
	opacity: 0.8;
	border-bottom: 2px solid transparent;
	padding-bottom: 5px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.fix_list ul.link li a:hover {
	opacity: 1;
	border-bottom: 2px solid rgba(255, 255, 255, 0.7);
}

.fix_list ul.sns {
	text-align: center;
	margin-top: 30px;
}

.fix_list ul.sns li {
	display: inline-block;
	margin: 0 20px;
}

.fix_list ul.sns li a {
	opacity: 0.8;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.fix_list ul.sns li a:hover {
	opacity: 1;
}

.open_fix #top {
	margin-top: 250px;
	margin-bottom: 0;
	overflow: hidden;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.open_fix .pro_wrap {
	margin-top: 200px;
}

#top {
	position: relative;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.open_fix .fix_list {
	display: block;
	opacity: 1;
	z-index: 99999999;
	top: 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	box-shadow: inset 0px -20px 50px rgba(0, 0, 0, .15);
	-webkit-box-shadow: inset 0px -20px 50px rgba(0, 0, 0, .15);
	-moz-box-shadow: inset 0px -20px 50px rgba(0, 0, 0, .15);
}

.open_fix .main-nav.stick-fixed {
	top: 250px;
}

.open_fix .main-nav .bg-white {
	top: 325px !important;
}

.open_fix .main-nav.small-height .bg-white {
	top: 305px !important;
}

.open_fix .logo-stripe {
	position: relative;
	bottom: 53px;
}
/*
 * Centered menu
 */

.mn-centered {
	text-align: center;
}

.mn-centered .inner-nav {
	float: none;
}

.mn-centered .inner-nav > ul {
	float: none;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.mn-centered .inner-nav > ul > li:first-child {
	margin-left: 0;
}

.mn-centered .mobile-nav {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

/*
 * Aligned left menu
 */

.mn-align-left {

}

.mn-align-left .inner-nav {
	float: none;
	width: 100%;
}

.mn-align-left .inner-nav > ul {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.mn-align-left .inner-nav > ul > li:first-child {
	margin-left: 0;
}

.mn-align-left .mobile-nav {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

/*
 * Menu social links
 */

.mn-soc-link {
	width: 34px;
	height: 34px;
	line-height: 33px;
	text-align: center;
	font-size: 12px;
	display: inline-block;
	border: 1px solid rgba(0,0,0, .1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.mn-soc-link:hover {
	border: 1px solid rgba(0,0,0, .25);
}

.main-nav .tooltip {
	font-size: 12x;
	text-transform: none;
	letter-spacing: 0;
}


/* ==============================
   Fullscreen menu
   ============================== */

.fm-logo-wrap {
	position: absolute;
	top: 30px;
	left: 30px;
	height: 54px;
	z-index: 1030;
}

.fm-logo-wrap .logo {
	display: block;
	max-width: 200px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.fm-button {
	display: block;
	position: fixed;
	top: 30px;
	right: 30px;
	width: 54px;
	height: 54px;
	background: #111;
	opacity: .85;
	text-indent: -12345px;
	z-index: 1030;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.fm-button:hover {
	opacity: 1;
}

.fm-button span {
	display: block;
	width: 22px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1px 0 0 -11px;
	-webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.fm-button span:before, .fm-button span:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
	top: -6px;
	left: 0;
	-webkit-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -webkit-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
	-moz-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -moz-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
	-o-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -o-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
	-ms-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -ms-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
	transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
}

.fm-button span:after {
	top: auto;
	bottom: -6px;
}

/* Active menu button */

.fm-button.active {
	background: #222;
	z-index: 2001;
}

.fm-button.active span {
	background: transparent;
}

.fm-button.active span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.fm-button.active span:after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Menu wrapper */

.fm-wrapper {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	padding: 50px 30px;
	overflow-x: hidden;
	overflow-y: auto;
	background: rgba(10,10,10, .97);
	z-index: 2000;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.fm-wrapper-sub {
	display: table;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-o-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.fm-wrapper-sub.js-active {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.fm-wrapper-sub-sub {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.fm-menu-links, .fm-menu-links ul {
	margin: 0;
	padding: 10px 0;
	line-height: 1.3;
	text-align: center;
}

.fm-menu-links ul.fm-sub {
	padding: 0;
}

.fm-menu-links a {
	display: block;
	position: relative;
	margin: 0;
	padding: 15px 20px;
	color: #999;
	font-size: 17px;
	letter-spacing: 0;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(255,255,255, .1);
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	z-index: 11;
}

.no-touch .fm-menu-links a:hover, .fm-menu-links a:active, .fm-menu-links li.js-opened > a {
	color: #d5d5d5;
	text-decoration: none;
}

.fm-menu-links li {
	margin: 0;
	padding: 0;
	position: relative;
}

.fm-menu-links li > a:active, .fm-menu-links li.active > a, .fm-menu-links li a.active {
	color: #f5f5f5;
}

.fm-menu-links li.js-opened:before {
	display: none;
}

.no-touch .fm-menu-links li.js-opened > a:hover, .fm-menu-links li.js-opened > a:active {
	color: #fff;
}

.fm-has-sub {

}

.fm-has-sub .fa {
	font-size: 14px;
}

.js-opened > .fm-has-sub > .fa {
	color: #fff;
}

.fm-sub {
	display: none;
	opacity: 0;
	position: relative;
}

.fm-sub > li > a {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	font-weight: 400;
}

.fm-menu-links li.js-opened .fm-sub {
	opacity: 1;
}

.fm-search {
	width: 320px;
}

.fm-search input.search-field {
	background: transparent;
	color: #555;
	text-align: center;
	border: none;
	border-bottom: 1px solid rgba(255,255,255, .2);
}

.fm-search input.search-field:hover {
	border: none;
	border-bottom: 1px solid rgba(255,255,255, .4);
}

.fm-search input.search-field:focus {
	color: #999;
	border-color: rgba(255,255,255, .7);
}

.fm-search .search-button:hover {
	color: #fff;
}

/* Social links */

.fm-social-links {
	padding: 0px;
	font-size: 16px;
	text-align: right;
	margin-right: -5px;
}

.fm-social-links > a {
	display: inline-block;
	margin: 0 2px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border: 1px solid rgba(255,255,255, .15);
	text-align: center;
	text-decoration: none;
	color: #555;
	-webkir-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.fm-social-links > a:hover {
	border-color: rgba(0,0,0, .6);
	color: #000;
}

/* ==============================
   Sections styles
   ============================== */
/*
 * Common
 */

.overflow-visible {
	overflow: visible!important;
}

.overflow-visible {
	overflow: visible!important;
}

.page-section, .small-section, .title-section {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 60px 0;
}

.small-section {
	padding: 40px 0;
}

.title-section {
	padding: 80px 0 0 0;
}

.small-title {
	padding: 0;
	margin: 0 0 30px 0;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.3em;
}

.section-icon {
	margin-bottom: 7px;
	text-align: center;
	font-size: 32px;
}

.small-title .serif {
	text-transform: none;
	font-weight: 400;
}

.small-title.white {
	color: #fff;
}

.rotate90 {
	position: absolute;
	left: -80px;
	text-transform: uppercase;
	bottom: 36px;
	z-index: 4;
	width: 200px;
	opacity: 0.5;
	height: 25px;
	letter-spacing: 0.1em;
	transform: translate3d(-39px, -86px, 0) rotate(-90deg);
	-webkit-transform: translate3d(-39px, -86px, 0) rotate(-90deg);
	-ms-transform: translate3d(-39px, -86px, 0) rotate(-90deg);
}

#vision .rotate90 {
	transform: translate3d(-39px, -111px, 0) rotate(-90deg);
	-webkit-transform: translate3d(-39px, -111px, 0) rotate(-90deg);
	-ms-transform: translate3d(-39px, -111px, 0) rotate(-90deg);
}

#corevalue .rotate90 {
	transform: translate3d(-39px, -7px, 0) rotate(-90deg);
	-webkit-transform: translate3d(-39px, -7px, 0) rotate(-90deg);
	-ms-transform: translate3d(-39px, -7px, 0) rotate(-90deg);
}

#people .rotate90 {
	transform: translate3d(-39px, -92px, 0) rotate(-90deg);
	-webkit-transform: translate3d(-39px, -92px, 0) rotate(-90deg);
	-ms-transform: translate3d(-39px, -92px, 0) rotate(-90deg);
}

#philosophy .rotate90 {
	/* letter-spacing: 0.05em; */
	transform: translate3d(-39px, -51px, 0) rotate(-90deg);
	-webkit-transform: translate3d(-39px, -51px, 0) rotate(-90deg);
	-ms-transform: translate3d(-39px, -51px, 0) rotate(-90deg);
}

#architecture .rotate90 {
	bottom: 26px;
}

#gallery .rotate90 {
	bottom: 14px;
}

#garden .rotate90 {
	bottom: 307px;
	width: 300px;
	transform: translate3d(-39px, -51px, 0) rotate(-90deg);
	-webkit-transform: translate3d(-91px, -88px, 0) rotate(-90deg);
	-ms-transform: translate3d(-39px, -51px, 0) rotate(-90deg);
}

#rooftopgarden .rotate90 {
	bottom: 0px;
}

#people .icon {
	position: absolute;
	left: 10px;
	margin-top: -3px;
	width: 41px;
	height: 41px;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	padding-left: 2px;
	font-weight: 700;
	border-radius: 50%;
}

#people .icon:after {
	/*content: '';
	position: absolute;
	left: -41px;top: 0;
	width: 41px;height: 41px;border-width: 1px;
	border-radius: 50%;*/
}

#people .icon.icon01 {
	color: #ee7500;
	border: 1px solid #ee7500;
}

#people .icon.icon02 {
	color: #249e6b;
	border: 1px solid #249e6b;
}

#people .icon.icon03 {
	color: #006dba;
	border: 1px solid #006dba;
}

#people .icon01:after {

}

.side-title {
	color: #274a5d;
	font-size: 1.6em;
	text-align: right;
	font-weight: 400;
	padding: 25px 75px 0 0;
}

.side-title:after {
	content: '';
	position: absolute;
	background-image: url(../images/company/icon-vision-all.png);
	width: 55px;
	height: 56px;
	margin-left: 20px;
	top: 19px;
}

.side-title.mission:after {
	background-position: 0px 0px;
}

.side-title.vision:after {
	background-position: 0px 249px;
	top: 12px;
}

.side-title.corevalue:after {
	background-position: 0px 178px;
	top: 16px;
}

.side-title.people:after {
	background-position: 0px 112px;
}

.side-title.philosophy:after {
	background-position: 0px 56px;
	top: 14px;
}

.bg-subheader {
	background-position: center center;
	background-size: cover;
	min-height: 300px;
	background-attachment: unset;
}

.bg-company1 {
	background-image: url(../images/subHeader/title-company1.jpg);
}

.bg-company2 {
	background-image: url(../images/subHeader/title-company2.jpg);
}

.bg-company3 {
	background-image: url(../images/subHeader/title-company3.jpg);
}

.bg-company4 {
	background-image: url(../images/subHeader/title-company4.jpg);
}

.bg-pr1 {
	background-image: url(../images/subHeader/title-pr1.jpg);
}

.bg-pr2 {
	background-image: url(../images/subHeader/title-pr2.jpg);
}

.bg-pr3 {
	background-image: url(../images/subHeader/title-pr3.jpg);
}

.bg-pr4 {
	background-image: url(../images/subHeader/title-pr4.jpg);
}

.bg-pr5 {
	background-image: url(../images/subHeader/title-pr5.jpg);
}

.bg-csr1 {
	background-image: url(../images/subHeader/title-csr2.jpg);
}

.bg-csr2 {
	background-image: url(../images/subHeader/title-csr2.jpg);
}

.bg-career1 {
	background-image: url(../images/subHeader/title-career1.jpg);
}

.bg-career2 {
	background-image: url(../images/subHeader/title-career2.jpg);
}

.bg-career3 {
	background-image: url(../images/subHeader/title-career3.jpg);
}

.bg-career4 {
	background-image: url(../images/subHeader/title-career4.jpg);
}

.bg-scroll {
	background-attachment: scroll !important;
}

.bg-pattern {
	background-repeat: repeat;
	background-size: auto;
}

.bg-pattern-over:before, .bg-pattern-over .YTPOverlay:after {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: repeat;
	background-size: auto;
	background-image: url(../images/pattern-bg-2.png);
}

.bg-gray {
	background-color: rgba(220, 220, 220, 0.8);
}

.bg-gray-lighter {
	background-color: rgba(239, 239, 239, 0.8);
}

.bg-gray-darker {
	background-color: rgba(199, 199, 199, 0.8);
}

.bg-half {
	background-position-y: bottom;
	background-repeat-y: no-repeat;
	background-image: url(../images/bg-half.png);
	background-size: contain;
	background-attachment: scroll;
}

.bg-dark, .bg-dark-lighter, .bg-dark-alfa-30, .bg-dark-alfa-50, .bg-dark-alfa-70, .bg-dark-alfa-90, .bg-dark-alfa, .bg-color, .bg-color-lighter, .bg-color-alfa-30, .bg-color-alfa-50, .bg-color-alfa-70, .bg-color-alfa-90, .bg-color-alfa {
	color: #fff;
}

.bg-dark a, .bg-dark-lighter a, .bg-dark-alfa-30 a, .bg-dark-alfa-50 a, .bg-dark-alfa-70 a, .bg-dark-alfa-90 a, .bg-dark-alfa a, .bg-color a, .bg-colorlighter a, .bg-color-alfa-30 a, .bg-color-alfa-50 a, .bg-color-alfa-70 a, .bg-color-alfa-90 a, .bg-color-alfa a {
	color: rgba(255,255,255, .8);
	padding-bottom: 3px;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.bg-dark a:hover, .bg-dark-lighter a:hover, .bg-dark-alfa-30 a:hover, .bg-dark-alfa-50 a:hover, .bg-dark-alfa-70 a:hover, .bg-dark-alfa-90 a:hover, .bg-dark-alfa a:hover, .bg-color a:hover, .bg-color-lighter a:hover, .bg-color-alfa-30 a:hover, .bg-color-alfa-50 a:hover, .bg-color-alfa-70 a:hover, .bg-color-alfa-90 a:hover, .bg-color-alfa a:hover {
	color: rgba(255,255,255, 1);
	text-decoration: none;
}

.bg-color .text, .bg-color-lighter .text, .bg-color-alfa-30 .text, .bg-color-alfa-50 .text, .bg-color-alfa-70 .text, .bg-color-alfa-90 .text, .bg-color-alfa .text, .bg-color .section-text, .bg-color-lighter .section-text, .bg-color-alfa-30 .section-text, .bg-color-alfa-50 .section-text, .bg-color-alfa-70 .section-text, .bg-color-alfa-90 .section-text, .bg-color-alfa .section-text {
	color: rgba(255,255,255, .75);
}

.bg-color .white, .bg-color-lighter .white, .bg-color-alfa-30 .white, .bg-color-alfa-50 .white, .bg-color-alfa-70 .white, .bg-color-alfa-90 .white, .bg-color-alfa .white {
	color: #fff;
}

.bg-color.bg-light-bs, .bg-color.bg-light-orange, .bg-color.bg-light-green, .bg-color.bg-light-blue {
	color: #111;
}

.bg-color ul {
	list-style-type: none;
	padding-left: 0;
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.9em;
}

.bg-dark {
	background-color: #111;
}

.bg-dark-lighter {
	background-color: #252525;
}

.bg-dark-alfa:before, .bg-dark-alfa .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .97);
}

.bg-dark-alfa-30:before, .bg-dark-alfa-30 .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .3);
}

.bg-dark-alfa-40:before, .bg-dark-alfa-40 .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0) 90%, rgba(0,0,0,0.4) 100%);
}

.bg-dark-alfa-50:before, .bg-dark-alfa-50 .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
}

.bg-dark-alfa-70:before, .bg-dark-alfa-70 .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
}

.bg-dark-alfa-90:before, .bg-dark-alfa-90 .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .9);
}

.bg-light-alfa:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(252,252,252, .97);
}

.bg-light-alfa-30:before, .bg-light-alfa-30 .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(252,252,252, .30);
}

.bg-light-alfa-50:before, .bg-light-alfa-50 .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(252,252,252, .50);
}

.bg-light-alfa-70:before, .bg-light-alfa-70 .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(252,252,252, .7);
}

.bg-light-alfa-90:before, .bg-light-alfa-90 .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(252,252,252, .9);
}

.bg-color {
	background-color: #30354b;
}

.bg-color-alfa:before, .bg-color-alfa .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #30354b;
	opacity: .97;
}

.bg-color-alfa-30:before, .bg-color-alfa-30 .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #30354b;
	opacity: .3;
}

.bg-color-alfa-50:before, .bg-color-alfa-50 .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #30354b;
	opacity: .5;
}

.bg-color-alfa-70:before, .bg-color-alfa-70 .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #30354b;
	opacity: .7;
}

.bg-color-alfa-90:before, .bg-color-alfa-90 .YTPOverlay:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #30354b;
	opacity: .9;
}

.bg-orange {
	background-color: #e57200 !important;
}

.bg-yellow {
	background-color: #ffce02 !important;
}

.bg-cyan {
	background-color: #27c5c3 !important;
}

.bg-green {
	background-color: #249e6b !important;
}

.bg-blue {
	background-color: #006dba !important;
}

.bg-purple {
	background-color: #375acc !important;
}

.bg-red {
	background-color: #e13939 !important;
}

.bg-skyblue {
	background-color: #18a2ff !important
}

.bg-black {
	background-color: #000 !important;
}

.bg-bs{
    background-image: linear-gradient(135deg, #006AC6 10%, #249d8e 100%);
}
.bg-light-bs {
	background: linear-gradient(142deg, rgba(229,114,0,0.3) 0%, rgba(36,158,107,0.3) 50%, rgba(0,109,186,0.3) 100%);
}

.bg-light-orange {
	background-color: rgba(255, 224, 193, 0.8) !important;
}

.bg-light-green {
	background-color: rgba(149, 214, 187, 0.7) !important;
}
.bg-lighter-green {
	background-color: rgba(197, 224, 213, 0.7) !important;
}

.bg-lighter-blue {
	background-color: rgba(241, 246, 253, 0.8) !important;
}

.bg-light-blue {
	background-color: rgba(0, 109, 186, 0.2) !important;
}

.bg-light-yellow {
	background-color: rgba(227, 238, 243, 0.8) !important;
}

.bg-white2 {
	background-color: #fff !important;
}

.bg-border {
	background-color: rgba(255, 255, 255, 0.9) !important;
	border: 1px solid #d7d7d7;
}

.section-title {
	margin-bottom: 15px;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
    /* text-align: center; */
    /* letter-spacing: 0.5em; */
    /* line-height: 1.4; */
}

.section-more {
	margin-top: 7px;
	color: #999;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.4em;
	text-decoration: none;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.section-more:hover {
	text-decoration: none;
	color: #000;
}

.section-more .fa {
	font-size: 12px;
}

.section-heading {
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.5em;
	line-height: 1.3;
}

.section-line {
	width: 55px;
	height: 1px;
	margin: 30px auto;
	background: #111;
}

.section-text {
	font-size: 16px;
	font-weight: 400;
	color: #222;
	line-height: 1.75;
}

.section-text blockquote {
	margin-top: -5px;
}

.section-bot-image {
	margin: 140px 0 -140px;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}

.image-fullwidth img {
	width: 100%;
}

/* Breadcrumbs */

.mod-breadcrumbs {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

html.mobile .mod-breadcrumbs {
	overflow-x: auto!important;
	position: static;
	-webkit-overflow-scrolling: touch;
}


.mod-breadcrumbs .link_list {display:none}
.mod-breadcrumbs span {
	opacity: .65;
}

.mod-breadcrumbs a.on {
	color: #282c2d;
	border-bottom: 0px solid #022458;
    /* background: #111; */
    /* margin-left: 13px; */
    /* margin-right: 14px; */
    /* border: 1px solid #888; */
}

.mod-breadcrumbs:hover a.on {
	border: 0px solid #ccc;
}

.mod-breadcrumbs a {
	text-decoration: none;
	padding: 0px 30px 0 0;
	color: rgba(140, 140, 140, 0.75);
}

.mod-breadcrumbs a:after {
	content: '';
	position: absolute;
	background: rgba(136, 136, 136, 0.25);
	width: 1px;
	top: 8px;
	height: 15px;
	margin-left: 15px;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.mod-breadcrumbs:hover a:after {
	/*     content: '';
    position: absolute;
    background: #ccc;
    width: 1px;
    top: 6px;
    height: 20px;
    margin-left: 13px; */
}

.mod-breadcrumbs a:last-child:after {
	width: 0px;
}

.mod-breadcrumbs a:hover {
	text-decoration: none;
	color: #e57200;
	border-bottom: 0px solid #3174f2;
}

.mod-breadcrumbs.submenu {
	font-size: 15px;
}

.mod-breadcrumbs.submenu a.on {
	color: #000;
	padding-bottom: 0px;
	border-bottom: 0px solid #022458;
	background: transparent;
}

.mod-breadcrumbs.submenu a:hover {
	text-decoration: none;
	color: #e57200;
	padding-bottom: 0px;
	border-bottom: 0px solid #3174f2;
}

.white.mod-breadcrumbs a.on {
	color: #fff;
    /* border: 1px solid rgba(255, 255, 255, 0.5); */
}

.white.mod-breadcrumbs a {
	color: #fff;
}

.white.mod-breadcrumbs:hover a.on {
	border: 0px solid rgba(255, 255, 255, 0.5);
}

.white.mod-breadcrumbs a:after {
	background: rgba(255, 255, 255, 0.5);
}

.white.mod-breadcrumbs:hover a:after {
	background: rgba(255, 255, 255, 0.2);
}

.bg-color .mod-breadcrumbs a {
	color: rgba(255, 255, 255, 0.5)
}

.bg-color .mod-breadcrumbs a:hover {
	color: rgba(255, 255, 255, 1)
}

.bg-color .mod-breadcrumbs a.on {
	color: #fff;
    /* background: rgba(255, 255, 255, 0.1); */
}

.mod-breadcrumbs .fa {
	font-size: 12px;
}

.mod-breadcrumbs-mini {
	text-align: left;
}

.img-fix {
	/*position: absolute;
	bottom: 0;*/
}

.img-fix img {
	max-width: 410px;
}

.home-bot-image {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
}

.fixed-height-large, .fixed-height-medium, .fixed-height-small {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fixed-height-large {
	min-height: 800px;
}

.fixed-height-medium {
	min-height: 700px;
}

.fixed-height-small {
	min-height: 600px;
}

/*
 * Split section
 */

.split-section {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.split-section-headings {
	width: 50%;
	position: relative;
	overflow: hidden;
	text-align: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.ssh-table {
	width: 100%;
	min-height: 500px;
	display: table;
}

.ssh-cell {
	display: table-cell;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.split-section-content {
	width: 50%;
	position: relative;
	overflow: hidden;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.split-section-wrapper {
	padding: 0 80px;
}

/* ==============================
   Alternative services
   ============================== */

.alt-service-grid {
	margin-top: -60px;
}

.alt-services-image {
	text-align: center;
}

.alt-services-image > img {
	display: block;
	width: 100%;
}

.alt-service-item {
	margin: 60px 0 0 0;
	position: relative;
	padding-left: 55px;
	padding-top: 3px;
	font-size: 13px;
	font-weight: 300;
	color: #999;
	-webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-webkit-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.alt-service-icon {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 40px;
	text-align: center;
	font-size: 28px;
	color: #111;
	-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.alt-services-title {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 15px;
	font-weight: 400;
	color: #111;
}

/* ==============================
   main-banner
   ============================== */

.main-banner-grid {

}

.main-banner-item a.banner-link {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.main-banner-item-image {
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.main-banner-item-image img {
	width: 100%;
	position: relative;
	display: block;
}

.main-banner-item img:before {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	background: #0176dc;
	z-index: 21;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.main-banner-item-detail {
	opacity: 1;
	width: 100%;
	position: relative;
	/* top: 0; */
	/* height: 200px; */
	/* left: 0; */
	padding: 23px 100px 0 3px;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	text-align: left;
	z-index: 2;
	/* -webkit-transform: translateY(-50%); */
	/* 	-moz-transform: translateY(-50%); */
	/* transform: translateY(-50%); */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.main-banner-item-detail.white {
	color: #fff;
}

.main-banner-item-detail h4 {
	margin-bottom: 10px;
	letter-spacing: 0.05em;
	font-weight: 700;
}

.main-banner-item p {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
	position: relative;
	display: block;
	height: 40px;
}

.main-banner-item img, .main-banner-item p, .main-banner-item h4, .main-banner-item a.btn {
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.main-banner-item img:after {
	/* content:''; */
	/* width:100%; */
	/* height:100%; */
	/* position: absolute; */
	/* background:#0176dc; */
	/* left: 0; */
	/* top: 0; */
	/* right: 0; */
	/* bottom: 0; */
	/* opacity: 1; */
}
.main-banner-item:hover img {
	opacity:0.8
}
.main-banner-item:hover p, .main-banner-item:hover h4 {
	color:#0176dc
}
.main-banner-item:hover a.btn {
	background:#0176dc;
	color:#FFF;
	border-color:#0176dc
}
.main-banner-item-descr {
	color: #777;
	text-align: center;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.main-banner-item-name {
	margin-top: 23px;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.4em;
}

.main-banner-item-role {
	margin-top: 4px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.4em;
	color: #aaa;
}

.main-banner-social-links {
	font-size: 14px;
	cursor: pointer;
}

.main-banner-social-links a {
	display: inline-block;
	padding: 3px 7px;
	color: rgba(0,0,0, .4);
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

/* Hover state */

.no-mobile .main-banner-item:hover .main-banner-item-image:after {
	background: rgba(0,0,0, .45);
}

.no-mobile .main-banner-item:hover .main-banner-item-detail {
	opacity: 1;
	color: #fff;
}

.no-mobile .main-banner-item:hover .main-banner-item-descr {
	color: #111;
}

.no-mobile .main-banner-social-links a:hover {
	color: rgba(0,0,0, .75);
}

/* Mobile touch */

.main-banner-item.js-active .main-banner-item-image:after {
	background: rgba(255,255,255, .93);
}

.main-banner-item.js-active .main-banner-item-detail {
	opacity: 1;
}

.main-banner-item.js-active .main-banner-item-descr {
	color: #111;
}

.main-banner-item.js-active .main-banner-social-links a:hover {
	color: rgba(0,0,0, .75);
}

/* ==============================
   Features
   ============================== */

.logo-stripe {
	background: linear-gradient(90deg, rgba(12, 24, 41, 0.5) 0%, rgb(9, 35, 64) 50%, rgba(20, 38, 45, 0.5) 100%);
	background-size: 100% 100%;
	animation: gradientBG 30s ease infinite;
	position: absolute;
	z-index: 1;
	bottom: 0;
}

.features-item {
	padding: 15px 0 15px 0;
	text-align: center;
	height: 43px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    /* background-size: cover; */
}

.features-icon {
	font-size: 48px;
	line-height: 1.3;
	color: rgba(255,255,255, .9);
}

.features-title {
	margin-bottom: 3px;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	color: rgba(255,255,255, .9);
}

.features-descr {
	font-size: 15px;
	font-weight: 300;
	color: rgba(255,255,255, .75);
}

.features-icon.black {
	color: rgba(0,0,0, .9);
}

.features-title.black {
	color: rgba(0,0,0, .9);
}

.features-descr.black {
	color: rgba(0,0,0, .75);
}

/* ==============================
   Alt features
   ============================== */

.alt-features-grid {
	margin-top: -70px;
}

.alt-features-item {
	margin-top: 70px;
}

.alt-features-icon {
	padding-top: 10px;
	font-size: 48px;
	line-height: 1.3;
	color: #111;
}

.alt-features-icon img {
	width: 100%;
}

.alt-features-title {
	margin-bottom: 21px;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.4em;
}

.alt-features-descr {
	color: #777;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.86
}

/* ==============================
   Benefits
   ============================== */

.benefits-grid {
	margin: 0 0 -40px -20px;
	text-align: center;
	vertical-align: top;
}

.benefit-item {
	display: inline-block;
	width: 264px;
	margin: 0 0 40px 20px;
	padding: 15px;
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	cursor: default;
}

.benefit-number {
	width: 100%;
	position: absolute;
	top: 0;
	left: -50px;
	font-size: 120px;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	color: rgba(0,0,0, .025);
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.benefit-icon {
	position: relative;
	margin-bottom: 6px;
	font-size: 32px;
}

.benefit-title {
	position: relative;
	margin: 0 0 17px 0;
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;
}

.benefits-descr {
	position: relative;
	font-size: 13px;
	font-weight: 300;
	color: #777;
}

.benefit-item:after {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0, .015);
	opacity: 0;
	-webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

.benefit-item:hover:after {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}

.benefit-item:hover .benefit-number {
	color: rgba(0,0,0, .035);
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-o-transform: scale(0.75);
	-ms-transform: scale(0.75);
	transform: scale(0.75);
}

/* ==============================
   Counters
   ============================== */

.count-wrapper {
	padding: 40px 20px;
	border: 1px solid rgba(0,0,0, .09);
}

.count-number {
	font-size: 48px;
	font-weight: 300;
	line-height: 1.3;
	text-align: center;
}

.count-descr {
	color: #999;
	font-size: 14px;
	text-align: center;
}

.count-descr .fa {
	font-size: 14px;
}

.count-title {
	margin-top: -1px;
	font-size: 13px;
}

.count-separator {
	height: 30px;
	clear: both;
	float: none;
	overflow: hidden;
}

/* ==============================
   Portfolio
   ============================== */
/*
 * Works filter
 */

.works-filter {
	list-style: none;
	padding: 0;
	margin: 0 0 45px 0;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0;
	color: #555;
	position: relative;
	margin-left: -5px;
}

.works-filter:after {
	position: absolute;
	z-index: -1;
	content: '';
	height: 1px;
	width: 2560px;
	left: 50%;
	top: 22px;
	margin-left: -1280px;
	background: #dedede;
	display: block;
	clear: both;
}

.works-filter a {
	position: relative;
	margin: 6px 3px 0 0;
	padding: 0px 20px;
	border: 1px solid rgba(222, 222, 222, 0.5);
	border-radius: 30px;
	font-weight: 700;
	color: #929292;
	font-size: 15px;
	text-decoration: none;
	background: rgba(255, 255, 255, 0.4);
	line-height: 35px;
	display: inline-block;
	z-index: 3;
	-webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	cursor: pointer;
}

.works-filter a:hover {
	background: #fff;
	color: #e47200;
	border: 1px solid #fea36a;
}

.works-filter a.active {
	background: #e57200;
	color: #fff;
	border: 1px solid transparent;
}

.works-filter a.active:hover {
	background: #9e6038;
	color: #fff;
	border: 1px solid transparent;
}

.works-filter a:first-child {
	font-size: 16px;
	margin: 0px 0 0px -10px;
    /* color:#e57200; */
	border: 0px solid transparent;
	background: transparent;
	position: relative;
	height: 47px;
    /* width: 119px; */
	float: left;
	top: 7px;
}

.works-filter a:first-child::before {
	position: absolute;
	content: '';
	height: 47px;
	width: 533px;
	left: -5px;
	top: -6px;
	z-index: -1;
	border-radius: 25px;
	   /* margin-left: 0; */
	background: #fff;
	border: 1px solid #dedede;
	   /* display:block; */
	   /* clear:both; */
	   /* margin: 10px; */
}

.works-filter a:first-child.active {
	background: transparent;
	color: #e57200;
	border: 0px solid transparent;
}

.works-filter a:first-child.active:before {
	background: #eee;
    /* color: #e57200; */
	border: 0px solid #e57200;
}

.works-filter.job a:first-child::before {
	width: 225px;
}

/*
 * Works grid
 */

.works-grid {
	list-style: none;
	margin: 0;
	padding: 0;
}

.work-item {
	width: 25%;
	float: left;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.work-grid-1 .work-item {
	width: 100%;
}

.work-grid-2 .work-item {
	width: 50%;
}

.work-grid-3 .work-item {
	width: 33.333%;
}

.container .work-grid-3 .work-item {
	width: 33.2%;
}

.work-grid-5 .work-item {
	width: 20%;
}

.works-grid.work-grid-gut {
	margin: 0 0 0 -50px;
}

.works-grid.work-grid-gut .work-item {
	padding: 0 0 40px 50px;
}

.jobGroup {
	position: relative;
	font-size: 30px;
	font-weight: 700;
	margin: 0px 0 30px 20px;
	color: #5f686d;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
	display: none;
}

.jobGroup.show {
	display: block;
}

.work-item > a {
	display: block;
	padding: 0 0 84px 0;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}

.work-item a, .work-item a:hover {
	color: #111;
	border: none;
}

.work-img {
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	min-height: 247.5px;
	background-size: cover;
	background-position: center top;
	background-color: #f4f4f4;
}

.work-img img {
	width: 100%;
	display: block;
	overflow: hidden;
	opacity: 0;
}

.work-intro {
	width: 100%;
	height: 84px;
	padding: 20px 20px 0 20px;
	-webkit-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
    /* overflow: hidden; */
}

.work-caption {
	width: 100%;
	height: 75%;
	padding: 20px 40px;
	color: #fff;
	-webkit-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	transform: translateY(30px);
}

.work-caption p {
	display: table-cell;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}

.work-title {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 1;
}

.work-title span {
	padding: 0 5px 0 0;
	color: #46525d;
	font-size: 18px;
}

.work-title img {
	max-height: 18px;
	vertical-align: top;
}

.work-descr {
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	color: #777;
	line-height: 1.2;
}

.works-grid.hide-titles .work-item > a {
	overflow: hidden;
	padding: 0;
}

.works-grid.hide-titles .work-item .work-intro {
	opacity: 0;
	bottom: -94px;
}

.works-grid.hide-titles .work-item:hover .work-intro {
	opacity: 1;
}

/* Work item hover state */

.work-intro, .work-caption {
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.work-item:hover .work-intro {
	/*bottom: auto;*/
    /*top: 50%;*/
	color: #0741ac;
    /*   -webkit-transform: translateY(0px);
    -moz-transform: translateY(-99px);
    transform: translateY(-99px);  */
	z-index: 3;
}

.work-item:hover .work-caption {
	/*bottom: auto;*/
    /*top: 50%;*/
	color: #fff;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	z-index: 3;
}

.work-item:hover .work-title {
	color: #ccc;
}

.work-item:hover .work-descr {
	color: #999;
}

.work-item .work-img:after {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(250,250,250, 0);
	/*     background: linear-gradient(142deg, rgba(229,114,0,0) 0%, rgba(36,158,107,0) 50%, rgba(0,109,186,0) 100%); */
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.work-item:hover .work-img:after {
	background: rgba(20,20,20, .85);
}

.works-grid.hover-color .work-item:hover .work-intro, .works-grid.hover-color .work-item:hover .work-title, .works-grid.hover-color .work-item:hover .work-descr {
	/*     color: #e55100; */
}

.works-grid.hover-color .work-item:hover .work-img:after {
	/*     background: linear-gradient(142deg, rgba(229,114,0,1) 0%, rgba(36,158,107,1) 50%, rgba(0,109,186,1) 100%); */
	background: #006dba;
	opacity: .73;
}

.works-grid.hover-color .work-item.hy:hover .work-img:after {
	background: #e55100;
	opacity: .73;
}

.works-grid.hover-color .work-item.bsc:hover .work-img:after {
	background: #07abd0;
	opacity: .73;
}

.works-grid.hover-color .work-item.sol:hover .work-img:after, .works-grid.hover-color .work-item.leisure:hover .work-img:after {
	background: rgba(0, 0, 0, 0.5);
	opacity: .73;
}

.works-grid.hover-white .work-item:hover .work-intro, .works-grid.hover-white .work-item:hover .work-title, .works-grid.hover-white .work-item:hover .work-descr {
	color: #000;
}

.works-grid.hover-white .work-item:hover .work-img:after {
	background: rgba(250,250,250, .9);
}

.work-item .work-img > img {
	-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.work-item:hover .work-img > img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/*
 * Works full view
 */

.work-full {
	display: none;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 10000;
}

.work-full-load {
	padding-top: 60px;
}

.work-loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 10001;
}

.work-loader:after {
	display: block;
	content: " ";
	width: 16px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -8px;
	background: url(../images/loader.gif) no-repeat;
}

/* Work navigation */

.work-navigation {
	width: 100%;
	background: #fff;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 99;
}

.work-navigation .fa {
	font-size: 12px;
	vertical-align: middle;
}

.work-navigation .fa-times {
	font-size: 16px;
	margin-top: -2px;
}

.work-navigation a {
	display: block;
	float: left;
	width: 33.33333%;
	overflow: hidden;
	vertical-align: middle;
	text-decoration: none;
	white-space: nowrap;
	cursor: default;
}

.work-navigation a, .work-navigation a:visited {
	color: #555;
}

.work-navigation a:hover {
	color: #111;
}

.work-navigation a span {
	display: inline-block;
	height: 60px;
	line-height: 59px;
	padding: 0 4%;
	background: #fff;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.work-navigation span:hover {
	background: #f7f7f7;
}

.work-back-link {
	margin: 20px 0 0;
	display: block;
	background: #fff;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #151515;
}

.work-prev {
	text-align: left;
}

.work-all {
	text-align: center;
}

.work-next {
	text-align: right;
}

.work-container {
	padding: 50px 0;
}

.work-full-title {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0;
}

.work-full-media {
	margin-top: 30px;
}

.work-full-media img {
	max-width: 100%;
	height: auto;
}

.work-full-text {
	text-align: left;
	font-size: 13px;
	color: #777;
}

.work-full-text h6 {
	margin-top: 5px;
}

.work-detail {
	font-weight: 400;
}

.work-detail p:last-child {
	margin-bottom: 0;
}

.work-full-detail {
	font-size: 14px;
	color: #777;
	letter-spacing: 0;
	text-transform: uppercase;
}

.work-full-detail p {
	padding: 4px 0;
	margin: 0;
	border-top: 1px solid rgba(0,0,0, .05);
}

.work-full-detail p:last-child {
	border-bottom: 1px solid rgba(0,0,0, .05);
}

.work-full-detail p strong {
	width: 100px;
	display: inline-block;
}

.work-full-action {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #eaeaea;
	text-align: center;
}

/* ==============================
   Banner section
   ============================== */
.familyUnit {height:499px;overflow:hidden}
#hanyang img.family-logo {max-width: 172px;max-height:30px;}
#bosungcorp img.family-logo {max-width: 130px;max-height:30px;}
#solaseado img.family-logo {max-width: 265px;max-height:30px;}
#leisure img.family-logo {max-width: 133px;max-height: 32px;}
#leisure img.family-logo:last-child {max-width: 248px;max-height: 30px;}
.banner-section {
	overflow: visible;
	border-bottom: 1px solid transparent;
}

.banner-heading {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
	color: rgba(255,255,255, 0.95);
}

.banner-decription {
	margin-bottom: 35px;
	font-size: 15px;
	font-weight: 300;
	color: rgba(255,255,255, .7);
}

.banner-image {
	margin: 40px 0 0 0;
    /* text-align: right; */
}

#people .banner-image {
	margin: 0px 0 0 0;
	text-align: right;
}

.banner-image.second {
	position: absolute;
	left: 55%;
	width: 70%;
	top: -90px;
}

.banner-image.third {
	position: absolute;
	left: 15px;
	width: 85%;
	top: 4px;
}

.banner-image.fourth {
	position: absolute;
	left: 67%;
	width: 70%;
	top: 190px;
	z-index: -1;
}

.banner-image.fifth {
	position: absolute;
	left: 4%;
	width: 90%;
	top: 4px;
	z-index: 1;
}

.banner-image.sixth {
	position: absolute;
	left: 81%;
	width: 60%;
	top: -150px;
	z-index: 0;
}

.family .banner-image.sixth {
	left: 69%;
	top: -100px;
}

.banner-image.seventh {
	position: absolute;
	left: 15px;
	width: 90%;
	top: 4px;
}

.banner-image.eighth {
	position: absolute;
	left: 40%;
	width: 70%;
	top: 270px;
	z-index: 2;
	padding-bottom: 80px;
}

.family .banner-image.eighth {
	left: 63%;
	top: 227px;
}

.banner-image.diamond1 {
	position: absolute;
	left: 0px;
	width: 100%;
	top: 0px;
	z-index: 4;
}

.banner-image.diamond2 {
	position: absolute;
	left: 0px;
	width: 100%;
	top: 160px;
	z-index: 3;
}

.banner-image.diamond3 {
	position: absolute;
	left: 0px;
	width: 100%;
	top: 320px;
	z-index: 2;
}

.banner-image.diamond4 {
	position: absolute;
	left: 31px;
	width: 100%;
	top: 369px;
	z-index: 1;
}

#hanyang .banner-image.first {
	position: absolute;
	left: -5%;
	top: -50px;
}

#hanyang .banner-image.second {
	position: absolute;
	left: 55%;
	width: 70%;
	top: -200px;
	z-index: -1;
}

/* ==============================
   Testimonial
   ============================== */

.testimonial {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	text-align: center;
	font-family: 'Graphik', 'Apple SD Gothic Neo',  'Noto Sans KR', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 0;
	opacity: .85;
}

.testimonial p {
	font-size: 18px;
}

.testimonial-author {

}

/*
 * Logotypes
 */

.logo-item {
	height: 80px;
	text-align: center;
	opacity: .75;
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.logo-item:hover {
	opacity: 1;
}

.logo-item img {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* ==============================
   Post previews
   ============================== */

.post-grid {

}

/* .post-prev-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 23px;
    width: 100%;
    height: 150px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    background: #000;
} */

.post-prev-img {
	width: 100%;
	height: 150px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	position: relative;
	background: #6d9889;
	border: 1px solid rgb(235, 241, 239);
}

.post-prev-img img {
	position: absolute;
	margin: auto !important;
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.col-lg-12 .post-prev-img {
	height: 715px;
	background: #bae1ff;
}

.post-prev-img a {
	-webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.post-prev-img a img {
	opacity: .8;
}

.post-prev-img a:hover img {
	opacity: .5;
}

.pr .post-prev-img a img {
	opacity: 1;
}

.pr .post-prev-img a:hover img {
	opacity: .7;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.pr .post-prev-title a {
	color: #333;
	font-size: 18px;
	line-height: 1.35;
}

.main-news a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	margin-left: 15px;
}

.main-news a:hover .post-prev-title, .main-news a:hover .post-prev-info span {
	color: #e57200 !important
}

.main-news a:hover .post-prev-info span:first-child::after {
	background: rgba(222, 160, 98, 0.7);
}

.main-news a:hover::before {
	content: '';
	background: white;
	position: absolute;
	padding: 0;
	height: 150px;
	width: 112.1%;
	border: 1px solid #dcdcdc;
	top: -15px;
	left: -15px;
}

.main-news a.last:hover::before {
	width: 100%;
}

.main-news a:before {
	content: '';
	position: absolute;
	background: #transparent;
	border: 1px solid #fff;
	border-left: 1px solid hsla(0, 0%, 0%, 0.15);
	height: 150px;
	width: 1px;
	top: -15px;
	left: -15px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.main-news a .post-prev-title {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5em;
	height: 94px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.main-news .post-prev-info span {
	color: #777;
	position: relative;
}

.main-news .post-prev-info span:first-child {
	padding-right: 26px;
	position: relative;
}

.main-news .post-prev-info span:first-child::after {
	content: '';
	position: absolute;
	background: #bfbfbf;
	height: 12px;
	width: 1px;
	top: 2px;
	right: 12px;
}

.post-prev-img img {
	/*     width: auto;
    min-height: 160px;
    position: relative;
    left: 50%;
    margin-left: -100%; */
	-webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.post-prev-title {
	position: relative;
	margin: 15px 0 5px!important;
}

.post-prev-title a {
	color: #555;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.post-prev-title a:hover {
	color: #111;
}

.post-prev-info, .post-prev-info a {
	margin-bottom: 10px;
	font-size: 14px;
	text-decoration: none;
	color: #aaa;
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.post-prev-info a:hover {
	color: #111;
}

.post-prev-text {
	margin-bottom: 0;
	color: #777;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
}

#cultureListContent .post-prev-text {
	width: 60%
}
/* ==============================
   Newsletter
   ============================== */

.newsletter-label {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.3em;
}

.form input.newsletter-field {
	max-width: 293px;
}

.form input.newsletter-field:hover {

}

.form input.newsletter-field:focus {

}

.form input.newsletter-field::-webkit-input-placeholder {
	color: #777;
}

.form input.newsletter-field:focus::-webkit-input-placeholder {
	color: #111;
}

.form input.newsletter-field:-moz-placeholder {
	color: #777;
}

.form input.newsletter-field:focus:-moz-placeholder {
	color: #111;
}

.form input.newsletter-field::-moz-placeholder {
	color: #777;
}

.form input.newsletter-field:focus::-moz-placeholder {
	color: #111;
}

.form input.newsletter-field:-ms-input-placeholder {
	color: #777;
}

.form input.newsletter-field:focus:-ms-input-placeholder {
	color: #111;
}

/* ==============================
   Contact section
   ============================== */

.contact-item {
	position: relative;
	padding-left: 44px;
	color: #444;
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.contact-item a {
	color: #444;
	text-decoration: none;
}

.contact-item a:hover {
	color: #000;
	text-decoration: none;
}

.ci-icon {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 1px;
	left: 3px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-weight: 700;
}

.ci-icon:before {
	content: " ";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: #111;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: -1;
}

.ci-icon.subway:before {
	background: #e04582;
}
.ci-icon.subway.gwangju:before {
    background: #019088;
}
.ci-icon i, .ci-icon span {
	position: relative;
	line-height: 30px;
}

.ci-title {
	margin-bottom: 1px;
	color: #1a1e21;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
}

.ci-text {
	font-size: 16px;
	font-weight: 400;
}

/*
 * Contact form
 */

.cf-left-col {
	width: 49.4%;
	float: left;
	margin-right: 1.2%;
}

.cf-right-col {
	width: 49.4%;
	float: left;
}

.contact-form .form-group {
	margin-bottom: 10px;
}

/* ==============================
   Google maps
   ============================== */

.google-map {
	position: relative;
	background: #111;
}

.google-map > iframe {
	display: block;
	width: 100%;
	height: 410px;
	position: relative;
	background-color: #111 !important;
	z-index: 1;
}

.gm-style-cc {
	display: none !important;
}

.gm-style-iw div {
	color: #777;
}

.map-section {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 !important;
	background: rgba(17,17,17, .93);
	z-index: 2;
	cursor: pointer;
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.map-section:hover {
	background: rgba(17,17,17, .90);
}

.map-toggle {
	width: 200px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -100px;
	color: #fff;
	text-align: center;
}

.mt-icon {
	width: 27px;
	height: 27px;
	line-height: 27px;
	margin: 6px auto 25px;
	position: relative;
	color: #111;
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.mt-icon:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mt-icon i, .mt-icon span {
	position: relative;
}

.mt-text {
	margin-left: 12px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	color: rgba(255,255,255, .75);
}

.mt-close {
	display: none;
}

/* Map opened */

.map-section.js-active {
	height: 25px;
	background: rgba(17,17,17, .75);
}

.map-section.js-active .mt-text {
	font-size: 14px;
}

.map-section.js-active:hover {
	background: rgba(17,17,17, .85);
}

.map-section.js-active .mt-icon {
	opacity: 0;
}

.map-section.js-active .mt-text {
	position: relative;
	top: -20px;
}

/* ==============================
   Footer
   ============================== */

.footer {
	text-align: left;
	font-size: 14px;
	overflow: visible!important;
}

.footer a {
	color: rgba(0, 0, 0, 0.6);
	text-decoration: none;
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.footer a:hover {
	color: #111;
}

.footer .footer-link {
	margin-top: 15px;
}

.footer a.f-link {
	font-weight: 700;
	margin-right: 30px;
	font-size: 16px;
	position: relative;
}

.footer a.f-link:first-child::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 16px;
	background: #aaa;
	top: 1px;
	right: -17px;
}

.footer p {
	    color: #777;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 7px;
}

.footer span.spacer {
	margin-right: 14px;
	padding-right: 12px;
	border-right: 1px solid #aaa;
}

.footer-copy {
	margin-bottom: 5px;
    /* text-transform: uppercase; */
	letter-spacing: 0.02em;
	font-size: 12px;
	text-align: right;
}

.footer-made {
	font-size: 14px;
	color: #999;
}

.footer-social-links {
	font-size: 14px;
}

.footer-social-links a {
	width: 30px;
	height: 30px;
	line-height: 31px !important;
	position: relative;
	margin: 0 4px;
	text-align: center;
	display: inline-block;
	color: #111;
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.footer-social-links a i, .footer-social-links a span {
	position: relative;
	top: 0;
	left: 0;
}

.footer-social-links a:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #555;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 50%;
    /* -webkit-transform: rotate(45deg); */
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
    /* transform: rotate(45deg); */
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.footer-social-links a:hover {
	color: #fff;
}

.footer-social-links a:hover:before {
	background: #111;
}

a.link-to-top {
	position: absolute;
	bottom: 50px;
	right: 50px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: rgba(0,0,0, .2);
	font-size: 48px;
}

/* ==============================
   Blog
   ============================== */

.blog-item {
	margin-bottom: 80px;
	position: relative;
}

.blog-item-date {
	width: 100px;
	padding: 10px;
	position: absolute;
	top: 0px;
	left: -130px;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: uppercase;
	text-align: center;
	color: #999;
	border-right: 1px solid #eee;
}

.date-num {
	display: block;
	margin-bottom: 3px;
	font-size: 18px;
	font-weight: 400;
	color: #555;
}

.blog-media {
	margin-bottom: 30px;
}

.blog-media img, .blog-media .video, .blog-media iframe {
	width: 100%;
}

.blog-item-title {
	margin: 0 0 .5em 0;
	padding: 0;
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
}

.blog-item-title a {
	color: #111;
	text-decoration: none;
}

.blog-item-title a:hover {
	color: #777;
	text-decoration: none;
}

.blog-item-data {
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0;
	color: #aaa;
}

.separator {
	margin: 0 5px;
}

.blog-item-data a {
	color: #aaa;
	text-decoration: none;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.blog-item-data a:hover {
	color: #000;
	text-decoration: none;
}

.blog-post-data {
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0;
	color: #aaa;
}

.blog-item-body {
	font-size: 16px;
	font-weight: 300;
	color: #5f5f5f;
	line-height: 1.8;
}

.blog-item-body h1, .blog-item-body h2, .blog-item-body h3, .blog-item-body h4, .blog-item-body h5, .blog-item-body h6 {
	margin: 1.3em 0 0.5em 0;
}

.blog-item-more {
	border: 1px solid #eaeaea;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	color: #777;
	letter-spacing: 0;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.blog-item-more:hover {
	text-decoration: none;
	border-color: #111;
}

a.blog-item-more {
	color: #777;
	text-decoration: none;
}

a.blog-item-more:hover {
	color: #111;
}

.blog-item-q {
	background: none;
	border: none;
	padding: 0;
	margin: 1em 0;
}

.blog-item-q p {
	position: relative;
	background: #f8f8f8;
	padding: 17px 20px;
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0;
}

.blog-item-q p a {
	color: #555;
	text-decoration: none;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.blog-item-q:hover a, .blog-item-q p a:hover {
	text-decoration: none;
	color: #777;
}

.blog-item-q p:before, .blog-item-q p:after {
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.blog-item-q p:before {
	content: '"';
	position: absolute;
	top: 10px;
	left: 10px;
}

.blog-item-q p:after {
	content: '"';
}

.blog-item-q p:hover:before, .blog-item-q p:hover:after {
	color: #777;
}

.blog-page-title {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

/*
 * Pagination
 */

.pagination {
	font-size: 13px;
	font-family: 'Graphik', 'Apple SD Gothic Neo',  'Noto Sans KR', sans-serif;
}

.pagination a {
	display: inline-block;
	min-width: 38px;
	min-height: 38px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	padding: 7px 14px;
	border: 1px solid #eaeaea;
	color: #999;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	margin-right: 3px;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.pagination a:last-child {
	margin-right: 0;
	/*     margin-left: 10px; */
}

.pagination a:first-child {
	/* margin-right: 13px; */
}

.pagination .fa {
	margin-top: 1px;
	font-size: 16px;
}

.pagination a:hover {
	text-decoration: none;
	border-color: #bbb;
	color: #444;
}

.pagination a.active, .pagination a.active:hover {
	border-color: transparent;
	background: #333;
	color: #fff;
	cursor: default;
}

.pagination a.no-active, .pagination a.no-active:hover {
	border-color: #efefef;
	color: #bbb;
	cursor: default;
}

/*
 * Comments
 */

.comment-list {

}

.comment-item {
	padding-top: 30px !important;
	border-top: 1px dotted #e9e9e9;
	font-size: 14px;
	overflow: hidden;
}

.comment-item:first-child {
	padding-top: 0;
	border-top: none;
}

.media-body {
	overflow: hidden;
}

.comment-avatar {
	width: 50px;
	margin-right: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.comment-item-data {
	margin: 0 0 5px;
	text-transform: uppercase;
	font-family: 'Graphik', 'Apple SD Gothic Neo',  'Noto Sans KR', sans-serif;
	font-size: 12px;
	color: #777;
}

.comment-item-data a {
	color: #777;
	text-decoration: none;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.comment-item-data a:hover {
	color: #000;
	text-decoration: none;
}

.comment-author {
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
	font-weight: 700;
}

.comment-author a {
	color: #999;
}

/*
 * Sidebar
 */

.sidebar {
	margin-top: 10px;
}

.widget {
	margin-bottom: 60px;
}

.widget .img-left {
	margin: 0 10px 10px 0;
}

.widget .img-right {
	margin: 0 0 10px 10px;
}

.widget-title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	color: #777;
	border-bottom: 1px solid #ccc;
}

.widget-body {
	font-size: 13px;
	color: #777;
}

.widget-text {
	line-height: 1.7;
}

/* Search widget */

.search-wrap {
	position: relative;
}

.search-wrap input.form-control {
	border: 0px;
}

.search-field {
	width: 100% !important;
	height: 40px !important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.search-button {
	width: 42px;
	height: 40px;
	line-height: 38px;
	margin-top: -22px;
	position: absolute;
	top: 50%;
	right: -4px;
	overflow: hidden;
	background: transparent;
	border: none;
	outline: none;
	color: #999;
	font-size: 14px;
}

.search-button:hover {
	color: #111;
}

.search-button:hover + .search-field {
	border-color: #ccc;
}

/* Widget menu */

.widget-menu {
	font-size: 13px;
}

.widget-menu li {
	padding: 5px 0;
}

.widget-menu li a {
	color: #555;
	text-decoration: none;
	padding-bottom: 2px;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.widget-menu li a:hover, .widget-menu li a.active {
	color: #999;
}

.widget-menu li small {
	font-size: 14px;
	color: #aaa;
}

/* Widget tags */

.tags {

}

.tags a {
	display: inline-block;
	margin: 0 2px 5px 0;
	padding: 5px 7px;
	border: 1px solid #e9e9e9;
	color: #777;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.tags a:hover {
	text-decoration: none;
	border-color: #333;
	color: #111;
}

/* Comments */

.widget-comments {
	color: #aaa;
}

.widget-comments li {
	padding: 12px 0;
	border-bottom: 1px dotted #eaeaea;
}

.widget-comments li a {
	color: #555;
	text-decoration: none;
	-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.widget-comments li a:hover {
	color: #999;
}

/* Posts */

.widget-posts {
	color: #aaa;
}

.widget-posts li {
	font-size: 12px;
	padding: 12px 0;
	border-bottom: 1px dotted #eaeaea;
}

.widget-posts li a {
	font-size: 13px;
	display: block;
	color: #555;
	text-decoration: none;
	-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.widget-posts li a:hover {
	color: #999;
}

.widget-posts-img {
	float: left;
	margin: 0 7px 0 0;
}

.widget-posts-descr {
	overflow: hidden;
}

/* ==============================
   Shop
   ============================== */

.shopping-cart-table {

}

.shopping-cart-table a {
	text-decoration: none;
}

table.shopping-cart-table tr th, table.shopping-cart-table tr td {
	vertical-align: middle;
}

/* ==============================
   Pricing
   ============================== */

.pricing-item {
	margin: 0 0 30px;
	position: relative;
	text-align: center;
}

.pricing-item-inner {
	border: 1px solid #eaeaea;
	vertical-align: middle;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.pricing-item-inner:hover {
	border-color: #aaa;
}

.main .pricing-item-inner {
	border-color: #aaa;
}

.pricing-wrap {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px 20px;
	text-align: center;
	overflow: hidden;
}

.pricing-icon {
	padding-top: 10px;
	padding-bottom: 5px;
	position: relative;
	font-size: 32px;
	z-index: 1;
}

.pricing-title {
	position: relative;
	margin-bottom: 40px;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 1;
}

.pr-list {
	margin: 0 -20px 30px;
	padding: 0;
	color: #777;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
}

.pr-list li {
	padding: 12px 20px;
	list-style: none;
	border-bottom: 1px solid #f1f1f1;
}

.pr-list li:first-child {
	border-top: 1px solid #f1f1f1;
}

.pricing-num {
	font-size: 40px;
	font-weight: 300;
	line-height: 1;
}

.pricing-num sup {
	font-family: 'Graphik', 'Apple SD Gothic Neo',  'Noto Sans KR', sans-serif;
	font-size: 18px;
	font-weight: 400;
	position: relative;
	top: -20px;
	left: -3px;
	margin-left: -7px;
}

.pr-button {
	margin: 30px -20px 0;
	padding-top: 30px;
	border-top: 1px solid #f1f1f1;
}

.pr-per {
	color: #999;
	font-size: 12px;
}

/* ==============================
   Shortcodes
   ============================== */

.margin-block {
	margin-bottom: 30px;
}

/*
 * Owl Carousel
 */
.main.owl-carousel {
	/* height: 100vh!important; */
}
.owl-carousel {
	overflow: hidden;
}

.owl-buttons {
	position: position;
}

.owl-prev, .owl-next {
	opacity: 0;
	outline: none;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	width: 36px;
	height: 70px;
	line-height: 70px;
	font-size: 0px!important;
	text-align: center;
	color: #fff;
	z-index: 6;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.owl-prev {
	left: -84px;
	background: url('../images/main/main-arrow-prev.png') no-repeat left top!important;
}

.owl-next {
	right: -84px;
	background: url('../images/main/main-arrow-next.png') no-repeat left top!important;
}

/*.owl-prev:before, .owl-next:before {
    content: "";
    display: block;
    width: 66%;
    height: 66%;
    position: absolute;
    top: 17px;
    left: 0;
    background: transparent;
    /*-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);*!/
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}*/

.owl-next:before {
	left: auto;
	right: 0;
}

.owl-prev .fa, .owl-next .fa {
	position: relative;
}

.owl-prev:hover, .owl-next:hover {
	-webkit-transition: 0 none !important;
	-moz-transition: 0 none !important;
	-ms-transition: 0 none !important;
	-o-transition: 0 none !important;
	transition: 0 none !important;
}

.owl-prev:hover:before, .owl-next:hover:before {
	opacity: 0.87;
}

.owl-prev:active:before, .owl-next:active:before {
	opacity: 0.6;
}

.owl-carousel:hover .owl-prev {
	opacity: 0.7;
	left: 30px;
}

.owl-carousel:hover .owl-next {
	opacity: 0.7;
	right: 30px;
}

.work-full-slider .owl-dots {
	display: block;
	width: 1140px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	text-align: center;
	margin: 0 0 0 -570px;
	z-index: 999;
}

.work-full-slider .owl-dot span {
	width: 9px;
	height: 9px;
	margin-right: 15px;
	display: block;
	border: 1px solid #fff;
	background: transparent;
	position: relative;
	z-index: 1000 !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
	box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
}

.work-full-slider .owl-dot:hover span {
	background: #fff;
	border: 1px solid #fff;
}

.work-full-slider .owl-dot.active span {
	background: #ff7f00;
	border: 1px solid #ff7f00;
}

.main .owl-dots {
	display: block;
	width: 1095px;
	position: absolute;
	bottom: 131px;
	left: 50%;
	text-align: center;
	margin: 0 0 0 -570px;
}

.main .owl-dot {
	display: inline-block;
	padding: 0;
	position: relative;
	width: 12.5%;
	outline: none;
}

.main .owl-dot:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	background: #fff;
	width: 95%;
	height: 1px;
	z-index: 99;
	cursor: pointer;
}

.main .owl-dot:before {
	color: rgba(255, 255, 255, 0.7);
	z-index: 99;
	position: absolute;
	top: -36px;
	left: -1px;
	font-weight: 400;
	cursor: pointer;
}

.main .owl-dot:nth-child(1)::before {
	content: '3,036';
}

.main .owl-dot.active:nth-child(1)::before {
	color: #ffffff;
}

.main .owl-dot:nth-child(2)::before {
	content: '40,000';
}

.main .owl-dot.active:nth-child(2)::before {
	color: #ffffff;
}

.main .owl-dot:nth-child(3)::before {
	content: '18,093';
}

.main .owl-dot.active:nth-child(3)::before {
	color: #ffffff;
}

.main .owl-dot:nth-child(4)::before {
	content: '5';
}

.main .owl-dot.active:nth-child(4)::before {
	color: #ffffff;
}

.main .owl-dot:nth-child(5)::before {
	content: '42';
}

.main .owl-dot.active:nth-child(5)::before {
	color: #ffffff;
}
.main .owl-dot:nth-child(6)::before {
	content: '0';
}

.main .owl-dot.active:nth-child(8)::before {
	color: #ffffff;
}

.main .owl-dot span {
	width: 9px;
	height: 9px;
	display: block;
	border: 1px solid #fff;
	background: transparent;
	position: relative;
	z-index: 1000 !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 0;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
	box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
}

.main .owl-dot span, .main .owl-dot:before, .main .owl-dot:after {
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.main .owl-dot.active:nth-child(5) span, .main .owl-dot.active:nth-child(5)::after {
	background: #fff!important;
}

.main .owl-dot.active:nth-child(3) span, .main .owl-dot.active:nth-child(3)::after {
	background: #fff!important;
}

.main .owl-dot.active:nth-child(1) span, .main .owl-dot.active:nth-child(1)::after {
	background:#fff!important;
}

.main .owl-dot.active:nth-child(4) span, .main .owl-dot.active:nth-child(4)::after {
	background: #fff!important;
}

.main .owl-dot.active:nth-child(2) span, .main .owl-dot.active:nth-child(2)::after {
	background: #fff!important;
}

.main .owl-dot.active:nth-child(6) span, .main .owl-dot.active:nth-child(6)::after {
	background: #fff!important;
}

.main .owl-dot.active:nth-child(7) span, .main .owl-dot.active:nth-child(7)::after {
	background:#fff!important;
}

.main .owl-dot.active:nth-child(8) span, .main .owl-dot.active:nth-child(8)::after {
	background:#fff!important;
}


.main .owl-dot:hover span {
	background: rgba(255,255,255, 1);
}

.main .owl-dot.active span {
	background: transparent;
	border: 0px solid rgba(255,255,255, .8);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}
/*.controler {*/
/*    position: relative;*/
/*    bottom: 148px;*/
/*    /* right: 50%; */
/*    z-index: 999;*/
/*    /* margin-right: -570px; */
/*    width: 1140px;*/
/*    /* max-width: 1100px; */
/*    text-align: right;*/
/*}*/

.controler a {
    color: #afafaf;
    opacity: 1;
    cursor:pointer;
}

.controler a.focus {
    opacity: 1;
    color: #fff;
}

/*.main .owl-pagination {
    display: block;
    width: 1140px;
    position: absolute;
    bottom: 131px;
    left: 50%;
    text-align: center;
    margin: 0 0 0 -570px;
}

.main .owl-page {
    display: inline-block;
    padding: 0;
    position: relative;
    width: 20%;
}
.main .owl-page:after{
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	background: #fff;
	width: 97%;
	height:1px;
	z-index: 99;
}
.main .owl-page:before{color: rgba(255, 255, 255, 0.7);z-index: 99;position: absolute;
	top: -36px;
	left: -1px;
	font-weight:500;}
.main .owl-page:first-child::before {content: '미래도시';}
.main .owl-page.active:first-child::before {color: #55d09b;}
.main .owl-page:nth-child(2)::before {content: '종합부동산개발';}
.main .owl-page.active:nth-child(2)::before{color: #1b89e8;}
.main .owl-page:nth-child(3)::before {content: '에너지';}
.main .owl-page.active:nth-child(3)::before {color: #ff700c;}
.main .owl-page:nth-child(4)::before {content: '레저';}
.main .owl-page.active:nth-child(4)::before {color: #55d09b;}
.main .owl-page:nth-child(5)::before {content: '건설';}
.main .owl-page.active:nth-child(5)::before {color: #1b89e8;}

.main .owl-page span {
    width: 9px;
    height: 9px;
    display: block;
    border:1px solid #fff;
    background:transparent;
    position: relative;
    z-index: 1000 !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);}
.main .owl-page span, .main .owl-page:before, .main .owl-page:after {
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.main .owl-page.active:nth-child(1) span, .main .owl-page.active:nth-child(1)::after{background: #55d09b!important;}
.main .owl-page.active:nth-child(2) span, .main .owl-page.active:nth-child(2)::after{background: #1b89e8!important;}
.main .owl-page.active:nth-child(3) span, .main .owl-page.active:nth-child(3)::after{background: #ff700c!important;}
.main .owl-page.active:nth-child(4) span, .main .owl-page.active:nth-child(4)::after{background: #55d09b!important;}
.main .owl-page.active:nth-child(5) span, .main .owl-page.active:nth-child(5)::after{background: #1b89e8!important;}
.main .owl-page:hover span {
    background: rgba(255,255,255, 1);
}

.main .owl-page.active span {
    background: transparent;
    border: 0px solid rgba(255,255,255, .8);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}*/

.logo.owl-carousel .owl-dots {
	display: none;
}

.owl-pagination {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 30px;
	left: 0;
	text-align: center;
}

.owl-page {
	display: inline-block;
	padding: 6px 4px;
	position: relative;
}

.owl-page span {
	width: 6px;
	height: 6px;
	display: block;
	background: rgba(255,255,255, .7);
	position: relative;
	z-index: 1000 !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
	box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.owl-page:hover span {
	background: rgba(255,255,255, 1);
}

.owl-page.active span {
	background: transparent;
	bordeR: 1px solid rgba(255,255,255, .8);
	-webkit-transform: scale(1.3333333);
	-moz-transform: scale(1.3333333);
	-o-transform: scale(1.3333333);
	-ms-transform: scale(1.3333333);
	transform: scale(1.3333333);
}

.item-carousel .owl-prev {
	left: -125px;
}

.item-carousel .owl-next {
	right: -125px;
}

section:hover .item-carousel.owl-carousel .owl-prev {
	opacity: 1;
	left: -80px;
}

section:hover .item-carousel.owl-carousel .owl-next {
	opacity: 1;
	right: -80px;
}

.logo.owl-carousel.item-carousel {
	margin-bottom: 0;
	padding-bottom: 10px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.logo.owl-carousel.item-carousel {
	padding-bottom: 0;
}
  .logo.owl-carousel .owl-stage-outer {
    height: 50px;
  }
}
.item-carousel .owl-pagination {
	bottom: 0;
}

.work-full-slider .owl-pagination, .content-slider .owl-pagination {
	bottom: 15px;
}

.single-carousel, .small-item-carousel {
	margin-bottom: 35px;
}

.single-carousel .owl-pagination, .small-item-carousel .owl-pagination {
	position: relative;
	left: 0;
	top: 35px;
	margin: 0;
}

.single-carousel.black .owl-page span, .small-item-carousel.black .owl-page span {
	background: rgba(0,0,0, .15);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.single-carousel.black .owl-page:hover span, .small-item-carousel.black .owl-page:hover span {
	background: rgba(0,0,0, .4);
}

.single-carousel.black .owl-page.active span, .small-item-carousel.black .owl-page.active span {
	background: rgba(0,0,0, .4);
}

.single-carousel.black .owl-prev, .single-carousel.black .owl-next, .small-item-carousel.black .owl-prev, .small-item-carousel.black .owl-next {
	color: rgba(0,0,0, .2);
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.single-carousel.black .owl-prev:hover, .single-carousel.black .owl-next:hover, .small-item-carousel.black .owl-prev:hover, .small-item-carousel.black .owl-next:hover {
	color: rgba(0,0,0, .35);
}

.single-carousel .owl-prev, .small-item-carousel .owl-prev {
	left: -125px;
}

.single-carousel .owl-next, .small-item-carousel .owl-next {
	right: -125px;
}

section:hover .single-carousel .owl-prev, section:hover .small-item-carousel .owl-prev {
	opacity: 1;
	left: -80px;
}

section:hover .single-carousel .owl-next, section:hover .small-item-carousel .owl-next {
	opacity: 1;
	right: -80px;
}

.black-arrows .owl-prev, .black-arrows .owl-next {
	color: #fff;
}

.black-arrows .owl-prev:before, .black-arrows .owl-next:before {
	background: rgba(0,0,0, 1);
}

/*
 * Tabs
 */

.tpl-tabs {
	border-color: #e5e5e5;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
}

.tpl-tabs > li > a {
	text-decoration: none;
	color: #777;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.tpl-tabs > li > a:hover {
	background-color: #f5f5f5;
}

.tpl-tabs li.active a {
	color: #000;
}

.tpl-tabs-cont {
	padding: 30px 0;
	color: #777;
	line-height: 1.8;
}

/*
 * Tabs minimal
 */

.tpl-minimal-tabs {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0;
	border: none;
}

.tpl-minimal-tabs > li {
	padding: 0 30px;
	background: none !important;
}

.tpl-minimal-tabs > li > a {
	padding: 6px 20px 5px;
	text-decoration: none;
	color: #000;
	background: none;
	border: 1px solid transparent;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.tpl-minimal-tabs > li > a:hover {
	background: none;
	border-color: #e9e9e9;
	color: #777;
}

.tpl-minimal-tabs li.active a, .tpl-minimal-tabs li.active a:hover {
	border: 1px solid #222 !important;
	background: none !important;
	color: #000;
	cursor: default;
}

.tpl-minimal-tabs-cont {

}

/*
 * Tabs Alternative
 */

.tpl-alt-tabs {
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.4em;
	border: none;
}

.tpl-alt-tabs > li {
	width: 215px;
	display: inline-block;
	vertical-align: top;
	float: none;
	padding: 0;
	background: none !important;
}

.tpl-alt-tabs > li > a {
	text-decoration: none;
	color: #a3a3a3;
	background: none !important;
	border: none !important;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.tpl-alt-tabs > li > a:hover {
	background: none;
	color: #111;
}

.tpl-alt-tabs li.active a, .tpl-alt-tabs li.active a:hover, .tpl-alt-tabs li.active a:focus {
	cursor: default;
	color: #111;
}

.alt-tabs-icon {
	display: block;
	margin-bottom: 12px;
	font-size: 48px;
	letter-spacing: 0;
}

.tpl-minimal-tabs-cont {

}

/*
 * Alert messages
 */

.alert {
	margin: 0 auto 10px;
	padding: 14px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	font-size: 14px;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #777;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.success {
	border-color: #a9e2c2;
	color: #36a367;
}

.info {
	border-color: #9ecdfc;
	color: #297ad3;
}

.notice {
	border-color: #f9ce75;
	color: #e9a00a;
}

.error {
	border-color: #ffbbbb;
	color: #e33131;
}

/*
 * Accordion
 */

dl.toggle {
	margin: 0;
	border-top: 1px solid #333;
}

.toggle > dt {
	margin-bottom: -1px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
}

.toggle > dt > a {
	display: table;
	width: 100%;
	position: relative;
	color: #333;
    /* height: 52px; */
	text-decoration: none;
	padding: 15px 20px;
	border-bottom: 1px solid #d2d2d2;
	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.toggle > dt > a div {
	text-align: left;
	position: relative;
	display: table-cell;
}

.toggle > dt > a div:first-child {
	padding-right: 20px;
	font-weight: 300;
	width: 38px;
}

.toggle > dt > a div:nth-child(3) {
	float: right;
	padding: 0 20px;
	font-size: 13px;
	font-weight: 300;
	opacity: 0.8;
	margin-top: 2px;
}

.toggle > dt > a:hover {
	text-decoration: none;
    /*border-color: #ddd;*/
    /*background-color: #fcfcfc;    */
	color: #0071b8;
}

.toggle > dt > a.active {
	color: #fff;
	border-color: transparent;
	background-color: #003b61;
	cursor: pointer;
}

.toggle > dt > a:after {
	content: "\f107";
	width: 15px;
	height: 15px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	right: 10px;
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	color: #999;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.toggle > dt > a.active:after, .toggle > dt > a.active:hover:after {
	content: "\f106";
	color: #fff;
}

.toggle > dt > a:hover:after {
	color: #444;
}

.toggle > dd {
	padding: 20px 20px 15px 58px;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	border-bottom: 1px solid #d2d2d2;
	background: rgba(255, 255, 255, 0.7);
}

.toggle > dd strong {
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
	margin: 0 0 15px 0;
	display: inline-block;
	width: auto;
	font-size: 18px;
}

.toggle > dd p {
	padding-bottom: 10px;
	font-weight: 400;
	margin: 0;
}

.toggle > dd p span {
	font-size: 15px!important;
	font-weight: 400;
}
/*FAQ*/

dl.faq.accordion {
	border-top: 1px solid #b3610f;
}

.faq.accordion > dt > a:hover {
	color: #E57200;
}

.faq.accordion > dt > a.active:hover {
	color: #fff;
}

.faq.accordion > dt > a.active {
	background-color: #E57200;
}

.faq.accordion > dt > a div:last-child {
	/* float: left; */
	padding-right: 20px;
	font-size: 16px;
	font-weight: 700;
	opacity: 1;
	margin-top: 0px;
	display: table-cell;
}

.table_top {
	position: relative;
}

.table_top > strong {
	font-size: 14px;
	line-height: 18px;
	color: #000;
	font-weight: 400;
}

.table_top .abs_right {
	text-align: right;
}

.table_top .abs_right select {

	border: 0;
	height: 30px;
	border-bottom: 2px solid #6c6c6c;
	width: 70px;
	margin-right: 25px;
}

.table_top .abs_right .search {
	height: 34px;
	border-bottom: 2px solid #6c6c6c;
	display: inline-block;
}

.table_top .abs_right .search input {
	height: 34px;
	padding: 0 10px;
	background: none;
	border: 0;
	width: 90px;
	outline: none
}

.table_top .abs_right .search button {
	width: 18px;
	height: 18px;
	background: url('../images/common/bg_search_btn.png') 0 0 no-repeat;
	text-indent: -9999px;
	line-height: 0;
	display: inline-block;
	vertical-align: middle;
}

.result.search {
	height: 50px;
	border: 1px solid #d8d8d8;
	display: inline-block;
	background: #FFF;
	margin-top: 70px;
	width: 96%;
}

.result.search input {
	height: 45px;
	padding: 10px 20px;
	background: none;
	border: 0;
	width: 84%;
	outline: none;
}

.result.search button {
	width: 18px;
	height: 18px;
	background: url('../images/common/bg_search_btn.png') 0 0 no-repeat;
	text-indent: -9999px;
	line-height: 0;
	display: inline-block;
	vertical-align: middle;
	margin: 15px;
	float: right;
}

.search-container {
	margin-bottom: 0px;
}

.search-container .search-title {
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 1.52947;
	font-weight: 700;
	ma
	letter-spacing: -.021em;
	color: #333;
}

.search-container .search-description {
	font-size: 17px;
	line-height: 1.52947;
	margin-bottom: 5px;
	font-weight: 400;
	letter-spacing: -.021em;
	font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #555;
}

.search-container .category {
	color: #0176bf;
	font-size: 14px;
	line-height: 1.52947;
	font-weight: 300;
	letter-spacing: -.021em;
}

.search-results-value {
	font-size: 13px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: 0;
	margin-top: 60px;
	color: #555;
}
/*
 * Toggle
 */
/*.toggle > dt {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
}

.toggle > dt > a {
    display: block;
    position: relative;
    color: #777;
    text-decoration: none;
    padding: 14px 20px;
    border: 1px solid #e5e5e5;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.toggle > dt > a:hover {
    text-decoration: none;
    border-color: #ddd;
    background-color: #fcfcfc;
    color: #444;
}

.toggle > dt > a.active {
    color: #000;
    border-color: #ddd;
    background-color: #fcfcfc;
}

.toggle > dt > a:after {
    content: "\f107";
    width: 15px;
    height: 15px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #999;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.toggle > dt > a.active:after, .toggle > dt > a.active:hover:after {
    content: "\f106";
    color: #111;
}

.toggle > dt > a:hover:after {
    color: #444;
}

.toggle > dd {
    margin-bottom: 10px;
    padding: 10px 20px 20px;
    font-size: 14px;
    line-height: 1.8;
    color: #777;
}*/

/*
 * Progress bars
 */

.tpl-progress {
	margin-top: 10px;
	margin-bottom: 50px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
	overflow: visible;
	height: 2px;
	background: #f0f0f0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.tpl-progress .progress-bar {
	padding-top: 2px;
	position: relative;
	overflow: visible;
	background-color: #222;
	font-size: 14px;
	color: #000;
	text-align: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tpl-progress .progress-bar > span {
	display: inline-block;
	min-width: 24px;
	height: 24px;
	padding: 0 3px;
	position: absolute;
	top: 0px;
	right: -5px;
	text-align: center;
	line-height: 23px;
	letter-spacing: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.progress-color .progress-bar {
	background-color: #30354b;
	color: #30354b;
}

.progress-color .progress-bar > span {
	background-color: #30354b;
	color: #fff;
}

/* Alt bar */

.tpl-progress-alt {
	background: #f2f2f2;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.tpl-progress-alt .progress-bar {
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	overflow: visible;
	background-color: #222;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #fff;
	text-align: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.highlight pre {
	border-color: #eaeaea;
	background: #fcfcfc;
	color: #555;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/*
 * Font icons examples
 */

.fa-examples {
	color: #555;
	margin-left: 1px;
}

.fa-examples > div {
	padding: 0;
	border: 1px solid #e5e5e5;
	margin: -1px 0 0 -1px;
	font-size: 13px;
}

.fa-examples > div:hover {
	background: #f0f0f0;
	color: #000;
}

.fa-examples > div > i {
	display: inline-block;
	margin-right: 5px;
	min-width: 40px;
	min-height: 40px;
	border-right: 1px solid #f1f1f1;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
}

.fa-examples > div > .muted {
	margin-left: 5px;
	color: #999;
	font-size: 12px;
}

.fa-sm {
	width: 20px;
	font-size: 14px;
}

.et-examples {
	color: #555;
	margin-left: 1px;
	vertical-align: middle;
}

.et-examples .box1 {
	display: block;
	width: 33%;
	float: left;
	padding: 0;
	border: 1px solid #e5e5e5;
	margin: -1px 0 0 -1px;
	font-size: 13px;
}

@media only screen and (max-width: 1024px) {
	.et-examples .box1 {
		width: 50%;
	}
}

@media only screen and (max-width: 480px) {
	.et-examples .box1 {
		width: 100%;
	}
}

.et-examples .box1:hover {
	background: #f8f8f8;
	color: #111;
}

.et-examples .box1 > span {
	display: inline-block;
	margin-right: 5px;
	min-width: 70px;
	min-height: 70px;
	border-right: 1px solid #f1f1f1;
	line-height: 70px;
	text-align: center;
	font-size: 32px;
}

/* ==============================
   Intro page
   ============================== */

.intro-image {
	width: 100%;
}

.intro-label {
	position: absolute;
	top: 7px;
	right: 10px;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.label-new {
	background: #f32929;
	color: white;
	padding: 2px 3px;
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
}

.label-for-button {
	position: absolute;
	top: -5px;
	right: -5px;
}

.intro-label-round {
	width: 50px;
	height: 50px;
	position: absolute;
	top: -5px;
	right: -5px;
	color: rgba(255,255,255, .85);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0;
	line-height: 50px;
	background: #f32929;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.buy-button {
	display: inline-block;
	width: 50px;
	height: 50px;
	padding: 8px 0;
	position: fixed;
	bottom: 55px;
	right: 15px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	z-index: 100;
	-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.buy-button:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #58bf44;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.buy-button:hover, .buy-button:focus {
	color: #ffffff;
	text-decoration: none;
    /*-moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);*/
	transform: scale(1.2);
}

.buy-button i {
	position: relative;
	left: -1px;
}

.buy-button span {
	display: block;
	position: relative;
	margin-top: 1px;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: bold;
	text-transform: uppercase;
}

/* ==============================
   Special demos
   ============================== */
/*
 * Magazine
 */

.magazine-logo-text {
	margin-top: 0;
	position: relative;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 1.8;
}

.blog-posts-carousel-item {
	padding-bottom: 20px;
}

.blog-posts-carousel-item .post-prev-title, .blog-posts-carousel-item .post-prev-info {
	padding: 0 10px;
}

.blog-post-prev-small {
	color: #aaa;
	font-size: 12px;
	padding: 12px 0;
	border-top: 1px dotted #eaeaea;
}

.blog-post-prev-small a {
	font-size: 13px;
	display: block;
	color: #555;
	text-decoration: none;
	-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.blog-post-prev-small a:hover {
	color: #999;
}

.blog-posts-carousel-alt li img {
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.blog-posts-carousel-alt li:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.blog-slide-info {
	width: 100%;
	padding: 30px 30px 30px 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	letter-spacing: 0;
	color: rgba(255,255,255, .75);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
	background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
	background-color: rgba(0, 0, 0, 0);
	background: rgba(0,0,0, .65);
}

.blog-slide-title {
	margin-bottom: 6px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0;
}

.blog-slide-title a {
	display: block;
	color: rgba(255,255,255, .85);
	text-decoration: none;
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.blog-slide-title a:hover {
	color: rgba(255,255,255, 1);
}

.blog-slide-data {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0;
}

.blog-slide-data a {
	color: rgba(255,255,255, .65);
	text-decoration: none;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.blog-slide-data a:hover {
	color: rgba(255,255,255, 1);
	text-decoration: none;
}

/*
 * Landing
 */

.play-video-link {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	color: #111;
}

.play-video-link:hover, .play-video-link:focus {
	color: #777;
	text-decoration: none;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.play-video-link .fa {
	vertical-align: middle;
}

.download-button {
	display: inline-block;
	position: relative;
	padding: 13px 20px 13px 55px;
	border: 2px solid #111;
	text-align: left;
	text-decoration: none;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.download-button:hover, .download-button:focus {
	text-decoration: none;
	color: #111;
	opacity: .6;
}

.db-icon {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 28px;
	line-height: 40px;
	text-align: center;
}

.db-title {
	display: block;
	font-size: 12px;
	letter-spacing: 0;
	font-weight: 700;
	text-transform: uppercase;
}

.db-descr {
	display: block;
	font-size: 14px;
	color: #777;
	font-weight: 400;
}

/*
 * Photography 1
 */

.fullwidth-slideshow {
	cursor: grab;
	cursor: -webkit-grab;
	cursor: -moz-grab;
}

.fullwidth-slideshow-pager-wrap {
	cursor: default;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 60px 0 20px 0;
	z-index: 25;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .65)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
	background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
	background-color: rgba(0, 0, 0, 0);
}

.fullwidth-slideshow-pager-wrap .owl-item {
	opacity: .7;
	-webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.fullwidth-slideshow-pager-wrap .owl-item:hover {
	opacity: 1;
}

.fullwidth-slideshow-pager-wrap .owl-item.synced {
	opacity: 1;
}

.fsp-item {
	margin: 0 2px;
	cursor: pointer;
}

.fsp-item:active {
	-webkit-transform: scale(0.98);
	-moz-transform: scale(0.98);
	-o-transform: scale(0.98);
	-ms-transform: scale(0.98);
	transform: scale(0.98);
}

.fsp-item img {
	width: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, .75);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, .75);
}

/*
 * Photography 2
 */

.side-panel-is-left {
	margin-left: 270px;
}

.sp-overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(10,10,10, .85);
	cursor: crosshair;
	z-index: 1030;
}

.side-panel {
	position: fixed;
	top: 0;
	left: 0;
	width: 270px;
	height: 100%;
	padding-bottom: 60px;
	overflow-y: auto;
	color: rgba(255,255,255, .65);
	background: #151515;
	text-align: center;
	z-index: 1031;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sp-close-button {
	display: none;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 36px;
	height: 36px;
	border: 1px solid rgba(255,255,255, .5);
	opacity: .5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.sp-close-button:hover {
	opacity: .75;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sp-close-button:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background: #fff;
}

.sp-close-button:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 14px;
	margin: -7px 0 0 -1px;
	background: #fff;
}

/* Responsive menu button */

.sp-button {
	display: none;
	position: fixed;
	top: 20px;
	left: 20px;
	width: 54px;
	height: 54px;
	background: #111;
	opacity: .85;
	text-indent: -12345px;
	z-index: 1030;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.sp-button:hover {
	opacity: 1;
}

.sp-button span {
	display: block;
	width: 22px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1px 0 0 -11px;
	-webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.sp-button span:before, .sp-button span:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
	top: -6px;
	left: 0;
	-webkit-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -webkit-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
	-moz-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -moz-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
	-o-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -o-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
	-ms-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -ms-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
	transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
}

.sp-button span:after {
	top: auto;
	bottom: -6px;
}

/* Logo */

.sp-logo-wrap {

}

.sp-logo-wrap .logo {
	display: block;
	padding: 30px;
	text-align: center;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.sp-logo-wrap .logo img {
	max-width: 100%;
}

/* Menu */

.sp-wrapper {

}

.sp-menu-links, .sp-menu-links ul {
	margin: 0;
	padding: 10px 0;
	line-height: 1.3;
	text-align: center;
}

.sp-menu-links ul.sp-sub {
	padding: 0;
}

.sp-menu-links a {
	display: block;
	position: relative;
	margin: 0;
	padding: 15px 20px;
	color: #999;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(255,255,255, .1);
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	z-index: 11;
}

.no-touch .sp-menu-links a:hover, .sp-menu-links a:active, .sp-menu-links li.js-opened > a {
	color: #d5d5d5;
	text-decoration: none;
}

.no-touch .sp-menu-links a:hover {
	background-color: rgba(255,255,255, .05);
}

.sp-menu-links li {
	margin: 0;
	padding: 0;
	position: relative;
}

.sp-menu-links li > a:active, .sp-menu-links li a.active {
	color: #f5f5f5;
}

.sp-menu-links li.js-opened:before {
	display: none;
}

.no-touch .sp-menu-links li.js-opened > a:hover, .sp-menu-links li.js-opened > a:active {
	color: #fff;
}

.sp-has-sub {

}

.sp-has-sub .fa {
	font-size: 14px;
}

.js-opened > .sp-has-sub > .fa {
	color: #fff;
}

.sp-sub {
	display: none;
	opacity: 0;
	position: relative;
}

.sp-sub > li > a {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	font-weight: 400;
}

.sp-menu-links li.js-opened .sp-sub {
	opacity: 1;
}

.sp-search {
	width: 100%;
}

.sp-search input.search-field {
	background: transparent;
	color: #555;
	text-align: center;
	border: none;
	border-bottom: 1px solid rgba(255,255,255, .2);
}

.sp-search input.search-field:hover {
	border: none;
	border-bottom: 1px solid rgba(255,255,255, .4);
}

.sp-search input.search-field:focus {
	color: #999;
	border-color: rgba(255,255,255, .7);
}

.sp-search .search-button:hover {
	color: #fff;
}

/* Social links */

.sp-social-links {
	position: fixed;
	bottom: 0;
	left: 0;
	width: inherit;
	padding: 10px 10px 30px 10px;
	font-size: 14px;
	text-align: center;
	background: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1032;
}

.sp-social-links > a {
	display: inline-block;
	margin: 0 2px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border: 1px solid rgba(255,255,255, .15);
	text-align: center;
	text-decoration: none;
	color: #555;
	-webkir-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.sp-social-links > a:hover {
	border-color: rgba(255,255,255, .3);
	color: #999;
}

/* White side panel */

.side-panel.white {
	color: rgba(0,0,0, .65) !important;
	background: #fafafa;
	border-right: 1px solid rgba(0,0,0, .07);
}

.side-panel.white .sp-close-button {
	border: 1px solid rgba(0,0,0, .5);
}

.side-panel.white .sp-close-button:before {
	background: #000;
}

.side-panel.white .sp-close-button:after {
	background: #000;
}

.side-panel.white .sp-menu-links a {
	color: #777;
	-webkit-tap-highlight-color: rgba(0,0,0, .05);
}

.side-panel.white .sp-menu-links li {
	border-top: 1px solid rgba(0,0,0, .04);
}

.side-panel.white .sp-menu-links li:last-child {
	border-bottom: 1px solid rgba(0,0,0, .04);
}

.no-touch .side-panel.white .sp-menu-links a:hover, .side-panel.white .sp-menu-links a:active, .side-panel.white .sp-menu-links li.js-opened > a {
	color: #111;
	text-decoration: none;
}

.no-touch .side-panel.white .sp-menu-links a:hover {
	background-color: rgba(0,0,0, .03);
}

.side-panel.white .sp-menu-links li > a:active, .side-panel.white .sp-menu-links li a.active {
	color: #111;
}

.no-touch .side-panel.white .sp-menu-links li.js-opened > a:hover, .side-panel.white .sp-menu-links li.js-opened > a:active {
	color: #111;
}

.side-panel.white .js-opened > .sp-has-sub > .fa {
	color: #333;
}

.side-panel.white .sp-sub > li {
	border: none!important;
}

.side-panel.white .sp-social-links > a {
	border: 1px solid rgba(0,0,0, .15);
	color: rgba(0,0,0, .4);
}

.side-panel.white .sp-social-links > a:hover {
	border-color: rgba(0,0,0, .3);
	color: rgba(0,0,0, .75);
}

/* Photo Tilt effect */

.tilt-wrap {
	width: 100%;
	position: relative;
}

.tilt {
	overflow: visible;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.tilt__back, .tilt__front {
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tilt__back {
	position: relative;
}

.tilt__front {
	position: absolute;
	top: 0;
	left: 0;
}

/*
 * Coming soon page
 */

.countdown {
	display: inline-block;
}

.countdown > li {
	float: left;
	margin: 0 30px;
}

.countdown-number {
	position: relative;
	display: block;
	width: 94px;
	height: 94px;
	color: #111;
	font-size: 36px;
	text-align: center;
	line-height: 84px;
}

.countdown-number > span {
	position: relative;
	z-index: 2;
}

.countdown-number > b {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 20px;
	left: 0;
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 1;
	color: #999;
	z-index: 2;
}

.countdown-number:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255, .95);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1;
}

/* Dark Timer */

.countdown.dark .countdown-number {
	color: #fff;
}

.countdown.dark .countdown-number > b {
	color: #aaa;
}

.countdown.dark .countdown-number:before {
	background: rgba(0,0,0, .8);
}

/* ==============================
   Bootstrap multicolumn grid
   ============================== */
/* clear the first in row for any block that has the class "multi-columns-row" */

.multi-columns-row .col-xs-6:nth-child(2n + 3) {
	clear: left;
}

.multi-columns-row .col-xs-4:nth-child(3n + 4) {
	clear: left;
}

.multi-columns-row .col-xs-3:nth-child(4n + 5) {
	clear: left;
}

.multi-columns-row .col-xs-2:nth-child(6n + 7) {
	clear: left;
}

.multi-columns-row .col-xs-1:nth-child(12n + 13) {
	clear: left;
}

@media (min-width: 768px) {
	/* reset previous grid */

	.multi-columns-row .col-xs-6:nth-child(2n + 3) {
		clear: none;
	}

	.multi-columns-row .col-xs-4:nth-child(3n + 4) {
		clear: none;
	}

	.multi-columns-row .col-xs-3:nth-child(4n + 5) {
		clear: none;
	}

	.multi-columns-row .col-xs-2:nth-child(6n + 7) {
		clear: none;
	}

	.multi-columns-row .col-xs-1:nth-child(12n + 13) {
		clear: none;
	}

    /* clear first in row for small columns */

	.multi-columns-row .col-sm-6:nth-child(2n + 3) {
		clear: left;
	}

	.multi-columns-row .col-sm-4:nth-child(3n + 4) {
		clear: left;
	}

	.multi-columns-row .col-sm-3:nth-child(4n + 5) {
		clear: left;
	}

	.multi-columns-row .col-sm-2:nth-child(6n + 7) {
		clear: left;
	}

	.multi-columns-row .col-sm-1:nth-child(12n + 13) {
		clear: left;
	}
}

@media (min-width: 992px) {
	/* reset previous grid */

	.multi-columns-row .col-sm-6:nth-child(2n + 3) {
		clear: none;
	}

	.multi-columns-row .col-sm-4:nth-child(3n + 4) {
		clear: none;
	}

	.multi-columns-row .col-sm-3:nth-child(4n + 5) {
		clear: none;
	}

	.multi-columns-row .col-sm-2:nth-child(6n + 7) {
		clear: none;
	}

	.multi-columns-row .col-sm-1:nth-child(12n + 13) {
		clear: none;
	}

    /* clear first in row for medium columns */

	.multi-columns-row .col-md-6:nth-child(2n + 3) {
		clear: left;
	}

	.multi-columns-row .col-md-4:nth-child(3n + 4) {
		clear: left;
	}

	.multi-columns-row .col-md-3:nth-child(4n + 5) {
		clear: left;
	}

	.multi-columns-row .col-md-2:nth-child(6n + 7) {
		clear: left;
	}

	.multi-columns-row .col-md-1:nth-child(12n + 13) {
		clear: left;
	}
}

@media (min-width: 1200px) {
	/* reset previous grid */

	.multi-columns-row .col-md-6:nth-child(2n + 3) {
		clear: none;
	}

	.multi-columns-row .col-md-4:nth-child(3n + 4) {
		clear: none;
	}

	.multi-columns-row .col-md-3:nth-child(4n + 5) {
		clear: none;
	}

	.multi-columns-row .col-md-2:nth-child(6n + 7) {
		clear: none;
	}

	.multi-columns-row .col-md-1:nth-child(12n + 13) {
		clear: none;
	}

    /* clear first in row for large columns */

	.multi-columns-row .col-lg-6:nth-child(2n + 3) {
		clear: left;
	}

	.multi-columns-row .col-lg-4:nth-child(3n + 4) {
		clear: left;
	}

	.multi-columns-row .col-lg-3:nth-child(4n + 5) {
		clear: left;
	}

	.multi-columns-row .col-lg-2:nth-child(6n + 7) {
		clear: left;
	}

	.multi-columns-row .col-lg-1:nth-child(12n + 13) {
		clear: left;
	}
}

.gnb {
	margin: 0 auto;
	height: 80px;
	position: relative;
	z-index: 10;
}

.gnb.sub_gnb {
	background: #FFF;
}

.gnb h1.logo {
	width: 175px;
	height: 45px;
	position: absolute;
	left: 40px;
	top: 19px;
}

.gnb h1.logo a {
	width: 175px;
	height: 45px;
	background: url('../images/logo-bsc.png') no-repeat;
	background-size: 170px;
	text-indent: -9999px;
	line-height: 0;
	display: block;
}

.gnb .nav_link {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -205px;
}

.gnb .nav_link:after {
	content: '';
	display: block;
	clear: both;
}

.gnb .nav_link > ul > li {
	position: relative;
	float: left;
}

.gnb .nav_link > ul > li > a {
	font-size: 18px;
	line-height: 80px;
	font-weight: 700;
	color: #222;
	display: inline-block;
	padding: 0 22px;
	transition: all .2s;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
}

.gnb .nav_link > ul > li.over > a {
	color: #2da8df;
}

.gnb .nav_link > ul > li > .ul_left {
	position: absolute;
	left: -9999px;
	top: 80px;
	padding: 15px 20px;
	background: rgba(3, 22, 58, 0.85);
	box-shadow: 0 16px 50px rgba(0, 0, 0, 0.07);
	opacity: 0;
	display: none;
}

.gnb .nav_link > ul > li.over > .ul_left {
	left: 0;
	opacity: 1;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-ms-transition: opacity .5s;
	display: block;
}

.gnb .nav_link > ul > li > .size01 {
	width: 680px;
}

.gnb .nav_link > ul > li > .size02 {
	width: 1080px;
	left: auto;
	left: -326%!important;
	margin: 0 auto;
}

.gnb .nav_link > ul > li > .size02 ul {
	float: none;
	width: 100%;
	text-align: center;
}

.gnb .nav_link > ul > li > .size03 {
	width: 630px;
	left: auto;
	right: 0;
	float: right;
	left: auto!important;
	padding: 15px 3px;
}

.gnb .nav_link > ul > li > .ul_left ul {
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.gnb .nav_link > ul > li > .ul_left.size03 ul {
	float: right;
	width: auto;
	margin-bottom: 0;
}

.gnb .nav_link > ul > li > .ul_left:after {
	content: '';
	display: block;
	clear: both;
}

.gnb .nav_link > ul > li > .ul_left ul {
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.gnb .nav_link > ul > li > .ul_left ul li {
	display: inline-block;
	padding-bottom: 5px;
	padding-right: 20px;
}

.gnb .nav_link > ul > li > .ul_left ul li.submenuLead a {
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	font-weight: 700;
    /* padding-bottom: 10px; */
	display: inline-block;
	width: 100px;
}

.gnb .nav_link > ul > li > .ul_left ul li:nth-child(2) {
	/* padding-top: 10px; */
}

.gnb .nav_link > ul > li > .ul_left ul li a {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
	line-height: 26px;
	font-weight: 400;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	cursor: pointer;
}

.gnb .nav_link > ul > li > .ul_left ul li a:hover {
	color: #2da8df;
    /*	padding-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, .75);*/
}

.gnb .right_menu {
	position: absolute;
	right: 40px;
	top: 18px;
}

.gnb .right_menu .m_menu {
	width: 23px;
	height: 12px;
	background: url(../images/common/btn_mobile_menu.png) 0 0 no-repeat;
	text-indent: -9999px;
	line-height: 0;
	display: inline-block;
	vertical-align: middle;
}

.gnb .right_menu .sujain {
	width: 73px;
	height: 26px;
	background: url('../images/common/logo02.png') 0 0 no-repeat;
	text-indent: -9999px;
	line-height: 0;
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
}

.gnb .right_menu .select_mode {
	display: inline-block;
	border: 1px solid #transparent;
	height: 40px;
	overflow: hidden;
	vertical-align: top;
	margin-right: 10px;
}

.gnb .right_menu .select_mode a {
	font-size: 16px;
	line-height: 40px;
	display: inline-block;
	color: #000;
	padding: 0 26px 0 18px;
	display: none;
	font-weight: 700;
}

.gnb .right_menu .select_mode a.on {
	font-size: 16px;
	line-height: 40px;
	display: inline-block;
	color: #000;
	padding: 0 26px 0 26px;
	background: url('../images/common/bg_gnb_select.png') 52px 50% no-repeat;
	display: inline-block;
}

.gnb .right_menu .select_mode.on {
	overflow: visible;
	height: auto;
	border-color: #ebebeb;
	vertical-align: top;
    /* background: #fff; */
}

.gnb .right_menu .select_mode.on a {
	font-size: 16px;
	line-height: 40px;
	display: inline-block;
	color: #b8b8b8;
	padding: 0 26px 0 18px;
	display: inline-block;
	background: #0b1726;
	margin-left: 8px;
}

.gnb .right_menu .select_mode.on a.on {
	color: #fff;
}

.gnb .right_menu .search_in {
	display: inline-block;
	vertical-align: middle;
}

.gnb .right_menu .search_in button {
	width: 18px;
	height: 18px;
	background: url('../images/common/bg_search_btn.png') 0 0 no-repeat;
	text-indent: -9999px;
	line-height: 0;
	display: inline-block;
	vertical-align: middle;
}

.gnb .right_menu .search_in .search_hide {
	display: inline-block;
	width: 202px;
	padding: 6px;
	border: 1px solid #transparent;
}

.gnb .right_menu .search_in .search_hide button {
	margin-left: 184px;
}

.gnb .right_menu .search_in .search_hide input {
	height: 18px;
	line-height: 18px;
	border: 0;
	width: 184px;
	display: none;
	padding: 0 8px;
	font-size: 14px;
}

.gnb .right_menu .search_in.view input {
	display: inline-block;
	color: #000;
}

.gnb .right_menu .search_in.view input::placeholder {
	color: #b8b8b8;
}

.gnb .right_menu .search_in.view .search_hide {
	display: inline-block;
	width: 225px;
	padding: 6px;
	border: 1px solid #2da8df;
}

.gnb .right_menu .search_in.view .search_hide button {
	margin: 0;
}

.white_mode .gnb {
	margin: 0 auto;
	height: 96px;
	position: relative;
	border-bottom: 0;
}

.white_mode .gnb h1.logo a {
	background: url('../images/common/logo.png') 0 -31px no-repeat;
}

.white_mode .gnb .nav_link > ul > li > a {
	color: #fff;
}

.white_mode .gnb .nav_link > ul > li.over > a {
	color: #cc755d;
}

.white_mode .gnb .right_menu {
	position: absolute;
	right: 40px;
	top: 20px;
}

.white_mode .gnb .right_menu .m_menu {
	width: 23px;
	height: 15px;
	background: url('../images/common/btn_mobile_menu.png') 0 -22px no-repeat;
}

.white_mode .gnb .right_menu .sujain {
	width: 73px;
	height: 26px;
	background: url('../images/common/logo02.png') 0 -26px no-repeat;
}

.white_mode .gnb .right_menu .select_mode {
	display: inline-block;
	border: 0;
	height: 40px;
	overflow: hidden;
	vertical-align: top;
	margin-right: 10px;
	padding: 1px;
}

.white_mode .gnb .right_menu .select_mode a {
	font-size: 16px;
	line-height: 40px;
	display: inline-block;
	color: #fff;
	padding: 0 26px 0 18px;
	display: none;
	font-weight: 700;
}

.white_mode .gnb .right_menu .select_mode a.on {
	font-size: 16px;
	line-height: 40px;
	display: inline-block;
	color: #fff;
	padding: 0 26px 0 18px;
	background: url('../images/common/bg_gnb_select02.png') 45px 50% no-repeat;
	display: inline-block;
}

.white_mode .gnb .right_menu .select_mode.on {
	overflow: visible;
	height: auto;
	border: 1px solid #fff;
	vertical-align: top;
	background: none;
	padding: 0;
}

.white_mode .gnb .right_menu .select_mode.on a {
	font-size: 16px;
	line-height: 40px;
	display: inline-block;
	color: #fff;
	padding: 0 26px 0 18px;
	display: inline-block;
}

.white_mode .gnb .right_menu .select_mode.on a.on {
	color: #fff;
}

.white_mode .gnb .right_menu .search_in {
	display: inline-block;
	vertical-align: middle;
}

.white_mode .gnb .right_menu .search_in button {
	width: 18px;
	height: 18px;
	background: url('../images/common/bg_search_btn_white.png') 0 0 no-repeat;
	text-indent: -9999px;
	line-height: 0;
	display: inline-block;
	vertical-align: middle;
}

.white_mode .gnb .right_menu .search_in .search_hide {
	display: inline-block;
	width: 202px;
	padding: 16px;
	border: 0;
}

.white_mode .gnb .right_menu .search_in .search_hide button {
	margin-left: 184px;
}

.white_mode .gnb .right_menu .search_in .search_hide input {
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	border: 0;
	width: 184px;
	display: none;
	padding: 0;
}

.white_mode .gnb .right_menu .search_in.view input {
	display: inline-block;
	background: none;
	color: #fff;
}

.white_mode .gnb .right_menu .search_in.view input::placeholder {
	color: #fff;
}

.white_mode .gnb .right_menu .search_in.view .search_hide {
	display: inline-block;
	width: 202px;
	padding: 15px;
	border: 1px solid #ebebeb;
}

.white_mode .gnb .right_menu .search_in.view .search_hide button {
	margin: 0;
}

.string {
	padding: 7px 27px;
	font-size: 14px;
	background: #a6e6da;
	float: left;
	position: relative;
	border-radius: 20px;
	height: 37px;
	font-weight: 700;
}

.footer .fam_div {
	position: relative;
	right: 0;
    /* bottom: 40px; */
	margin-right: 0;
	text-align: right;
	z-index: 9;
}

.footer .fam_div > a {
	display: inline-block;
	width: 183px;
	height: 46px;
	font-size: 14px;
	font-weight: 700;
	line-height: 45px;
	color: #333;
	border: 1px solid #333;
	text-transform: uppercase;
	text-align: center;
}

.footer .fam_div .all_fam {
	position: absolute;
	bottom: 46px;
	right: 0;
	width: 183px;
	height: 0;
	overflow: hidden;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	text-align: left;
}

.footer .fam_div ul {
	background: #016dba;
	padding: 20px 0 20px 0;
	top: -20px;
	position: relative;
}

.footer .fam_div ul a {
	font-size: 15px;
	line-height: 30px;
	padding-left: 20px;
	color: #fff;
	font-weight: 400;
	display: inline-block;
	height: 30px;
}

.footer .fam_div.over .all_fam {
	height: 330px;
	-webkit-box-shadow: 0px 0px 25px rgba(255, 255, 255, .2);
	-moz-box-shadow: 0px 0px 25px rgba(255, 255, 255, .2);
	box-shadow: 0px 0px 25px rgba(255, 255, 255, .2);
}

.footer .fam_div.over > a {
	background: #000000;
	color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(255, 255, 255, 0);
}

.footer .logo {
	width: 160px;
}

.qhickmenu {
	position: relative;
	margin-left: -5px;
}

.qhickmenu:after {
	position: absolute;
	z-index: -1;
	content: '';
	height: 1px;
	width: 2560px;
	left: 50%;
	top: 17px;
	margin-left: -1280px;
	background: #dedede;
}

.qhickmenu div {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.qhickmenu div a {
	position: relative;
	margin-right: 15px;
	padding: 7px 15px;
	border: 1px solid #c9c9c9;
	border-radius: 30px;
	font-weight: 700;
	color: #333;
	font-size: 15px;
	text-decoration: none;
	background: #fff;
	line-height: 35px;
}

.qhickmenu div a:hover {
	background: #e57200;
	color: #fff;
	border: 1px solid #e57200;
}

.qhickmenu div.nav02 a:hover {
	background: #006dba;
	color: #fff;
	border: 1px solid #006dba;
}

.qhickmenu div.nav03 a:hover, .qhickmenu div.nav04 a:hover {
	background: #249e6b;
	color: #fff;
	border: 1px solid #249e6b;
}

.interviewee {
	display: table;
	position: relative;
	height: 490px;
	margin-top: 25px;
}
.interviewee img {
	height: 490px;
}

.interviewee-inner {
	display: table-cell;
	vertical-align: middle;
}

.interviewee .interviewee-inner h4 img {
	max-height: 26px;
	padding-right: 10px;
}

.interviewee .interviewee-inner h4 div {
	font-weight: 400;
	float: left;
}

.interviewee-txt h3 {
	color: rgba(0, 0, 0, 0.75);
	font-weight: 400;
	font-size: 24px;
}

.interviewee-txt p, .interviewee-txt span {
	color: rgba(0, 0, 0, 0.7);
	font-size: 16px !important;
	margin: 0;
	line-height: 1.7 !important;
}

.page-section.interviewee-txt .col-md-8 {
	background: rgba(255, 255, 255, 0.95);
}
/*** 홍보센터 **/

.pr-view {
	display: table;
	position: relative;
	min-height: 269px;
	text-align: center;
	width: 70%;
	margin: 16px auto 0 auto;
}
.pr-view-inner {
    display: table-cell;
    vertical-align: middle;
}
.pr-view-inner h1 {
	font-size: 42px;
}

.pr-view-inner p.date {
	font-size: 18px;
	opacity: 0.7;
}

.pr-view .space {
	padding-right: 15px;
	margin-right: 15px;
	position: relative;
}

.pr-view .space:last-child {
	padding-right: 0;
	margin-right: 0;
}

.pr-view .space:after {
	content: '';
	position: absolute;
	background: rgba(255, 255, 255, 0.3);
	width: 1px;
	height: 13px;
	right: -2px;
	top: 7px;
}

.pr-view .space:last-child::after {
	display: none;
}

.gardening-photo3 {
	position: absolute;
	left: -20%;
	top: -30%;
}

.movie-big-thumb {
	background-attachment: inherit;
}

.customoverlay {
	position: relative;
	bottom: 17px;
	border-radius: 6px;
	border: 1px solid #ccc;
	border-bottom: 2px solid #ddd;
	float: left;
	width: 260px;
}

.customoverlay:nth-of-type(n) {
	border: 0;
	box-shadow: 0px 1px 2px #888;
}

.customoverlay a {
	display: block;
	text-decoration: none;
	color: #000;
	text-align: left;
	border-radius: 6px;
	padding: 15px;
	overflow: hidden;
	background: #fff;
    /*background: #d95050 url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;*/
}

.customoverlay a .symbol {
	max-width: 50px;
	width: 50px;
	position: absolute;
	right: 18px;
	top: 17px
}

.customoverlay a .title {
	display: block;
	text-align: left;
	margin-right: 35px;
	/*     padding: 10px 15px; */
	font-size: 18px;
	font-weight: 700!important;
}

.customoverlay a .address {
	display: block;
	text-align: left;
	margin-right: 35px;
	padding: 0px 0 10px 0;
	font-size: 13px;
	font-weight: 400;
	color: #666;
}

.customoverlay a .btn {
	background: #0093ef;
	color: #fff;
	padding: 3px 10px;
	font-weight: 700;
}

.customoverlay a .btn i {
	padding-left: 10px;
}

.customoverlay:after {
	content: '';
	position: absolute;
	margin-left: -12px;
	left: 50%;
	bottom: -12px;
	width: 22px;
	height: 12px;
	background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')
}
/* 기업연혁*/

.scroll_cont {
	overflow-y: hidden;
}

.scroll_cont body {
	overflow-y: hidden;
}

.scroll_cont #wrap {
	overflow-y: scroll;
	height: 100%;
}

.history_wrap {
	width: 1140px;
	position: relative;
	left: 50%;
	margin-left: -570px;
	height: 930px;
	position: relative;
}

.history_wrap h3 {
	font-size: 18px;
	line-height: 29px;
	color: #000;
	font-weight: 700;
	padding-left: 103px;
	position: relative;
}

.history_wrap h3:after {
	content: '';
	width: 73px;
	height: 1px;
	background: #b7b7b7;
	position: absolute;
	left: 0;
	top: 50%;
}

.history_wrap .year_wrap {
	margin-top: 0;
	position: relative;
}

.history_wrap .year_wrap h4 {
	font-size: 80px;
	line-height: 96px;
	color: #1c3847;
	font-weight: bold;
	margin-bottom: 15px;
}

.history_wrap .year_wrap strong {
	font-weight: 400;
	font-size: 24px;
	color: #0176bf;
}

.history_wrap .year_wrap .abs_year {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.history_wrap .year_wrap .abs_year:before {
	content: '';
	width: 3000px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	background: #b7b7b7;
	z-index: 1;
}

.history_wrap .year_wrap .abs_year li {
	float: left;
	margin-right: 30px;
	position: relative;
	z-index: 3;
}

.history_wrap .year_wrap .abs_year li.on a {
	border-color: #f47720;
	background: #f47720;
	color: #fff;
}

.history_wrap .year_wrap .abs_year li a {
	position: relative;
	margin-right: 15px;
	padding: 7px 15px;
	border: 1px solid #c9c9c9;
	border-radius: 30px;
	font-weight: 700;
	color: #333;
	font-size: 15px;
	text-decoration: none;
	background: #fff;
	line-height: 35px;
}

.history_wrap .year_wrap .top_text {
	font-size: 16px;
	line-height: 26px;
	color: rgba(0, 0, 0, 0.7);
	margin-top: 0;/* height:170px; */
}

.history_wrap .year_wrap .year_hestory {
	padding: 100px 0 0 0;
	width: 28000px;
}

.history_wrap .year_wrap .year_hestory:after {
	content: '';
	display: block;
	clear: both;
}

.history_wrap .year_wrap .year_hestory > div {
	float: left;
}

.history_wrap .year_wrap .year_hestory .year_step01 {
	border-left: 1px solid #eee;
	padding-left: 30px;
}

.history_wrap .year_wrap .year_hestory .year_step01:first-child {
	border-left: 0px solid #eee;
	padding-left: 0px;
}

.history_wrap .year_wrap .com_yeay {

}

.history_wrap .year_wrap .com_yeay:after {
	content: '';
	display: block;
	clear: both;
}

.history_wrap .year_wrap .com_yeay .year_box {
	float: left;
	position: relative;
	padding-right: 30px;
}

.history_wrap .year_wrap .com_yeay .year_box div {
	padding-bottom: 20px
}

.history_wrap .year_wrap .com_yeay .year_box > strong {
	font-size: 36px;
	line-height: 40px;
	color: rgba(27, 56, 71, 0.9);
	height: 40px;
	font-weight: 400;
	display: block;
}

.history_wrap .year_wrap .com_yeay .year_box ul {
	margin-top: 10px;
	width: 380px;
	display: inline-table;
}

.history_wrap .year_wrap .com_yeay .year_box ul li {
	padding: 3px 0;
	min-height: 13px;
	line-height: 1.4;
	float: left;
	width: 100%;
}

.history_wrap .year_wrap .com_yeay .year_box ul strong {
	font-size: 14px;
	line-height: 18px;
	color: #616e76;
	display: inline-block;
	vertical-align: top;
	width: 35px;
	width: 8%;
	float: left;
}

.history_wrap .year_wrap .com_yeay .year_box ul span {
	font-size: 14px;/* line-height: 18px; */
	color: #333;
	display: inline-block;
	vertical-align: top;
	width: 92%;
	float: left;
}

.history_wrap .scrolll_wrap {
	width: 150%;
	overflow-x: scroll;
}

html.mobile.scroll_cont {
	overflow-y: auto;
}

html.mobile.scroll_cont body {
	overflow-x: unset;
	overflow-y: unset;
}

html.mobile.scroll_cont #wrap {
	overflow: unset;
}

html.mobile .history_wrap {
	width: auto;
	position: static;
	margin: 0;
	height: auto;
	padding: 0 15px;
}

html.mobile .history_wrap .year_wrap .com_yeay .year_box ul li {
	/* display: block; *//* clear: both; *//* position: relative; */
	float: left;
	width: 100%;
}

html.mobile .history_wrap .year_wrap {
	margin-top: 0;
	padding-top: 35px;
}

html.mobile .history_wrap .scrolll_wrap {
	width: auto;
	overflow: unset;
}

html.mobile .history_wrap h3 {
	padding-left: 60px;
}

html.mobile .history_wrap h3:after {
	width: 45px;
}

html.mobile .history_wrap .year_wrap h4 {
	font-size: 40px;
	line-height: 38px;
	color: #1c3847;
	margin-top: 35px;
}

html.mobile .history_wrap .year_wrap .year_hestory > div {
	float: none;
}

html.mobile .history_wrap .year_wrap .year_hestory {
	width: auto;
	background: none;
	padding-top: 0;
}

html.mobile .history_wrap .year_wrap .abs_year {
	position: relative;
	left: 0;
	top: auto;
	margin: 0;
		transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

html.mobile .history_wrap .year_wrap.fixed .abs_year {
	position: fixed !important;
	top: 55px;
	left: 0px;
	padding:15px;
	z-index: 99;
	background: #FFF;
	width: 100%;
	height: 60px;
	box-shadow: 12px 0 40px rgba(170, 184, 204, 0.3);
}

html.mobile .history_wrap .year_wrap .abs_year:after {
	content: '';
	display: block;
	clear: both;
}

html.mobile .history_wrap .year_wrap .abs_year:before {
	display: none;
}

html.mobile .history_wrap .year_wrap .abs_year li.on a {
	border: none;
    border-bottom: 2px solid #E57200;
    border-radius: 0;
    font-weight: 700;
    color: #E57200;
    font-size: 14px;
    text-decoration: none;
    background: transparent;
    letter-spacing: -0.02em;
    line-height: 29px;
    width: 100%;
    display: block;
    text-align: center;
}

html.mobile .history_wrap .year_wrap .abs_year li a {
	position: relative;
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    font-weight: 700;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    background: transparent;
    letter-spacing: -0.02em;
    line-height: 29px;
    width: 100%;
    display: block;
    text-align: center;
}
html.mobile .history_wrap .year_wrap .abs_year li a:after {
    background: rgba(0, 0, 0, 0.2);
    content: '';
    display: inline-block;
    height: 11px;
    margin-right: 7px;
    margin-top: 8px;
    vertical-align: middle;
    width: 1px;
    right: -19px;
    position: absolute;
}
html.mobile .history_wrap .year_wrap .abs_year li:last-child  a:after{
		display:none;
	}
html.mobile .history_wrap .year_wrap .abs_year li {
	    float: none;
    display: inline-block;
    position: relative;
    margin-right: 20px;
}

html.mobile .history_wrap .year_wrap .abs_year li:last-child {
	margin-right: 0;
}

html.mobile .history_wrap .year_wrap .top_text {
	font-size: 20px;
	line-height: 25px;
	margin-top: 15px;
	height: auto;
}

html.mobile .history_wrap .year_wrap .com_yeay .year_box {
	/* float:none; */
}

html.mobile .history_wrap .year_wrap .com_yeay .year_box > strong {
	margin-top: 0;
	font-size: 22px;
	line-height: 26px;
	/* color: #cc755d; */
	font-weight: bold;
	font-family: 'Graphik', 'Apple SD Gothic Neo',  'Noto Sans KR', sans-serif;
	height: auto;
}

html.mobile .history_wrap .year_wrap .com_yeay {
	margin-top: 35px;
}

html.mobile .history_wrap .year_wrap .com_yeay .mobileView.img {
	margin-top: 35px;
}

html.mobile .history_wrap .year_wrap .com_yeay .mobileView.img img {
	width: 100%;
}

html.mobile .history_wrap .year_wrap .com_yeay .year_box ul {
	width: 100%;
}

html.mobile .history_wrap .year_wrap .com_yeay .year_box ul strong {
	font-size: 15px;
	line-height: 22px;
	color: #616e76;
	font-weight: bold;
	font-family: 'Graphik', 'Apple SD Gothic Neo',  'Noto Sans KR', sans-serif;
	position: relative;
	width: 9%;
	float: left;
}

html.mobile .history_wrap .year_wrap .com_yeay .year_box ul span {
	font-size: 15px;
	line-height: 22px;
	color: #000;
	position: relative;/* padding-left: 50px; */
	float: left;
	width: 91%;
}

html.mobile .history_wrap .year_wrap .com_yeay .year_box {
	float: left;
	padding-right: 0px;
	width: 100%;
	margin-bottom: 30px;
}

html.mobile .history_wrap .year_wrap .com_yeay .year_box img {
	min-width: 100%;
}

html.mobile .history_wrap .year_wrap .year_hestory .year_step01 {
	border-left: 0px solid #eee;
	padding-left: 0px;
}




/***채용 ****/

#reward ul {
	list-style: none;
	color: #fff;
	position: relative;
	width: 100%;
	display: block;
	height: 200px;
}

#reward ul:after {
	content: '';
	position: absolute;
	width: 100%;
	display: block;
	height: 1px;
	background: #249e6b;
	top: 85px;
	z-index: -1;
}

#reward ul.career-circle li {
	width: 170px;
	height: 170px;
	position: absolute;
	background: #249e6b;
	font-weight: 700;
	border-radius: 50%;
	text-align: center;
}

#reward ul.career-circle li div {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1em;
	position: relative;
	top: 45%;
}

#reward ul.career-circle li:last-child div {
	top: 38%;
}

#reward ul.career-circle li div p {
	font-size: 14px;
}

#reward ul.career-circle li:first-child {
	left: 0;
}

#reward ul.career-circle li:nth-child(2) {
	left: 50%;
	margin-left: -85px;
}

#reward ul.career-circle li:last-child {
	right: 0;
}
/*채용공고 탭*/

.job.nav-tabs {
	border-bottom: 0px solid #ddd
}

.job.nav-tabs:before {
	position: absolute;
	z-index: -1;
	content: '';
	height: 1px;
	width: 2560px;
	left: 50%;
	top: 30px;
	margin-left: -1280px;
	background: #dedede;
	display: block;
	clear: both;
}

.job.nav-tabs>li {
	float: left;
	margin-bottom: -1px
}

.job.nav-tabs>li>a {
	position: relative;
	margin-right: 15px;
	padding: 7px 15px;
	border: 1px solid #c9c9c9;
	border-radius: 30px;
	font-weight: 700;
	color: #333;
	font-size: 15px;
	text-decoration: none;
	background: #fff;
	-webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	cursor: pointer;
}

.job.nav-tabs>li>a:hover {
	background: #fea36a;
	color: #fff;
	border: 1px solid #fea36a;
}

.job.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background: #e57200;
	color: #fff;
	border: 1px solid #e57200;
}

.job.nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0
}

.job.nav-tabs.nav-justified>li {
	float: none
}

.job.nav-tabs.nav-justified>li>a {
	text-align: center;
	margin-bottom: 5px
}

/*채용 LIST*/

.job--horizontal {
	border-bottom: 1px solid #bfbfbf;
	padding: 15px 0;
	width: 100%;
	height: auto;
    /* min-height: 93px; */
}

.job--horizontal:after {
	content: '';
	clear: both;
	display: table
}

.job--horizontal .company, .job--horizontal .category {
	padding-top: 19px;
	font-size: 14px;
}

.job--horizontal .d-day {
	display: block;
	color: #E57200;
	font-weight: 700;
	font-size: 1.5em;
	text-align: center;
	line-height: 1.55;
}

.job--horizontal .d-day.finish {
	color: #888;
	margin-top: 14px;
}

.job--horizontal p.date {
	text-align: center;
	font-size: 13.5px;
	font-weight: 400;
	letter-spacing: 0px;
}

.job--horizontal p.date.finish {
	opacity: 0.3;
	display: none;
}

.work-grid-1 {
	border-top: 1px solid #bfbfbf;
	margin-top: 60px;
}

.job-title {
	font-size: 1.3em;
	font-weight: 700;
	padding-top: 14px;
	transition: all .2s;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
}

.job-title:hover {
	color: #E57200;
}

p.date {
	text-align: center;
	font-size: 14px;
	font-weight: 400;
}

p:last-child {
	margin-bottom: 0;
}

.job-title img {
	width: 17px;
	height: 17px;
	position: relative;
	z-index: 333;
	top: -2px;
	left: 7px;
}

/***CSR****/
.csr_cont_wrap {
	display: block;
	/* margin-top: 40px; */
}
.csr_area {
	margin-top: 0px;
}

.csr_area .view_box {
	padding-top: 0;
	display: none;
}

.csr_area .view_box.view {
	display: block;
}

.csr_area .view_box > div {
	position: relative;
}

.csr_area .view_box > div:first-child .tit_h3 {
	margin-top: 0;
}

.csr_area .tit_h3 {
	font-size: 33px;
	line-height: 33px;
	color: #111;
	font-weight: 700;
	margin-top: 50px;
	text-transform: uppercase;
}

.csr_area .tit_h3 + .text {
	font-size: 16px;
	line-height: 24px;
	color: #000;
	font-weight: 400;
	margin-top: 25px;
}

.csr_area .img_csr01 {
	font-size: 0;
	line-height: 0;
	margin-top: 40px;
	border: 1px solid #ddd;
	padding: 40px;
	text-align: center;
	background: rgba(255, 255, 255, 0.7);
}

.csr_area .img_csr01 img {
	width: 100%;
	max-width: 1032px;
}

.csr_area .fake_table {
	margin-top: 20px;
}

.csr_area .fake_table li {
	position: relative;
	padding: 4px 0;
}

.csr_area .fake_table li strong {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	line-height: 28px;
	color: #000;
	width: 100%;
}

.csr_area .fake_table li span {
	padding-left: 100px;
	font-size: 16px;
	line-height: 28px;
	color: #000;
	width: 100%;
	box-sizing: border-box;
}

.csr_area .csr_sec03 {
	padding-bottom: 30px;
}

.csr_area .csr_sec03 .img_csr02 {
	position: absolute;
	right: 0;
	top: 40px;
}

.csr_area .csr_sec04 .img_csr03 {
	margin-top: 50px;
	font-size: 0;
	line-height: 0;
	padding: 50px 0 0 0;
	border: 1px solid #ddd;
	text-align: center;
	border-bottom: none;
	background: rgba(255, 255, 255, 0.7);
}

.csr_area .csr_sec04 .img_csr03 img {
	width: 100%;
	max-width: 911px;
}

.csr_area .csr_sec04 .text_box {
	border: 1px solid #ddd;
	border-top: none;
	padding: 35px 0;
	margin-top: 0;
	background: rgba(255, 255, 255, 0.7);
}

.csr_area .csr_sec04 .text_box ul:after {
	content: '';
	display: block;
	clear: both;
}

.csr_area .csr_sec04 .text_box ul li {
	float: left;
	width: 33.3%;
	text-align: center;
	position: relative;
}

.csr_area .csr_sec04 .text_box ul li:after {
	content: '';
	width: 2px;
	height: 140px;
	background: #ddd;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -70px;
}

.csr_area .csr_sec04 .text_box ul li:first-child:after {
	display: none;
}

.csr_area .csr_sec04 .text_box ul li strong {
	font-size: 22px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
	display: block;
}

.csr_area .csr_sec04 .text_box ul li span {
	font-size: 16px;
	line-height: 20px;
	color: #000;
	font-weight: 400;
	display: block;
	margin-top: 20px;
}

.csr_area .csr_sec04 .text_box ul li p {
	font-size: 16px;
	line-height: 26px;
	color: #000;
	margin-top: 15px;
}

.csr_area .img_slide {
	margin-top: 30px;
	position: relative;
}

.csr_area .img_slide ul.slide li {
	outline: none;
}

.csr_area .img_slide ul.slide li dl:after {
	content: '';
	display: block;
	clear: both;
}

.csr_area .img_slide ul.slide li dl {
	background: rgba(223, 226, 230, 0.8);
	overflow: hidden;
}

.csr_area .img_slide ul.slide li dl dt {
	float: left;
	width: 50%;
}

.csr_area .img_slide ul.slide li dl dt img {
	width: 100%;
}

.csr_area .img_slide ul.slide li dl dd {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-left: 30px;
	padding-top: 35px;
}

.csr_area .img_slide ul.slide li dl dd strong {
	font-size: 25px;
	line-height: 28px;
	color: #111;
	display: block;
	font-weight: 700;
}

.csr_area .img_slide ul.slide li dl dd strong span {
	font-size: 26px;
	color: #e57200;
	font-weight: 300;
	padding-right: 10px;
}

.csr_area .img_slide ul.slide li dl dd > span {
	font-size: 16px;
	line-height: 20px;
	color: rgba(17, 17, 17, 0.7);
	display: block;
	font-weight: 400;
	margin-top: 15px;
}

.csr_area .img_slide ul.slide li dl dd p {
	font-size: 16px;
	line-height: 28px;
	color: #000;
	display: block;
	font-weight: 400;
	padding: 20px;
	margin: 25px 30px 0 0;
	background: rgba(255, 255, 255, 0.7);
}

.csr_area .img_slide ul.slide li dl dd p strong {
	font-size: 18px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #1c3847;
}

.csr_area .img_slide ul.slide li dl dd p span {
	display: block;/* padding-left:10px; */
	color: #5a5a5a;
}

.csr_area .img_slide ul.slide li dl dd a {
	display: block;/* padding:0 18px; *//* background:#2e3035; *//* color:#fff; *//* font-size:17px; *//* line-height:34px; *//* height:34px; *//* border-radius:17px; */
	margin-top: 15px;
}

.csr_area .slide_control {
	position: absolute;
	right: 0;
	bottom: 39px;
	width: 50%;
}

.csr_area .slide_control .prev {
	position: absolute;
	left: 12px;
	top: 0;
}

.csr_area .slide_control .next {
	position: absolute;
	right: 30px;
	top: 0;
}

.csr_area .slide_control ul {
	text-align: center;
	margin: 0;
	padding: 0;
}

.csr_area .slide_control ul li {
	display: inline-block;
	margin: 0 8px;
}

.csr_area .slide_control ul li button {
	font-size: 0;
	line-height: 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	padding: 0;
	border: none;
	background: #cccccc;
	border-radius: 10px;
}

.csr_area .slide_control ul li.slick-active button {
	background: #f37721;
}

.csr_area .green .slide_control ul li.slick-active button {
	background: #20a775;
}

.csr_area .green .img_slide ul.slide li dl dd strong {
	font-size: 27px;
	line-height: 29px;
	color: #000;
	display: block;
	font-weight: 700;
}

.csr_area .green .img_slide ul.slide li dl dd > span {
	/* font-size: 16px; */
	line-height: 24px;/* color:#333333; */
	display: block;/* font-weight:500; *//* margin-top:20px; */
	padding-right: 30px;
}

.csr_area .green .img_slide ul.slide li dl dd p {
	/* font-size:18px; *//* line-height:28px; *//* color:#555555; */
}

.csr_area .img_slide.left_side ul.slide li dl dt {
	float: right;
	width: 50%;
}

.csr_area .img_slide.left_side ul.slide li dl dt img {
	width: 100%;
}

.csr_area .img_slide.left_side .slide_control {
	left: 0;
	right: auto;
}

.csr_area .img_slide.left_side .slide_control .prev {
	position: absolute;
	left: 0;
	top: 0;
}

.csr_area .img_slide.left_side .slide_control .next {
	position: absolute;
	right: 30px;
	top: 0;
}

.csr_area .img_slide.top {
	margin-top: 35px;
}

/*신사옥홍보관 슬라이드*/
/*#gallery .slick-slide{
	 opacity: 0.2;padding: 15px; margin-left: -15px;
}
#gallery .slick-slide.slick-current{
	opacity: 1;-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
}*/

#gallery .slide_control {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -45px;
	width: 100%;
}

#gallery .slide_control .prev {
	position: absolute;
	left: -120px;
	top: 0;
}

#gallery .slide_control .next {
	position: absolute;
	right: -120px;
	top: 0;
}

#gallery .slide_control .slick-arrow {
	opacity: 0.25;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

#gallery .slide_control .slick-arrow:hover {
	opacity: 1
}

#gallery .slide_control ul {
	text-align: center;
	margin: 0;
	padding: 0;
	position: absolute;
	margin-left: -117px;
	left: 50%;
	bottom: -410px;
}

#gallery .slide_control ul li {
	display: inline-block;
	margin: 0 8px;
}

#gallery .slide_control ul li button {
	font-size: 0;
	line-height: 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	padding: 0;
	border: none;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

#gallery .slide_control ul li.slick-active button {
	background: #f37721;
}

#gallery .slide_control ul li button:hover {
	background: rgb(255, 255, 255);
}

#gallery .green .slide_control ul li.slick-active button {
	background: #20a775;
}

#gallery .green .img_slide ul.slide li dl dd strong {
	font-size: 27px;
	line-height: 29px;
	color: #000;
	display: block;
	font-weight: 700;
}

#gallery .green .img_slide ul.slide li dl dd > span {
	font-size: 22px;
	line-height: 28px;
	color: #333333;
	display: block;
	font-weight: 400;
	margin-top: 20px;
}

#gallery .green .img_slide ul.slide li dl dd p {
	font-size: 18px;
	line-height: 28px;
	color: #555555;
}

#gallery .img_slide.left_side ul.slide li dl dt {
	float: right;
	width: 50%;
}

#gallery .img_slide.left_side ul.slide li dl dt img {
	width: 100%;
}

#gallery .img_slide.left_side .slide_control {
	left: 0;
	right: auto;
}

#gallery .img_slide.left_side .slide_control .prev {
	position: absolute;
	left: 0;
	top: 0;
}

#gallery .img_slide.left_side .slide_control .next {
	position: absolute;
	right: 30px;
	top: 0;
}

.csr_area .left_text {
	margin-top: 40px;
}

.csr_area .left_text dl:after {
	content: '';
	display: block;
	clear: both;
}

.csr_area .left_text dl {

}

.csr_area .left_text dl dt {
	float: right;
	width: 50%;
	margin-bottom: 0;
}

.csr_area .left_text dl dt img {
	width: 100%;
}

.csr_area .left_text dl dd {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-left: 30px;
	padding-top: 35px;
}

.csr_area .left_text dl dd strong {
	font-size: 25px;
	line-height: 28px;
	color: #000;
	display: block;
	font-weight: 700;
}

.csr_area .left_text dl dd > span {
	font-size: 16px;
	line-height: 20px;
	color: #000;
	display: block;
	font-weight: 400;
	margin-top: 15px;
}

.csr_area .left_text dl dd p {
	font-size: 16px;
	line-height: 28px;
	color: #000;
	display: block;
	font-weight: 400;
	margin-top: 15px;
}

.csr_area .left_text dl dd p span {
	display: block;
	padding-left: 10px;
}

.csr_area .left_text {
	/* margin-top: 0; */
}

.csr_area .left_text dl:after {
	content: '';
	display: block;
	clear: both;
}

.csr_area .left_text dl {
	margin: 0;
}

.csr_area .left_text.rt dl dt {
	float: left;
	width: 50%;
	margin-bottom: 0;
}

.csr_area .money_tit {
	margin-top: 50px;
	position: relative;
}

.csr_area .money_tit h4 {
	font-size: 24px;
	line-height: 18px;
	color: rgb(54, 68, 76);
	font-weight: 700;
}

.csr_area .money_tit p {
	font-size: 18px;
	line-height: 22px;
	margin-top: 15px;
	color: #111;
}

.csr_area .money_tit .abs_bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 16px;
	line-height: 22px;
	color: #333333;
	font-weight: 700;;
}

.csr_area .money_tit .abs_bottom strong {
	color: #f37721;
	margin-right: 10px;
}

.csr_area .half_box {
	margin-top: 35px;
}

.csr_area .half_box:after {
	content: '';
	display: block;
	clear: both;
}

.csr_area .half_box .tableSt01 {
	margin: 0;
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-right: 15px;
}

.csr_area .half_box .tableSt01:last-child {
	float: right;
	padding-left: 15px;
	padding-right: 0;
}

.csr_area .half_box h5 {
	font-size: 18px;
	line-height: 22px;
	color: #666666;
	font-weight: 700;
	font-family: 'Graphik', 'Apple SD Gothic Neo',  'Noto Sans KR', sans-serif;
	padding-bottom: 0;
}

.csr_area .volunteer_list {
	margin-top: 100px;
}

.csr_area .volunteer_list:after {
	content: '';
	display: block;
	clear: both;
}

.csr_area .volunteer_list li {
	float: left;
	width: 32%;
	margin-right: 2%;
	bordeR: 1px solid #cccccc;
	box-sizing: border-box;
	padding-top: 90px;
	height: 290px;
	text-align: center;
	position: relative;
}

.csr_area .volunteer_list li strong {
	font-size: 22px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
}

.csr_area .volunteer_list li p {
	font-size: 18px;
	line-height: 24px;
	color: #555555;
	margin-top: 30px;
}

.csr_area .volunteer_list li:last-child {
	margin-right: 0;
}

.csr_area .volunteer_list li:nth-child(1):after {
	content: '';
	width: 119px;
	height: 119px;
	background: url('../images/csr/bg_icon01.png') no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: -60px;
}

.csr_area .volunteer_list li:nth-child(2):after {
	content: '';
	width: 119px;
	height: 119px;
	background: url('../images/csr/bg_icon02.png') no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: -60px;
}

.csr_area .volunteer_list li:nth-child(3):after {
	content: '';
	width: 119px;
	height: 119px;
	background: url('../images/csr/bg_icon03.png') no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: -60px;
}

.csr_area .volunteer_act_list {
	margin-top: 35px;
}

.csr_area .volunteer_act_list:after {
	content: '';
	display: block;
	clear: both;
}

.csr_area .volunteer_act_list li {
	float: left;
	width: 32%;
	margin-right: 2%;
	box-sizing: border-box;
}

.csr_area .volunteer_act_list li:nth-child(3) {
	margin-right: 0;
}

.csr_area .volunteer_act_list li:nth-child(6) {
	margin-right: 0;
}

.csr_area .volunteer_act_list li:nth-child(9) {
	margin-right: 0;
}

.csr_area .volunteer_act_list li:nth-child(12) {
	margin-right: 0;
}

.csr_area .volunteer_act_list dt img {
	width: 100%;
}

.csr_area .volunteer_act_list dd {
	padding-bottom: 30px;
	padding-top: 20px;
}

.csr_area .volunteer_act_list dd strong {
	font-size: 18px;
	line-height: 24px;
	display: block;
	height: 60px;
	color: #222222;
}

.csr_area .volunteer_act_list dd span {
	font-size: 13px;
	line-height: 15px;
	color: #898989;
	font-family: 'Graphik', 'Apple SD Gothic Neo',  'Noto Sans KR', sans-serif;
}

.csr_area .csr_sec10 .left_text.rt dl dd {
	padding-left: 45px;
}

.csr_area .csr_sec10 .left_text dl dd {
	padding-left: 40px;
	padding-right: 30px;
}

.csr_area .csr_sec10 .left_text dl dd strong {
	font-size: 24px;
	line-height: 32px;
	color: #1c3847;
	display: block;
	font-weight: 700;
}

.csr_area .csr_sec10 .left_text dl dd > span {
	font-size: 16px;
	line-height: 28px;
	color: rgba(0, 0, 0, 0.7);
	display: block;
	font-weight: 400;
	margin-top: 30px;
}

.csr_area .csr_section01 .abs_text_area {
	margin-top: 40px;
	position: relative;
}

.csr_area .csr_section01 .abs_text_area .img {
	text-align: center;
}

.csr_area .csr_section01 .abs_text_area .abs_text01 {
	position: absolute;
	font-size: 16px;
	line-height: 28px;
	color: #000;
	right: 51%;
	margin-right: 215px;
	top: 80px;
	text-align: right;
	letter-spacing: -1px;
	width: 275px;
}

.csr_area .csr_section01 .abs_text_area .abs_text02 {
	position: absolute;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	left: 51%;
	margin-left: 215px;
	top: 89px;
	width: 280px;
	letter-spacing: -1px;
}

.csr_area .csr_section01 .abs_text_area .abs_text01 span, .csr_area .csr_section01 .abs_text_area .abs_text02 span {
	margin-top: 5px;
	display: block;
	padding-top: 5px;
	border-top: 1px solid #e0e0e0;
}

.csr_area .csr_section01 .abs_text_area .abs_text01 span:last-child, .csr_area .csr_section01 .abs_text_area .abs_text02 span:last-child {
	padding-bottom: 5px;
	border-bottom: 1px solid #e0e0e0;
}

.csr_area .csr_section01 .abs_text_area .hidden {
	display: none;
}

.csr_area .csr_section02 .abs_text_area {
	margin-top: 40px;
	position: relative;
	padding: 40px 54px;
	padding-bottom: 195px;
}

.csr_area .csr_section02 .abs_text_area .img {
	/* padding-top: 40px; */
}

.csr_area .csr_section02 .abs_text_area ul {
	width: 1030px;/* margin: 0 auto; */
	position: absolute;
	left: 50%;
	margin-left: -515px;
	top: 333px;
}

.csr_area .csr_section02 .abs_text_area ul:after {
	content: '';
	display: block;
	clear: both;
}

.csr_area .csr_section02 .abs_text_area ul li {
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding: 0 30px;
}

.csr_area .csr_section02 .abs_text_area ul li p {
	font-size: 16px;
	line-height: 24px;
	color: rgba(0, 0, 0, 0.7);
}

.csr_area .hidden {
	display: none;
}

.csr_area .csr_section03 ul {
	margin-top: 30px;
}

.csr_area .csr_section03 ul:after {
	content: '';
	display: block;
	clear: both;
}

.csr_area .csr_section03 ul li {
	float: left;
	width: 32%;
	margin-right: 2%;
}

.csr_area .csr_section03 ul li:last-child {
	margin-right: 0;
}

.csr_area .csr_section03 ul li dt {

}

.csr_area .csr_section03 ul li dt img {
	width: 100%;
}

.csr_area .csr_section03 ul li dd {
	padding: 30px 0;
}

.csr_area .csr_section03 ul li dd strong {
	font-size: 22px;
	line-height: 18px;
	color: #000;
	font-weight: 700;
}

.csr_area .csr_section03 ul li dd p {
	font-size: 16px;
	line-height: 25px;
	margin-top: 15px;
	color: #666;
	letter-spacing: -0.02em;
}

.csr_area .illust_list ul {
	position: relative;
}

.csr_area .illust_list ul li h3 {
	font-size: 32px;
	line-height: 34px;
	color: #000;
	font-weight: 700;
}

.csr_area .illust_list ul li strong {
	font-size: 22px;
	line-height: 28px;
	color: #0081f1;
	display: block;
	margin-top: 25px;
	font-weight: 400;
}

.csr_area .illust_list ul li p {
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	margin-top: 25px;
}

.csr_area .illust_list ul li:nth-child(1) {
	padding-top: 250px;
	width: 470px;
}

.csr_area .illust_list ul li:nth-child(1):after {
	content: '';
	position: absolute;
	right: 0;
	top: 85px;
	width: 636px;
	height: 618px;
	background: url('../images/csr/img_csr_illust01.gif') no-repeat;
}

.csr_area .illust_list ul li:nth-child(2) {
	padding-top: 310px;
	width: 1170px;
	padding-left: 700px;
}

.csr_area .illust_list ul li:nth-child(2):after {
	content: '';
	position: absolute;
	left: 0;
	top: 665px;
	width: 631px;
	height: 455px;
	background: url('../images/csr/img_csr_illust02.gif') no-repeat;
}

.csr_area .illust_list ul li:nth-child(3) {
	padding-top: 250px;
	width: 470px;
}

.csr_area .illust_list ul li:nth-child(3):after {
	content: '';
	position: absolute;
	right: 0;
	top: 1185px;
	width: 561px;
	height: 391px;
	background: url('../images/csr/img_csr_illust03.gif') no-repeat;
}

.csr_area .illust_list ul li:nth-child(4) {
	padding-top: 250px;
	width: 1170px;
	padding-left: 700px;
	padding-bottom: 210px;
}

.csr_area .illust_list ul li:nth-child(4):after {
	content: '';
	position: absolute;
	left: -30px;
	top: 1545px;
	width: 645px;
	height: 645px;
	background: url('../images/csr/img_csr_illust04.gif') no-repeat;
}

.csr_area .illust_list ul dl {
	margin-top: 20px;
}

.csr_area .illust_list ul dl dd {
	padding-left: 10px;
	font-size: 16px;
	line-height: 24px;
	color: #454545;
	background: url('../images/common/bg_dot.gif') left 9px no-repeat;
	padding-top: 0px;
}

.tableSt01 {
	margin-top: 30px;
}

.tableSt01 table {
	border-top: 1px solid #333;
	width: 100%;
}

.tableSt01 th {
	text-align: left;
	border-bottom: 1px solid #ccc;
}

.tableSt01 th strong {
	font-size: 17px;
	line-height: 28px;
	color: #555;
	font-weight: 400;
}

.tableSt01 th.line {
	padding: 18px 0;
	vertical-align: top;
}

.tableSt01 td {
	height: 48px;
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding-top: 5px;
}

.tableSt01 td p {
	font-size: 16px;
	line-height: 22px;
	color: #454545;
	font-weight: 400;
	display: inline-block;
}

.tableSt01 td p + p {
	margin-left: 30px;
}

.tabSt01 {
	position: relative;
	margin: 0 0 0 -5px;
	height: auto;
	display: block;
	z-index: 999;
}

.tabSt01:after {
	position: absolute;
	z-index: -1;
	content: '';
	height: 1px;
	width: 2560px;
	left: 50%;
	top: 17px;
	margin-left: -1280px;
	background: #dedede;
	display: block;
	clear: both;
}

.tabSt01 li {
	float: left;/* width: 49%; */
}
/* .tabSt01 li:last-child {width:25%;} */

.tabSt01 li a {
	position: relative;
	margin-right: 15px;
	padding: 7px 15px;
	border: 1px solid #c9c9c9;
	border-radius: 30px;
	font-weight: 700;
	color: #333;
	font-size: 15px;
	text-decoration: none;
	background: #fff;
	line-height: 35px;
}

.tabSt01 li.on a {
	background: #e57200;
	color: #fff;
	border: 1px solid #e57200;
}

.tabSt01 li a:hover {
	background: #fea36a;
	color: #fff;
	border: 1px solid #fea36a;
}

/* slick */

.slick-slider {
	position: relative;
}

.slick-list {
	overflow: hidden;
	position: relative;
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
}

.slick-track:before, .slick-track:after {
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	outline: none;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-initialized .slick-slide {
	display: block;
	margin-right: 15px;
}

.slick-initialized .slick-slide img {
	width: auto;/* height:667px !important */
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
}

/*.slick-slide.slick-current {
	opacity: 1;
}
.slick-slide.slick-cloned{
	opacity: 0.3;
}

.slick-slide.slick-cloned:first-child{
	display: none;
}*/

/* Moving Spot */

.page .content_area {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	z-index: -2;
	top: 0;
	height: auto;
}

.page span.spot01 {
	position: fixed;
	display: block;
	top: 13%;
	left: 50%;
	margin-left: 460px;
	width: 280px;
	height: 280px;
	border-radius: 150px;
	background: url(../images/common/graphicelement04.svg);
	opacity: 0.7;
	z-index: -2;
}

.page span.spot01-1 {
	position: fixed;
	display: block;
	top: 5%;
	left: 50%;
	margin-left: 500px;
	width: 200px;
	height: 200px;
	border-radius: 150px;
	background: rgba(0, 218, 168, 0.25);
	z-index: -2;
}

.page span.spot02 {
	position: fixed;
	display: block;
	top: 36%;
	left: 50%;
	margin-left: 243px;
	width: 20px;
	height: 20px;
	border-radius: 150px;
	background: rgba(0, 137, 255, 0.2);
	z-index: -2;
}

.page span.spot03 {
	position: fixed;
	display: block;
	top: 37%;
	left: 50%;
	margin-left: -300px;
	width: 80px;
	height: 80px;
	border-radius: 150px;
	background: rgba(225, 247, 251, 0.4);
	z-index: -2;
}

.page span.spot04 {
	position: fixed;
	display: block;
	top: 48%;
	left: 50%;
	margin-left: -761px;
	width: 80px;
	height: 80px;
	border-radius: 150px;
	background: rgba(244, 119, 32, 0.5);
	z-index: -2;
}

.page span.spot05 {
	position: fixed;
	display: block;
	top: 55%;
	left: 50%;
	margin-left: -653px;
	width: 20px;
	height: 20px;
	border-radius: 150px;
	background: rgba(49, 224, 150, 0.2);
	z-index: -2;
}

.page span.spot06 {
	position: fixed;
	display: block;
	top: 78%;
	left: 50%;
	margin-left: -720px;
	width: 227px;
	height: 227px;
	background: url(../images/common/graphicelement03.svg);
	z-index: -2;
}

.page span.spot06.spot06-1 {
	margin-left: -260px;
}

.page span.spot07 {
	position: fixed;
	display: block;
	bottom: 220px;
	left: 50%;
	margin-left: 270px;
	width: 257px;
	height: 257px;
	background: url(../images/common/graphicelement02.svg);
	z-index: -2;
}
/***CI***/

.ci_top {
	padding: 100px 0 100px;
	position: relative;
}

.ci_top:before {
	content: '';
	width: 2000px;
	height: 100%;
	position: absolute;
	background: #cc755d;
	top: 0;
	right: -73px;
	z-index: 1;
}

.in_cont {
	position: relative;
	z-index: 3;
}

.tit_st {
	padding-left: 103px;
	display: block;
	position: relative;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	position: relative;
	color: #fff;
}

.tit_st:after {
	content: '';
	width: 73px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	opacity: 0.3;
}

.tit_text {
	font-size: 42px;
	line-height: 48px;
	color: #fff;
	font-weight: 700;
	margin-top: 55px;
	display: block;
}

/* p.text {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    margin-top: 50px;
    padding-left: 103px;
    letter-spacing: -0.7px;
} */

.ci_img {
	position: absolute;
	right: 103px;
	top: 50px;
	text-align: center;
}

.ci_img > div {
	padding-bottom: 75px;
}

.btn_down {
	text-align: center;
	font-size: 18px;
	line-height: 55px;
	height: 55px;
	background: #000;
	border-radius: 28px;
	position: relative;
	color: #fff;
	padding: 0 30px;
}

.btn_down > span {
	font-size: 18px;
	line-height: 55px;
	padding-right: 48px;
	display: inline-block;
	background: url('../../images/company/icon_btn_down.gif') right 50% no-repeat;
	color: #fff;
}

.simbol_wrap {

}

.simbol_wrap .tit_st {
	color: #000;
}

.simbol_wrap .tit_st:after {
	background: #000;
}

.simbol_wrap .tit_text {
	color: #000;
}

.simbol_wrap p.text {
	font-size: 24px;
	line-height: 32px;
	color: #888;
	font-weight: 700;
	margin-top: 30px;
}

.simbol_wrap .simbol_info {
	width: 1196px;
	height: 546px;
    /* border:1px solid #ddd; */
    /* position:relative; */
    /* margin:0 auto; */
    /* margin-top:55px; */
}

.simbol_wrap .simbol_info span.img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -98px 0 0 -100px;
}

.simbol_wrap .simbol_info > div {
	position: absolute;
	text-align: right;
}

.simbol_wrap .simbol_info > div > strong {
	font-size: 22px;
	line-height: 26px;
	color: #e57200;
	font-weight: bold;
	display: block;
	position: relative;
	text-transform: uppercase;
	font-family: 'Graphik', 'Apple SD Gothic Neo',  'Noto Sans KR', sans-serif;
}

.simbol_wrap .simbol_info > div > strong:after {
	content: '';
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border: 5px solid #e57200;
	border-radius: 20px;
	position: absolute;
	right: -33px;
	top: 50%;
	margin-top: -10px;
}

.simbol_wrap .simbol_info > div > p {
	font-size: 18px;
	line-height: 28px;
	color: #000;
	text-align: right;
	margin-top: 15px;
	position: relative;
	padding-top: 20px;
	width: 328px;
}

.simbol_wrap .simbol_info > div > p:after {
	content: '';
	width: 30px;
	height: 1px;
	background: #888888;
	position: absolute;
	top: 0;
	right: 0;
}

.simbol_wrap .simbol_info > div > p strong {
	font-weight: 700;
}

.simbol_wrap .simbol_info div.color01 {
	top: 70px;
	right: 777px;
}

.simbol_wrap .simbol_info div.color02 {
	top: 338px;
	right: 777px;
}

.simbol_wrap .simbol_info div.color02 > strong {
	color: #25a777;
}

.simbol_wrap .simbol_info div.color02 > strong:after {
	border-color: #25a777;
}

.simbol_wrap .simbol_info div.color03 {
	top: 70px;
	right: auto;
	left: 777px;
	text-align: left;
}

.simbol_wrap .simbol_info div.color03 > strong {
	color: #999999;
	text-align: left;
}

.simbol_wrap .simbol_info div.color03 > strong:after {
	right: auto;
	left: -33px;
    /* border:0; */
	border: 5px solid #eee;
    /* background:url('../../images/company/icon_space.gif') 50% 50% no-repeat; */
}

.simbol_wrap .simbol_info div.color03 > p {
	text-align: left;
}

.simbol_wrap .simbol_info div.color03 > p:after {
	right: auto;
	left: 0;
}

.simbol_wrap .simbol_info div.color04 {
	top: 338px;
	right: auto;
	left: 777px;
	text-align: left;
}

.simbol_wrap .simbol_info div.color04 > strong {
	color: #0077bc;
	text-align: left;
}

.simbol_wrap .simbol_info div.color04 > strong:after {
	right: auto;
	left: -33px;
	border-color: #0077bc;
}

.simbol_wrap .simbol_info div.color04 > p {
	text-align: left;
}

.simbol_wrap .simbol_info div.color04 > p:after {
	right: auto;
	left: 0;
}

.simbol_wrap .base_box {
	margin-top: 95px;
}

.simbol_wrap .base_box .img_box {
	padding-left: 103px;
	margin-top: 60px;
}

.ci_top.bi .ci_img {
	position: absolute;
	right: 0;
	top: 50px;
	text-align: center;
}

.ci_top.bi:before {
	content: '';
	width: 2000px;
	height: 100%;
	position: absolute;
	background: #274a5d;
	top: 0;
	right: auto;
	left: -73px;
	z-index: 1;
}

.ci_top.bi + .simbol_wrap {
	padding: 0;
}

/* .img_slide {
    padding-left: 103px;
    overflow: hidden;
    margin-top: 50px;
    width: 1195px;
} */

/* .img_slide .slide_top {
    height: 544px;
} */

.img_slide .slide_top ul {

}

.img_slide .slide_top ul:after {
	content: '';
	display: block;
	clear: both;
}

.img_slide .slide_top li {
	position: relative;
	float: left;
}

.img_slide .slide_top li button {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -56px 0 0 -56px;
}

.img_slide .slide_dot {
	padding: 80px 0;
	position: relative;
	background: #a35e4a;
}

.img_slide .slide_dot > .prev {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 42px;
	opacity: 0.3;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.img_slide .slide_dot > .next {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 42px;
	opacity: 0.3;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.img_slide .slide_dot > .prev:hover {
	opacity: 1;
}

.img_slide .slide_dot > .next:hover {
	opacity: 1;
}

.img_slide .slide_dot ul {

}

.img_slide .slide_dot ul:after {
	content: '';
	display: block;
	clear: both;
}

.img_slide .slide_dot li {
	float: left;
	margin-right: 30px;
	position: relative;
}

.img_slide .slide_dot li button {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -33px 0 0 -33px;
}

.img_slide .slide_dot li button img {
	width: 66px;
}

.img_slide .slide_dot .center_box {
	width: 1000px;
	margin-left: 112px;
	overflow: hidden;
}

.innder_box {
	padding-left: 103px;
	overflow: hidden;
	margin-top: 40px;
	width: 686px;
}

.innder_box p {
	font-size: 16px;
	line-height: 26px;
	color: #e7e7e7;
}

.innder_box .info_building {
	margin-top: 20px;
}

.innder_box .info_building:after {
	content: '';
	display: block;
	clear: both;
}

.innder_box .info_building ul {
	float: left;
	width: 50%;
}

.innder_box .info_building ul li {
	font-size: 14px;
	line-height: 26px;
	color: #fff;
}

.innder_box .info_building ul li strong {
	font-size: 14px;
	line-height: 26px;
	color: #e7e7e7;
	display: inline-block;
	vertical-align: middle;
	width: 80px;
}

.innder_box .info_building ul li span {
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}

.ci_top.bg_building {
	background: url('../../images/promotion/bg_building.gif') right bottom no-repeat;
}

.ci_top.bg_building:before {
	background: #cc755d url('../../images/promotion/bg_building.gif') right bottom no-repeat;
}

.ci_top.bg_ope:before {
	background: #9dbeca;
}

#signature .signature img {
	max-height: 150px;
}

#signature .colorsystem ul li {
	font-size: 18px;
}

.brochure_box {
	color: #fff;
}

.brochure_box dl dt {
	float: left;/* background:url('../images/pr/icon_btn_down_w_on.gif') right 50% no-repeat; */
}

.brochure_box dl dd {
	float: left;
	width: 265px;
	box-sizing: border-box;
	padding-left: 30px;
	height: 354px;
	position: relative;
}

.brochure_box dl dd strong {
	font-size: 24px;
	line-height: 28px;
	display: block;
	text-transform: uppercase;
}

.brochure_box dl dd p {
	line-height: 1.6;
}

.brochure_box .down {
	position: absolute;
	left: 30px;
	bottom: 30px;
}

.brochure_box dl dd ul li {
	/* float:left; *//* position:relative; *//* padding:0 18px; */
}

.brochure_box dl dd ul li:last-child {
	padding-right: 0;
}

.brochure_box dl dd ul li:last-child:after {
	display: none;
}

.brochure_box dl dd ul li:after {
	content: '';
	width: 1px;
	height: 14px;
	position: absolute;
	right: 0;
	top: 2px;
	background: #ccc;
}

section .company {
	position: relative;
}

section .company:before {
	position: absolute;
	z-index: 0;
	content: '';
	height: 1px;
	width: 2560px;
	left: 50%;
	top: 141px;
	margin-left: -1280px;
	background: rgba(255, 255, 255, 0.3);
	display: block;
	clear: both;
}

section .company h3 {
	font-size: 32px;
	color: rgba(255, 255, 255, 0.7);
}

section .company .company-circle {
	color: #FFF;
	border: 1px solid #FFF;
	max-height: 165px;
	height: 165px;
	vertical-align: middle;
	text-align: center;
	padding: 0 15px;
	word-break: break-all;
	border-radius: 50%;
	font-weight: 700;
	display: table-cell;
	width: 100vw;
    /*min-width: 165px;	*/
	line-height: 1.35;
	background: #e57200;
}

section .company.development .company-circle {
	background: #006dba;
}

section .company.smartcity .company-circle {
	background: #249e6b;
}

/** Main Popup **/

.popupWrap .big_popup {
	position: absolute;
}

.popupWrap .big_popup.main.first {
	left: 0;
	bottom: 0%;
	top: auto;
	margin: 0px 0 0 0px;
	width: auto;
	height: auto;
	background: #fff;
	display: block;
	z-index: 11;
}

.popupWrap .big_popup.main.second {
	left: 50%;
	bottom: 0%;
	top: auto;
	margin: 0px 0 0 -250px;
	width: 500px;
	height: auto;
	background: #fff;
	display: block;
	z-index: 11;
}

.popupWrap .big_popup.main.third {
	left: auto;
	right: 0;
	bottom: 0%;
	top: auto;
	margin: 0px 0 0 0px;
	width: 500px;
	height: auto;
	background: #fff;
	display: block;
	z-index: 11;
}

.popupWrap .big_popup .pop_in {
	padding: 0;
}

.popupWrap .big_popup .pop_in .tit_box {
	position: relative;
	/* padding-bottom: 19px; */
	border-bottom: 1px solid #d7d7d7;
}

.popupWrap .big_popup .pop_in .tit_box strong {
	font-size: 28px;
	line-height: 32px;
	color: #000;
	font-weight: 700;
	display: none;
}

.popupWrap .big_popup .pop_in .tit_box p {
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: 400;
	margin: 0;
}

.popupWrap .big_popup a.close_today {
	position: relative;
	display: block;
	font-size: 14px;
	padding: 8px;
}

.popupWrap .big_popup a.close_today:hover {
	color: #ff5d07;
}

.popupWrap .big_popup .pop_in .tit_box .name {
	position: absolute;
	right: 0;
	top: 0;
}

.popupWrap .big_popup .pop_in .tit_box .name span {
	font-size: 15px;
	line-height: 18px;
	color: #555555;
	display: inline-block;
	position: relative;
	padding: 0 12px;
}

.popupWrap .big_popup .pop_in .tit_box .name span:after {
	content: '';
	width: 1px;
	height: 10px;
	background: #d7d7d7;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
}

.popupWrap .big_popup .pop_in .tit_box .name span:first-child:after {
	width: 4px;
	height: 4px;
	background: #d7d7d7;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	border-radius: 2px;
}

.popupWrap .big_popup .pop_in table th strong {
	font-size: 16px;
	line-height: 20px;
	color: #333;
}

.popupWrap .big_popup .pop_in table td {
	padding: 15px 0;
}

.popupWrap .big_popup .pop_in .input_area input[type=text] {
	box-sizing: border-box;
	width: 100%;
	padding: 0 10px;
	background: #f2f2f2;
	height: 40px;
	line-height: 40px;
	border: 0;
	font-size: 14px;
}

.popupWrap .big_popup .pop_in .input_area .wiall {
	width: 100%;
	display: inline-block;
}

.popupWrap .big_popup .pop_in .input_area .wiall.pad {
	padding: 0 10px;
	box-sizing: border-box;
}

.popupWrap .big_popup .pop_in .input_area .wiall.pad select {
	background: #fff;
	border: 1px solid #dcdcdc;
}

.popupWrap .big_popup .pop_in .input_area .wi45pro {
	width: 45%;
	display: inline-block;
}

.popupWrap .big_popup .pop_in .input_area .wi10pro {
	width: 10%;
	display: inline-block;
}

.popupWrap .big_popup .pop_in .input_area .wi30pro {
	width: 30%;
	display: inline-block;
}

.popupWrap .big_popup .pop_in .input_area .wi5pro {
	width: 5%;
	display: inline-block;
}

.popupWrap .big_popup .pop_in .input_area select {
	box-sizing: border-box;
	width: 100%;
	background: #f2f2f2;
	height: 40px;
	line-height: 40px;
	border: 0;
	padding-left: 10px;
}

.popupWrap .big_popup .pop_in .input_area:after {
	content: '';
	display: block;
	clear: both;
}

.popupWrap .big_popup .pop_in .input_area.fl > span {
	float: left;
	font-size: 14px;
	line-height: 40px;
	color: #000;
	text-align: center;
}

.popupWrap .big_popup .pop_in .input_area textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	height: 140px;
	background: #f2f2f2;
	border: 0;
}

.popupWrap .big_popup .pop_in .btn_center {
	text-align: center;
}

.popupWrap .big_popup .pop_in .btn_center a {
	display: inline-block;
	width: 170px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	background: #fd7c6a;
	margin: 0 10px;
}

.popupWrap .big_popup .pop_in .btn_center a:last-child {
	background: #ccc;
}

.popupWrap .big_popup .close_btn, .popupWrap .big_popup .close_btn2, .popupWrap .big_popup .close_btn3 {
	position: absolute;
	right: 5px;
	bottom: 1px;
}

/* 개인정보처리방침 */

.wrap_menu {
	overflow: hidden;
	margin-top: 27px;
	padding: 19px 0 21px;
	border: 1px solid #1e1e1e
}

.wrap_menu .list_menu {
	float: left;
	width: 33.33%;
	padding: 0 40px;
	box-sizing: border-box
}

.wrap_menu .list_menu .link_menu {
	line-height: 34px;
	color: #1e1e1e;
}

.privacy_container {
	margin-top: 60px
}

.privacy_container .tit_policy {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #e6e6e6
}

.privacy_container .tit_policy:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0 none
}

.terms_container .desc_policy {
	display: block;
	padding-top: 60px
}

.terms_container .tit_group {
	display: block;
	padding: 21px 0 0 25px;
	font-weight: normal;
	color: #1e1e1e;
}

.terms_container .emph_group {
	display: block;
	font-size: 14px;
	padding: 14px 0 0 25px;
	color: #1e1e1e;
}

.terms_container .desc_group {
	display: block;
	padding: 5px 0 0 25px;
	font-size: 14px;
	font-weight: normal;
	color: #1e1e1e
}

.terms_container .emph_g2 {
	display: block;
	padding-top: 8px;
}

.terms_container {
	margin: 0 auto;
	margin-top: 30px;
}

.wrap_tab + .terms_container {
	margin-top: 60px
}

.tit_policy + .terms_container {
	margin-top: 60px
}

.terms_container .tit_subject + .desc_g {
	padding-top: 18px
}

.desc_g, .privacy_container ul li {
	font-weight: 400;
	color: #666;
	margin: 0;
}

.list_2depth {
	padding: 9px 0 0 18px;
	margin: 0 0 15px 0;
}

.list_2depth li {
	padding-top: 0;
	font-size: 14px;
	line-height: 26px;
}

.list_2depth li:before {
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 12px 14px 0 -16px;
	vertical-align: top;
	background-color: #1e1e1e;
	content: '';
}

.bg-border .list_2depth {
	margin: 0;
}

address, caption, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: normal;
}

.privacy_container .bg-border {
	background-color: rgba(255, 255, 255, 0.9) !important;
	border: 1px solid #d7d7d7;
	padding: 25px;
}

.tit_subject {
	display: block;
	padding-top: 0px;
	line-height: 28px;
	color: #333;
	font-weight: 400;
}

.tit_terms {
	display: block;
	padding: 10px 0 0 0;
	font-weight: 400;
	color: #1e1e1e;
}

/*CONTACT*/

.table_in {
	border-top: 1px solid #363636;
	margin-top: 55px;
	padding: 0;
}

.table_in .tr {
	border-bottom: 1px solid #eee;
	width: 100%;
	padding: 0;
}

.table_in .tr:after {
	content: " ";
	display: table;
	clear: both;
}

.table_in strong {
	padding: 26px 0;
	text-align: left;
	font-size: 16px;
	line-height: 18px;
	color: rgba(0, 0, 0, 0.7);
	font-weight: 700;
	background: rgba(255, 255, 255, 0.7);
	float: left;
	width: 10%;
}

.table_in .tr div {
	padding: 15px 0;
	background: rgba(255, 255, 255, 0.7);
	float: left;
	width: 90%;
}

.table_in .tr div > span {
	display: inline-block;
}

.table_in .tr div .wi200 {
	width: 200px;
}

.table_in .tr div .wi150 {
	width: 150px;
}

.table_in .tr div .wi100 {
	width: 100px;
}

.table_in .tr div .wiall {
	width: 100%;
}

.table_in .tr div input {
	box-sizing: border-box;
	width: 98.5%;
	height: 40px;
	line-height: 40px;
	background: #f2f2f2;
	border: 0;
	font-size: 16px;
	color: #777777;
	padding: 0 10px;
	vertical-align: middle;
}

.table_in .tr div select {
	box-sizing: border-box;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #f2f2f2;
    background-position: 97% 15px;
    border: 0;
    font-size: 16px;
    color: #777777;
    padding: 0 10px;
    vertical-align: middle;
}

.table_in .tr div textarea {
	box-sizing: border-box;
	width: 98.5%;
	height: 300px;
	line-height: 28px;
	background: #f2f2f2;
	border: 0;
	font-size: 16px;
	color: #777777;
	padding: 10px;
}

.table_in .tr div > span.text {
	font-size: 16px;
	line-height: 40px;
	color: #333;
	width: 40px;
	text-align: center;
	vertical-align: middle;
}

.btn_area {
	margin-top: 40px;
}

.btn_area p {
	font-size: 16px;
	line-height: 20px;
	color: #999;
	text-align: center;
}

.btn_area > div {
	margin-top: 30px;
	text-align: center;
}

.btn_area > div a {
	display: inline-block;
	margin: 0 15px;
	width: 270px;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

.contact .privacy_check {

}

.contact .privacy_check1 {
	margin-bottom: 60px;
}

.contact .privacy_check2 h4 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 400;
	color: #000;
}

.contact .privacy_check2 h4 strong {
	color: #ff0000;
}

.contact .privacy_check .txt_wrap {
	overflow-y: auto;
	padding: 30px;
	margin-bottom: 20px;
	border: 1px solid #dadada;
	font-size: 15px;
	color: #666;
}

.contact .privacy_check1 .txt_wrap {
	height: 80px;
}

.contact .privacy_check2 .txt_wrap {
	height: 270px;
}

.contact .privacy_check2 p, .contact .privacy_check2 dl {
	margin-bottom: 25px;
}

.contact .privacy_check2 .tit1:before {
	display: inline-block;
	margin-right: 2px;
	vertical-align: baseline;
	content: "■"
}

.contact .privacy_check2 dt {
	margin-bottom: 5px;
}

.contact .privacy_check2 dd {
	padding-left: 5px;
	margin-bottom: 5px;
	padding-top: 0;
}

.contact .privacy_check2 .list1 li:before {
	display: inline-block;
	margin-right: 2px;
	vertical-align: baseline;
	content: "·"
}

.contact .privacy_check .check_area {
	text-align: right;
}

.contact .privacy_check .check_area > span {
	display: inline-block;
	margin-left: 20px;
}

.contact .privacy_check .check_area > span:first-child {
	margin-left: 0;
}

.contact .privacy_check .check_area input {
	margin: 5px 10px 0 0;
}

.contact .privacy_check .check_area label {
	font-size: 14px;
	vertical-align: text-top;
	font-weight: 400;
}

.img-height-option img {
	height: auto!important;
	padding-bottom: 15px;
}
::-webkit-scrollbar {
	height: 2px;
	width: 12px;
	background-color: #f9f9f9
}

::-webkit-scrollbar-thumb {
	background-color: #d2d2d2
}
/* Select box 스타일 초기화 */

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 15px;
}

.nonecase {
	text-transform: none !important;
}
/* IE 에서 Select box 화살표 제거 */

select::-ms-expand {
	display: none;
}

select {
	background-image: url(../images/common/select_icon.png);
	background-repeat: no-repeat;
	background-position: 100% 10px;
	background-size: 14px 8px;
	background-color: transparent;
	border-radius: 0;
}
.reference ul {
	margin: 0;
	height: auto!important;
}
.reference ul:after {
	display: none !important;
}
.reference ul li {
    font-size: 15px;
    line-height: 1.3em;
    color: rgba(0,0,0, 0.7);
    width: 100%;
    font-weight: 400;
    margin-bottom: 8px;
    position: relative;
}

.reference ul li:before{
	position: absolute;
	left: -10px;
	top: 9px;
	content: '';
	background: rgba(11, 43, 97, 0.3);
	width: 3px;
	height: 3px;
	border-radius: 50%;
}

#reputaion .bg-border .icon {
	min-height: 85px;
}