@charset 'utf-8';
@import url('jquery.booklet.latest.css');
@font-face {
	font-family:'NanumBarunGothic';
	font-style:normal;
	font-weight:400;
	src:url('../font/NanumBarunGothic.eot');
	src:url('../font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumBarunGothic.woff') format('woff');
}
@font-face {
	font-family:'NanumBarunGothicBold';
	font-style:normal;
	font-weight:700;
	src:url('../font/NanumBarunGothicBold.eot');
	src:url('../font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumBarunGothicBold.woff') format('woff');
}
@font-face {
	font-family:'AmaticSC';
	font-style:normal;
	font-weight:700;
	src:url('../font/AmaticSC.eot');
	src:url('../font/AmaticSC.eot?#iefix') format('embedded-opentype'),
		url('../font/AmaticSC.woff') format('woff');
}
@font-face {
	font-family:'NanumGothic';
	font-style:normal;
	font-weight:400;
	src:url('../font/NanumGothic-Regular.eot');
	src:url('../font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumGothic-Regular.woff') format('woff');
}
@font-face {
	font-family:'GodoM';
	font-style:normal;
	font-weight:400;
	src:url('../font/GodoM.eot');
	src:url('../font/GodoM.eot?#iefix') format('embedded-opentype'),
		url('../font/GodoM.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, strike, 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-size:100%;font:inherit;vertical-align:baseline;line-height:120%}
input, select{margin:0;padding:0;font-size:100%;font:inherit}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{font-family:'돋움',Dotum,Verdana,AppleGothic}
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{color:inherit;text-decoration:none}
a:hover, a:focus{text-decoration:underline}

/* 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}
.w10{width:10%}
.w20{width:20%}
.w30{width:30%}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}
.w70{width:70%}
.w80{width:80%}
.w90{width:90%}
.w96{width:96%}
.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)}
.nb_bold{font-weight:400;font-family:NanumBarunGothicBold}
.oblique{font-style:oblique}

/* 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}

body{position:relative;font-family:'맑은 고딕', 'Malgun Gothic', '나눔 고딕', 'Nanum Gothic', dotum;}

#wrap{overflow:hidden;position:relative;width:100%;min-width:1260px;padding-top:84px;background:url('../img/common/bg_pattern.jpg') repeat 50% 50%}

/* common header */
div.header_wrap{position:fixed;left:0;top:0;z-index:100;width:100%;min-width:1260px;height:84px;background:#b81100 url('../img/common/header_bg.png') repeat-x 50% -84px}
div.header_wrap.on{background-position:50% 0}
div.header_wrap h1{position:absolute;left:50%;top:0;margin-left:-146px}

/* navigation */
ul.gnb.major{overflow:hidden;width:1260px;height:60px;margin:0 auto}
li.majors{float:left;height:100%}
li.majors h2{height:100%}
li.majors h2 a{display:block;height:100%;background-repeat:no-repeat;background-position:0 0}
li.majors.on h2 a, li.majors h2 a:hover{background-position:0 -84px}
li.major1 h2 a{width:173px;margin-left:41px;margin-right:44px;background-image:url('../img/common/gnb1.png')}
li.major2 h2 a{/*width:162px;margin-right:420px;*/background-image:url('../img/common/gnb2.png')}
li.major3 h2 a{width:113px;margin-right:40px;background-image:url('../img/common/gnb3.png')}
li.major4 h2 a{width:97px;margin-right:39px;background-image:url('../img/common/gnb4.png')}
li.major5 h2 a{width:81px;margin-right:44px;background-image:url('../img/common/gnb5.png')}
li.major2{width:162px;margin-right:420px}

ul.gnb.minors{position:absolute;top:92px;left:50%;z-index:30}
ul.gnb.minors li{float:left;padding-right:26px;font-size:15px;color:#939393}
ul.gnb.minors li.on{background-image:url('../img/common/navi_bot_line.png');background-repeat:no-repeat;background-size:100% auto;background-position:0 100%}
ul.gnb.minors li a{display:block;padding:6px 0 12px 28px;text-decoration:none;letter-spacing:-1px}
ul.gnb.minors li a:hover{color:#fff}
ul.gnb.minors li.on a{font-weight:600;font-size:16px;color:#fff;background:url('../img/common/pizza.png') no-repeat left}
ul.gnb.minor1{margin-left:-580px}
ul.gnb.minor2{margin-left:-510px}
ul.gnb.minor3{margin-left:-208px}
ul.gnb.minor4{margin-left:-383px}/*-236px*/
ul.gnb.minor5{margin-left:-122px}

#gnbBg{position:absolute;top:84px;width:100%;height:45px;background:url('../img/common/minor_bg.jpg') repeat}


/* footer */
div.footer{padding:16px 0;background-color:#000;font-size:11px;text-align:center}
div.footer div.foot_bi{position:relative;margin-bottom:18px}
div.footer address{color:#d9d9d9;line-height:22px}
p.copy{margin-top:12px;color:#ed1724}

div.foot_pierrot{position:absolute;top:0;left:50%;width:51px;height:26px;margin-left:-32px}
div.foot_inquiry{position:absolute;top:0;left:50%;z-index:100;width:354px;height:192px;margin-left:-177px}
div.foot_inquiry img{position:absolute;top:50%;left:50%;width:0;height:0}

/* sms layer */
#smspop{display:none;position:fixed;left:50%;top:110px;z-index:2000;margin-left:-450px;padding-bottom:84px;background:url('../sms/img/shadow.png') no-repeat 50% 100%}
#smspop .smsWrap{overflow:hidden;position:relative;width:896px;height:392px;border:2px solid #111111;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:134px;margin:28px auto 0;padding:15px 20px;border:1px solid #3e3e3e}
#smspop .step1 div.policy_check{margin:15px 0 0 50px}
#smspop .step1 button.next_step{width:250px;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('../sms/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: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;padding:15px;border:1px solid #3e3e3e;background-color:transparent;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}