@Charset "utf-8";
@import url("/font/nanum.css");

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0; padding:0;}
fieldset,img{border:0 none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
input,select,textarea,button {vertical-align:middle;}
body,th,td,input,textarea,button {font:14px/1.2 'Nanum Gothic'; color:#7a7a7a;}
a:active, a:HOVER, a:focus {text-decoration:none;}
a {color:#5c5c5c; text-decoration:none;}

body {min-width:1024px\9; overflow-x:hidden;}
/* body {min-width:1024px} */



.t38 {font-size:38px; color:#17497b; font-family:'Nanum Barun Gothic'; letter-spacing:-0.07em;}
.tb20 {font-size:20px; font-weight:bold; color:#434343; letter-spacing:-0.02em; margin-top:13px;}
.t12 {font-size:12px; color:#696969; line-height:20px; letter-spacing:-0.02em;}

#main {height:815px; background:url("/site/media-center/res/img/main_bg.png");}
#main .main {width:1100px; margin:0 auto;}
#main .main .bg01 {height:474px; margin-top:40px; padding-top:140px; background:url("/site/media-center/res/img/main_bg01.png") no-repeat 0 0;}
#main .main .bg02 {position:relative; width:608px; height:205px; margin:0 auto; background:url("/site/media-center/res/img/main_bg02.png") no-repeat 0 0;}
#main .main .bg02 .a1 {position:absolute; top:45px; left:25px;}
#main .main .bg02 .a2 {position:absolute; top:45px; left:330px;}
#main .main .bg02 .t22 {font-size:22px; color:#231f20; font-family:'Nanum Barun Gothic';}
#main .main .bg02 .t13 {font-size:13px; color:#666666; margin:10px 0 20px;}


#tail {background:#636363;}
#tail .top {height:31px; font-size:8px; line-height:31px; color:#919191; text-align:center; border-bottom:1px solid #555454;}
#tail .top a {font-size:12px; color:#ffffff; padding:0 15px;}
#tail .tail {padding:20px 0; text-align:center; line-height:16px;}
#tail .tail .t11 {font-size:12px; color:#fff; opacity:0.7; letter-spacing:-0.02em;}
#tail .tail .t10 {font-size:12px; color:#fff; opacity:0.7; margin-top:5px;}


@media only screen and (max-width:1040px) {
}
@media only screen and (max-width:640px) {
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:430px) {
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
	body {width:320px;}
}





.iw {width:100%; margin:0 auto;}
.mw {width:100%;}

.os {overflow-y:scroll; overflow-x:hidden;}
.oh {overflow:hidden;}

.fl {float:left;}
.fr {float:right;}

.tal {text-align:left;}
.tar {text-align:right;}
.taj {text-align:justify;}
.tac {text-align:center;}

.tb {font-weight:bold;}
.tn {font-weight:normal !important;}


.mt0 {margin-top:0px !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}
.mr25 {margin-right:25px}
.mr30 {margin-right:30px}

.mb0 {margin-bottom:0px !important;}
.mb1 {margin-bottom:1px !important;}
.mb2 {margin-bottom:2px !important;}
.mb3 {margin-bottom:3px !important;}
.mb4 {margin-bottom:4px !important;}
.mb5 {margin-bottom:5px !important;}
.mb6 {margin-bottom:6px !important;}
.mb7 {margin-bottom:7px !important;}
.mb8 {margin-bottom:8px !important;}
.mb9 {margin-bottom:9px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb100 {margin-bottom:100px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml20 {margin-left:20px}
.ml25 {margin-left:25px}
.ml30 {margin-left:30px}