@charset "utf-8";

/* board 글씨체*/
.jnsboard			{ font-family:'Noto Sans KR', dotum, '돋움', 'Malgun Gothic', '맑은 고딕', sans-serif; font-size:14.5px; color:#333;}
body table.board td, 
body table td a		{ font-family:'Noto Sans KR'; font-size:14.5px;}


/* Layout */
.header				{ position:relative !important; background:#fff; }
.sub_body			{ position:relative; width:100%; margin:0 auto; padding:0; text-align:left; zoom:1 }
.sub_right			{ position:relative; top:100px; max-width:1200px; margin:60px auto 90px; opacity:0; transition:all 1s;}
.sub_right_wide		{ position:relative; top:100px; max-width:100%; margin:60px auto 90px; opacity:0; transition:all 1s;}


/* Sub Visual */
.visual-wrap					{ width:100%; }
.visual-wrap .text_area			{ position:absolute; top:0px; text-align:center; width:100%; margin:90px auto 0; opacity:0; transition:all .5s; z-index:10; }
.visual-wrap h1					{ margin:0; font-size:40px; font-weight:300; color:#fff; letter-spacing:-1px; }
.visual-wrap h1 b				{ font-weight:500;}
.visual-wrap .bg_area li		{ height:280px;}
.visual-wrap .bx-controls		{ display:none;}


/* Local Title */
.local_title li				{ display:inline-block; margin-left:10px; padding-right:15px; font-size:15px; font-weight:300; letter-spacing:0.5px; color:#fff; background:url('/img/sub/bg_local.png') no-repeat right 6px;}
.local_title li:last-child	{ background:none;}
.local_title li:first-child	{ padding-left:20px; background:url('/img/sub/bg_local.png') no-repeat 99% 6px, url('/img/sub/icon_home.png') no-repeat left;}
.local_title li a			{ color:#fff;}


/* Lnb */
.sub_left				{ position:relative; width:100%; margin-top:-30px; text-align:center; z-index:10; overflow:hidden;}
.sub_left ul			{ position:relative; max-width:1200px; margin:0 auto; z-index:10; }
.sub_left>ul>li 		{ float:left; width:100%; line-height:55px;}
.sub_left>ul>li>a		{ display:block; width:100%; color:rgba(255,255,255,.5); font-size:18px; font-weight:300; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; text-align:center; letter-spacing:-0.5px; background:#05559e; border:1px solid #05559e; border-bottom:0; box-sizing:border-box;}
.sub_left>ul>li>a._over,
.sub_left>ul>li>a:hover,
.sub_left>ul>li>a:focus	{ font-weight:600; color:#fff; border-color:#fff; background:#5d9834;}

.sub_left>ul>li:first-child:nth-last-child(1),
.sub_left>ul>li:first-child:nth-last-child(1)~li	{ width:100%}
.sub_left>ul>li:first-child:nth-last-child(2),
.sub_left>ul>li:first-child:nth-last-child(2)~li	{ width:50%}
.sub_left>ul>li:first-child:nth-last-child(3),
.sub_left>ul>li:first-child:nth-last-child(3)~li	{ width:33.3%}
.sub_left>ul>li:first-child:nth-last-child(4),
.sub_left>ul>li:first-child:nth-last-child(4)~li	{ width:25%}


/* floating menu */
.fix_menu				{ top:400px;} 

/* Sub Title */
.sub_tit				{ margin-bottom:40px; text-align:center; letter-spacing:-0.1em;}
.sub_tit h2				{ margin:0; font-size:35px; color:#212121;}
.sub_tit p				{ margin:0; font-size:17.5px; color:#c9d3dc;}



/* 게시판 css 수정 */
.sub_right>p:nth-child(2)			{ display: none;}
.sub_right tbody.board_view .big	{ background:#eff8f9;}
.page-navigation .page_num .now	{ padding:.4em .6em; color:#05559e; font-weight:700; border:1px solid #05559e}

/* 갤러리게시판 수정 */
.jnsboard .T_gallery_img img			{ width:100%;}
.jnsboard .gallery_wrapper				{ width:29%; margin:30px 2% 15px; }		


/* 비디오게시판 수정 */
.jnsboard .board_movie .movietext dt { font-family:'Noto Sans Kr'; font-size:1.4em;} 
.jnsboard .board_movie .movietext dt span { margin-left:3px; font-weight:300; font-size:0.9em; color:#888;} 
.jnsboard .board_movie td dd { margin-left:0;}


/*반응형시작*/
@media only screen and (max-width : 1200px) {
	/* Sub Title */
	.sub_tit { margin-bottom:30px;}


	/* JNS mobile */
	h2.subTitle,
	h1.subTitle			{ display:none;}

}


@media only screen and (max-width : 900px) {

	/* Sub Visual */
	.visual-wrap h1		{ font-size:33px; font-weight:500;}

	/* Lnb */
	.sub_left>ul>li		{ line-height:45px;}
	.sub_left>ul.four>li { width:50%;}
	.sub_left>ul.four>li>a	{ border-bottom:1px solid #02a515;}
	.sub_left>ul.four>li>a._over,
	.sub_left>ul.four>li>a:hover,
	.sub_left>ul.four>li>a:focus	{ border-bottom-color:#fff;}
	.sub_left>ul>li>a	{ font-size:14px;}

}

@media only screen and (max-width : 600px) {
	/* JNS mobile */
	.jnsboard			{ font-size:18px; font-weight:300;}

	.visual-wrap .bg_area li{ height:180px;}
	.sub_left>ul>li>a	{ font-size:13px;}
	.sub_left>ul>li>a._over,
	.sub_left>ul>li>a:hover,
	.sub_left>ul>li>a:focus	{ font-weight:inherit;}
	.visual-wrap .text_area { margin-top:45px;}
	.visual-wrap h1		{ font-size:26px; font-weight:500;}
	.local_title li		{ font-size:13px; font-weight:100;}

	.sub_right,
	.sub_right_wide		{ margin:40px 0;}

	/* Sub Title */
	.sub_tit h2				{ font-size:25px;}
	.sub_tit p				{ font-size:15px;}
}