@charset 'utf-8';

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
*{margin:0;padding:0;}
html,body{margin:0;padding:0;height:100%;}
body{color:#363636;font-family: "字体", SimHei, sans-serif;font-size:12px;line-height:18px;}
li{list-style:none;}
a{text-decoration:none;}
a, a:hover, a:visited{color:#363636;text-decoration:none;}
a:link{text-decoration:none;cursor:pointer;}
img,input{vertical-align:middle;}
select,fieldset{vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,fieldset{border:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
caption{display:none;}
strong,em,address{font-style:normal;font-weight:normal;}
.hid{position:absolute;left:-9999px;font-size:0;width:0;height:0;text-indent:-9999px;overflow:hidden;}

@font-face {
	font-family:bg;
	src:url('../font/NanumBarunGothic.eot');
	src:local(※), url('../font/NanumBarunGothic.woff') format('woff');
}
@font-face {
	font-family:ng;
	src:url('../font/NanumGothic.eot');
	src:local(※), url('../font/NanumGothic.woff') format('woff');
}
@font-face {
	font-family:notol;
	src:url('../font/notokr-light.eot');
	src:local(※), url('../font/notokr-light.woff') format('woff');
}

.hide {position:absolute;left:-9999px;font-size:0;width:0;height:0;text-indent:-9999px;overflow:hidden;}

.fl{float:left !important;}
.fr{float:right !important;}

.ac{text-align:center !important;}

.f_blue{color:#448ccb !important;}

.mt0{margin-top:0 !important;}
.mt20{margin-top:20px !important;}
.pt0{padding-top:0 !important;}

/* 스킵 */
#skip a {position:absolute;top:-9999px;z-index:9999;display:block;width:100%;background:#333;font-size:16px;font-weight:600;color:#fff;text-align:center;}
#skip a:hover,#skip a:focus {top:0;padding:15px 0;}

#wrap{}
#main_container,.footer_in{width:1020px;margin:0 auto;}
#header{position:fixed;width:100%;height:77px;left:0;top:0;zoom:1;z-index:999;background:url(../images/common/bg_header.gif) repeat-x left top;}
#header:after{clear:both;display:block;content:"";}
#header .header_in{width:1020px;height:77px;margin:0 auto;}
#header h1{float:left;width:177px;margin-right:58px;padding:24px 0 22px;}
#header #gnb{float:left;z-index:50;background:url(../images/common/bg_gnb_li.gif) no-repeat left 35px;}
#header #gnb > li{position:relative;float:left;line-height:31px;background:url(../images/common/bg_gnb_li.gif) no-repeat right 35px;}
#header #gnb > li > a{padding:24px 28px 22px 28px;font-size:16px;}
#header #gnb li a{display:block;color:#363636;font-weight:bold;}
#header #gnb > li > a.hover,#header #gnb > li > a:hover{color:#2c5e96;background:url(../images/common/gnb_1dp_ov.gif) no-repeat center bottom;}
#header #gnb li:hover ul{visibility: visible !important;}

#header #gnb li ul{position:absolute;top:77px;visibility:hidden;height:53px;}/*높이 조절해서 동작 제대로되게하기*/
#header #gnb li ul li{position:static; float:left;height:53px;display:inline; margin-left:22px;}
#header #gnb li ul li:first-child{margin-left:0;}
#header #gnb li ul li a{padding:0 2px;color:#fffefe;font-size:14px;font-weight:normal;line-height:53px;}
#header #gnb li ul li a:hover{color:#fff;text-decoration:underline;}

#mNavi01 ul{left:34px;width:635px;}
#mNavi02 ul{left:34px;width:160px;}
#mNavi03 ul{left:10px;width:280px;}
#mNavi04 ul{left:-174px;width:410px;}
#mNavi05 ul{right:-88px;width:364px;}

/* top language */
/* Selectbox Design */
.top_language{float:right;height:29px;padding:24px 0 22px;}
#header select{float:right;}
#header .sbHolder{position:relative;width:135px;height:29px;line-height:29px;border:1px solid #d7d7d7;}
#header .sbHolder a{display:block;color:#636363;font-weight:bold;}
.sbToggle{position:absolute;right:0;top:0;width:28px;height:29px;font-size:0;line-height:0;background:url(../images/common/bg_top_select_dw.gif) no-repeat right top;}
.sbToggle.sbToggleOpen{background:url(../images/common/bg_top_select_up.gif) no-repeat right top;}
.sbSelector{overflow: hidden;position:absolute;left:0;top:0;width:122px;height:29px;padding-left:13px;line-height:29px;cursor:pointer;}
.sbOptions{position:absolute;left:-1px;top:0;width:135px;border:1px solid #d7d7d7;background:#fff;z-index:1;overflow-y: auto;}
.sbOptions li:first-child{display:none;}
.sbOptions li a{padding-left:13px;font-size:12px;line-height:29px;}
.sbOptions li a:hover{text-decoration:underline;}

#footer{width:100%;border-top:1px solid #d7d7d7;}
.footer_in{overflow:hidden;padding:25px 0 38px 0;}
.footer_in .logo{display:inline-block;float:left;width:207px;padding:16px 0 19px 45px;border-left:1px solid #d7d7d7;}
.footer_in .address{float:left;width:358px;color:#000;line-height:19px;}
.footer_in .address ul{overflow:hidden;}
.footer_in .address li{float:left;padding:0 11px;letter-spacing:-.05em;}
.footer_in .address li:first-child{padding:0 11px 0 0;background:url(../images/common/bg_f_address.gif) no-repeat right 4px;}
.footer_in .address .copy{margin-top:3px;font-size:11px;}
.footer_in .f_menu{float:right;width:343px;padding:16px 0 19px 16px;border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7;}
.footer_in .f_menu li{float:left;padding:0 12px;letter-spacing:-1px;background:url(../images/common/bg_f_menu.gif) no-repeat left 7px;}
.footer_in .f_menu li:first-child{background:none;}
.footer_in .f_menu li a{color:#464646;font-weight:bold;line-height:25px;}