@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:1000px;position:relative; height:100px; margin:0 auto;border:5px}/*상단메뉴로고부분*/
#com_menu .logo{float:left;padding-top:25px;}
#com_menu .global_menu {height:100px; width:740px;position:absolute;top:0px; right:0px;}
#com_menu .st_Nav {position:absolute;top:14px;right:70px;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%;}
#main_visual .visual{width:1000px;margin:0 auto;height:520px; margin-top:90px;}

#main_contents {width:1000px;margin:0 auto; height:210px;padding-top:2px;padding-bottom:40px; position:relative;}/*메인 컨텐츠 부분_섹션으로 css구분*/
#main_contents .sec01 {position:absolute;left:770px;}
#main_contents .sec01 h2{border-bottom:2px width:250px; text-align:left; padding-bottom:5px;}
#main_contents .sec01 h2 .main_more{float:right; margin-top:8px;}

#main_contents .sec02 {position:absolute;top:-20px;left:770px;}
#main_contents .sec02 h2{border-bottom:2px width:250px; text-align:left; padding-bottom:5px;}

#main_contents .sec03 {float:right;text-align:left;width:300px;}
#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 {clear:both;width:100%;font-size:11px; color:#9b9b9b;}
#footer .fContent {clear:both;width:1000px;margin:0px auto;text-align:left;height:94px;height:90px;}
#footer .fContent li{float:left;}
#footer .fContent .slogo {float:left; margin:25px 30px 10px 30px;}
#footer .fContent .address {float:left;text-align:left;margin-top:40px;}
#footer .fContent .copy{display:inline-block;float:left;margin-top:40px;margin-right:10px}

#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%;margin:0 auto;height:170px;padding-top:50px;}
#sub_visual .visual{width:1000px;margin:0 auto;}

#sub_wrap {position:relative;;margin:0 auto; width:1000px;min-height:400px;content:"";text-align:left;}
#sub_wrap #left_menu {float:left; width:205px;padding-bottom:30px; position:absolute; z-index:100; margin-left:10px; }
#sub_wrap #left_menu h2 {padding:50px 0 10px 0px;text-align:left;}/*tt타이틀*/
#sub_wrap #left_menu .left_flash{clear:both;}
#sub_wrap #left_menu .banner{clear:both;padding:10px 0px;}

/*서브와꾸*/
#sub_wrap #sub_contents {float:right;width:810px;margin-bottom:20px; text-align:left;} /*오른쪽컨텐츠 전체와꾸*/
#sub_wrap #sub_contents h2{padding-top:30px; padding-bottom:10px; float:left; margin-left:60px;}/*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:#2499a9;font-weight:bold;}
#sub_wrap #sub_contents .con_detail {text-align:center; padding-top:20px;padding-bottom:20px;line-height:18px;}/*내용*/
#sub_wrap #sub_contents .tt_location { position:absolute; width:760px; margin-top:50px;}

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



/* 2021 */
#main_contents{
	position: absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	z-index:1;
}


#main_visual{
	max-width:1000px;
	width:100%;
	margin:60px auto 0;
}
#main_visual .swiper-container{
	width:100%;
	text-align: left;
}
.swiper-pagination{
	position: absolute;
	bottom:auto;
	top:10%;
	left:auto;
	right:0;
	z-index:10;
}
.swiper-pagination-bullet{
	width: 16px !important;
	height: 16px !important;
	outline: none !important;
}
.swiper-pagination-bullet-active{
	background: #82c9dc !important;
}


nav{
	text-align: right;
}
.gnb-pc-list {
	display:inline-block;
	margin-top: 20px;
}
.gnb-pc-list > li{
	float:left;
	position:relative;
	width:116px;
	text-align: center;
}
.gnb-pc-list > li::before{
	width:1px;
	content:none;
	height: 13px;
	background: #249396;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	left:0;
}
.gnb-pc-list > li > a{
	display:block;
	padding:20px 0;
	position:relative;
	font-size:18px;
	font-weight: bold;
	color:#000;
}
.gnb-pc-list > li:hover > a{
	color:#1f96bf;
}
.gnb-pc-list > li > ul.dp2-box{
	position:absolute;
	text-align:left;
	width:1200px;
    transform: translateY(-20px);
	z-index:10;
	margin-left: 15px;
	display:none;
}
.gnb-pc-list > li:last-child > ul.dp2-box{
	margin-left: -180px;
}

.gnb-pc-list > li > ul.dp2-box > li{
	display:inline-block;
}
.gnb-pc-list > li > ul.dp2-box > li > a{
	display:block;
	padding:14px 10px;
	color:#767676;
	font-size:12px;
	font-weight: 500;
}
.gnb-pc-list > li > ul.dp2-box > li > a:hover{
	color:#1f96bf;
}

.menu-over-bg{
	background: #249396;
	width:100%;
	height: 40px;
	position: absolute;
	top:82px;
	display:none;
}
#left_menu .menu{
	width:100%;
	text-align: left;
	display:none;
	border-top: 1px solid #249396;
	padding-top: 3px;
}
#left_menu .menu ul li{
	padding:0;
	background: none;
	border-bottom: 1px solid #ebebeb;
}
#left_menu .menu ul li a{
	font-size:14px;
	color:#249396;
	padding:10px 16px;
	display:block;
	letter-spacing: -0.025em;
	font-size:13px;
}
#left_menu .menu ul li a.on{
	background: #3e9f94;
	color:#fff;
/* 	background: url('../images/deco.jpg')no-repeat center right / contain #3e9f94; */
	background-size:25px 21px;
}



#sub_wrap #left_menu h2{
	font-size:20px;
	font-weight: bold;
	color:#fff;
	background: #249aa8;
	padding:10px 20px;
	margin-top: 50px;
	margin-bottom: 10px;

-webkit-box-shadow: -5px 9px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    -5px 9px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:         -5px 9px 10px 0px rgba(0, 0, 0, 0.15);
}
#sub_wrap .leftMenu{
	background: #fff;
	padding:10px 0;
-webkit-box-shadow: -5px 9px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    -5px 9px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:         -5px 9px 10px 0px rgba(0, 0, 0, 0.15);
}
#sub_wrap .leftMenu > li a{
	display:block;
	background: ;
	padding:10px 20px;
	font-size:14px;
}
#sub_wrap .leftMenu > li:hover a{
	color:#249aa8;
}
#sub_wrap .leftMenu > li.on a{
	color:#249aa8;
	font-weight: bold;
}