@charset "utf-8";

.wrap_schedule{padding:0 !important;}

/*COMMON*/
#multipleDiv_sea_28{background:url(/sites/sea/images/main_bg_1.jpg) no-repeat center top;background-size:cover;}
#multipleContentsDiv_sea_28{max-width:1500px;margin: 0 auto;overflow:hidden;}
@media all and (max-width:1500px){
	#multipleContentsDiv_sea_28{max-width:96%;}
}
@media all and (max-width:1280px){
	#multipleContentsDiv_sea_28{padding:50px 0;}
}
@media all and (max-width:768px){
	#multipleContentsDiv_sea_28{padding:30px 0;}
}


/*슬로건*/
#menu2978_obj98{position:absolute;top:30% !important;width:1500px !important;left:50% !important;margin-left:-750px !important;}
.slogan{text-align:center;word-break:keep-all;line-height:1;text-shadow:0 0 5px #000;}
.slogan .p_1{font-size:35px;color:#FFF;font-family:'Noto Light';}
.slogan .p_2{font-size:50px;color:#FFF;padding:20px 0;font-family:'Noto Bold';}
.slogan .p_3{font-size:20px;color:#FFF;font-family:'Noto Medium';}
@media all and (max-width:1500px){
	#menu2978_obj98{width:92% !important;left:4% !important;margin-left:0 !important;}
}
@media all and (max-width:768px){
	.slogan .p_1{font-size:20px;}
	.slogan .p_2{font-size:35px;}
	.slogan .p_3{font-size:18px;}
}


/*배너1*/
.banner_1{height:100%;}
.banner_1 a{display:flex;justify-content:space-between;align-items:center;height:50%;padding:20px 50px;}
.banner_1 a span{font-size:18px;color:#FFF;text-align:center;}
.banner_1 a span::after{content:"GO";display:flex;justify-content:center;align-items:center;margin:10px auto;width:65px;height:65px;border:1px solid #FFF;background:rgba(255,255,255,0.1);border-radius:100%;}
.banner_1 a img{}
.banner_1 a.a_1{background:#009992;}
.banner_1 a.a_2{background:#014099;}
@media all and (max-width:1024px){
	.banner_1 a{padding:20px;}
	.banner_1 a img{max-width:60px;}
}
@media all and (max-width:768px){
	.banner_1{display:flex;justify-content:space-between;}
	.banner_1 a{height:100%;width:50%;}
}
@media all and (max-width:480px){
	.banner_1 a{flex-direction:column;}
	.banner_1 a span{margin-bottom:20px;}
	.banner_1 a span::after{display:none;}
}


/*배너2*/
.banner_2{height:100%;background:url(/sites/sea/images/banner_2_bg.jpg) no-repeat center;background-size:cover;position:relative;}
.banner_2::before{content:"";display:block;width:calc(100% - 30px);height:calc(100% - 30px);border:1px solid rgba(255,255,255,0.3);position:absolute;top:15px;left:15px;}
.banner_2 a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;position:relative;padding:0 50px;text-align:center;}
.banner_2 a img{}
.banner_2 a span{font-size:16px;color:#2bdbff;font-family:'Noto Regular';padding:10px 0;}
.banner_2 a strong{font-size:26px;color:#FFF;font-family:'Noto Medium';}
@media all and (max-width:768px){
	.banner_2 a{padding:50px;}
	.banner_2 a strong{font-size:20px;}
}


/*배너3*/
.banner_3{height:100%;background:url(/sites/sea/images/banner_3_bg.jpg) no-repeat center;background-size:cover;position:relative;}
.banner_3::before{content:"";display:block;width:calc(100% - 30px);height:calc(100% - 30px);border:1px solid rgba(255,255,255,0.3);position:absolute;top:15px;left:15px;}
.banner_3 a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;position:relative;padding:0 50px;text-align:center;}
.banner_3 a img{}
.banner_3 a span{font-size:16px;color:#2bdbff;font-family:'Noto Regular';padding:10px 0;}
.banner_3 a strong{font-size:26px;color:#FFF;font-family:'Noto Medium';}
@media all and (max-width:768px){
	.banner_3 a{padding:50px;}
	.banner_3 a strong{font-size:20px;}
}


/*배너4*/
.banner_4{height:100%;}
.banner_4 a{display:flex;justify-content:center;align-items:center;margin-top:-1px;border:1px solid #888;width:100%;text-align:center;height:25%;}
.banner_4 a:first-child{margin-top:0;}
@media all and (max-width:768px){
	.banner_4 a{padding:20px 0;}
}


/*HOVER************************************************************/
@media all and (min-width:1281px) {
	.banner_1 a:hover span::after{background:rgba(255,255,255,0.3);transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
	.banner_2:hover::before,
	.banner_3:hover::before{border-color:rgba(255,255,255,1);transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
	.banner_4 a:hover{border-color:#000;transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}

}
