@charset "UTF-8";

@font-face {
	font-family:'Jua';
	font-style:normal;
	font-weight:400;
	src:url('../font/Jua.eot');
	src:url('../font/Jua.eot?#iefix') format('embedded-opentype'),
		url('../font/Jua.woff') format('woff');
}

@font-face {
	font-family:'NotoSansKR-Black';
	font-style:normal;
	font-weight:900;
	src:url('../font/NotoSansKR-Black.eot');
	src:local('Noto Sans KR Black'),
		url('../font/NotoSansKR-Black.eot?#iefix') format('embedded-opentype'),
		url('../font/NotoSansKR-Black.woff2') format('woff2'),
		url('../font/NotoSansKR-Black.woff') format('woff');
}


/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, span, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-style:normal;font-variant:normal;font-weight:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;line-height:120%}
input, select{margin:0;padding:0;font-style:normal;font-variant:normal;font-weight:inherit;font-size:100%;font-family:inherit;line-height:120%}
/* 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_t30{padding-top:30px}
.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}
.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);
-o-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%;
-webkit-transform:translate3d(0px, 0, 0);
-moz-transform:translate3d(0px, 0, 0);
-ms-transform:translate3d(0px, 0, 0);
-o-transform:translate(0px, 0px);
transform:translate3d(0px, 0, 0);
}
.slider-wrapper:after{content:'';display:block;clear:both}
.slider-items{float:left;position:relative;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('../design/sms/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{margin:20px auto 0}
#smspop .step2 form{padding:14px}
div.sms_left{float:left;position:relative}
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:1px 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{min-width:1260px;max-width:2560px;font-family:'Malgun Gothic','맑은 고딕';margin:0 auto}
.inner{position:relative;width:1200px;margin:0 auto}
.cm_txt{font-size:1em;line-height:187%;letter-spacing:-0.03em}

/* header */
.header{position:absolute;top:0;left:0;width:100%;height:80px;background:url("../img/common/op70.png") repeat;z-index:100}
.header:after{content:"";display:block;clear:both}
.bi{position:absolute;top:18px;left:20px;width:131px;height:45px}
.bi a{display:block;position:relative;width:100%;height:100%;background:url("../img/common/bi.png") no-repeat 50% 50%;font-size:0;text-indent:-100000px}
.hd_inq{float:right;position:relative;width:250px;height:80px;background:url("../img/common/hd_inq.png") no-repeat 50% 50%;margin:0px 0px 0 0}
/*.hd_inq:before{content:"";display:block;position:absolute;top:18px;left:-48px;width:48px;height:79px;background:url("../img/common/hd_before.png") no-repeat 50% 50%}*/
.hd_inq a{display:block;position:relative;width:100%;height:100%}
.hd_inq a span{position:absolute;top:0;left:0;width:100%;height:100%;font-family:'Jua';font-size:1.4375em;color:#fff;line-height:45px;letter-spacing:0.05em;text-indent:54px}
.gnb{float:right;position:relative;margin-right:56px}
.gnb:after{content:"";display:block;clear:both}
.gnb li{float:left;position:relative}
.gnb li a{display:block;position:relative;width:80px;height:80px;background-repeat:no-repeat;background-repeat:0 0;font-size:0;text-indent:-100000px}
.gnb li a:before{content:"";display:block;position:absolute;bottom:-6px;left:30px;width:20px;height:20px;background:url("../img/common/gnb_ico.png") no-repeat 50% 50%}
.gnb01 a{background-image:url("../img/common/gnb_d01.png")}
.gnb02 a{background-image:url("../img/common/gnb_d02.png")}
.gnb03 a{background-image:url("../img/common/gnb_d03.png")}
.gnb04 a{background-image:url("../img/common/gnb_d04.png")}
.gnb05 a{background-image:url("../img/common/gnb_d05.png")}
.gnb06 a{background-image:url("../img/common/gnb_d06.png")}
.gnb li.on a, .gnb li a:hover{background-position:0 -80px}
.header:before{content:"";display:block;position:absolute;bottom:0;width:100%;height:6px;background:url("../img/common/hd_line.png") repeat-x}

/* footer */
.footer{position:relative;width:100%;height:140px;background-color:#252525}
.footer:after{content:"";display:block;clear:both}
.f_cont01{float:left;position:relative;margin:25px 100px 0 50px}
.f_cont02{float:left;position:relative}
.f_cont03{float:right;position:relative;width:310px;margin:28px 50px 0 0}
.f_cont01:before{content:"";display:block;position:absolute;top:5px;right:-50px;width:1px;height:77px;background-color:#393939}
.f_con01_txt01:after{content:"";display:block;clear:both}
.f_con01_txt01 dt, .f_con01_txt01 dd{float:left;font-weight:700;color:#fff;line-height:26px}
.f_con01_txt01 dt{font-size:0.9375em}
.f_con01_txt01 dd{font-size:1.375em;margin-left:18px}
.f_con01_txt02{font-size:0.75em;color:#666666;line-height:166%;margin-top:4px}
.f_con01_txt02 em{color:#dcdcdc}
.f_cont02{position:relative;margin-top:25px}
.f_cont02 ul{position:relative}
.f_cont02 li:after{content:"";display:block;clear:both}
.f_cont02 li p{float:left;position:relative;font-size:0.75em;line-height:166%}
.f_con02_tit{color:#dcdcdc;width:160px}
.f_con02_txt{color:#666666}
.f_con03_top:after{content:"";display:block;clear:both}
.family_wrap{float:right;position:relative;width:178px;height:33px;border:1px solid #535353;z-index:50}
.fm_tit{display:block;position:relative;width:100%;height:100%;font-size:0.75em;color:#fff;line-height:33px;text-indent:20px;background:url("../img/common/family_arrow.png") no-repeat 155px 14px}

.fm_link{display:none;position:absolute;bottom:34px;left:-1px;width:100%}
.fm_link li{position:relative;width:100%;height:33px;background-color:#252525;border:1px solid #535353;margin-bottom:-1px}
.fm_link li a{display:block;position:relative;width:100%;height:100%;text-align:left;line-height:33px;text-indent:20px;font-size:0.75em;color:#7f7f7f}
.fm_link li.on a, .fm_link li a:hover{color:#fff}

.f_sns_area{float:right;position:relative}
.f_sns_area li{float:left;position:relative;width:31px;height:31px}
.f_sns_area li a{display:block;position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%}
.f_sns01{background-image:url("../img/common/footer_sns01.png")}
.f_sns02{background-image:url("../img/common/footer_sns02.png");margin-left:10px}
.f_sns03{background-image:url("../img/common/footer_sns03.png");margin-left:10px}
.policy{position:relative;margin-top:10px;font-size:0;text-align:right}
.policy:after{content:"";display:block;clear:both}
.policy li{display:inline-block;position:relative;font-size:16px;margin-bottom:8px}
.policy li:before{content:"ㅣ";position:relative;font-size:0.75em;color:#898989;line-height:100%}
.policy li:first-child:before, .policy li:nth-child(4):before{display:none}
.policy a{font-size:0.75em;color:#898989;line-height:100%}
.policy .strong{color:#fff}
.copy{font-size:0.6875em;color:#666666;line-height:100%;margin-top:7px}

.fs_0{font-size:0;text-indent:-100000px}