@charset "utf-8";

/*Titlllium Web*/
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700&display=swap');
/*{font-family: 'Titillium Web', sans-serif;}*/

/*COMMON*/
#multipleContentsDiv_depart_templet_02_9,
#multipleContentsDiv_depart_templet_02_10,
#multipleContentsDiv_depart_templet_02_11{max-width:1600px;margin: 0 auto;overflow:hidden;position:relative;}

#multipleDiv_depart_templet_02_9{background:url(/sites/depart_templet_02/images/bg_1.jpg) no-repeat center;background-size:cover;padding:50px 0;}
#multipleDiv_depart_templet_02_10{padding:50px 0;}

@media all and (max-width:1600px){
	#multipleContentsDiv_depart_templet_02_9,
	#multipleContentsDiv_depart_templet_02_10,
	#multipleContentsDiv_depart_templet_02_11{max-width:96%;}
}


/*비주얼슬로건*/
.visual_slogan{color:#FFF;line-height:1.3;word-break:keep-all;text-align:center;padding:0 30px;}
.visual_slogan span{font-size:25px;font-family:'Noto Light';}
.visual_slogan strong{font-size:50px;font-family:'S-CoreDream-5Medium';display:block;}
@media all and (max-width:1024px){
	.visual_slogan span{font-size:20px;}
	.visual_slogan strong{font-size:35px;}
}
@media all and (max-width:768px){
	.visual_slogan span{font-size:18px;}
	.visual_slogan strong{font-size:25px;}
}


/*바로가기1*/
.banner_1{display:flex;justify-content:space-between;padding:20px;height:100%;}
.banner_1 a{display:block;text-align:center;}
.banner_1 a span{display:block;padding-top:20px;color:#274164;font-family:'Noto Regular';}
@media all and (max-width:768px){
}
@media all and (max-width:480px){
}


/*바로가기2*/
.banner_2{height:100%;line-height:1;position:relative;padding:40px;padding-top:80px;display:flex;align-items:center;justify-content:center;}
.banner_2::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:5px solid #0047bd;}
.banner_2 h3{font-size:30px;font-family: 'Titillium Web', sans-serif;font-weight:600;color:#BBB;background:#FFF;padding:0 30px 30px 0;position:absolute;left:0;top:0;}
.banner_2 h3 span{display:block;}
.banner_2 div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;width:100%;height:100%;}
.banner_2 div a{width:50%;height:50%;display:flex;align-items:center;justify-content:center;padding:25px;}
.banner_2 div a span{padding-left:20px;font-size:20px;font-family:'Noto Light';}
.banner_2 div a.a_1,
.banner_2 div a.a_2{border-bottom:1px solid #EEE;}
.banner_2 div a.a_1,
.banner_2 div a.a_3{border-right:1px solid #EEE;}
@media all and (max-width:768px){
	.banner_2 h3{font-size:25px;}
	.banner_2 div a{padding:15px;}
	.banner_2 div a span{font-size:16px;}
}
@media all and (max-width:480px){
	.banner_2 div a{flex-direction:column;}
	.banner_2 div a span{padding-left:0;padding-top:10px;}
}


/*바로가기3*/
.banner_3{height:100%;}
.banner_3::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/sites/depart_templet_02/images/banner_3.jpg) no-repeat center;background-size:cover;}
.banner_3 a{display:block;padding:40px;color:#FFF;line-height:1.2;position:relative;width:100%;height:100%;}
.banner_3 h3{font-size:30px;font-family:'Noto Regular';margin-bottom:30px;}
.banner_3 p{}
.banner_3 p span.span_1{font-size:22px;font-family:'Noto Regular';margin-bottom:10px;}
.banner_3 p strong{font-size:45px;font-family: 'Titillium Web', sans-serif;font-weight:600;margin-bottom:10px;display:block;}
.banner_3 p span.span_2{font-size:22px;font-family: 'Titillium Web', sans-serif;font-weight:600;}
.banner_3 .a_1{position:absolute;left:40px;bottom:40px;display:flex;align-items:center;}
.banner_3 .a_1 img{padding-left:10px;}
@media all and (max-width:768px){
	.banner_3 p span.span_1{font-size:18px;}
	.banner_3 p strong{font-size:35px;}
	.banner_3 p span.span_2{font-size:18px;}
	.banner_3 .a_1{margin-top:20px;position:relative;left:auto;bottom:auto;}
}


/*바로가기4*/
.banner_4{height:100%;}
.banner_4::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/sites/depart_templet_02/images/banner_4.jpg) no-repeat center;background-size:cover;}
.banner_4 a{display:block;padding:40px;color:#FFF;line-height:1.2;position:relative;width:100%;height:100%;}
.banner_4 a h3{font-size:16px;font-family:'Noto Regular';margin-bottom:30px;font-family: 'Titillium Web', sans-serif;font-weight:600;}
.banner_4 a p{font-size:30px;font-family:'Noto Regular';}
.banner_4 a p span{display:block;}
.banner_4 a img{position:absolute;left:40px;bottom:40px;}
@media all and (max-width:768px){
	.banner_4 a p{font-size:22px;}
	.banner_4 a p span{display:inline;}
	.banner_4 a img{position:relative;left:auto;bottom:auto;margin-top:20px;}
}
@media all and (max-width:480px){
}


/*HOVER************************************************************/
@media all and (min-width:1281px) {

.banner_1 a:hover img{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
.banner_2 div a:hover img{transform:rotate(90deg);transform:scaleX(-1);filter: FlipH;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
.banner_3:hover::before{transform:scale(1.2);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
.banner_4:hover::before{transform:scale(1.2);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}

}