@charset "utf-8";

#visual-section{height:358px; background:#1c73b9 url("../img/visual_bg.jpg") no-repeat center center;}
#visual-section .visual-txt{width:100%; padding-top:65px; padding-right:408px;}
#visual-section .visual-txt h3{font-family:'S-CoreDream-6Bold',sans-serif; font-size:30px; line-height:100%; color:#fff;}
#visual-section .visual-txt h3 span{color:#00fbff;}
#visual-section .visual-txt h4{margin:15px 0 0; font-family:"Noto Sans KR",sans-serif; font-weight:200; font-size:15px; line-height:100%; color:rgba(255,255,255,.5);}

@media screen and (max-width:920px){
	#visual-section .visual-txt{padding-right:0;}
}

@media screen and (max-width:880px){
	#visual-section{height:330px; background-size:cover;}
	#visual-section .visual-txt h3{font-size:27px;}
}

@media screen and (max-width:780px){
	#visual-section{height:300px;}
	#visual-section .visual-txt h3{font-size:24px;}
}

@media screen and (max-width:680px){
	#visual-section{height:270px;}
	#visual-section .visual-txt h3{font-size:22px;}
}

#board-section{margin-top:25px;}
#board-section .board-box{width:calc( 100% - 408px ); position:relative;}
#board-section .board-box .tab-box{border:1px solid #eaebed; background-color:#f9fafc;}
#board-section .board-box .tab-box ul{}
#board-section .board-box .tab-box ul:after{clear:both; content:""; display:block;}
#board-section .board-box .tab-box ul li{height:65px; float:left;}
#board-section .board-box .tab-box ul li:nth-child(1){border-right:1px solid #eaebed;}
#board-section .board-box .tab-box ul li a{padding:20px 35px; font-family:"Noto Sans KR",sans-serif; font-weight:700; font-size:17px; color:#222; display:block;}
#board-section .board-box .tab-box ul li a.curr{color:#018cd9; border-bottom:1px solid #fff; background-color:#fff;}
#board-section .board-box .tab-box ul li:last-child a.curr{border-right:1px solid #eaebed;}
#board-section .board-box .list-box{}
#board-section .board-box .list-in-box{padding:15px 35px; border:1px solid #eaebed; border-top:0;}
#board-section .board-box .list-layer{}
#board-section .board-box .list-layer ul{}
#board-section .board-box .list-layer ul li{padding:15px 0;}
#board-section .board-box .list-layer ul li .box{position:relative;}
#board-section .board-box .list-layer ul li .box .subj{font-family:"Noto Sans KR",sans-serif; font-weight:700; font-size:16px; color:#222; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#board-section .board-box .list-layer ul li .box:hover .subj{text-decoration:underline;}
#board-section .board-box .list-layer ul li .box .cont{width:calc( 100% - 75px ); margin-top:5px; font-size:14px; color:#7e7e7e; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#board-section .board-box .list-layer ul li .box .date{bottom:0; right:0; font-size:13px; color:#a0a0a1; position:absolute;}
#board-section .board-box .list-layer ul li.empty{height:229px; line-height:215px; text-align:center;}
#board-section .board-box .list-layer .more{top:20px; right:25px; font-family:"Noto Sans KR",sans-serif; font-size:25px; line-height:100%; color:#b6b7b9; position:absolute;}
#board-section .board-box .list-layer .more i{vertical-align:bottom;}
#board-section .board-box .list-layer .more span{font-weight:500; font-size:14px; display:none;}
#board-section .banner-box{width:384px; top:0; right:24px; position:absolute;}
#board-section .banner-box .over-box{margin-top:-322px; box-shadow:1px 10px 10px rgba(0,0,0,.1);}
#board-section .banner-box .over-box ul{}
#board-section .banner-box .over-box ul:after{clear:both; content:""; display:block;}
#board-section .banner-box .over-box ul li{width:50%; float:left;}
#board-section .banner-box .over-box ul li:last-child{width:100%;}
#board-section .banner-box .over-box .ii-box{position:relative;}
#board-section .banner-box .over-box .ii-box:after{width:0; height:100%; top:0; left:0; z-index:1; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; content:""; display:block; position:absolute;}
#board-section .banner-box .over-box .box{height:125px; padding:20px; z-index:2; background-repeat:no-repeat; background-position:right 5px bottom 5px; position:relative;}
#board-section .banner-box .over-box .box span{width:0; height:100%; top:0; left:0; z-index:0; position:absolute;}

#board-section .banner-box .over-box .ssb1{background-color:#218fe5;}
#board-section .banner-box .over-box .ssb1:hover:after{width:100%; background-color:#0c7cd3;}

#board-section .banner-box .over-box .ssb2{background-color:#06bfcb;}
#board-section .banner-box .over-box .ssb2:hover:after{width:100%; background-color:#00a4af;}

#board-section .banner-box .over-box .ssb3{background-color:#1b63c4;}
#board-section .banner-box .over-box .ssb3:hover:after{width:100%; background-color:#0a52b3;}

#board-section .banner-box .over-box .ssb4{background-color:#4f72d6;}
#board-section .banner-box .over-box .ssb4:hover:after{width:100%; background-color:#3459c3;}

#board-section .banner-box .over-box .ssb5{background-color:#71879b;}
#board-section .banner-box .over-box .ssb5:hover:after{width:100%; background-color:#536b81;}

#board-section .banner-box .over-box .box.sb1{background-image:url("../img/over_icon1.png");}
#board-section .banner-box .over-box .box.sb2{background-image:url("../img/over_icon2.png");}
#board-section .banner-box .over-box .box.sb3{background-image:url("../img/over_icon3.png");}
#board-section .banner-box .over-box .box.sb4{background-image:url("../img/over_icon4.png");}
#board-section .banner-box .over-box .box.sb5{background-image:url("../img/over_icon5.png?v1"); background-position:right bottom;}


#board-section .banner-box .over-box .box h3{font-family:'S-CoreDream-6Bold',sans-serif; font-size:17px; line-height:130%; color:#fff; position:relative;}
#board-section .banner-box .over-box .box h4{margin-top:5px; font-size:13px; line-height:100%; color:rgba(255,255,255,.6);}
#board-section .banner-box .over-box ul li:last-child .box{padding-top:40px;}
#board-section .banner-box .vod-box{margin-top:24px; }

@media screen and (max-width:980px){
	#board-section .board-box .tab-box ul li a{padding:20px 25px;}
	#board-section .board-box .list-in-box{padding:15px 25px;}
}

@media screen and (max-width:920px){
	#board-section{margin-top:14px;}
	#board-section .board-box{width:100%; margin-top:10px;}
	#board-section .banner-box{width:100%; top:auto; right:auto; position:relative;}
	#board-section .banner-box .over-box{margin-top:0;}
	#board-section .banner-box .vod-box{margin-top:10px;}
	#board-section .banner-box .vod-box iframe{width:100%;}
}

@media screen and (max-width:780px){
	#board-section .board-box .tab-box ul li{height:54px;}
	#board-section .board-box .tab-box ul li a{padding:15px 20px; font-size:16px;}
	#board-section .board-box .list-in-box{padding:15px 20px;}
	#board-section .board-box .list-layer .more{top:15px; right:15px;}
}

@media screen and (max-width:500px){
	#board-section .board-box .tab-box ul li{width:50%; height:51px;}
	#board-section .board-box .tab-box ul li a{padding:15px 2px; font-size:15px; letter-spacing:-0.5px; text-align:center;;}
	#board-section .board-box .tab-box ul li:last-child a.curr{border-right:0;}

	#board-section .board-box .list-layer .more{top:auto; right:auto; margin-top:10px; padding:3px 0 5px; line-height:100%; text-align:center; border:1px solid #eaebed; border-radius:30px; background-color:#f9fafc; display:block; position:relative;}
	#board-section .board-box .list-layer .more i{}
	#board-section .board-box .list-layer .more span{display:inline-block;}
}

#gallery-section{margin-top:25px;}
#gallery-section .slider-control{padding-bottom:15px; text-align:right;}
#gallery-section .slider-control span{width:23px; height:23px; margin-right:5px; font-size:11px; line-height:21px; text-align:center; color:#cfd0d0; border-radius:50%; border:1px solid #dadada; display:inline-block; cursor:pointer;}
#gallery-section .slider-control em{margin-left:5px; padding-left:10px; display:inline-block; position:relative;}
#gallery-section .slider-control em:after{width:1px; height:12px; top:5px; left:0; background:#ddd; content:""; display:block; position:absolute;}
#gallery-section .slider-control em a{font-size:12px; color:#999;}
#gallery-section .slider-control em a i{font-size:16px; color:#999;}
#gallery-section .slider-wrap{margin:0 -12px; overflow:hidden; position:relative;}
#gallery-section .slider-wrap .slick-list{}
#gallery-section .slider-wrap .slick-list:after{clear:both; content:""; display:block;}
#gallery-section .slider-wrap .in-box{width:25%; padding:10px 12px; float:left;}
#gallery-section .in-box .box .img{border:1px solid #eceaed; border-bottom:0;}
#gallery-section .in-box .box .img img{max-width:100%;}
#gallery-section .in-box .box .txt{padding:20px; border:1px solid #eceaed;}
#gallery-section .in-box .box .subj{height:42px; font-size:14px; line-height:150%; color:#464648; overflow:hidden;}
#gallery-section .in-box .box:hover .subj{text-decoration:underline;}
#gallery-section .in-box .box .date{margin-top:10px; font-size:13px; color:#a0a0a1;}

@media screen and (max-width:1080px){
	#gallery-section .slider-wrap{margin:0 -5px;}
	#gallery-section .slider-wrap .in-box{padding:0 5px;}
}

@media screen and (max-width:980px){
	#gallery-section .slider-wrap .in-box .box .txt{padding:15px;}
}

@media screen and (max-width:780px){
	#gallery-section .slider-wrap .in-box{width:50%; padding:5px;}
	#gallery-section .slider-wrap .in-box .box .img img{width:100%;}
	#gallery-section .slider-wrap .in-box .box .txt{padding:10px;}
}

#partner-section{padding:35px 0;}
#partner-section .partner-list{padding-left:158px; overflow:hidden; position:relative;}
#partner-section .partner-list .partner{overflow:hidden; position:relative;}
#partner-section .partner-list .swiper-slide{padding:0 3px; text-align:center;}
#partner-section .partner-list .swiper-slide a{border:1px solid #e3e3e3; display:inline-block;}
#partner-section .partner-list .swiper-slide img{max-width:100%;}
#partner-section .partner-list .partner-next,
#partner-section .partner-list .partner-prev,
#partner-section .partner-list .partner-play,
#partner-section .partner-list .partner-pause{width:45px; height:45px; top:2px; z-index:99; line-height:42px; text-align:center; color:#919191; border:1px solid #e3e3e3; cursor:pointer; position:absolute;}
#partner-section .partner-list .partner-next{left:0;}
#partner-section .partner-list .partner-prev{left:45px; border-left:0;}
#partner-section .partner-list .partner-play,
#partner-section .partner-list .partner-pause{left:90px; border-left:0;}

@media screen and (max-width:580px){
	#partner-section{padding:30px 0;}
}

@media screen and (max-width:520px){
	#partner-section .partner-control{width:90px; margin:0 auto; padding-bottom:40px; position:relative;}
	#partner-section .partner-list{padding-left:0;}
	#partner-section .partner-list .partner-next,
	#partner-section .partner-list .partner-prev,
	#partner-section .partner-list .partner-play,
	#partner-section .partner-list .partner-pause{width:30px; height:30px; top:auto; bottom:0; line-height:26px;}
	#partner-section .partner-list .partner-prev{left:30px; border-left:0;}
	#partner-section .partner-list .partner-play,
	#partner-section .partner-list .partner-pause{left:60px; border-left:0;}
}