@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(form.css);

.float_area:after{content:""; display:block; clear:both;}
.f_left {float:left;}
.f_right{float:right;}
.cen {text-align:center;}
.left {text-align:left;}
.rig {text-align:right;}
.imgmiddle {vertical-align:middle;}
.imgbottom {vertical-align:bottom;}
.imgtop {vertical-align:top;}

.top3 {padding-top:3px;}
.top5 {padding-top:5px;}
.top8 {padding-top:8px;}
.top10 {padding-top:10px;}
.top12 {padding-top:12px;}
.top15 {padding-top:15px}
.top20 {padding-top:20px;}
.top25 {padding-top:25px;}
.top30 {padding-top:30px;}
.top40 {padding-top:40px;}
.top50 {padding-top:50px;}
.top70 {padding-top:70px;}

.left170 {padding-left:170px;}
.left250 {padding-left:250px;}
.left90 {padding-left:90px;}
.left78 {padding-left:78px;}
.left30 {padding-left:30px;}
.left25 {padding-left:25px;}
.left20 {padding-left:20px;}
.left15 {padding-left:15px;}
.left10 {padding-left:10px;}
.left5 {padding-left:5px;}
.left2 {padding-left:2px;}

.rig5 {padding-right:5px;}
.rig10 {padding-right:10px;}
.rig15 {padding-right:15px;}
.rig20 {padding-right:20px;}

.bot3 {padding-bottom:3px;}
.bot5 {padding-bottom:5px;}
.bot10 {padding-bottom:10px;}
.bot20 {padding-bottom:20px;}

.mr20{margin-right:20px;}

.clear {clear:both;}

.ml17{margin-left:17px;}

.mtop0 {margin-top:0;}
.mtop5 {margin-top:5px;}
.mtop10 {margin-top:10px;}
.mtop15 {margin-top:15px;}
.mtop20 {margin-top:20px;}
.mtop30 {margin-top:30px;}
.mtop40 {margin-top:40px;}
.mtop50 {margin-top:40px;}
.mtop70 {margin-top:70px;}

.relative {position:relative;}

.s_txt {font-size:11px;color:#868686;line-height:130%;}

.box {font-family: "돋움";font-size: 9pt;color: #333333;border: 1px solid #d1d1d1; padding:3px;line-height: 140%;}
.box2 { font-size:9pt; color:#666666; text-decoration:none;background:#F7F7F7 ;border-bottom: 1px solid #C6C6C6; 
        border-right: 1px solid #C6C6C6;	border-left: 1px solid #C6C6C6; border-top:1px solid #C6C6C6 }

.space {letter-spacing:0;}

.bold {font-weight:bold;}
.l_line {border-left:1px solid #cdcdcd;}

.back_no {background:none;}

.list li { background:url(/images/contents/list_icon.gif) no-repeat left 10px; padding:2px 7px; }
.n_list li {padding:2px 7px; font-size:14px;}

.height50 {clear:both; height:50px;}

.f_area:after{content:""; display:block; clear:both;}
.f_left{float:left;}

.l_height24{line-height:24px;}
.l_height26{line-height:26px;}

/*font size*/
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font22 {font-size:22px;}
.font24 {font-size:24px;}
.font28 {font-size:28px;}

body{text-align:center;}
#wrapper{text-align:center;}

/*font color*/
.blue {color:#49aadb;}
.green {color:#66a439;}
.red {color:#de3f42;}
.white {color:#fff;}

.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w600{width:600px;}

/* util */
.util_wrap{position:relative; height:43px; width:1000px; margin:auto;}
.util{position:absolute; right:10px; top:13px;}
.util:after{content:""; display:block; clear:both;}
.util li{float:left;}
.util li.kor a{color:#e26e06;}
.util li a{font-weight:bold;}
.util li span{padding:0 7px;}


/* header */
#top{z-index: 51;}
.header_wrap{height:55px; background:#4276ab;}
.header{width:1000px; margin:auto; text-align: left; position: relative; height:98px;}
.header:after{content:""; display:block; clear:both;}
.header h1{position: absolute; left:0; top:-43px; z-index: 51;}
.header .menu{float:right}
.header .menu li{float:left; line-height:55px; font-size:16px;}
.header .menu li a{color:#fff; padding:0 30px; font-weight:bold;}
.header .menu li.last{background:#75c2ba;}
.header .menu li.last a{color:#3e6d68}

/* 하단사이트맵 */
.f_wrap{background:#f8f8f8; text-align:center;}
.f_sitemap {width:1024px; margin:auto; text-align:left;}
.f_sitemap ul:after{content:""; display:block; clear:both;}
.f_sitemap ul .tit {float:left; width:33.2%; border-right:1px dashed #ddd; padding-bottom:20px;}
.f_sitemap ul li.last{border-right:none;}
.f_sitemap ul .tit p {color:#411011; font-size:15px; font-weight:bold; padding:20px 0 10px 15px;}
.f_sitemap ul .tit p a{color:#411011; font-size:15px; font-weight:bold; padding:20px 0 10px 0;}
.f_sitemap ul .tit p.npad {padding-top:0;}
.f_sitemap ul .tit a {color:#5d5d5d; padding:10px 0 10px 15px; line-height:180%;}
.f_sitemap ul li.pad{padding-top:47px;}
.f_sitemap .p_tit{padding:20px 0; font-size:15px; font-weight:bold; text-align: center;}

/* footer_wrap */
.footer_wrap{height:178px;}
.footer_wrap .footer{width:1000px; margin:auto; position:relative; text-align:left;}
.footer_wrap .footer .f_top:after{content:""; display:block; clear:both;}
.footer_wrap .footer .f_logo{float:left; margin-top:30px;}
.footer_wrap .footer .foot{float:left; line-height: 20px; margin-left:30px; margin-top:30px;}
.footer_wrap .footer .gobiz{position:absolute; right:10px; top:30px;}
.foot{float:left; margin:23px 0 0 40px; width:700px;}
.f_list{padding-top:15px; width:1000px;}
.f_list ul{width:1000px;}
.f_list ul:after{content:""; display:block; clear:both;}
.f_list li{float:left; line-height:150%;}
.f_list li span{padding:0 5px;}

/* svisual_wrap */
.svisual_wrap{background:url(/images/contents/bg_smv.gif) no-repeat center top; height:218px; text-align: center;}
.svisual_wrap .svisual{width:1290px; margin:auto;}


/* contents_wrap */
#contents_wrap{width:1000px; margin:auto; text-align:left;}
#contents_wrap:after{content:""; display:block; clear:both;}


/* lnb */
#contents_wrap .lnb{float:left; margin-right:60px;}
.lnb{width:309px;}
.lnb h2{background:url(/images/contents/bg_lnb_tit.gif) no-repeat; color:#fff; font-size:27px; font-weight:bold; padding:50px 0 32px 20px;}
.lnb ul{background:#fcf8f2;}
.lnb ul li{padding:23px 0; border-bottom:1px solid #d7d7d7;  font-size:15px; padding-left:35px;}
.lnb ul li.on{background:url(/images/contents/bar_lnb.gif) no-repeat 18px center;}
.lnb ul li.on a{color:#7f3033;}

/* con_area */
.tab ul{border-top:1px solid #acacac}
.tab ul:after{content:""; display:block; clear:both;}
.tab li{height:40px; line-height:40px; width:20%;text-align: center; background:#b6b6b6; float:left; margin-right:5px;}
.tab li a{color:#fff; font-size:15px;}
.tab .on{background:#c79f62;  }
.tab .on a{color:#fff;}