@charset "utf-8";
/* CSS Document */
@-ms-viewport{width:device-width}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
html::-webkit-scrollbar {width: 0;}
html,body,div,p,span,a,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,form,input,select,textarea,button,label,fieldset,table,tr,td,th,tbody,thead,tfoot,caption,video,strong,em,i,b{margin:0;padding:0;font-family:notokrM, sans-serif; font-size:100%; line-height:1; letter-spacing:-1px}
ul,ol,li{list-style:none}
img {border:0}
table {border-collapse: collapse;border-spacing:0;}
p, span, strong, a, em, i,b{ font-size:inherit; font-family:inherit; line-height:inherit}
input[type=button], input[type=submit], button{ cursor:pointer}
em{ font-style:normal}

a:link{color:#333;text-decoration:none}
a:visited{color:#333;}
a:active{color:#333;text-decoration:none}
a:hover{color:#333;text-decoration:none}

html{overflow-x:hidden; overflow-y:scroll}
body{ overflow-x:hidden; *overflow-x:auto;}

/**/
.f_bl{ font-family:notokrBL}
.f_b{ font-family:notokrB}
.f_m{ font-family:notokrM}
.f_r{ font-family:notokrR}
.f_l{ font-family:notokrL}
.f_dl{ font-family:notokrDL}
.f_t{ font-family:notokrT}

/*inc*/
.al{ text-align: left !important;}
.ac{ text-align: center !important;}
.ar{ text-align: right !important;}

.vt{ vertical-align:top !important;}
.vm{ vertical-align:middle !important;}
.vb{ vertical-align:bottom !important;}

.fl{ float:left !important;}
.fr{ float:right !important;}
.fn{ float:none !important;}
.cl{ clear:both !important; font-size:0; line-height:0; height:0}
.oh{ overflow:hidden !important;}

.center{ margin:0 auto}

.pr{ position:relative}
.pa{ position:absolute}

.di{display:inline-block; *display:inline; zoom:1;}
.db{ display:block !important;}
.dn{ display:none !important;}

.pt {cursor:pointer}

.tt_h{ text-indent:-9999px}
.cap_h{ height:0; line-height:0}

.va_wrap{ text-align:center}
.va{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; height:100%}
.va_tt{display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:auto; height:auto;}
.va_img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%}

.hide{ display:none}

.con_idx .idx{ display:none}

/*레이어팝업*/
.layer_bg{ width:100%; height:100%; background:#000; position:fixed; z-index:9999; left:0; top:0; display:none; filter:alpha(opacity=70);opacity:0.7; cursor:pointer}
.layer_frame{ position: fixed; z-index:10000; left:50%; top:0; filter:alpha(opacity=0);opacity:0; background:#fff; border:none;}
.layer_frame_div{ position: fixed; z-index:10001; left:50%; top:50%; width:0; height:540px; overflow:hidden; display:none; border:3px solid #8aaad9; border-radius:10px; background:#fff;}
.layer_close_btn{ position:absolute; z-index:10002; right:0px; top:0; display:block; width:35px; height:35px; background:url(../images/pop/btn_close.png) no-repeat center center #000; cursor:pointer}
.pop{ border-radius:10px; background:#fff; padding:30px 30px}

@media screen and (max-width:768px){
.layer_frame{ width:80% !important; margin-left:-40% !important;}
}
@media screen and (min-width:769px) and (max-width:1023px){
.layer_frame{ width:80% !important; margin-left:-40% !important;}
}

/**/
.inp_msg{ position:relative; z-index:inherit;}
.inp_msg label{ position:absolute; z-index:inherit; width:90%; top:0; left:0; display:block; }
.inp_msg input[type=text], .inp_msg input[type=password]{ position:relative; z-index:inherit; background:none}

.inp_msg label.st1{ line-height:50px; font-size:14px; color:#8aaad9; padding:0 5%}
.inp_msg label.st2{ line-height:30px; font-size:13px; color:#8aaad9; padding:0 5%}

.input_st{ vertical-align:middle; border:1px solid #d5d5d5; border-radius:3px; color:#8aaad9}
.input_st[type=text],.input_st[type=password]{  padding:5px 5%; height:18px; line-height:18px}
.input_st.big[type=text],.input_st.big[type=password]{padding:10px 5%; height:28px; line-height:28px; font-size:15px}
.input_st:focus{ background:#f7f7f7 !important; color:#111}
.input_st[type=text].t1,.input_st[type=password].t1{ font-size:14px; font-weight:bold; color:#777; text-align:center}
.input_st[type=text].t2,.input_st[type=password].t2{ font-size:20px; font-weight:bold; color:#111; text-align:right}

select.input_st{ padding:5px 5px 5px 5%; height:30px; line-height:18px;}
select.input_st.big{height:50px; padding-left:5px; font-size:15px}

textarea.input_st{ padding:10px 5%; width:90%}

.label_st{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:url(../images/inc/checkbox_icon.png) no-repeat left center; padding-left:22px; height:20px; cursor:pointer}
.label_st.w100{ width:100px}
.label_st.w150{ width:150px}
.label_st.w200{ width:200px}
.label_st input[type=checkbox],.label_st input[type=radio]{ display:block; width:0; height:0}
.label_st span{ line-height:20px; color:#777; font-size:13px}
.label_st:hover span{ color:#111}
.label_st.on{background:url(../images/inc/checkbox_icon_on.png) no-repeat left center;}
.label_st.on span{ color:#111}

.btn_inc{display:inline-block; *display:inline; zoom:1; vertical-align:top;filter:alpha(opacity=80);opacity:0.8; border:none; border-radius:3px; height:30px; font-size:13px; width:100%}
.btn_inc.big{ height:50px; font-size:15px; font-family:notokrM, sans-serif}
.btn_inc.c1{ background:#8aaad9; color:#fff}
.btn_inc.c2{ background:#2a5caa; color:#fff}
.btn_inc.c3{ background:#aaa; color:#fff}
.btn_inc.c4{ background:#777; color:#fff}
.btn_inc.c5{ background:#333; color:#fff}
.btn_inc.c6{ background:#001c47; color:#fff}
.btn_inc:hover{ filter:alpha(opacity=100);opacity:1;}

.ess{ font-size:20px; color:#ff9600; padding-left:3px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}

/**/
.mg_t0{ margin-top:0 !important;}
.mg_t5{ margin-top:5px !important;}
.mg_t10{ margin-top:10px !important;}
.mg_t20{ margin-top:20px !important;}
.mg_t30{ margin-top:30px !important;}
.mg_t40{ margin-top:40px !important;}
.mg_t50{ margin-top:50px !important;}
.mg_t70{ margin-top:70px !important;}

.mg_b10{ margin-bottom:10px !important;}
.mg_b20{ margin-bottom:20px !important;}
.mg_b30{ margin-bottom:30px !important;}
.mg_b40{ margin-bottom:40px !important;}
.mg_b50{ margin-bottom:50px !important;}

.mg_l10{ margin-left:10px !important;}
.mg_l20{ margin-left:20px !important;}
.mg_l30{ margin-left:30px !important;}
.mg_l40{ margin-left:40px !important;}
.mg_l50{ margin-left:50px !important;}

.mg_r10{ margin-right:10px !important;}
.mg_r20{ margin-right:20px !important;}
.mg_r30{ margin-right:30px !important;}
.mg_r40{ margin-right:40px !important;}
.mg_r50{ margin-right:50px !important;}

.pd_t0{ padding-top:0 !important;}
.pd_t5{ padding-top:10px !important;}
.pd_t10{ padding-top:20px !important;}
.pd_t20{ padding-top:30px !important;}

/**/
.cr_black{ color:#111 !important;}
.cr_gray{ color:#777 !important;}
.cr_blue{ color:#2a5caa !important;}
.cr_red{ color:#f34b6b !important;}
.cr_gold{ color:#cf902c !important;}

.fs_08{ font-size:0.500em !important}
.fs_09{ font-size:0.563em !important}
.fs_10{ font-size:0.625em !important}
.fs_11{ font-size:0.688em !important}
.fs_12{ font-size:0.750em !important}
.fs_13{ font-size:0.813em !important}
.fs_14{ font-size:0.875em !important}
.fs_15{ font-size:0.938em !important}
.fs_16{ font-size:1em !important}
.fs_17{ font-size:1.063em !important}
.fs_18{ font-size:1.125em !important}
.fs_19{ font-size:1.188em !important}
.fs_20{ font-size:1.250em !important}
.fs_21{ font-size:1.313em !important}
.fs_22{ font-size:1.375em !important}
.fs_23{ font-size:1.438em !important}
.fs_24{ font-size:1.500em !important}