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

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

#com_menu {width:1200px;position:relative; height:100px; margin:0 auto;}/*상단메뉴로고부분*/
#com_menu .logo{float:left;padding-top:25px;}
#com_menu .st_Nav{
	position:absolute;
	right:0;
	top:10px;
	z-index:21;
}
#com_menu .st_Nav > ul > li{
	float:left;
	margin-left:-1px;
}
#com_menu .st_Nav > ul > li > a{
	display:block;
	font-size:11px;
	color:#000;
	padding:2px 5px;
	border:1px solid #000;
	font-weight:600;
}

#com_menu .global_menu {
	position:absolute;
	top:50%;
	right:0px;
	transform:translateY(-50%);
	z-index:20;
}
#com_menu .global_menu > ul > li{
	float:left;
	margin-left:40px;
	position:relative;
}
#com_menu .global_menu > ul > li > a{
	display:block;
	font-size:14px;
	font-weight:800;
	color:#000;
	padding:10px 0;
}
#com_menu .global_menu > ul > li > ul{
	position:absolute;
	left:0;
	top:32px;
	text-align:left;
	width:200px;
	display:none;
}
#com_menu .global_menu > ul > li:hover > ul{
	display:block;
}
#com_menu .global_menu > ul > li > ul > li > a{
	color:#000;
	font-size:12px;
	font-weight:800;
	padding:2px 0;
	display:block;
}



/* 메인 */
#main_contents {width:1200px;margin:0 auto;position:relative; margin-top:30px;}/*메인 컨텐츠 부분_섹션으로 css구분*/
#main_contents .visual{width:1200px;margin:0 auto; text-align:right;}
#main_contents .secNews{
	position:absolute;
	left:0;
	top:0;
	text-align:left;
	font-weight:700;
	padding-left:10px;
	z-index:20;
}
#main_contents .secNews:after,
#main_contents .secNews:before{
	content:"";
	position:absolute;
	left:1px;
	top:0;
	height:100%;
	border-left:1px solid #000;
}
#main_contents .secNews:before{
	z-index:2;
	left:0;
	border-left:3px solid #000;
	height:30px;
}

#main_contents .secNews > h3{
	font-weight:800;
	color:#000;
	font-size:17px;
	margin-bottom:10px;
}
#main_contents .secNews > ul {
	width:240px;
}
#main_contents .secNews > ul > li{
	margin-top:5px;
	position:relative;
	padding-right:80px;
}
#main_contents .secNews > ul > li > a{
	font-weight:700;
	color:#000;
	display:block;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	box-sizing:border-box;
	
	
}
#main_contents .secNews > ul > li > a > span{
	position:absolute;
	right:0;
	width:70px;
	text-align:right;
}


#main_contents .sec01 {
	text-align:left;
}
#main_contents .sec01 > p{
	padding:5px 0;
}

/*메인_가로형의 세로형*/
#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; padding-bottom:40px; }
#footer .fContent {clear:both;width:1200px;margin:0px auto; text-align:left; color:#000; line-height:1.6}
#footer .f_link{margin-top:5px;overflow:hidden}
#footer .f_link a{
	float:left;
	padding-right:21px;
	color:#000;
	font-weight:700;
	position:relative;
}
#footer .f_link a:after{
	content:"";
	position:absolute;
	right:10px;
	top:2px;
	height:12px;
	border-right:1px solid #000;
}
#footer .f_link a:last-child:after{
	display:none;
}


/* 공지사항 리스트 및 탭관련*/
.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:150px;}
#sub_visual .visual{width:1000px;margin:0 auto;}

#sub_wrap {position:relative;;margin:0 auto; width:1200px;min-height:400px;content:"";}
#sub_wrap #left_menu {float:left; width:190px;padding-bottom:30px; }
#sub_wrap #left_menu h2 {padding:32px 0 10px 20px;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 {
	padding:0px 0 30px;
} /*오른쪽컨텐츠 전체와꾸*/
#sub_wrap #sub_contents h2{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%;}
.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}


/*.raon_dykim_title {border-bottom:2px solid #000; font-size:16px; font-weight:bold; text-align:left; color:#000; margin-bottom:10px;height:39px;}
.raon_dykim_title span{display:inline-block; border-bottom:4px solid #000; padding:10px 10px;}*/


.page_title {border-bottom:2px solid #000; font-size:16px; font-weight:bold; text-align:left; color:#000; margin-bottom:10px;height:39px;}
.page_title span{display:inline-block; --border-bottom:4px solid #000; padding:10px 10px;}

.page_title2 {border-bottom:2px solid #000; font-size:16px; font-weight:bold; text-align:left; color:#000; margin-bottom:10px;--height:39px;}
.page_title2 span{display:inline-block; --border-bottom:2px solid #000;padding:10px 10px;}

/*게시판 레이아웃*/
.Art_archive{overflow:hidden; margin:10px;--border:5px solid blue}
.Art_archive .left_area{float:left; width:280px;text-align:center;}
.Art_archive .left_area p {margin-top:30px;}
.Art_archive .right_area{float:right; width:730px;}

.board_tit {padding-top:30px; padding-bottom:25px;}

/*신청서 */
.b_Btn_area span{border:1px solid #000;display:inline-block;}
.input_btn_style01 {border:0px solid red; background:#fff; padding:5px 14px; font-weight:bold; color:#000;}
.pop_all_area{overflow:hidden;margin:10px;--border:5px solid red;}
.pop_all_area .left_area{float:left; width:280px;text-align:center;}
.pop_all_area .left_area img {margin-top:300px;}
.pop_all_area .right_area{float:right; width:730px; }

.table_write01{width:100%;}
.table_write01 tr td,.table_write01 tr th {color:#000; padding:10px 0; border-bottom:1px solid #888;}
.table_write01 tr td input[type="text"] { border:1px solid #666;}

.table_write01 .in_table01 {width:99%; border:1px solid #666;}
.table_write01 .in_table01 th {border-right:1px solid #666;}
.table_write01 .in_table01 td {border-bottom:0px solid #ddd; padding:5px 10px;border-right:1px solid #666;} 
.table_write01 .in_table01 td input {width:99%; height:24px;}






/*sub02*/
.sub0201_wrap{
	overflow:hidden;
}
.sub0201_wrap > .left_tab_menu{
	float:left;
	width:170px;
	text-align:left;
	padding-left:15px;
	position:relative;
	z-index:2;
	height:650px;
}
.sub0201_wrap > .left_tab_menu > h3{
	font-size:18px;
	font-weight:800;
	color:#000;
	margin-bottom:5px;
}
.sub0201_wrap > .left_tab_menu > ul > li{
	position:relative;
}
.sub0201_wrap > .left_tab_menu > ul > li > a{
	display:block;
	padding:2px 0;
	font-size:14px;
	color:#000;
}
.sub0201_wrap > .left_tab_menu > ul > li:nth-child(2){
	border-bottom:2px solid #000;
	padding-bottom:4px;
	margin-bottom:2px;
}
.sub0201_wrap > .left_tab_menu > ul > li.active{
	font-weight:700;
}
.sub0201_wrap > .left_tab_menu > ul > li:hover:after,
.sub0201_wrap > .left_tab_menu > ul > li.active:after{
	content:"";
	position:absolute;
	lefT:-15px;
	top:50%;
	margin-top:-1px;
	height:2px;
	background:#000;
	width:10px;
}



.sub0201_wrap > .right_contents{
	float:right;
	width:934px;
	text-align:right;
}
.sub0201_wrap > .right_contents .left_fix_img{
	position:absolute;
	left:0;
	bottom:20px;
}
.sub0201_wrap > .right_contents > .cont{
	display:none;
}
.sub0201_wrap > .right_contents > .cont.cont3{
	display:block;
}


/**/
.sub0401_wrap{
	overflow:hidden;
}

.sub0401_wrap > div{
	float:left;
}
.sub0401_wrap > div:last-child{
	float:right;
	width:860px;
}


/**/
.sub0501_wrap{
	overflow:hidden;
}

.sub0501_wrap > div{
	float:left;
}
.sub0501_wrap > div:first-child{
	padding-top:50px;
}
.sub0501_wrap > div:last-child{
	float:right;
	width:900px;
	text-align:right;
	position:relative;
	z-index:5;
}
.sub0501_wrap > div > div.left_img{
	position:relative;
	height:300px;
}
.sub0501_wrap > div > div.left_img > img{
	position:absolute;
	left:0;
	bottom:0;
}

.sub0501_wrap .btn_box{
	text-align:center;
	margin-top:30px;
	
}
.sub0501_wrap .btn_box > a{
	border:1px solid #000;
	display:inline-block;
	padding:5px 10px 3px 10px;
	font-size:15px;
	font-weight:400;
	color:#000;
}



.left_menu_box{
	text-align:left;
	color:#000;
	font-weight:700;
	font-size:14px;
	padding-left:15px;
	margin-bottom:30px;
}
.left_menu_box h4{
	font-size:18px;
	font-weight:800;
	color:#000;
	margin-bottom:10px;
}
.left_menu_box > ul > li {
	margin-bottom:7px;
	
}
.left_menu_box > ul > li > a{
	color:#000;
	display:block;
	position:relative;
	font-weight:400;
}
.left_menu_box > ul > li > a.on:after,
.left_menu_box > ul > li > a:hover:after{
	content:"";
	position:absolute;
	left:-15px;
	top:8px;
	width:10px;
	border-top:1px solid #000;
}
.left_menu_box > ul > li > a.on,
.left_menu_box > ul > li > a:hover{
	font-weight:800;
}

.left_menu_box > ul > li > a > p:last-child{
	margin-left:10px;
	border-left:1px solid #000;
	line-height:14px;
	padding-left:5px;
	margin-top:3px;
	font-weight:300;
}

.gallery_wrap{overflow:hidden;}
.gallery_wrap > div{
	float:left;
	width:260px;
}
.gallery_wrap > div.gallery_list_wrap{
	float:right;
	width:900px;
}
.gallery_wrap > div.gallery_list_wrap > ul{
	overflow:hidden
}
.gallery_wrap > div.gallery_list_wrap > ul > li{
	float:left;
	width:16.66%
}
.gallery_wrap > div.gallery_list_wrap > ul > li img{
	width:100%;
	height:auto;
}
.gallery_wrap > div.gallery_list_wrap > ul > li:hover{
	opacity:.6;
}

.gallery_wrap  .raon_paging_area{
	margin-top:15px;
}
.gallery_wrap  .raon_page{
	display:inline-block;
	overflow:hidden;
}
.gallery_wrap  .raon_paging_area a,
.gallery_wrap  .raon_paging_area span{
	font-size:14px;
	font-weight:800;
	color:#000;
	float:left;
	margin:0px 2px;
	width:20px;
	height:20px;
}
.gallery_wrap  .raon_paging_area a.pre2,
.gallery_wrap  .raon_paging_area a.next2,
.gallery_wrap  .raon_paging_area span.pre2,
.gallery_wrap  .raon_paging_area span.next2{
	display:none;
}
.gallery_wrap  .raon_paging_area a.pre,
.gallery_wrap  .raon_paging_area span.pre,
.gallery_wrap  .raon_paging_area a.next,
.gallery_wrap  .raon_paging_area span.next{
	font-size:0px;
	overflow:hidden;
	text-indent:-100px;
	position:relative;
}
.gallery_wrap  .raon_paging_area a.pre:after,
.gallery_wrap  .raon_paging_area span.pre:after{
	content:"◀";
	position:absolute;
	left:0;
	top:0;
	font-size:20px;
	text-indent:0;
}
.gallery_wrap  .raon_paging_area a.next:after,
.gallery_wrap  .raon_paging_area span.next:after{
	content:"▶";
	position:absolute;
	left:0;
	top:0;
	font-size:20px;
	text-indent:0;
}


.gallery_view_wrap{overflow:hidden;}
.gallery_view_wrap > div{
	float:left;
	width:350px;
}
.gallery_view_wrap > div.gallery_view_contents{
	float:right;
	width:800px;
	position:relative;
}

.gallery_view_contents{
	overflow:hidden;
}
.gallery_view_contents > .thum{
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
.gallery_view_contents > .thum img{
	width:100%;
}
.gallery_view_contents > .contents_box{
	float:right;
	width:340px;
	text-align:left;
	padding-top:30px;
	color:#000;
	font-weight:700;
	margin-right:20px;
}
.gallery_view_contents > .contents_box > p:nth-child(1){
	font-weight:700;
	font-size:13px;
	margin-bottom:10px;
}
.gallery_view_contents > .contents_box > p:nth-child(2){
	font-size:14px;
	margin-bottom:3px;
	
}
.gallery_view_contents > .contents_box > p span.title{
	font-size:13px;
}
.gallery_view_contents > .contents_box > p span.program{
	display:inline-block;
	border:1px solid #000;
	padding:3px 3px 2px 3px;
	font-size:11px;
	font-weight:800;
	line-height:11px;
}

.next_prev_box{
	border-top:1px solid #000;
	margin-top:30px;
	overflow:hidden;
}
.next_prev_box > div{
	float:left;
	width:50%;
}
.next_prev_box > div > a{
	text-align:center;
	display:inline-block;
}
.next_prev_box > div:last-child{
	text-align:right;
}
.next_prev_box > div > a p{
	padding:15px 0;
	color:#000;
	font-size:14px;
	font-weight:900;
}