@charset "utf-8";
@import "/css/basic.css";
@import "/css/board.css";

/* 전체_기본_공통적용*/
#wrap {width:100%;text-align:center;}
#header {width:100%;}
#container {width:100%;}

#com_menu {width:1024px; position:relative; height:110px; margin:0 auto; background:url(/images/header_bg.png) repeat-x; }/*상단메뉴로고부분*/
#com_menu .logo{float:left;padding-top:25px;padding-left:20px;}


#com_menu .global_menu {width:740px;height:100px; position:absolute;top:0px; right:0px; }
#com_menu .global_menu .oneDep {cursor:pointer;float:left;padding:10px 0 10px 0;width:19.6%;font-weight:bold;color:#686868;font-size:14px;}
#com_menu .global_menu .oneDep a:hover{color:#6c8fd1;}

/*
#sub1 {position:absolute;top:60px;left:40px;width:100%;text-align:center;}
#sub1 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub1 li {float:left; padding:10px 12px;cursor:pointer;}
#sub1 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub1 .twoDep a:hover{color:#6c8fd1;}


#sub2 {position:absolute;top:60px;left:185px;width:100%;text-align:center;}
#sub2 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub2 li {float:left; padding:10px 12px;cursor:pointer;}
#sub2 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub2 .twoDep a:hover{color:#6c8fd1;}


#sub3 {position:absolute;top:60px;left:330px;width:100%;text-align:center;}
#sub3 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub3 li {float:left; padding:10px 12px;cursor:pointer;}
#sub3 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub3 .twoDep a:hover{color:#6c8fd1;}


#sub4 {position:absolute;top:60px;left:200px;width:100%;text-align:center;}
#sub4 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub4 li {float:left; padding:10px 12px;cursor:pointer;}
#sub4 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub4 .twoDep a:hover{color:#6c8fd1;}


#sub5 {position:absolute;top:60px;left:550px;width:100%;text-align:center;}
#sub5 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub5 li {float:left; padding:10px 12px;cursor:pointer;}
#sub5 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub5 .twoDep a:hover{color:#6c8fd1;}
*/

#com_menu .st_Nav {position:absolute;top:14px;right:14px;margin:0px; padding:0px;z-index:100;}
#com_menu .st_Nav li {float:left; padding:0 7px 0 7px; background:url(/images/com_top_line.png) no-repeat 0px 1px;}
#com_menu .st_Nav li.first {background:none;}
#com_menu .st_Nav img {vertical-align:top;}



/* 접근성메뉴 */
#TopMenu{ position:absolute;width:640px;height:70px; right:0px; top:40px; }
#TopMenuSub{ padding:0 0 0 0; margin:0;}
#TopMenuSub ul{width:700px; margin:0; padding:0; list-style:none; display:inline-block;}
#TopMenuSub ul li{ float:left; width:auto; height:28px; margin:0 0 0 0; padding-left:36px; padding-right:36px; }

#TopMenuSub ul li div{width:294px; height:24px; position:absolute; left:0; top:28px; padding:0px; --background-color:#0c4da2; }
#TopMenuSub ul li.menu1 div{width:320px; left:20px; }
#TopMenuSub ul li.menu2 div{width:248px; left:120px; }
#TopMenuSub ul li.menu3 div{width:580px; left:40px; }
#TopMenuSub ul li.menu4 div{width:480px; left:400px; }
#TopMenuSub ul li.menu5 div{width:200px; left:474px;}
#TopMenuSub ul li div ul{width:auto; float:left; margin:15px 0 0 10px; height:24px; padding:0 0 0 0; list-style:none; display:inline;}
#TopMenuSub ul li div ul li{ width:auto; height:auto; padding:5px 15px 0 0; }


/* 탭메뉴 */
/* images */
.listTab li a .button1{ background:#bbb; width:11px; height:5px; }
.listTab li a .button2{ background:#bbb; width:11px; height:5px;}
.listTab li a .button3{ background:#bbb; width:11px; height:5px;}
.listTab.m1 .m1 a .button1{ background:#283b68; width:11px; height:5px;}
.listTab.m2 .m2 a .button2{ background:#283b68; width:11px; height:5px;}
.listTab.m3 .m3 a .button3{ background:#283b68; width:11px; height:5px;}
/* Lined Tab */
.listTab{width:100%; padding-bottom:18px; }
.listTab_box { width:165px; margin:0 auto; }
.listTab ul{ position:relative; font-size:12px; *zoom:1;}
.listTab ul:after{ content:""; display:block; clear:both;}
.listTab li{ float:left; -margin-bottom:-1px;text-align:left;}
.listTab li a{ float:left; -margin-bottom:-1px;text-align:left; padding-left:3px; }
.listTab li a span{ display:inline-block; cursor:pointer;}
.listTab li ul{ display:none; width:165px; position:absolute; top:25px; left:0; margin:0; padding:0; *zoom:1; z-index:-999; }
.listTab li ul:after{ content:""; display:block; clear:both;}
.listTab li li{ float:none; position:relative; -margin:0 0 8px 0; color:#999;}
.listTab li li a{ float:none; padding:0; margin:0; border:0 !important; color:#666 !important; font-weight:normal; background:transparent; letter-spacing:normal;text-decoration:none;}
.listTab li li.more{ position:absolute; top:0; right:0; }
.listTab .btn {  padding-top:115px; }
.listTab.m1 .m1 ul,
.listTab.m2 .m2 ul,
.listTab.m3 .m3 ul{ display:block;}

/* jsOff */
.listTab.jsOff{ height:auto;}
.listTab.jsOff ul{ border:0;}
.listTab.jsOff li{ float:none; position:relative;}
.listTab.jsOff li a{ float:none; display:block; font-weight:bold; color:#333;}
.listTab.jsOff li ul{ position:static; display:block; left:0; top:0;}
.listTab.jsOff li li a{ display:inline; border:0 !important; background:none !important; font-weight:normal;}
.listTab.jsOff li li.more{ top:7px; right:15px;}

/* 메인 */
#main_visual {width:100%; position:relative;  background:url(/images/main_img.jpg) no-repeat top center; z-index:-999; border-bottom:1px solid #d6d6d6; }
#main_visual .visual{width:1024px;margin:0 auto;height:480px; }

#main_contents {width:1024px;margin:0 auto; height:160px; padding-bottom:40px;border-left:1px solid #d6d6d6;  border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; }/*메인 컨텐츠 부분_섹션으로 css구분*/




#main_contents .main_news ul{ height:45px; line-height:45px; border-bottom:1px solid #d6d6d6; }
#main_contents .main_news li{ float:left; }
#main_contents .main_news .text{ color:#666; text-align:left; padding-left:40px; background:url(/images/news_dot.gif) no-repeat 28px 21px; width:660px;  }
#main_contents .main_news .datetime { float:right; text-align:right; color:#888; }
#main_contents .main_news .arrow { width:60px; margin-top:4px; }

#main_contents .sec01 {float:left; width:225px; height:155px; border-right:1px solid #d6d6d6; }

#main_contents .sec02 {float:left; text-align:left; width:166px; margin-left:30px; }
#main_contents .sec02 h2{padding-bottom:10px; padding-top:30px; width:110px;float:left; }
#main_contents .sec02 .more { float:right; width:10px; padding-top:30px; }

#main_contents .sec03 {float:left; text-align:left; width:330px; margin-left:30px; }
#main_contents .sec03 h2{padding-bottom:10px; padding-top:30px; width:110px;float:left; }
#main_contents .sec03 .more { float:right; width:10px; padding-top:30px; }
#main_contents .sec03 ul { width:100%; overflow:hidden; }
#main_contents .sec03 ul li { float:left; padding-right:16px; }
#main_contents .sec03 ul .last{ float:left; padding-right:0px; }

#main_contents .sec04 {float:left;text-align:left;width:187px;margin-left:30px;  }
#main_contents .sec04 h2{padding-bottom:10px; padding-top:30px; width:110px;float:left; }
#main_contents .sec04 .more { float:right; width:10px; padding-top:30px; }

#footer {clear:both;width:100%;font-size:11px; color:#9b9b9b; margin-top:40px; }
#footer .fContent {clear:both;width:1024px; margin:0px auto; text-align:left; height:90px;}
#footer .fContent li{ height:18px;}
#footer .fContent .slogo {float:left; width:225px; height:90px; line-height:90px; margin:20px 30px 0 0; }
#footer .fContent .address {float:left; text-align:left; margin-top:10px;}
#footer .fContent .text{text-align:left;}
#footer .fContent .copy{text-align:left; padding-top:40px; height:30px;}



.sample {clear:both;}
.sample p {width:1000px; margin:0 auto; background:#dcb997;color:#000;border:5px solid #dcb997;padding:15px 0 15px 0;}
.sample p strong{font-size:16px; font-weight:bold;}


#footer a {color:#9e9e9e;}
#footer a:hover {color:#647ca5;font-size:11px;}


.sub_footer { border-top:1px solid #ddd; }


/* 공지사항 리스트 및 탭관련*/
.ltNotice {position:relative; height:150px; text-align:center;}
.ltNotice li {float:left;}
.ltNotice .tab {float:left;height:24px; overflow:hidden; text-indent:-9999em; background:url(/images/main_tt_01.gif) no-repeat;}
.ltNotice .t1 {width:88px; background-position:0 -24px;}
.ltNotice .t2 {width:98px; background-position:-88px 0;}
.ltNotice .t3 {width:100px; background-position:-198px 0;}
.ltNotice li.active .t1 {width:88px; background-position:0 0;}
.ltNotice li.active .t2 {width:98px; background-position:-88px -24px;}
.ltNotice li.active .t3 {width:100px; background-position:-198px -50px;}

.ltNotice ul {display:none; position:absolute; top:34px; left:0px; width:300px;}
.ltNotice ul li {float:left;text-align:left; padding-left:15px; line-height:24px; background:url(/images/main_news_dot.gif) no-repeat 6px 10px; width:295px;}
.ltNotice ul li span {padding-right:10px;float:right}
.ltNotice li.active ul {display:block;}
.ltNotice a {color:#989898;}
.ltNotice a:hover {color:#569ecc;font-size:12px;}
.ltNotice .more {position:absolute; top:-16px; right:0px; background:none;}


/*공통팝업 - 개인정보취급방침_이용약관_이메일무단수집거부*/
#no_spam {width:600px;border:10px solid #d8d8d8;}
#privacy {width:700px;border:10px solid #d8d8d8;position:relative;}
#privacy h2 {margin:40px 0 20px 30px;}
#privacy textarea {width:640px;height:400px;color:#666666; padding:15px;line-height:19px;border:1px solid #ededed; background:#f9f9f9}
#privacy .btn_close {position:absolute; top:40px; right:20px;}

/*서브*/
#sub_visual {width:100%; margin:0 auto; background-color:#b4c4e2; height:310px; background:url(/images/sub_img.jpg) no-repeat top center; }
#sub_visual .visual{width:1024px;margin:0 auto; }

#sub_wrap {position:relative;; margin:0 auto; width:1024px; min-height:400px; content:""; }
#sub_wrap #left_menu {float:left; width:215px; padding-bottom:30px; }
#sub_wrap #left_menu h2 {padding:0 0 10px 0;text-align:left;}/*tt타이틀*/

#sub_wrap #left_menu .left_flash{clear:both;}
#sub_wrap #left_menu .banner{clear:both;padding:10px 0px;}

/*왼쪽메뉴*/
#sub_wrap #left_menu ul{padding-top:10px; padding-bottom:10px; }
#sub_wrap #left_menu li{width:auto; padding:12px 15px; text-align:left; font-size:14px; font-weight:bold;border-bottom:1px solid #eee; }
#sub_wrap #left_menu li.on{background-color:#6c84be; border-bottom:0px;}
#sub_wrap #left_menu li.on a{color:#ffffff}

/*서브와꾸*/
#sub_wrap #sub_contents {float:right; width:785px; margin-bottom:20px;} /*오른쪽컨텐츠 전체와꾸*/
#sub_wrap #sub_contents h3{padding-top:30px; padding-bottom:10px;text-align:left;}/*stt타이틀*/
#sub_wrap #sub_contents .location{position:absolute; right:5px; top:35px;background:url(/images/icon_home.gif) no-repeat 0px 2px;padding-left:15px;}
#sub_wrap #sub_contents .location li{display:inline;font-size:11px; color:#919191;}
#sub_wrap #sub_contents .location b {color:#8fb1ef;font-weight:bold;}
#sub_wrap #sub_contents .con_detail {text-align:center; padding-top:20px;padding-bottom:20px;line-height:18px; }/*내용*/


/*quick*/
#quick {background:#e9e9e9;border:4px solid #d3d3d3;position:absolute; right:-90px; top:0px; width:70px; z-index:2; padding-top:50px;padding-bottom:50px;}


/*테이블*/
.table_01 {width:100%; margin-bottom:10px;border-top:2px solid #bd956d;}
.table_01 th {font-size:11px;height:30px; text-align:center; background:#f8f8f8; border-bottom:1px solid #d4d4d4;color:#444444;font-weight:bold;}
.table_01 th.line_r {border-right:1px solid #d4d4d4;}
.table_01 td {font-size:11px;border-bottom:1px solid #d4d4d4;}
.table_01 td.cen{font-size:11px;height:30px;text-align:center;}
.table_01 td.left {line-height:130%;padding:20px 0px 20px 20px;font-size:11px;height:30px; border-bottom:1px solid #d4d4d4;}
.table_01 td.left_2 {padding:0px 0px 0px 10px;font-size:11px;height:30px; border-bottom:1px solid #d4d4d4;}
.table_01 td.line_r {border-right:1px solid #d4d4d4;;color:#6c6c6c;}
.table_01 td.font_b {font-weight:bold;color:#704924;}
.table_01 td.line_h {line-height:130%;}


/*사이트맵*/
#sitemap {width:100%; overflow:hidden;}
.oneDepth {width:22%; float:left; padding-right:20px; margin-bottom:30px; height:265px; }
.oneDepth h3 {font-size:16px; font-weight:bold; color:#526996; padding:6px 0 6px 0; border-bottom:2px solid #8ea0c2; }

.twoDepth {font-size:12px; text-align:left; padding-top:5px; }
.twoDepth li {padding:5px 0 5px 30px; border-bottom:1px solid #dedede; }


/* 온라인결제 */

/*리스트*/
#services02_01 { width:100%; margin:0 auto; }
#services02_01 .list { width:width:720px; }
#services02_01 .list ul{ width:190px; float:left; min-height:260px; }
#services02_01 .list ul .title{ font-size:13px; min-height:30px; line-height:30px; --border:1px solid red; overflow:hidden; }
#services02_01 .list ul .title a{ color:#333;  font-size:14px; }
#services02_01 .list ul .won{ height:24px; line-height:24px; margin-bottom:30px; }
#services02_01 .list ul .won a{ color:#ff9620; font-size:15px; font-weight:bold; }

/*뷰*/
#services02_01 { width:100%; margin:0 auto; }
#services02_01 .view { width:width:720px; }
#services02_01 .detail_title { height:34px; line-height:34px; }
#services02_01 .view .title{  color:#333;  font-size:18px; font-weight:bold; }
#services02_01 .view .detail_data { border:1px solid #ddd; margin-top:30px; }
#services02_01 .view .detail_data .data { float:left; width:565px; }
#services02_01 .view .detail_data .data { float:left; width:565px; }
#services02_01 .view .detail_data .btn { float:left; width:210px; }
.services02_01_view_tbl { width:100%; margin-top:25px }
.services02_01_view_tbl th{ color:#333; font-size:15px; font-weight:bold; height:40px; line-height:40px; text-align:left; padding-left:20px; background:url(/images/doc.jpg) no-repeat 4px 12px; }
.services02_01_view_tbl td{ color:#666; font-size:15px; font-weight:bold; height:40px; line-height:40px; text-align:left; padding-left:20px; }
.services02_01_view_tbl .inputbox{ border:1px solid #999999; width:200px; height:26px; }







/* UI Object */
.tab_face{padding:0 0 35px 0}
.tab_face ul{position:relative;margin:0;padding:0;_padding:2px 0 0 0;border-bottom:2px solid #6c84be;font-size:15px;list-style:none;*zoom:1}
.tab_face ul:after{display:block;clear:both;content:""}
.tab_face li{float:left;margin-right:1px;background:#acacac;padding:5px 25px;}
.tab_face li a,
.tab_face li a span{position:relative;cursor:pointer}
.tab_face li a{float:left;text-decoration:none}
.tab_face li a span{display:inline-block;padding:6px 25px 6px 25px;color:#fff}
.tab_face li ul{display:none;overflow:hidden;position:absolute;top:40px;left:0;width:100%;margin:0;padding:0;border:0;white-space:nowrap;list-style:none;*zoom:1}
.tab_face li ul:after{display:block;clear:both;content:""}
.tab_face li li{overflow:visible; position:relative; padding:10px 0 0 0; margin:0;  background:transparent;}

.tab_face.m1 .m1,
.tab_face.m2 .m2,
.tab_face.m3 .m3,
.tab_face.m4 .m4,
.tab_face.m5 .m5,
.tab_face.m6 .m6,
.tab_face.m7 .m7,
.tab_face.m8 .m8,
.tab_face.m9 .m9,
.tab_face.m10 .m10,
.tab_face.m11 .m11,
.tab_face.m12 .m12{margin-top:-1px;background-color:#6c84be}
.tab_face.m1 .m1 a span,
.tab_face.m2 .m2 a span,
.tab_face.m3 .m3 a span,
.tab_face.m4 .m4 a span,
.tab_face.m5 .m5 a span,
.tab_face.m6 .m6 a span,
.tab_face.m7 .m7 a span,
.tab_face.m8 .m8 a span,
.tab_face.m9 .m9 a span,
.tab_face.m10 .m10 a span,
.tab_face.m11 .m11 a span,
.tab_face.m12 .m12 a span{padding-top:7px;padding-bottom:7px;font-weight:bold;letter-spacing:-1px}
.tab_face.m1 .m1 ul,
.tab_face.m2 .m2 ul,
.tab_face.m3 .m3 ul,
.tab_face.m4 .m4 ul,
.tab_face.m5 .m5 ul,
.tab_face.m6 .m6 ul,
.tab_face.m7 .m7 ul,
.tab_face.m8 .m8 ul,
.tab_face.m9 .m9 ul,
.tab_face.m10 .m10 ul,
.tab_face.m11 .m11 ul,
.tab_face.m12 .m12 ul{display:block; }
.tab_face li li a:hover,
.tab_face li li a:active,
.tab_face li li a:focus,
.tab_face.s1 .s1 ,
.tab_face.s2 .s2 ,
.tab_face.s3 .s3 ,
.tab_face.s4 .s4 ,
.tab_face.s5 .s5 ,
.tab_face.s6 .s6 ,
.tab_face.s7 .s7 ,
.tab_face.s8 .s8 ,
.tab_face.s9 .s9 ,
.tab_face.s10 .s10 ,
.tab_face.s11 .s11 ,
.tab_face.s12 .s12 {font-weight:bold;color:#333;letter-spacing:-1px;  }
.tab_face.js_off{padding:0}
.tab_face.js_off ul{border:0}
.tab_face.js_off li{float:none}
.tab_face.js_off li a{float:none;font-weight:bold}
.tab_face.js_off li ul{display:block;position:static;left:0;top:0;padding:5px 0;background:#fff}
.tab_face.js_off li li{display:inline}
.tab_face.js_off li li a{font-weight:normal !important;color:#333;letter-spacing:normal}
.tab_face.js_off li li a:hover,
.tab_face.js_off li li a:active,
.tab_face.js_off li li a:focus{text-decoration:underline}
/* //UI Object */




#tabmenu				{width:100%; float:left; margin-top:10px; padding:0; list-style-type: none;  background:url('/images/bg_tab.gif') repeat-x left bottom;}
#tabmenu li				{float:left; margin-right:1px;}
#tabmenu li a			{display:block; float:left; padding:13px 0; margin-bottom:2px; border-bottom:2px solid #6c84be; border-bottom:0; font-size:15px; color: #fff; text-decoration: none; font-weight:bold; text-align:center; background:#acacac; }
#tabmenu li a.selected	{color:#fff; background:#6c84be; }
#tabcontents			{clear:left; }

