/* common */ 
html {overflow-x:hidden;}
html, body {margin:0; padding:0; height:100%; color:#4c4c4c; 
font-size:16px; line-height:28px; font-weight:400; text-rendering: 
optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);} 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb 
r,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,st 
rong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset, form, label, legend, table, caption, tbody,tfoot,thead,tr,th,td { font-family: 'Noto Sans', 'Source Han Sans', "Noto Sans CJK KR", '본고딕', '맑은고딕', 'Malgun Gothic', dotum, serif;} 
body {position:relative;} 
ul,li {list-style: none;padding: 0;margin: 0;} 
h1, .h1 {font-size: 100%;} 
h1, .h1, h2, .h2, h3, .h3 {margin:0;} 
.clear {clear:both;}
.clear:before, .clear:after {content: ''; display: table;}
.no-mar {margin-left: 0;margin-right: 0;} 
.no-mar > .no-pad {padding-left:0; padding-right:0;} 
.no-pad {padding: 0;} 
.posi-relative {position: relative;} 
.posi-absolute {position: absolute;} 
.max-height {height: 100%;} 
.margincenter {margin: 0 auto;} 
.vc {display: table;width: 100%;height :100%;} 
.vc .vm {display: table-cell; width: 100%; height:100%; vertical-align: middle;} 
.vc .vm > img {position: relative;top: -4rem;}
strong {font-weight:700;} 
.block {display:block;} 
.inline-block {display:inline-block;} 
.img-responsive {max-width:100%;} 
.aligncenter {display:block; max-width:100%; margin:0 auto;} 
.alignleft {float:left;} 
.alignright {float:right;} 
.vertical-top {vertical-align:top;} 
.vertical-base {vertical-align:baseline;} 
.vertical-middle {vertical-align:middle;} 
.vertical-sub {vertical-align:sub;} 
.vertical-bottom {vertical-align:bottom;} 
::selection { background: rgba(57, 71, 132, 0.7); color:#fff} 
body.modal-open {overflow: visible !important; overflow-x: hidden; position: absolute; padding-right: 0 !important; width: 100%; height: 100%;}
/* pre-loader */
.pre-loader {position: fixed; top:0; width: 100%; height: 100%; z-index: 9999999; display: block; }
.pre-loader .load-con {   margin: 20% auto;   position: relative;   text-align: center; }
.pre-loader .load-con img {width:140px;}
.spinner {   margin: 50px auto 0;   width: 70px;   text-align: center; }
.spinner > div {   width: 18px;   height: 18px;   background-color: #fff;   border-radius: 100%;   display: inline-block;   -webkit-animation: bouncedelay 1.4s infinite ease-in-out;   animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both;   animation-fill-mode: both; }
.spinner .bounce1 {   -webkit-animation-delay: -0.32s;   animation-delay: -0.32s; }
.spinner .bounce2 {   -webkit-animation-delay: -0.16s;   animation-delay: -0.16s; }


.header {position: fixed; width: 100%; top: 0; left: 0; z-index: 99; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
/* logo */
#logo {position: fixed; left: 50px;top: 40px; width:110px; height: 48px; z-index: 99;}
.logo {display: block; }
.logo img {width:100%; margin:0 auto; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.scroll-hidden {display:block;}
.scroll-visible {display:none;}
/*.scrolled .scroll-hidden {display:none;}*/
/*.scrolled .scroll-visible {display:block;}*/
/*lang menu*/
.lang_menu {position: fixed; top: 12px; right: 65px;}

.lang_menu > li {display: block; position: relative; float: left;}
.lang_menu > li > a {position: relative; display: block; padding: 10px 6px; font-size: 14px; line-height: 1; font-weight: 200; letter-spacing: -.025em; color: rgba(255, 255, 255, .5);}
.lang_menu > li.first_li > a:after {content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 11px; background-color: rgba(255, 255, 255, .5);}
.lang_menu > li.active > a {color: #fff;}
/*sitemap menu*/
.hamburger {display:block; cursor: pointer; padding: 0; margin: 0; line-height: 0; z-index:100; font-size: 13px; text-transform: uppercase; color: #fff;letter-spacing: 1px;vertical-align: initial!important;outline: 0;text-decoration: none; position: fixed; padding: 10px; top: 12px; right: 11px; }
.is-active.hamburger {border:none;}
.hamburger:focus,
.hamburger:visited {font-size: 13px;text-transform: uppercase;color: #fff;display: block;font-weight: 200;letter-spacing: 1px;vertical-align: initial!important;outline: 0;text-decoration: none;}
.hamburger-box {width: 28px;height: 26px;display: inline-block;position: relative;}
.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {border-radius: 0;height: 2px;background-color: #fff; }
.is-active.hamburger .hamburger-inner, .is-active.hamburger .hamburger-inner:after, .is-active.hamburger .hamburger-inner:before {background-color: #fff; }
.hamburger-inner {display: block;top: 50%;margin-top: -1px; width: 28px; transition-duration: .15s;transition-delay: .15s;transition-timing-function: cubic-bezier(.55,.055,.675,.19);}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {height: 2px;background-color: #fff;border-radius: 0;position: absolute;transition-property: transform;transition-duration: .15s;transition-timing-function: ease;}
/*.scrolled .hamburger-inner, .scrolled .hamburger-inner::after, .scrolled .hamburger-inner::before {background-color: #1a1a1a;}*/
.hamburger-inner::after, .hamburger-inner::before {content: "";display: block;}
.hamburger-inner::before {width: 28px; top: 12px;}
.hamburger-inner::after {width: 28px; top: -12px;}
.is-active .hamburger-inner {width: 30px; transform: translate3d(0,0,0) rotate(-45deg);transition-delay: .32s;transition-timing-function: cubic-bezier(.215,.61,.355,1)}
.is-active .hamburger-inner::after {width: 30px; top: 0;opacity: 0;transition: top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear}
.is-active .hamburger-inner::before {width: 30px; top: 0;transform: rotate(-90deg);transition: top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1)}
/* gnb menu */
.gnb_logo {padding: 6% 0 3% 40px;}
a.inline-block {display: inline-block;}
.gnb_wrap {position: fixed; width: 100%; min-height:500px; height: 100vh; overflow-y: scroll; background-color: rgba(12, 29, 66, .95);top: 0; left: 0; z-index: 99; display:none; overflow: hidden; visibility:hidden; opacity:0;filter: alpha(opacity=0);-moz-opacity:0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;}
.nav.gnb_nav {background: none; padding-top:3%; border-top: 1px solid rgba(255, 255, 255, .6);}
.nav.gnb_nav > li {position: relative; display: block; border-bottom: none;overflow:hidden; position:relative;}
.nav.gnb_nav > li > a {font-family: 'Lora'; display: block; -ms-word-break: keep-all; word-break: keep-all;text-align: center; font-size: 24px;color: rgba(255, 255, 255, .6); line-height:1.25; letter-spacing: -.06em;padding:15px 10px; font-weight: 400; position:relative;}
.nav.gnb_nav > li > a:hover,.nav.gnb_nav > li > a:focus {background: none; text-decoration:none; color: #fff;}
/* lnb menu */
.lnb_wrap {position: fixed; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.nav.lnb_nav {display: block; width: 30px;}
.nav.lnb_nav > li {display: block; width: 100%; margin: 5px 0;}
.nav.lnb_nav > li > a {background: none; position: relative; display: block; height:10px; padding: 0; text-indent: -10000px;}
.nav.lnb_nav > li > a:hover, .nav.lnb_nav > li > a:focus, .nav.lnb_nav > li > a:active {background: none;}
.nav.lnb_nav > li > a:after {content: ''; position: absolute; width: 100%; width: 30px; height: 1px; background-color: rgba(255, 255, 255, .4); left: 0; top: 50%;}
.nav.lnb_nav > li.active > a:after {width: 50px; height: 2px; background-color: rgba(255, 255, 255, .8);}
/*msl*/
.main_logo_linkCont {position: absolute; left: 0; top: 70%; width: 100%; height: 50px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}
.main_logo_link {display: inline-block;}
.main_logo_link1 {position: relative; display: block; margin: 0 auto; width: 29px; height: 29px; border: 1px solid #ff8400; -webkit-border-radius: 50%; -moz-border-radius:  50%; border-radius: 50%; background: url(../img/main/main_logo_link1.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; }
.main_logo_link2 {display: block; font-size: 18px; line-height: 1.333; font-weight: 300; letter-spacing: -.05em; color: #f4b36d; margin: 15px 0 10px;}
.main_logo_link3 {display: block; font-size: 30px; line-height: 1; font-weight: 700; letter-spacing: -.05em; color: #ff8400;}
/*footer*/
footer {background-color: #000; font-size: 12px; line-height: 1.8; font-weight: 400; padding: 50px 0;}
#totop {width: 50px; height: 40px; line-height: 40px; position: fixed; right: 10px; bottom: 10px; z-index: 10; display: none; cursor: pointer;}
#totop img {width: 50px; display: inline-block;}

/* margin */ 
.mb00 {margin-bottom: 0 !important;} 
.mb5 {margin-bottom: 5px !important;} 
.mb10 {margin-bottom: 10px !important;} 
.mb15 {margin-bottom: 15px !important;} 
.mb20 {margin-bottom: 20px !important;} 
.mb25 {margin-bottom: 25px !important;} 
.mb30 {margin-bottom: 30px !important;} 
.mb35 {margin-bottom: 35px !important;} 
.mb40 {margin-bottom: 40px !important;} 
.mb45 {margin-bottom: 45px !important;} 
.mb50 {margin-bottom: 50px !important;} 
.mb55 {margin-bottom: 55px !important;} 
.mb60 {margin-bottom: 60px !important;} 
.mb65 {margin-bottom: 65px !important;} 
.mb70 {margin-bottom: 70px !important;} 
.mb75 {margin-bottom: 75px !important;} 
.mb80 {margin-bottom: 80px !important;} 
.mb85 {margin-bottom: 85px !important;} 
.mb90 {margin-bottom: 90px !important;} 
.mb95 {margin-bottom: 95px !important;} 
.mb100 {margin-bottom: 100px !important;}

.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}

/* padding */
.pb00 {padding-bottom: 0 !important;}
.pt00 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt65 {padding-top: 65px !important;}
.pt70 {padding-top: 70px !important;}
.pt75 {padding-top: 75px !important;}
.pt80 {padding-top: 80px !important;}
.pt85 {padding-top: 85px !important;}
.pt90 {padding-top: 90px !important;}
.pt95 {padding-top: 95px !important;}
.pt100 {padding-top: 100px !important;}
/*animation*/
.scrollpoint {opacity: 0;}
.scrollpoint.active {opacity: 1 \0;}
.animation-delay-1 {
-webkit-animation-delay:.1s !important; -moz-animation-delay:.1s !important; -ms-animation-delay:.1s !important; -o-animation-delay:.1s !important; animation-delay:.1s !important; }
.animation-delay-2 { -webkit-animation-delay:.2s !important; -moz-animation-delay:.2s !important; -ms-animation-delay:.2s !important; -o-animation-delay:.2s !important; animation-delay:.2s !important; }
.animation-delay-3 {-webkit-animation-delay:.3s !important; -moz-animation-delay:.3s !important; -ms-animation-delay:.3s !important; -o-animation-delay:.3s !important; animation-delay:.3s !important; }
.animation-delay-4 { -webkit-animation-delay:.4s !important; -moz-animation-delay:.4s !important; -ms-animation-delay:.4s !important; -o-animation-delay:.4s !important; animation-delay:.4s !important; }
.animation-delay-5 { -webkit-animation-delay:.5s !important; -moz-animation-delay:.5s !important; -ms-animation-delay:.5s !important; -o-animation-delay:.5s !important; animation-delay:.5s !important; }
.animation-delay-6 { -webkit-animation-delay:.6s !important; -moz-animation-delay:.6s !important; -ms-animation-delay:.6s !important; -o-animation-delay:.6s !important; animation-delay:.6s !important; }
.animation-delay-7 { -webkit-animation-delay:.7s !important; -moz-animation-delay:.7s !important; -ms-animation-delay:.7s !important; -o-animation-delay:.7s !important; animation-delay:.7s !important; }
.animation-delay-8 { -webkit-animation-delay:.8s !important; -moz-animation-delay:.8s !important; -ms-animation-delay:.8s !important; -o-animation-delay:.8s !important; animation-delay:.8s !important; }
.animation-delay-9 { -webkit-animation-delay:.9s !important; -moz-animation-delay:.9s !important; -ms-animation-delay:.9s !important; -o-animation-delay:.9s !important; animation-delay:.9s !important; }
.animation-delay-10 { -webkit-animation-delay:1s !important; -moz-animation-delay:1s !important; -ms-animation-delay:1s !important; -o-animation-delay:1s !important; animation-delay:1s !important; }
.animation-delay-11 { -webkit-animation-delay:1.1s !important; -moz-animation-delay:1.1s !important; -ms-animation-delay:1.1s !important; -o-animation-delay:1.1s !important; animation-delay:1.1s !important; }
.animation-delay-12 { -webkit-animation-delay:1.2s !important; -moz-animation-delay:1.2s !important; -ms-animation-delay:1.2s !important; -o-animation-delay:1.2s !important; animation-delay:1.2s !important; }



@media (max-width:767px) {
	.header.scrolled {background-color: rgba(0 ,0, 0, .8);}
	#logo {position: relative; top: 0; left: 0; padding-left: 15px; padding-top: 15px; width:105px; height: 51px;}
	.logo img { margin:0; }
	.scrolled #logo {padding-left: 15px; padding-top: 5px; width:95px; height: 42px;}
	.scrolled .logo img {width:80px;}
	.scrolled .lang_menu {top: 6px;}
	.hamburger {position: absolute; padding: 10px; top: 12px; right: 11px;}
	.scrolled .hamburger {top: 0;}
	.hamburger-inner::before {width: 28px; top: 8px;}
	.hamburger-inner::after {width: 28px; top: -8px;}
	.gnb_logo {padding: 4% 0 4% 40px;}
	.gnb_logo img {width: 100px;}
	.nav.gnb_nav > li > a {font-size: 17px; padding: 8px;}
	.lnb_wrap {display: none;}
	#totop {width: 35px; height: 30px; line-height: 30px;}
	#totop img {width: 35px; display: inline-block;}
	.main_logo_linkCont {top: 75%;}
	.main_logo_link1 {width: 22px; height: 22px;}
	.main_logo_link2 {font-size: 12px; margin: 5px 0;}
	.main_logo_link3 {font-size: 22px;}
}
@media (max-height:420px) {
	.gnb_logo {padding: 3% 0 3% 40px;}
	.nav.gnb_nav > li > a {font-size: 15px; padding: 6px;}
}