@charset "utf-8";
/* CSS Document */

/*	.cameraSlide  img {height: 100% !important}*/
ul.bxslider li img{width:1940px !important;position:absolute;left:50%;margin-left:-970px;}


.fp-tableCell {height:100% !important}
.visual {width:100%; height:350px; position:relative;}
.section {}
/*.section .main img {width: 100% !important; height: 100% !important; margin-left: 0 !important;}*/
.icon {
	max-width: 1200px;
	margin: 0 auto;
	padding: 35px 0;
}
.icon ul {
	text-align: center;
}
.icon ul li {
	float: left;
	width: 15.2%;
	background-color: #5a8fc5;
	margin: 0 0.5% 0.5% 0.5%;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
	display: block;
	font-weight: 600;
	color: #fff;
}
.icon ul li:hover {
	background: #fff;
	border: 1px solid #5a8fc5;
	color: #5a8fc5;
}
/* .icon ul li:hover a {
	color: #5a8fc5;
} */
/* .icon ul li a {
	font-weight: 600;
	color: #fff;
} */
.icon ul li a img {
	display: block;
	margin: auto;
	margin-bottom: 10px;
}
#header .inner h1 { padding-top: 25px; }

#footer .qr { z-index: 1; }
#footer .footIn .address { position: relative; z-index: 2; }
#footer .footIn .top { z-index: 2; }

/* 공통 */
h3 {font-size:22px;}
h2 {font-size:25px;}

#contents {width:100%;  }/*overflow:hidden;*/
#contents .section01 {width:100%; overflow:hidden; }
#contents .section01 .swrap {max-width:1200px; margin:0 auto; padding:0;}
.section01 .board {padding:20px; position:relative; float:left; width:24%; height:460px; margin-right:1%;}
.section01 .board h3 {color:#000;}
.section01 .board ul {margin-top:35px;}
.section01 .board ul li {font-size:15px; border-bottom:1px solid rgba(255,255,255,0.3); padding:15px 10px; line-height:20px;}
.section01 .board ul li a {color:#000; text-overflow:ellipsis; overflow:hidden; width:100%; display:block; white-space:nowrap; font-size:15px;}
.section01 .board ul li span {color:#000; line-height:20px; font-size:13px;}
.section01 .board .plus { position:absolute; top:15px; right:18px;}
.section01 .board .plus a {font-size:20px; color:#000;}
.section01 .s1 {/*background:#b3b8db;*/ background:#e6e9ee;/* no-repeat 75%; width:25%;*/}
.section01 .s2 {background:#f6f6f6;}
.section01 .s3 {background:#e6e9ee;}
.section01 .s4 {background:#f6f6f6;  margin-right:0;}



#contents .section02 {width:100%; max-width:1200px; margin:1.5% auto 0; overflow:hidden; background: url(/images/bg_main.jpg) 50% no-repeat; background-size:cover;  padding:57px 60px;}
#contents .section02 .swrap {/*height:360px;*/}
.section02 .half {width:100%; position:relative; text-align:center;}
.s5 {}
/*.s6 {text-align:right;}*/
.s5 h1 {color:#fff; margin-bottom:30px;}
.s5 a {color:#eee; border:2px solid #eee; padding:5px 20px; font-size:18px;}
.s5 p {color:#eee; line-height:1.7; font-size:18px; margin-bottom:30px;}
/*.s6 img {border:5px solid #fff; box-sizing:border-box; width:100%; max-width:410px; cursor:pointer;}
.vod_area {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 900;}
.vod_area .vod_area_in {width:100%;}
.vod_area .vod_area_in iframe, .vod_area .vod_area_in video {width:800px; height:450px; position:fixed; top:50%; left:50%; margin:-225px 0 0 -400px; z-index:999}
.vod_area .close {position:fixed; top:50%; right:50%; margin: -260px -400px 0 0; opacity: 5; cursor: pointer; z-index: 999; float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff;}
.vod_area .bg {width:100%; height:100%; background:rgba(0,0,0,.7); position:fixed; top:0; bottom:0; left:0; right:0;}*/



#contents .section03 {width:100%; overflow:hidden;}
#contents .section03 .swrap {max-width:1200px; margin:1.5% auto; overflow: hidden;}
.gallery {padding:20px; float:left; width:100%; position:relative; margin-right:1%; border:1px solid #ddd; box-sizing: border-box;}
.gallery:last-child {margin-right:0}
.gallery h3 {margin-bottom:20px; text-align:center;}
.gallery .tabList {}
.gallery .tabList ul {overflow:hidden; margin-left:60px;}
.gallery .tabList ul li {float:left; margin:0 1%; width:16.666%; text-align:center; position:relative;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.gallery .tabList ul li a {}
.gallery .tabList ul li a img {width:100%; /*height:112px;*/ max-width:170px;}
.gallery .tabList ul li a p {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:15px; font-weight: 600; margin-top:5px;}
.gallery .tabList ul li a p span {display: block; color:#888; font-size:13px; font-weight:normal}
.gallery .plus {position:absolute; top:15px; right:18px}
.gallery .plus a {font-size:20px; color:#444}


#contents .section04 {width:100%; overflow:hidden;}
#contents .section04 .swrap {}
.half {width:50%; float:left;}
.section04 .half:nth-child(1) {background:#d2a393;}
.section04 .half:nth-child(2) {background:url(/images/bg_bottom.jpg) no-repeat 50%; background-size:cover;}
.half .left {width:100%; float:right; max-width:600px; padding:50px 30px;}
.half .left ul {}
.half .left ul li {float:left; width:48%; margin-right:3%; margin-bottom:10px; border:1px solid #fff; box-sizing: border-box; position:relative;}
.half .left ul li:nth-child(2n) {margin-right:0}
.half .left ul li:nth-child(7), .left ul li:nth-child(8) {margin-bottom:0}
.half .left ul li a {display:block; padding:15px; color:#fff;}
.half .left ul li a:hover {background:#fff; color:#d2a393; transition:all 0.5s ease-out;}
.half .left ul li a span {font-size:12px; line-height:18px; position:absolute; right:15px; font-family:"Nanum Gothic", "나눔고딕", "Malgun Gothic", "돋움", "Dotum", "굴림", "Gulim", sans-serif; }
.half .right {width:100%; float:left; max-width:600px; padding:70px 30px 50px; text-align:left;}
.half .right p {margin:30px 0 50px; line-height:1.5; color:#333;}
.half .right li:last-child {width:48%; border:1px solid #777; box-sizing: border-box; position:relative;}
.half .right li a {display:block; padding:15px; /*color:#777;*/}
.half .right li a:hover {background:#777; color:#fff; transition:all 0.5s ease-out;}
.half .right li a span {font-size:12px; line-height:18px; position:absolute; right:15px; font-family:"Nanum Gothic", "나눔고딕", "Malgun Gothic", "돋움", "Dotum", "굴림", "Gulim", sans-serif;}


#wrap>#contents {padding:0}

.rolling_bn{width:100%; background:#eee; height:170px;}
.rolling_bn .main_banner{width:100%;height:100%;}
.rolling_bn .main_banner .bannerList{width:100%;margin:0 auto;position:relative;padding:40px 10px 0;}
.rolling_bn .main_banner .bannerList .bannerListwrap{position:relative;max-width:1225px;margin:0 auto;overflow:hidden;padding:0 50px;}
.rolling_bn .main_banner .bannerList .bannerListwrap .bx-wrapper{max-width:1200px !important}
.rolling_bn .main_banner .bannerList .bannerListwrap .bannerIn li{width:176px !important;height:95px !important;}
.rolling_bn .main_banner .bx-wrapper .bx-prev{width:20px;height:30px;top:20px;left:0;background:url("/images/news_btn.png") no-repeat 0 0;}
.rolling_bn .main_banner .bx-wrapper .bx-next{width:20px;height:30px;top:20px;right:0;background:url("/images/news_btn.png") no-repeat -20px 0;}



@media(max-width:1220px){
#contents {padding:0 5px}
.half .left {float:none; margin:auto;}
}

@media(max-width:1200px){
/*.section {height:100% !important}
ul.bxslider li img {width:1600px !important; height:auto !important; margin-left:-800px;}*/


/*.icon {padding:0}
.icon ul {padding:20px 0}*/
}
@media(max-width:1100px){
.icon ul li {width: }
}

@media(max-width:1016px){
	.menu-bt-wrapper{display:block}
	.menu, .nav {
		display: none;
	}
}

@media(max-width:1000px){
	#header { height: 90px; }

	#header .inner h1 { padding-top: 20px; }

	.visual {height:260px;}
	ul.bxslider li img {height:auto !important}
	.section .main img {width: 1400px !important; margin-left: -700px !important; }
	/*.section .icon ul li a img {height:35px; margin-bottom:5px;}*/
	#contents .section02 {background:url(/images/bg_main.jpg) 30% no-repeat; background-size:cover;  padding:60px 30px;}
	#contents .section02 .swrap {height:auto;}
	.section02 .half {width:100%; text-align:center;}
	.s5 {margin-bottom:40px;}
	.s5 h3 {margin:0 0 40px;}
}


@media(max-width:850px){
.visual {height:225px;}
.section .main img {width: 1200px !important; margin-left: -600px !important; }
.icon {height:auto;}
.icon ul li a {font-size:14px;}
.section01 .board {width:49.5%; margin-bottom:1%}
.section01 .board:nth-child(2n) {margin-right:0}
.s2 {margin-right:0}
.vod_area .vod_area_in iframe, .vod_area .vod_area_in video{width:90%;height:auto;top:0;bottom:0;right:5%;left:5%;margin:auto}
.vod_area .close{top:5%;right:5%;margin:0}
}

@media(max-width:800px){
.visual {height:170px;}
.section {}
.section .main img {width:900px !important; margin-left:-450px !important; }

.main {height:75%;}
.right {padding:50px 30px}
}

@media(max-width:700px){
.gallery .tabList {margin-left:-60px;}
.gallery .tabList ul li {width:48%}
.gallery .tabList ul li:last-child {display:none;}
.half {width:100%}
.left {max-width:100%}
.section04 .half:nth-child(2) {background:url(/images/bg_bottom.jpg) no-repeat 60%; background-size:cover;}
.icon ul li {width: 32.2%;}
}



@media(max-width:600px){
.gallery {width:100%; margin-right:0; margin:1% 0}
.gallery .tabList ul li {width:31.333%}
.gallery .tabList ul li:last-child {display:block;}
.table table.sm_tb {display:inline-table;}
.table table.bi_tb {display:none;}
#contents .section05 {display:block;}
#contents .section02 {padding:60px 20px;}
.section .icon ul li a img {height:28px;}
.left, .right  {padding:50px 20px;}
/*.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-direction a {width:35px; background-size:cover;display:none;}*/

}

@media (max-width:580px){
/*.section .main img {width:700px !important; margin-left:-350px !important; }*/



/*	.section {height: auto !important;}
.main {height:260px;}
.section .icon ul li:nth-child(3n) {border-right:1px solid #ddd;}*/
/*	.section .icon ul li:nth-child(4), .section .icon ul li:nth-child(5), .section .icon ul li:nth-child(6) {border-top:none;}*/
}

@media(max-width:450px){
.section01 .board {width:100%; margin-top:1%;}
.gallery .tabList ul li {width:48%}
.gallery .tabList ul li:last-child {display:none;}
.half .right li:last-child {width:100%;}
.s5 p {font-size:14px}
.s5 br {display:none;}
}

@media (max-width:380px){
}

@media(max-width:360px){
	#header { height: 60px; }
	#header .inner h1 { padding-top: 10px; }
	#header .inner h1 a img { width: 80%; }
	.menu-bt-wrapper {
		top: 12px;
		right: 0px;
	}
}