@charset "utf-8";

.wrap_schedule{padding:0 !important;}

/*COMMON*/
#multipleContentsDiv_depart_templet_04_8,
#multipleContentsDiv_depart_templet_04_9,
#multipleContentsDiv_depart_templet_04_10,
#multipleContentsDiv_depart_templet_04_11{max-width:1600px;margin: 0 auto;overflow:hidden;position:relative;}
#multipleContentsDiv_depart_templet_04_9,
#multipleContentsDiv_depart_templet_04_10,
#multipleContentsDiv_depart_templet_04_11{padding-top:60px;}
#multipleContentsDiv_depart_templet_04_11{padding-bottom:60px;}
@media all and (max-width:1600px){
	#multipleContentsDiv_depart_templet_04_8{max-width:100%;}
	#multipleContentsDiv_depart_templet_04_9,
	#multipleContentsDiv_depart_templet_04_10,
	#multipleContentsDiv_depart_templet_04_11{max-width:96%;}
}


/*비주얼슬로건*/
.visual_slogan{font-family: 'Montserrat', sans-serif;color:#0c4167;font-size:70px;line-height:1.1;word-break:keep-all;}
.visual_slogan strong{display:block;}
.visual_slogan p{font-size:23px;color:#000;font-family:'Noto Light';line-height:1.3;margin-top:20px;}
.visual_slogan p span{display:block;}
@media all and (max-width:1600px){
	.visual_slogan{padding-left:50px;}
}
@media all and (max-width:1024px){
	.visual_slogan{font-size:40px;color:#FFF;text-align:center;padding:0 50px;text-shadow:1px 1px 1px #000;}
	.visual_slogan strong{display:inline;}
	.visual_slogan p{font-size:20px;color:#FFF;}
}
@media all and (max-width:768px){
	.visual_slogan{font-size:30px;}
	.visual_slogan p{font-size:16px;}
}


/*바로가기1*/
.banner_1{height:100%;background:url(/sites/depart_templet_04/images/banner_1.jpg) no-repeat center;background-size:cover;padding:40px;}
.banner_1 h3{color:#FFF;font-size:20px;font-family:'Noto Medium';display:inline-block;border-bottom:2px solid #FFF;padding-bottom:10px;margin-bottom:10px;}
.banner_1 ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.banner_1 ul li{width:50%;}
.banner_1 ul li a{display:block;position:relative;padding:5px 15px;}
.banner_1 ul li a::before{content:"";display:block;width:8px;height:8px;background:#FFF;border-radius:100%;position:absolute;top:24px;left:0;}
.banner_1 ul li a span{display:inline-block;color:#FFF;font-size:17px;font-family:'Noto Regular';padding-top:10px;}
.banner_1 ul li a span::after{content:"";display:block;width:0;height:2px;background:#FFF;margin-top:3px;}
@media all and (max-width:1280px){
	.banner_1 ul li{width:25%;}
}
@media all and (max-width:768px){
	.banner_1 ul li{width:50%;}
}


.banner_2_3_wrap{height:100%;display:flex;flex-direction:column;justify-content:space-between;}
/*바로가기2*/
.banner_2{background:#383d49;padding:20px 40px;min-height:140px;}
.banner_2 a{display:flex;justify-content:space-between;align-items:center;}
.banner_2 a span{color:#FFF;font-size:20px;font-family:'Noto Medium';}
.banner_2 a span i{display:block;font-size:13px;font-family:'Noto Light';padding:5px 0 5px 15px;background:url(/sites/style_guide/images/common/arrow_14_w.png) no-repeat left center;}


/*바로가기3*/
.banner_3{padding:20px 40px;min-height:140px;position:relative;}
.banner_3::before{content:"";display:block;width:100%;height:100%;background:url(/sites/depart_templet_04/images/banner_3.jpg) no-repeat center;background-size:cover;position:absolute;top:0;left:0;}
.banner_3 a{display:flex;align-items:center;width:100%;height:100%;position:relative;}
.banner_3 a span{color:#FFF;font-size:20px;font-family:'Noto Medium';}
.banner_3 a span i{display:block;font-size:13px;font-family:'Noto Light';padding:5px 0 5px 15px;background:url(/sites/style_guide/images/common/arrow_14_w.png) no-repeat left center;}


/* 슬라이더*/
.slider_1 h3{color:#000;font-size:20px;font-family:'Noto Medium';}
.slider_1 .con{display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;}
.slider_1 .con .item_1{width:70%;}
.slider_1 .con .item_2{width:40%; }
.slider_1 .con .item_1{background:#f4f4f4;padding:25px 40px;margin-right:-10%;display:flex;align-items:center;justify-content:space-between;text-align:center;}
.slider_1 .con .item_1 span{display:block;width:100px;height:100px;position:relative;}
.slider_1 .con .item_1 span img{border-radius:100%;}
.slider_1 .con .item_1 span::before{content:"";display:block;width:30px;height:30px;border-radius:100%;background:#FFF url(/sites/style_guide/images/common/plus_1_b.png) no-repeat center;position:absolute;bottom:-15px;left:50%;margin-left:-15px;}
.slider_1 .con .item_1 strong{display:block;font-size:17px;font-family:'Noto Regular';padding-top:25px;}
.slider_1 .con .item_2{position: relative;    z-index: -1;}
.slider_1 .con .item_2 img{width:100%;}
.slider_1 .prev,
.slider_1 .next{display:inline-block;width:40px;height:40px;background:url(/sites/style_guide/images/common/arrow_3_b.png) no-repeat center;position:absolute;top:calc(50% - 20px);text-indent:-9999px;}
.slider_1 .prev{left:0;transform:rotate(180deg);}
.slider_1 .next{left:calc(70% - 40px);}
@media all and (max-width:1280px){
}
@media all and (max-width:1024px){
	.slider_1 .con{flex-direction:column;padding:50px 0;}
	.slider_1 .con .item_1{width:90%;}
	.slider_1 .con .item_2{width:100%;}
	.slider_1 .con .item_1{padding:20px;margin:-15% auto 0 auto;}
	.slider_1 .prev,
	.slider_1 .next{background:url(/sites/style_guide/images/common/arrow_6_b.png) no-repeat center;top:calc(50% - 40px);filter:alpha(opacity=70);opacity:0.7;}
	.slider_1 .next{left:auto;right:0;}
}
@media all and (max-width:768px){
	.slider_1 .con .item_1{margin-top:-5%;padding:0;}
	.slider_1 .con .item_1 a{width:25%;padding:15px 10px;border-left:1px solid #FFF;}
	.slider_1 .con .item_1 span{display:none;}
	.slider_1 .con .item_1 strong{font-size:16px;padding:5px;}
}
@media all and (max-width:480px){
	.slider_1 .con .item_1{flex-wrap:wrap;}
	.slider_1 .con .item_1 a{width:50%;border-top:1px solid #FFF;}
}


/*HOVER************************************************************/
@media all and (min-width:1281px) {
	.banner_1 ul li a:hover span::after{width:100%;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.banner_2 a:hover img{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
	.banner_3:hover::before{transform: scale(1.1);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}

	.slider_1 .con .item_1 a:hover span::before{background:#136bb8 url(/sites/style_guide/images/common/plus_1_w.png) no-repeat center;transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}

	.slider_1 .con .item_1 a:hover{border-color:#266ed4;color:#266ed4;}
	.slider_1 .prev:hover,
	.slider_1 .next:hover{}
}