@charset "UTF-8";

@font-face {
	font-family:'NotoSansKR-Thin';
	font-style:normal;
	font-weight:100;
	src:url('/w/font/NotoSansKR-Thin.eot');
	src:url('/w/font/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'),
		url('/w/font/NotoSansKR-Thin.woff2') format('woff2'),
		url('/w/font/NotoSansKR-Thin.woff') format('woff');
}
@font-face {
	font-family:'NotoSansKR-Light';
	font-style:normal;
	font-weight:300;
	src:url('/w/font/NotoSansKR-Light.eot');
	src:url('/w/font/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
		url('/w/font/NotoSansKR-Light.woff2') format('woff2'),
		url('/w/font/NotoSansKR-Light.woff') format('woff');
}
@font-face {
	font-family:'NotoSansKR-DemiLight';
	font-style:normal;
	font-weight:350;
	src:url('/w/font/NotoSansKR-DemiLight.eot');
	src:url('/w/font/NotoSansKR-DemiLight.eot?#iefix') format('embedded-opentype'),
		url('/w/font/NotoSansKR-DemiLight.woff2') format('woff2'),
		url('/w/font/NotoSansKR-DemiLight.woff') format('woff');
}
@font-face {
	font-family:'NotoSansKR-Regular';
	font-style:normal;
	font-weight:400;
	src:url('/w/font/NotoSansKR-Regular.eot');
	src:url('/w/font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
		url('/w/font/NotoSansKR-Regular.woff2') format('woff2'),
		url('/w/font/NotoSansKR-Regular.woff') format('woff');
}
@font-face {
	font-family:'NotoSansKR-Medium';
	font-style:normal;
	font-weight:500;
	src:url('/w/font/NotoSansKR-Medium.eot');
	src:url('/w/font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
		url('/w/font/NotoSansKR-Medium.woff2') format('woff2'),
		url('/w/font/NotoSansKR-Medium.woff') format('woff');
}
@font-face {
	font-family:'NotoSansKR-Bold';
	font-style:normal;
	font-weight:700;
	src:url('/w/font/NotoSansKR-Bold.eot');
	src:url('/w/font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
		url('/w/font/NotoSansKR-Bold.woff2') format('woff2'),
		url('/w/font/NotoSansKR-Bold.woff') format('woff');
}
@font-face {
	font-family:'NotoSansKR-Black';
	font-style:normal;
	font-weight:900;
	src:url('/w/font/NotoSansKR-Black.eot');
	src:url('/w/font/NotoSansKR-Black.eot?#iefix') format('embedded-opentype'),
		url('/w/font/NotoSansKR-Black.woff2') format('woff2'),
		url('/w/font/NotoSansKR-Black.woff') format('woff');
}
/* CSS reset */
html, body{margin:0;padding:0;border:0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{font-family:'Malgun Gothic','¸¼Àº °íµñ','Apple SD Gothic Neo','AppleGothic','NanumGothic','³ª´®°íµñ','Droid sans','Microsoft NeoGothic';-webkit-text-size-adjust:none}
li{list-style:none}
blockquote, q{quotes:'"' '"'}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
address{font-style:normal}
input, select, button, img{vertical-align:middle}
button{display:block;margin:0;padding:0;border:0;background-color:transparent;font:inherit;color:inherit;cursor:pointer}
a{font-size:inherit;color:inherit;text-decoration:none}
strong, em{font-size:inherit;line-height:inherit}

/* common */
.indent{display:block;position:relative;width:0;height:0;font-size:0;text-indent:-10000px;line-height:0}
.over_h{overflow:hidden}
.f_left{float:left}
.f_right{float:right}
.f_clear{clear:both}
.rel{position:relative}
.abs{position:absolute}
.w100{width:100%}
.h100{height:100%}
.m_none{margin:0 !important}
.m_t05{margin-top:5px}
.m_t10{margin-top:10px}
.m_t20{margin-top:20px}
.m_t30{margin-top:30px}
.m_t40{margin-top:40px}
.m_t50{margin-top:50px}
.m_b05{margin-bottom:5px}
.m_b10{margin-bottom:10px}
.m_b20{margin-bottom:20px}
.m_b30{margin-bottom:30px}
.m_b40{margin-bottom:40px}
.m_b50{margin-bottom:50px}
.p_none{padding:0 !important}
.p_t10{padding-top:10px}
.p_t20{padding-top:20px}
.p_t25{padding-top:25px}
.p_t30{padding-top:30px}
.p_t35{padding-top:35px}
.p_t38{padding-top:38px}
.p_t40{padding-top:40px}
.p_t50{padding-top:50px}

.p_b10{padding-bottom:10px}
.p_b20{padding-bottom:20px}
.p_b30{padding-bottom:30px}
.p_b40{padding-bottom:40px}
.p_b50{padding-bottom:50px}
.p_l20{padding-left:20px}
.b_none{border:0 !important}
.bg_none{background:none !important}
.t_left{text-align:left}
.t_right{text-align:right}
.t_center{text-align:center}
.v_top{vertical-align:top}
.v_mid{vertical-align:middle}
.normal{font-weight:400}
.bold{font-weight:700}
.extra{font-weight:800}
.pointer{cursor:pointer}
.alpha{opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';filter:alpha(opacity=0)}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fs_def > *{font-size:16px;vertical-align:top}
.scale0{
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
}

/* skiptoContent */
#skiptoContent{position:absolute;width:100%}
#skiptoContent dt{position:absolute;left:0;top:-10000px}
a.skip{display:block;position:absolute;left:0;top:-10000px;z-index:1000;width:100%;font-size:15px;text-align:center}
a.skip:hover, a.skip:focus, a.skip:active{position:absolute;top:0;z-index:1000;padding:15px 0;background:#fff;font-weight:800;color:#000;text-decoration:underline}

/* slider */
.slider-container{overflow:hidden;position:relative;height:100%}
.slider-wrapper{height:100%}
.slider-wrapper:after{content:'';display:block;clear:both}
.slider-items{float:left;width:100%;height:100%}

/* sms layer */
#smspop{display:none;position:fixed;left:50%;top:110px;z-index:2000;margin-left:-450px;padding-bottom:84px;background: url(/2017/landing/img/shadow.png) no-repeat 50% 100%}
#smspop .smsWrap{overflow:hidden;position:relative;width:896px;height:392px;border:2px solid #ef4036;background-color:#fff;font-size:14px;color:#000}
#smspop .step1{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%}
#smspop .step2{position:absolute;left:0;top:0}
#smspop .step1 div.policy_wrap{overflow-y:scroll;width:806px;height:156px;margin:20px auto 0;padding:10px 20px;border:1px solid #3e3e3e}
#smspop .step1 div.policy_check{margin:15px 0 0 50px}
#smspop .step1 button.next_step{width:332px;margin:20px auto 0}
#smspop .step2 form{padding:14px}
div.sms_left{float:left;position:relative}
div.sms_left p.subject{position:absolute;left:0;top:0;width:100%;height:25px;padding-top:5px;background: url(/2017/landing/img/sms_alpha.png);color:#fff;text-indent:20px}
div.sms_right{float:right;width:332px;margin-left:18px}
table.sms_con{width:100%;margin-top:25px}
table.sms_con th, table.sms_con td{padding-bottom:5px;color:#000}
table.sms_con th{width:75px;font-size:13px;text-align:left}
table.sms_con td{width:257px}
table.sms_con input{width:247px;padding:4px;border:11px solid #3e3e3e;background-color:transparent;color:#000}
div.text_con{position:relative;margin-top:20px}
div.text_con .label_cont{position:absolute;left:15px;top:15px;width:90%}
div.text_con textarea{overflow:hidden;position:relative;z-index:10;width:300px;height:106px;padding:15px;border:1px solid #3e3e3e;background-color:transparent;font-size:14px;color:#000}
div.text_con div.text_bytes{position:absolute;right:10px;bottom:10px;font-size:12px;color:#000}
div.submit_btn{margin-top:6px}
.btnSmsX{position:absolute;right:10px;top:10px;z-index:10}

/* policy layer */
#policyWrap{overflow:hidden;position:absolute;left:50%;z-index:1000;width:100px;height:50px;margin-left:-50px;background:#fff;text-align:center;border-radius:5px}
#policy{position:relative;width:800px;height:530px;margin:0 auto;padding:20px;border:1px solid #b1b1b1;text-align:left}
#policy div.policy_title{position:relative;height:75px;background-color:#b1b1b1;border-radius:10px}
#policy div.policy_title h2{padding:25px 0 0 15px;font-weight:700;font-size:25px;color:#fff}
#policy div.policy_con{margin-top:10px;padding:20px 10px 20px 20px;background:#9b9b9b;border-radius:10px}
#policy p.policy_text{overflow-y:scroll;height:400px;padding-right:20px;font-size:14px;text-align:justify;line-height:18px}
#policyLoader{padding-top:10px}
.btnPolicyX{display:block;position:absolute;right:10px;top:15px}

body{font-family:'NotoSansKR-DemiLight';margin:0 auto}
#wrap{overflow:hidden;position:relative;width:100%}
.center{position:relative;width:1260px;margin:0 auto}
.center2{position:relative;width:1260px;margin:0 auto}
.l50{position:absolute;left:50%}
.sections{position:relative;width:100%;background-repeat:no-repeat;background-position:50% 0}

/* header */
/*210726
.header{position:absolute;left:0;top:0;z-index:100;width:100%;min-width:50px;}
.header{position:absolute;right:10px;top:0;z-index:100;width:50px;min-width:50px;top:200px;}
*/
.header{position:absolute;left:10px;z-index:100;width:50px;top:190px;}

.header1_wrap{overflow:hidden;position:relative;width:100%;height:200px;background:#000;}
.header2_wrap{position:relative;width:100%;}
.header1 .column1{margin-top:30px;margin-left:0px;}
.header1 .column2{margin-top:30px;margin-left:200px;}
.header1 .column3{width:330px;margin-top:30px;}
form.sms_form{position:relative}
.input_wrap .row{font-size:0}
.input_wrap .row:after{display:block;clear:both;content:""}
.input_wrap .row1 div.sms_txt{display:inline-block;vertical-align:middle;margin-left:60px;}
.input_wrap .row3, .input_wrap .row4{margin-top:7px}

.input_wrap .row4 input[type="checkbox"]{display:inline-block;vertical-align:middle;width:auto;height:auto;padding:0;margin:10px 0 0 60px;border-radius:0}
.input_wrap .row4 label.chk_label{display:inline-block;vertical-align:middle;margin:9px 0 0 10px;font-size:13px;font-family:'NotoSansKR-DemiLight';color:#fff;letter-spacing:-0.05em}
.input_wrap .row4 a.bindPolicyModalOpen{display:inline-block;vertical-align:middle;margin:9px 0 0 10px;}

.input_wrap .row label.input_label{display:inline-block;vertical-align:middle;font-size:16px;color:#fff}
.input_wrap .row input[type="text"]{display:inline-block;vertical-align:middle;width:180px;height:35px;padding:10 10px;font-size:13px;color:#a4a6aa;background:#fff;-webkit-;}
.input_wrap .input_con{margin-top:5px}
.input_wrap .input_con .col1{display:inline-block;width:60px;font-size:0;color:#969595;vertical-align:middle;}
.input_wrap .input_con .col2{display:inline-block;position:relative;font-size:0;vertical-align:middle;}
.send_btn{display:block;position:absolute;top:68px;right:0;width:80px;height:80px;background: url(/2017/landing/img/top_sms_bt.png) no-repeat 100% 100%;text-indent:-9000px}

/*210725
.header2_wrap .center{font-size:0;text-align:center}
ul.gnb{display:inline-block;overflow:hidden;text-align:center;width:1260px;}
ul.gnb li{display:inline-block;margin:0 21px}
ul.gnb li a{color:#ffffff;font-size:16px;line-height:60px;}
ul.gnb li.on a, ul.gnb li a:hover{color:#fabe00;border-bottom:3px solid #fabe00;box-sizing:border-box}
*/
ul.gnb{display:inline-block;overflow:hidden;text-align:center;width:100%;}
ul.gnb li{display:inline-block;margin:0 0 5px 0;width:25px;height:25px;}
ul.gnb li a{color:#ffffff;}
ul.gnb li a.btn_gnb{position:relative;display:block;height:25px;}


ul.gnb li.on.gnb_li01 a, ul.gnb li.gnb_li01 a:hover{background: url('/landing/img/landing_m01_on.png');background-position:center center;}
ul.gnb li.on.gnb_li02 a, ul.gnb li.gnb_li02 a:hover{background: url('/landing/img/landing_m02_on.png');background-position:center center;}
ul.gnb li.on.gnb_li03 a, ul.gnb li.gnb_li03 a:hover{background: url('/landing/img/landing_m03_on.png');background-position:center center;}
ul.gnb li.on.gnb_li04 a, ul.gnb li.gnb_li04 a:hover{background: url('/landing/img/landing_m04_on.png');background-position:center center;}
ul.gnb li.on.gnb_li05 a, ul.gnb li.gnb_li05 a:hover{background: url('/landing/img/landing_m05_on.png');background-position:center center;}
ul.gnb li.on.gnb_li06 a, ul.gnb li.gnb_li06 a:hover{background: url('/landing/img/landing_m06_on.png');background-position:center center;}
ul.gnb li.on.gnb_li07 a, ul.gnb li.gnb_li07 a:hover{background: url('/landing/img/landing_m07_on.png');background-position:center center;}
ul.gnb li.on.gnb_li08 a, ul.gnb li.gnb_li08 a:hover{background: url('/landing/img/landing_m08_on.png');background-position:center center;}
ul.gnb li.on.gnb_li09 a, ul.gnb li.gnb_li09 a:hover{background: url('/landing/img/landing_m09_on.png');background-position:center center;}
ul.gnb li.on.gnb_li10 a, ul.gnb li.gnb_li10 a:hover{background: url('/landing/img/landing_m10_on.png');background-position:center center;}

.gnb_li01 a:link{background: url('/landing/img/landing_m01_off.png');background-position:center center;}
.gnb_li02 a:link{background: url('/landing/img/landing_m02_off.png');background-position:center center;}
.gnb_li03 a:link{background: url('/landing/img/landing_m03_off.png');background-position:center center;}
.gnb_li04 a:link{background: url('/landing/img/landing_m04_off.png');background-position:center center;}
.gnb_li05 a:link{background: url('/landing/img/landing_m05_off.png');background-position:center center;}
.gnb_li06 a:link{background: url('/landing/img/landing_m06_off.png');background-position:center center;}
.gnb_li07 a:link{background: url('/landing/img/landing_m07_off.png');background-position:center center;}
.gnb_li08 a:link{background: url('/landing/img/landing_m08_off.png');background-position:center center;}
.gnb_li09 a:link{background: url('/landing/img/landing_m09_off.png');background-position:center center;}
.gnb_li10 a:link{background: url('/landing/img/landing_m10_off.png');background-position:center center;}

.fb_link{display:inline-block;margin:0 10px;padding-top:23px;vertical-align:middle}
.blog_link{display:inline-block;margin:0 10px;padding-top:23px;vertical-align:middle}
div.btns{position:absolute;right:0;top:0}
div.btns a{display:block;position:relative;float:left}
.btn_inquiry{width:165px;height:60px;background-repeat:no-repeat;background-image: url(/2017/landing/img/top_btn_req.png);background-position:0 0;text-indent:-10000px;
-webkit-transition:background-position 0.6s;
-moz-transition:background-position 0.6s;
-ms-transition:background-position 0.6s;
transition:background-position 0.6s;
}
.btn_inquiry.on{background-position:0 -60px}
div.btns a img{display:block}

/* »çÀÌÆ®¸Ê */
.site_map{display:none;width:100%;height:253px;background:#002345;background:rgba(0, 35, 69, 0.95)}
.stm_depth1_li{float:left;width:210px;height:253px;border-left:1px solid #12385a;}
.stm_depth1_li.on , .stm_depth1_li:hover{background:#000;background:rgba(0, 0, 0, 0.18)}
.stm_depth1_li:hover .stm_h2{background: url(/2017/landing/img/stm_overline.png) no-repeat 50% 100%}
.stm_depth1_ul li:first-child{border-left:0}

.stm_h2{padding-top:40px;height:38px;text-align:center;font-family:'NotoSansKR-Medium';color:#fff;font-size:20px}
.stm_depth2_ul{margin-top:25px;padding-left:20px}
.stm_depth2_li{margin-top:15px;color:#719cba;letter-spacing:-0.07em;line-height:187%}
.stm_depth2_li a{display:block;padding-left:10px;background: url(/2017/landing/img/stm_dot1.png) no-repeat left 10px}
.stm_depth2_li a.on , .stm_depth2_li a:hover{color:#fff;background: url(/2017/landing/img/stm_dot2.png) no-repeat left 10px}