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

/* 전체_기본_공통적용*/
#wrap {width:100%;text-align:center;}
#header {width:100%; background:url(/images/top_bg.gif) repeat-x;}
#container {width:100%;}

#com_menu {width:1000px;position:relative; height:120px; margin:0 auto; }/*상단메뉴로고부분*/
#com_menu .logo{float:left;padding-top:17px;}
#com_menu .global_menu {height:120px; width:740px;position:absolute;top:0px; right:0px;}
#com_menu .st_Nav {position:absolute;top:14px;right:0px;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;}

/* 메인 */
#main_visual {width:100%; background:url(/images/main_visual01.jpg) no-repeat center; margin:0 auto;}
#main_visual .visual{width:1000px;margin:0 auto; height:525px;}

#main_contents {width:1000px;margin:0 auto; height:300px; padding-top:30px;padding-bottom:40px;}/*메인 컨텐츠 부분_섹션으로 css구분*/
#main_contents .sec01 {float:left;text-align:left; width:310px;}
#main_contents .sec01 h2{padding-bottom:5px;}

#main_contents .sec02 {float:left;text-align:left;width:310px; margin-left:30px; }
#main_contents .sec02 h2{padding:0px 5px 15px 5px;}
#main_contents .sec02 .news {height:170px; position:relative;}
#main_contents .sec02 .news .more{position:absolute;top:5px;right:0px;}
#main_contents .sec02 .news li{background:url(/images/main_news_dot.gif) no-repeat 0px 12px; padding:4px 0 6px 10px;position:relative; }
#main_contents .sec02 .news li span{position:absolute;top:6px; right:0px; color:#b2b2b2;}

#main_contents .sec03 {float:right;text-align:left;width:310px;}
#main_contents .sec03 h2{padding-bottom:17px;}

/*메인_가로형의 세로형*/
#main_wrap_vertical {width:1010px;margin:0 auto;--padding-bottom:40px;}/*메인 컨텐츠 부분_섹션으로 css구분-보더값 뺄것.*/
#main_wrap_vertical .visual {float:left;border:5px solid #6d80a8;}
#main_wrap_vertical .contents {float:right; width:320px;border:5px solid #dcb997; padding-left:10px;}
#main_wrap_vertical .contents .sec01 {float:left; width:100%; padding-top:20px;}
#main_wrap_vertical .contents .sec02 {float:left; width:100%;text-align:left;padding-top:20px;}
#main_wrap_vertical .contents .sec02 h2 {padding-bottom:17px;}
#main_wrap_vertical .contents .sec03 {float:left; width:100%;text-align:left;padding-top:20px;}
#main_wrap_vertical .contents .sec03 h2 {padding-bottom:17px;}


#footer {width:100%; font-size:11px; background:url(/images/bottom_bg.gif) repeat-x 0px 10px; }
#footer .fContent {clear:both;width:1000px;margin:0px auto;text-align:left;height:120px;}
#footer .fContent li{float:left;}
#footer .fContent .slogo {float:left; margin:45px 30px 20px 20px;}
#footer .fContent .address {float:left;text-align:left;margin-top:40px;}
#footer .fContent .copy{display:inline-block; float:left;margin-top:40px;margin-left:20px}

#footer .fNav {clear:both;height:30px;background:#ffffff;border-top:1px solid #d9d9d9;padding-left:50px;}
#footer .fNav ul {width:1000px; margin:0px auto;font-size:11px; color:#9e9e9e;}
#footer .fNav li {float:left; padding:9px 10px;background:url(/images/com_top_line.gif) no-repeat 0px 11px;}
#footer .fNav li.first {padding-left:0; background:none;}
#footer .fNav li.end {float:right}

.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;}


/* 공지사항 리스트 및 탭관련*/
.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%;  background:url(/images/sub_visual01.jpg) no-repeat center; height:227px; border-bottom:1px solid #eeeeee;}
#sub_visual .visual{width:1000px;margin:0 auto;}

#sub_wrap {position:relative;;margin:0 auto; width:1000px;min-height:400px;content:"";}
#sub_wrap #left_menu {float:left; width:200px;padding-bottom:30px; }
#sub_wrap #left_menu h2 {padding:30px 0 0 0px;text-align:left;}/*tt타이틀*/
#sub_wrap #left_menu .left_flash{clear:both; background:url(/images/left_menu_bg.gif) no-repeat;}
#sub_wrap #left_menu .banner{clear:both;padding:20px 0px;}

/*서브와꾸*/
#sub_wrap #sub_contents {float:right;width:780px;margin-bottom:20px;} /*오른쪽컨텐츠 전체와꾸*/
#sub_wrap #sub_contents h2{padding-top:30px; padding-bottom:20px;text-align:left; border-bottom:1px solid #eeeeee;}/*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:#888;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%;}
.oneDepth {width:22%; float:left; padding-right:15px;margin-bottom:30px;}
.oneDepth h3 {font-size:16px; font-weight:bold; color:#526996; padding:6px 0 6px 0; border-bottom:2px solid #8ea0c2;}

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


/*글로벌메뉴/레프트메뉴 신규 추가 20170316 라온*/
.gnbWrap {
	float:right;
	width:740px;
	margin-top:30px;
	position:relative;
}
.gnbWrap dl {
	float:left;
	margin:10px 0px 10px 60px;
	
}

.gnbWrap dl dt a {
	font-size:17px;
	font-weight:bold;
	color:#000;
	padding:10px;
}
.gnbWrap dl dt.active a{
	color:#4d7dd6
}

.gnbWrap dl dd {
	position:absolute;
	top:59px;
}
.gnbWrap dl dd p {
	float:left;
	margin:5px 10px;
}
.gnbWrap dl dd p a {
	display:block;
	color:#fff;
	font-size:14px;
}
.gnbWrap dl.last {
	margin-right:-30px !important;
}
.gnbWrap dl.last dd {
	width:170px;
	right:0;
}

.leftMenuWrap {
	background:url(../images/left-menu-bg.gif);
	padding:10px 0;
}
.leftMenuWrap li {
	text-align:left;
	padding:0px 10px;
}
.leftMenuWrap li a{
	display:block;
	padding:10px 10px;
	color:#fff;
}
.leftMenuWrap li a:hover,
.leftMenuWrap li a.active{
	color:#c2cef7;
	background:#555e6e;
	font-weight:bold;
	box-shadow:inset 1px 1px 2px rgba(0,0,0,.5)
}