@charset "utf-8";
@import url("common.css");
@import url("board.css");

* { padding:0; margin:0; }
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, input { padding:0; margin:0; font-size:100%; }
img, fieldset { border:0 none; vertical-align:top;}
dl, ul, ol, li { list-style: none; }
em { font-style:normal;}
hr { display:none; }
caption, legend { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; }
a:link, a:visited { color:#666; text-decoration:none; }
a:hover, a:focus, a:active { color:#000; text-decoration:underline;}
.cb { clear:both;}
.fl { float:left;}
.fr { float:right;}
.bg_none { background:none !important;}
.block { display:block;}
.hidden { position:absolute; width:0; height:0; line-height:0; font-size:0; visibility:hidden; text-indent:-9999em;}
.hidden2 { position:absolute; width:0; height:0; line-height:0; font-size:0; visibility:hidden;}

body {font-family:NanumGothic, 나눔고딕, NanumGothicWeb, 나눔고딕체, Malgun Gothic,Dotum, Tahoma, Geneva, sans-serif; font-size:12px; color:#505050; }

#wrap{ width:auto; background:url(/inc/img/main/top_bg.jpg) repeat-x;}
#head{position:relative; width:980px; height:117px; margin:0 auto; z-index:1;} 
#m_container {position:relative; width:980px; margin:0 auto;}
#container {position:relative; width:980px; margin:0 auto;}
#content { width:100%;}
#left{float:left; width:734px; margin:15px 0 0 0px;}
#right{float:right; width:240px; margin:15px 0 0 0px; }

.logo{ display:inline-block; margin:20px 0 0 25px; width:195px; height:55px;}
.gnb { float:right; margin:5px 10px 0 0; display:inline-block; width:170px;}
.gnb li{float:left; height:18px; padding-left:7px; margin:0 5px; line-height:18px; background:url(/inc/img/main/gnb_bg.gif) no-repeat 0 9px; }
.gnb a {font-size:11px; letter-spacing:-1px; color:#878787;}

.navi {float:right; width:750px; display:inline;}
.lnb { position:absolute; top:28px; left:263px; width:750px; height:50px; display:inline-block;}
.lnb ul { margin:0px 0px 0px 0px;}
.lnb li{ float:left; display:inline; height:50px; background:url(/inc/img/main/navi_bg.jpg) no-repeat left center;}
.lnb li a{font-size:16px; letter-spacing:-1px; line-height:45px; height:50px; padding:0 30px; text-align:center; color:#616161; }
.lnb li a:hover, .lnb li a:active, .lnb li a:focus, .lnb li a.current { color:#3291ca; font-weight:bold; text-decoration:none; }
.navi .lnb li.start{background:none;}
.lnb ul ul {position:absolute; top:55px; left:0px;}
.lnb li li { white-space:nowrap; height:33px; background:none;}
.lnb li li a { height:33px; line-height:33px; float:left;  letter-spacing:-1px;  padding:0 10px; font-size:12px;  color:#ffffff; background:url(/inc/img/main/lnb_sub_con.gif) no-repeat right center; }
.lnb li li a:hover, .lnb li li a:active, .lnb li li a:focus, .lnb li li a.current {color:#ffffff !important; font-weight:bold;  text-decoration:none; }
.navi .lnb li li .last{background:none;}

#Lm1 { left:20px; width:600px;}
#Lm2 { left:10px; width:650px; display:none;}
#Lm3 { left:50px; width:700px; display:none;}
#Lm4 { left:150px; width:700px; display:none;}
#Lm5 { left:430px; width:700px; display:none;}
#Lm6 { left:260px; width:700px; display:none;}

.con_wrap{width:100%; display:inline-block; vertical-align:middle;}
.bn_box1{ width:734px; float:left; margin-top:8px;}
.bn_box2{ width:734px; float:left; margin-top:8px;}
.center_bn{ float:left; margin-right:8px;}
.center_bn2{ float:right;}

.quick_box{ float:left; width:484px; height:170px; border:1px #ac94c6 solid;}
.quick_box_tit{ float:left; width:100%; height:40px; background-color:#ae94ca;}
.quick_box_tit .tit_img{float:left; margin:12px 0 0 20px;}
.quick_bn{float:left; padding:17px 15px; width:469px; height:113px;}
.quick_bn ul{display:inline-block;} 
.quick_bn li{float:left; margin:0 6px; display:inline; width:78px; height:110px;  text-align:center; }
.quick_bn li a { height:30px; line-height:30px; float:left; letter-spacing:-1px; font-size:12px; font-weight:bold; }
.quick_bn li a:hover, .quick_bn li a:active, .quick_bn li a:focus, .quick_bn li a.current {color:#3291ca; font-weight:bold; text-decoration:none; }


.title_navi{ color:#2688c3; font-weight:bold; }

.calendar_box{width:238px; height:185px; border:1px #e5e5e5 solid; float:left; margin-top:8px;}
.calendar_tit{height:35px; background-color:#ebf0f4; border-bottom:1px #e5e5e5 solid;}
.calendar_tit h3{float:left; margin:10px 0 0 8px;}
.calendar_more{float:right; display:inline-block; margin:10px 10px 0 0;}
.calendar_year{text-align:center; padding:10px;}
.calendar_table{padding:0px 20px;}
.calendar_year img{vertical-align:middle;}
.calendar td{ padding:3px 0 0 1px;}


.subtop_visual { width:100%; height:55px; display:inline-block; background-color:#f5fafd; border-bottom:1px #e5e5e5 solid;}
.subtop_visual .sub_top_img {width:980px; margin:0 auto;}
.s_left {float:left; width:200px; display:inline; margin-bottom:100px;}
.s_right {float:right; width:750px; display:inline;}

.content {clear:both; font-size:12px; width:100%; color:#555; line-height:1.8em; padding-bottom:20px;}

.snb {width:200px; border-right:1px #e5e5e5 solid; border-left:1px #e5e5e5 solid; }
.snb_title{background-color:#fcfcfc; border-bottom:1px #e5e5e5 solid; padding:25px; text-align:center;}
.snb_title span{font-size:25px;}
.snb ul { margin:0;}
.snb li { border-bottom:1px #e5e5e5 solid;  line-height:38px; width:200px;}
.snb li a {display:inline-block; width:200px;letter-spacing:-1px; color:#666666; font-size:14px;}
.snb li a:hover, .snb li a:active, .snb li a:focus, .snb li a.current {color:#ffffff; font-weight:bold; font-size:14px; background:url(/inc/img/sub/left_over_bg.jpg); text-decoration:none; }
.snb li span{padding-left:10px;}

.snb ul ul {margin:0;border-top:1px solid #e5e5e5}
.snb li li { border-bottom:1px #e5e5e5 solid; height:30px; line-height:30px; width:200px;}
.snb li li a {letter-spacing:-1px; color:#666666; height:30px;  font-size:13px; background:none;}
.snb li li a:hover, .snb li li a:active, .snb li li a:focus, .snb li li.current {color:#666; font-weight:bold; font-size:13px; text-decoration:none;background:#f7f7f7; }
.snb li li span{padding-left:5px;}


.s_p_navi{ width:100p%; background:url(/inc/img/sub/sub_navi_bg.jpg); height:30px; line-height:31px; font-size:11px; border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; padding:0 10px;}
.s_p_title{font-weight:bold; padding:8px; font-size:30px; font-family:NanumGothic; letter-spacing:-1px; height:50px; line-height:50px;}
.s_p_title span{ padding-left:5px;}
.s_sblt_title{ line-height:30px; padding-left:15px; font-size:14px; font-weight:bold; background:url(/inc/img/page/s_tit_blt.gif) no-repeat 0 10px;}
.s_title{clear:both; color:#8b2175; line-height:30px; padding-left:15px; font-size:14px; font-weight:bold; background:url(/inc/img/page/s_tit_blt.gif) no-repeat 0 10px;}

.news_box1{float:left; width:248px; height:169px; }
.news_box2{float:left; width:248px; height:169px; margin-top:7px;}
.news_box3{float:left; width:248px; height:169px; margin-top:7px;}

.notice_box{ float:left; width:238px; height:169px; border:1px #e5e5e5 solid; margin-top:7px;}
.board_tit{float:left; width:210px; height:20px; margin:25px 0 0 20px;}
.board_tit h2{float:left; margin:0;}
.board_more{float:right; display:inline-block; margin:3px;}
.board_list{float:left; width:210px; height:120px; margin:5px 20px; display:inline-block;}
.board_list ul{ margin:0;}
.board_list li{ float:left; width:210px; display:inline-block; height:25px; line-height:30px; border-bottom:#F5F5F5 1px dotted; padding-left:1px;}

.notice_box2{ float:left; width:238px; height:169px; border:1px #e5e5e5 solid; margin:7px 0 0 6px;}
.board2_tit{float:left; width:210px; height:20px; margin:25px 0 0 20px;}
.board2_tit h2{float:left; margin:0;}
.board2_more{float:right; display:inline-block; margin:3px;}
.board2_list{float:left; width:210px; height:120px; margin:5px 20px; display:inline-block;}
.board2_list ul{ margin:0;}
.board2_list li{ float:left; width:210px; display:inline-block; height:25px; line-height:30px; border-bottom:#F5F5F5 1px dotted; padding-left:1px;}

.notice_box3{ float:right; width:238px; height:169px; border:1px #e5e5e5 solid; margin:7px 0 0 6px;}
.board3_tit{float:left; width:210px; height:20px; margin:25px 0 0 20px;}
.board3_tit h2{float:left; margin:0;}
.board3_more{float:right; display:inline-block; margin:3px;}
.board3_list{float:left; width:210px; height:120px; margin:5px 20px; display:inline-block;}
.board3_list ul{ margin:0;}
.board3_list li{ float:left; width:210px; display:inline-block; height:25px; line-height:30px; border-bottom:#F5F5F5 1px dotted; padding-left:1px;}


.gallery_box {float:left; width:732px; height:185px; border:1px solid #e3e3e3; margin:7px 0 10px 0;}
.gallerybox_tit {float:left; width:700px; height:20px; margin:15px 0 0 20px;}
.gallerybox_tit h2 {float:left; margin:0;}
.gallerybox_more {float:right; display:inline-block; margin:3px;}
.gallerybox_list{float:left; width:700px;; height:113px; margin:12px 15px; display:inline-block;}
.gallerybox_list ul { margin:0;}
.gallerybox_list li { float:left; width:165px; display:inline-block; margin:0 5px;}

.banner_box {clear:both; width:100%; border-top:1px #e5e5e5 solid; height:60px;}
.banner_zone {position:relative; width:1000px; margin:0 auto; line-height:1.3em; display:block;}
.banner_zone_list{float:left; width:920px; margin:8px 2px;}
.banner_zone_list ul {margin:0;}
.banner_zone_list li {float:left; margin:2px 5px;}

#footer {clear:both; width:100%; height:90px; background:#f8f8f8; border-top:1px #CCCCCC solid;}
.ftbody { position:relative; width:980px; margin:0 auto; line-height:1.5em; padding-bottom:30px;}
.ftbody .ftlogo { float:left; display:inline; width:140px; margin:20px 20px 0 50px;}
.ftbody .ftcopy { float:left; display:inline; width:604px; font-size:11px; margin:20px 0 0 20px;}

.table_203{ clear:both; width:100%; border-top:#868686 solid 1px; border-left:#868686 solid 1px; font-size:12px;}
.table_203 th{ background:#fafafa; border-bottom:#868686 solid 1px; border-right:#868686 solid 1px; line-height:22px; height:22px; font-weight:bold; color:#333333; text-align:center;}
.table_203 td{ position:relative; width:100%; text-align:left; line-height:20px;  padding:5px 10px; vertical-align:top; border-bottom:#868686 solid 1px; border-right:#868686 solid 1px;}
.table_203 img{ margin:5px 0 0 0;}

.table_508{ clear:both; width:100%; border-top:#868686 solid 1px; border-left:#868686 solid 1px; font-size:12px;}
.table_508 th{ background:#fbe9f0; border-bottom:#868686 solid 1px; border-right:#868686 solid 1px; line-height:30px; height:30px; font-weight:bold; color:#ccccccc; text-align:center;}
.table_508 td{ position:relative; text-align:left; line-height:20px; border-bottom:#868686 solid 1px; border-right:#868686 solid 1px;}
.table_508 .txt_center{ text-align:center; padding:5px 5px; letter-spacing:-0.5px; }
.table_508 .txt_left10{ padding:5px 10px; vertical-align:top; }

.sitemap { width:100%; display:inline-block; }
.sitemap h3 { font-size:15px; font-weight:bold; color:#fff; text-align:center; font-weight:bold; padding:10px 0 10px 0; background-color:#9d9d9d; letter-spacing:-1px;}
.sitemap .s_map { position:relative; display:inline-block; width:100%; margin-bottom:20px;}
.sitemap .s_map  div { float:left; display:inline; width:210px; margin:0 15px 25px; height:250px;}
.sitemap .s_map  div ul {  background-color:#fafafa; border:1px solid #f0eded; border-top:none; overflow:hidden;;width:99%;}
.sitemap .s_map  div li {  background: url("/inc/img/page/s_tit_blt.gif") no-repeat 8px 8px; height: 30px; padding-left:15px; margin:0; line-height:normal; border-top:1px dotted #ccc; letter-spacing:0px; vertical-align:top; font-size:12px; font-weight:bold; }
.sitemap .s_map  div li a { padding:6px 0 10px 10px; display:block; width:210px;}
.sitemap .s_map  div li ul { border:none; background:none;}
.sitemap .s_map  div li li {line-height:normal; margin:0; border-bottom:none; border:none; font-weight:normal;}
.sitemap .s_map  div li li a { padding:3px 0 3px 8px; display:block;}

.sitemap .s_map 2 { position:relative; display:inline-block; width:100%; margin-bottom:20px;}
.sitemap .s_map 2 div { float:left; display:inline; width:210px; margin:0 15px 25px; height:150px;}
.sitemap .s_map 2 div ul {  background-color:#fafafa; border:1px solid #f0eded; border-top:none; overflow:hidden;;width:99%;}

.sitemap .s_map 2 div li {  padding-left:10px; margin:0; line-height:normal; border-top:1px dotted #ccc; letter-spacing:0px; vertical-align:top; font-size:12px; font-weight:bold; }
.sitemap .s_map 2 div li a { padding:6px 0 10px 10px; display:block; width:210px;}
.sitemap .s_map 2 div li ul { border:none; background:none;}
.sitemap .s_map 2 div li li {line-height:normal; margin:0; border-bottom:none; border:none; font-weight:normal;}
.sitemap .s_map 2 div li li a { padding:3px 0 3px 8px; display:block;}