@charset "utf-8";

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

a { cursor: pointer; }

.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;}
.mtop70 {margin-top:70px;}

.relative {position:relative;}

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

.box {font-family: 'Open Sans', Verdana, Arial, sans-serif;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.html) 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;}
.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;}

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

/* util */
.util{position:absolute; right:10px; top:10px;}
.util:after{content:""; display:block; clear:both;}
.util li{float:left; color:#fff;}
.util li a{font-size:10px; color:#fff;}
.util li span{padding:0 5px;}
.util li.sitemap span{color:rgba(255,255,255,0);}

/* header */
#top{z-index: 2; position: relative;}
#top body{text-align:center;}
.header{text-align: center; position: relative; background:url(/Images/Common/bg_top.jpg) no-repeat center top;}
.header:after{content:""; display:block; clear:both;}
.header h1{padding-top:23px;}
.header .top{width:1000px; margin:auto; height:110px; position:relative;}

/* gnb */
.gnb_wrap {
    width:100%;
    background:url(/Images/Common/bg_gnb_wrap.jpg) no-repeat center top;
    z-index: 3;
    position:relative;
}
.gsub_wrap {display:none; width:100%; height:0; background-color:#fff; border-bottom:1px solid #ddd; z-index: 2; position:relative; overflow: hidden;}
.gsub {min-width:1000px;width:1000px;margin:0 auto;}
.gsub:after{content:""; display:block; clear:both;}
.gsub > li {float:left; width:19.9%; height:130px; border-right:1px solid #ddd; height:416px; margin-top:-6px; padding-top:4px;}
.gsub > li.series {}
.gsub_mn {}
/*.gsub_mn.on { background-color:#274782;}*/
.gsub_mn > li {float:left; width:99%; padding-left:1%; padding-top:10px; text-align:left;}
.gsub_mn > li > span{padding:2px 0 0 10px; text-decoration:underline; color:#00335c; font-weight:700; font-size:11px;}
.gsub_mn > li > a {display:block; font-size:11px; padding:6px 0; color:#00335c; text-align:center; font-weight:600;}
.gsub_mn > li > a:hover {font-weight:600;}
.gsub_mn > li > .series{margin-top:8px;padding-left:10px;}
.gsub_mn > li > .series li{background:url(/Images/Common/blet_gnb.gif) no-repeat left 8px; padding-left:7px;}
.gsub_mn > li > .series a {display:block; font-size:11px; margin:6px 0; color:#00335c; text-align:left;font-weight:400;}
.gsub_mn > li > .series a:hover {font-weight:600; letter-spacing: -.1px;}
.gnb {
    min-width:1000px;
    width:1000px;
    margin:0 auto;
    min-height:46px;
}
.gnb > li {float:left; width:19.9%;}
.gnb > li > a {
    display:block;
    text-align:center;
    height:46px;
    line-height:41px;
    font-size:14px;
    font-weight:600;
    color:#00335c;
}


/* ????????? */
.f_wrap{background:#fafafa; text-align:center;}
.f_sitemap {width:1000px; margin:auto; text-align:left;}
.f_sitemap ul:after{content:""; display:block; clear:both;}
.f_sitemap ul .tit {float:left; width:19.9%; border-right:1px dashed #ddd; padding-bottom:20px; height:140px;}
.f_sitemap ul li.last{border-right:none;}
.f_sitemap ul .tit p{color:#326594; font-size:15px; font-weight:600; padding:20px 0 10px 15px; line-height:180%;}
.f_sitemap ul .tit p.npad {padding-top:0;}
.f_sitemap ul .tit li a {padding:10px 0 10px 15px; line-height:180%;}
.f_sitemap ul li.pad{padding-top:47px;}

/* footer_wrap */
.footer_wrap{background:#f7f7f7; height:160px; border-top:1px solid #f1f1f1;}
.footer_wrap .footer{width:1000px; margin:auto; position:relative; text-align:left;}
.footer_wrap .footer:after{content:""; display:block; clear:both;}
.footer_wrap .footer .f_logo{float:left; padding-top:30px;}
.footer_wrap .footer .foot{float:left; line-height: 20px; margin-left:30px; margin-top:25px;}
.footer_wrap .footer ul li{color:#878787; }
.footer_wrap .footer .right{float:right;}
.footer_wrap .footer .right:after{content:""; display:block; clear:both;}
.footer_wrap .footer .right li{float:left;}
.foot{float:left; margin:23px 0 0 40px; width:600px;}
.f_list{padding-top:10px; width:1000px; margin:auto; }
.f_list ul:after{content:""; display:block; clear:both;}
.f_list ul{padding-left:90px;}
.f_list li{float:left; line-height:150%}
.f_list li span{padding:0 6px;}
.f_list li a{color:#878787;}

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

/* location */
.location_wrap{height:48px; border-bottom:1px solid #d9d9d9;}
#location {width:1292px; margin:auto; color:#888888;font-size:11px; padding:20px 10px 0 0; position:relative;}
#location ul{position:absolute; right:10px; top:19px;}
#location li {float:left;}
#location li.home{background:url(/Images/contents/icon_util.gif.html) no-repeat 0 3px; padding-left:13px;}
#location li a { padding-left:25px;color:#a6a6a6; text-decoration:none;}
#location li span{padding:0 10px;}
#location li.now {font-weight:bold; color:#711a1d;}

/* contents_wrap */
#contents_wrap{width:1290px; margin:auto; text-align:left;}
#contents_wrap:after{content:""; display:block; clear:both;}
#contents_wrap .con_area{float:left; width:920px;}

/* lnb */
#contents_wrap .lnb{float:left; margin-right:60px;}
.lnb{width:309px;}
.lnb h2{background:url(/Images/contents/bg_lnb_tit.gif.html) 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.html) no-repeat 18px center;}
.lnb ul li.on a{color:#7f3033;}

/* con_area */
.con_area{padding-bottom:100px;}
.con_area h3{font-size:30px; border-bottom:1px solid #cccccc; padding:52px 0 20px 0; font-weight:bold; margin-bottom:40px;}
.tab ul{border-top:1px solid #acacac}
.tab ul:after{content:""; display:block; clear:both;}
.tab li{height:40px; line-height:40px; width:19%;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;}

/* table */
.img_01 img{
    margin: 30px 0px;
    float:left;
}

table.type01 {
    border-collapse: collapse;
    text-align: center;
    line-height: 1.5;
    border-left: 1px solid #e8e8e8;
    margin: 85px 10px 20px 10px;
    float: right;
}

table.type01 thead th {
    padding: 10px;
    font-weight: bold;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background: #f9f9f9;
}
table.type01 tbody th {
    width: 100px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
table.type01 td {
    width: 500px;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.pro_txt {
    font-size: 17px;
}