@charset "utf-8";


/* 메인슬라이드 */
.mainslide {width:100%; display:inline-block;}
.mainslide > img {width:100%;}



/* 게시판 추출 공통 */

.inner {width:100%; max-width:1200px; margin:auto; text-align:center; padding:75px 0;}
.inner h2 {text-transform:uppercase;}

.tabs {margin:25px 0 50px;}
.tabs li {display:inline-block; cursor:pointer; width:16%; padding:12px 0; border:1px solid #aaa; margin:0 2px;}
.tabs li b {font-weight:400;}
.tabs li.on {background:#c40c32; color:#fff; border:1px solid #c40c32; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}


.fast_delay{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out; transition:all .3s ease-in-out}
.slow_delay{-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out; transition:all .6s ease-in-out}



/* 암참이벤트 */
.event {position:relative; background:#f5f5f5;}
.event .inner {max-width:1320px;} /* 화살표 포함된 너비값이기 때문에 */

.event_cont {display:block;width:100%; padding: 0 60px; margin:0 auto;text-align:left;position:relative;top:50px;opacity:0 !important;filter: Alpha(Opacity=0);overflow:hidden}
.event_cont.on {top:0;opacity:1 !important;filter: Alpha(Opacity=100);}
.event_cont li {position:relative;float:left;width:94%;margin:0 3% 0;background:rgba(255,255,255,0.75);border:1px solid rgba(0,0,0,0.1); border-radius:10px; box-shadow: 0px 0px 15px #ddd;}
.event_cont li > img {z-index:1;position:absolute;top:30%;left:50%;margin-left:-20px;cursor:pointer}

.event_cont .ct{width:100%;position:relative;overflow:hidden;cursor:pointer; border-radius:10px 10px 0 0; height: 280px;}
.event_cont .ct img {width:100%; height:100%; object-fit: cover;}

.event_cont .tt {padding:20px;}
.event_cont .tt h5 {width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2em; height: 3.6em;
					-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.event_cont .tt p {font-size:14px; margin-top:40px; display:block;}
.event_cont .tt p u {color:#ddd; margin:0 5px;}

.event_cont li:hover .tt {background:#283e56; border-radius:0 0 10px 10px;}
.event_cont li:hover .ct img {-webkit-transform:matrix(1.05, 0, 0, 1.05, 0, -2.5);-ms-transform:matrix(1.05, 0, 0, 1.05, 0, -2.5);transform:matrix(1.05, 0, 0, 1.05, 0, -2.5);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

.event_cont li:hover h5 {color:#fff; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.event_cont li:hover p {color:#e6f5ff; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.event_cont li:hover p u {color:#5f6975;}


.event_more {margin-top:40px}
.event_more li {opacity:0 !important; filter: Alpha(Opacity=0); position: relative; top:25px; width: 16%; margin:auto; border:1px solid #444; background:#fff;}
.event_more li.on {opacity:1 !important; filter: Alpha(Opacity=100); top:0}
.event_more li a {color:#444; display:block;  padding: 12px 0; }
.event_more li:hover {background:#283e56; transition: all .3s ease-in-out;}
.event_more li:hover a {color:#fff; transition: all .3s ease-in-out;}


.owl-dots{text-align:center;margin-top:20px}
.owl-dots button{background:#ccc;width:12px;height:12px;border-radius:50px;border:none;margin:0 5px;cursor:pointer}
.owl-dots button.active{background:#666}
.owl-stage-outer{width:100%;overflow:hidden}
.owl-prev {position:absolute;top:50%; margin-top:-32.5px; left:0; width:65px; height:65px; border:none; cursor:pointer; opacity:0.5; filter: Alpha(Opacity=50); -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; background: url(../images/album_btn.png) no-repeat 60%;}
.owl-next {position:absolute;top:50%; margin-top:-32.5px; right:0; width:65px; height:65px; border:none; cursor:pointer; opacity:0.5;filter: Alpha(Opacity=50);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; background: url(../images/album_btn.png) no-repeat 60%; transform:rotate(180deg);}
.owl-prev:hover, .owl-next:hover {opacity:1;filter: Alpha(Opacity=100);}
.owl-prev span, .owl-next span{display:none}


.event_cont li .date {position:absolute; top:15px; left:15px; text-align:center; color:#fff; background:rgba(40,62,86,.7); width:60px; height:60px; display:table;}
.event_cont li .date h3 {color:#fff; line-height:1; vertical-align:middle; display:table-cell;}
.event_cont li .date span {font-size:16px; font-weight:300; display:block;}




/* 최근뉴스 */
.news .container > ul {z-index:-2}
.news .inner {max-width:1320px;}

 .slider-container {display:block;width:100%; padding: 0 60px; margin:0 auto;text-align:left;position:relative;top:50px;opacity:0 !important;filter: Alpha(Opacity=0);overflow:hidden}
.slider-container.on {top:0;opacity:1 !important;filter: Alpha(Opacity=100);}

.slider-container {position: relative; width: 100%; margin:auto; padding:0 60px;}
.slider-container .slider-content {position: relative; width:100%; height:560px; margin:auto; overflow:hidden;}
.slider-container .slider-content .slider-single {position: absolute; z-index: 0; top: 0; width:43%; box-shadow: 0px 0 20px #ddd; transition:all 0.3s;}
.slider-container .slider-content .slider-single .slider-single-image {position: relative; width: 100%; height: 100%; /* transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43);  opacity: 1;*/ border-radius:10px 10px 0 0}
.slider-container .slider-content .slider-single .slider-single-title {display: block; float: left; background:#fff; padding:50px; /* transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); */ text-align:left;}

.slider-container .slider-content .slider-single.preactivede  {/* opacity: 1; transform: translateX(-50%) scale(0); */ display:none;}
.slider-container .slider-content .slider-single.preactive {z-index: 1; opacity:0.3; left:0; margin-left:2%; margin-top:30px;}
.slider-container .slider-content .slider-single.preactive .slider-single-image {/* transform:scale(1); */ width:100%; height:100%; object-fit: cover; object-position: center;}
.slider-container .slider-content .slider-single.preactive .slider-single-title {width:100%;}


.slider-container .slider-content .slider-single.proactivede {/* opacity: 1; transform: translateX(50%) scale(0); */ display:none;}
.slider-container .slider-content .slider-single.proactive {z-index: 1; opacity:0.3; right:0; margin-right:2%; margin-top:30px;}
.slider-container .slider-content .slider-single.proactive .slider-single-image {/* transform:scale(1); */ /* transform:translateX(0) */ width:100%; height:100%; object-fit: cover; object-position: center;}
.slider-container .slider-content .slider-single.proactive .slider-single-title {width:100%;}

.slider-container .slider-content .slider-single.active {z-index: 2; width:65%; margin-left:-390px; left:50%;  background:#fff;}
.slider-container .slider-content .slider-single.active .slider-single-image {opacity: 1; /* transform: translateX(0%) scale(1); */ width:100%; height:100%; object-fit: cover; object-position: center;}
.slider-container .slider-content .slider-single.active .slider-single-title {opacity: 1;/*  transition-delay: 200ms; */}



.slider-container .slider-left {position: absolute; z-index: 3; display: block;  background: url(../images/album_btn.png) no-repeat 60%; position:absolute; top:50%; margin-top:-32.5px; left:0; width:65px; height:65px; cursor:pointer; opacity:0.5; filter: Alpha(Opacity=50); -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.slider-container .slider-right {position: absolute; z-index: 3;display: block; background: url(../images/album_btn.png) no-repeat 60%; position:absolute; top:50%; margin-top:-32.5px; right:0; width:65px; height:65px; cursor:pointer; opacity:0.5; filter: Alpha(Opacity=50);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; transform:rotate(180deg); }
.slider-container .slider-left:hover, .slider-container .slider-right:hover {opacity:1;filter: Alpha(Opacity=100);}

.slider-container h5 {width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap: break-word; line-height:1.5; height:55px; margin-bottom:25px;}
.slider-container p {width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap: break-word; line-height:1.5; height:70px;}


.slider-container .slider-content .slider-single.active .img_Box {height:300px;}
.slider-container .slider-content .slider-single.preactive .img_Box {height:230px; width:100%;}
.slider-container .slider-content .slider-single.proactive .img_Box {height:230px; width:100%;}




.news_more {margin-top:40px}
.news_more li {opacity:0 !important; filter: Alpha(Opacity=0); position: relative; top:25px; width: 16%; margin:auto; border:1px solid #444; background:#fff;}
.news_more li.on {opacity:1 !important; filter: Alpha(Opacity=100); top:0}
.news_more li a {color:#444; display:block;  padding: 12px 0; }
.news_more li:hover {background:#283e56; transition: all .3s ease-in-out;}
.news_more li:hover a {color:#fff; transition: all .3s ease-in-out;}


.slider-content .date {position:absolute; top:15px; left:15px; text-align:center; color:#fff; background:rgba(40,62,86,.7); width:60px; height:60px; display:table;}
.slider-content .date h3 {color:#fff; line-height:1; vertical-align:middle; display:table-cell;}
.slider-content .date span {font-size:16px; font-weight:300; display:block;}



/* IE에서 이벤트 / 최신뉴스 이미지 크롭 */ 
.custom-object-fit {position: relative; background-size: cover; background-position: center center;}
.custom-object-fit .slider-single-image {opacity: 0 !important}
.custom-object-fit > img {opacity: 0 !important}







/* advertising */
.advertising {width:100%; background:url(../../images/bg_ad.jpg) no-repeat 100% 100%; background-size:cover;}
.advertising .inner {max-width:1320px;}
.advertising p {margin:25px 0 50px; font-size:16px; line-height:1.5}
	.advertising ul.ad_file {width:100%; max-width:1200px; margin:auto;}
	.advertising ul.ad_file li {display:inline-block; width:18.5%; margin-right:1%; vertical-align:top;}
		.advertising ul.ad_file li:last-child {margin-right:0;}
		.advertising ul.ad_file li:nth-child(3) p {line-height:1.2}
	.advertising ul.ad_file li a {width:100%; display:block;}
		.advertising ul.ad_file li a:hover p {color:#c40c32; font-weight:500}
		
	.advertising ul.ad_file li a img {width:100%; max-width:100px;}
	.advertising ul.ad_file li a p {margin:5px 0;}

.advertising .inner > a {border:1px solid #c40c32; color:#c40c32; padding:12px 0; width:16%; display:inline-block; margin-top:50px;}
.advertising .inner > a:hover {background:#c40c32; color:#fff; transition: all .3s ease-in-out;}

 



/* 파트너십 */
.slide_wrap {width:100%; max-width:1400px; margin:auto; overflow:hidden; }

.slide_fp {height:120px; border-bottom:1px solid #ddd; line-height:120px; }
.slide_cp {height:90px; line-height:90px;}

.slide_tt {width:13%; text-align:center; float:left; display:inline-block; display:table;}
.slide_tt h2 {display:table-cell; vertical-align:middle; line-height:1.2;}
.slide_tt h2 span {font-size:12px; color:#666; display:block;}
.slide_fp .slide_tt {height:120px; line-height:120px;}
.slide_cp .slide_tt {height:80px; line-height:80px;}




/* .swiper-container_f_sub {position:relative; width:87%; float:right; padding:0 40px;} */
.swiper-container_f_top {position:relative; width:87%; float:right; padding:0 40px;}
.swiper-container_f {width:1100px; margin:0 auto;}
.swiper-wrapper_f {width:1100px !important;margin:0 auto;}
.swiper-wrapper_f .swiper-slide {width:175px !important; text-align:center;}
.swiper-container_f_sub .swiper-button-next {background:url(../images/f_bg_right.jpg) no-repeat left; width:40px; height:40px; border:1px solid #ddd; right:0;}
.swiper-container_f_sub .swiper-button-prev {background:url(../images/f_bg_left.jpg) no-repeat left; width:40px; height:40px; border:1px solid #ddd; left:0;}


/* .swiper-container_ff_sub {position:relative; width:87%; float:right;  padding:0 40px;} */
.swiper-container_ff_top {position:relative; width:87%; float:right;  padding:0 40px;}
.swiper-container_ff {width:1100px; margin:0 auto;}
.swiper-wrapper_ff {width:1100px !important;margin:0 auto;}
.swiper-wrapper_ff .swiper-slide {width:130px !important;}
.swiper-container_ff_sub .swiper-button-next {background:url(../images/f_bg_right.jpg) no-repeat left; width:40px; height:40px; border:1px solid #ddd; right:0;}
.swiper-container_ff_sub .swiper-button-prev {background:url(../images/f_bg_left.jpg) no-repeat left; width:40px; height:40px; border:1px solid #ddd; left:0;}





/************ 반응형 ***************/
@media(max-width:1250px){
	.mainslide > img {width:1500px; margin-left:-750px; position:relative; left:50%;}
	.tabs {margin:5px 0 35px}
	.advertising {background-position:80%}
	.slider-container .slider-content {width:90%; height:530px;}
	.slider-container .slider-content .slider-single.active {width:690px; margin-left:-345px;}
}
@media(max-width:1200px){
	.slider-container h5 {height:45px;}
	.slider-container .slider-content .slider-single .slider-single-title {padding:35px;}
	.advertising p {font-size:15px;}
	.advertising ul.ad_file li a img {max-width:80px;}
}
@media(max-width:1050px){
	.mainslide > img {width:1200px; margin-left:-600px;}
	.tabs li, .event_more li, .news_more li, .advertising .inner > a {width:25%;}
	.event_cont {max-width:950px}
	.slider-container {max-width:950px;}
	.slider-container .slider-content {width:100%; height:485px;}
	.inner {padding:50px 5px;}
	.slider-container .slider-content .slider-single.active {width:550px; margin-left:-275px;}
	.slider-container .slider-content .slider-single.active .img_Box {height:280px;}
	.slider-container .slider-content .slider-single .slider-single-title {padding:20px 20px 35px;}	
}
@media(max-width:1000px){
	.slider-container p {height:60px;}
	.advertising p {font-size:14px;}
	.slide_tt {width:100%; height:auto;}
	.slide_tt h2 span {display:inline}
	.swiper-container_f_top{width:100%}
	.swiper-container_ff_top{width:100%}
}
@media(max-width:850px){
	.event_cont .ct {height:220px;}
	.advertising ul.ad_file li a:hover p {font-weight:300}
	.slider-container .slider-content .slider-single.active {width:93%; margin-left:0; left:3.5%}
	.slider-container .slider-content .slider-single.proactive, .slider-container .slider-content .slider-single.preactive {display:none;}
}
@media(max-width:700px){
	.mainslide > img {width:700px; margin-left:-350px;}
	.owl-nav {display:none;}
	.event_cont {padding:0; max-width:380px;} /* */
	.advertising p br {display:none;}
	.slider-container .slider-left, .slider-container .slider-right {width:40px; height:40px; margin-top:-20px}
	.slider-container {padding:0 40px;}
	.slider-container .slider-content .slider-single.active .img_Box {height:230px;}
	.slider-container .slider-content {height:440px;}
	.advertising {background-position:75%;}
	
	.slide_tt {width:100%; height:auto;}
	.slide_tt h2 span {display:inline}
	.slider {width:100%;}
	.slider::before, .slider::after {background:none;}

}

@media(max-width:550px){ 
	.mainslide > img {width:550px; margin-left:-275px;}
	.event_cont {padding:0 15px;} /* */
	.tabs li, .event_more li, .news_more li, .advertising .inner > a {width:40%;}

	.slider-container {max-width:380px; padding:0 15px;}
	.slider-container .slider-content .slider-single.active {width:99%; left:0.5%; border:1px solid #eee; box-shadow:0 5px 10px #eee; border-radius:10px;}
	.slider-container .slider-content .slider-single.active .slider-single-title {border-radius:10px;}
	.slider-container .slider-left, .slider-container .slider-right {width:25px; height:25px; margin-top:0; top:auto; background-size:contain}
	.slider-container .slider-right {right:35%;}
	.slider-container .slider-left {left:35%;}
	
	.advertising p {margin:25px 0 35px;}
	.advertising .inner > a {margin-top:35px;}
	.advertising ul.ad_file li {width:26%; margin-bottom:10px;}
	.advertising ul.ad_file li:nth-child(3) {margin-bottom:0}
	.advertising ul.ad_file li a img {max-width:55px;}
}