.h2_tit{margin:4rem 0}
.h2_tit .tit{font-size:2.5rem;text-transform: uppercase;font-weight:800}


.msec1{}
.msec1 .swiper-slide{height:100vh}
.msec1 .swiper-slide img{width:100%;height:100%;object-fit:cover}
.msec1 .slogan{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;color:#fff;pointer-events: none;}
.msec1 .slogan .container{display:flex;flex-direction:column;justify-content:center;padding-top:10%;height:100%}
.msec1 .slogan .text1{font-size:3.13rem;font-weight:800;line-height:1;text-transform: uppercase}
.msec1 .slogan .text2{font-size:1.88rem;font-weight:600;margin:30px 0;}
.msec1 .slogan .text3{font-size:1.25rem;;color:rgba(255,255,255,0.8)}  
.msec1 .slogan .text4{font-size:1rem;;color:rgba(255,255,255,0.4);margin:5px 0}



.msec2{background:var(--main-color-dark);padding:4rem 0}
.msec2 .container{display:flex;gap:2rem;align-items:center; color:#fff;padding:0 5rem}
.msec2 .info{display:flex;gap:1rem;align-items:center}
.msec2 .info .ico{}
.msec2 .info .inner strong{font-size:1.5rem}
.msec2 .info .inner a{display:block;font-size:4rem;font-weight:600;margin-top:-10px}
.msec2 .kakao{display:flex;gap:10px;align-items:center;background:#f9e000;font-size:2rem;color:#371c1d;line-height:6.5rem;border-radius:1rem;padding:0 2.5rem;font-weight:600;margin-left:auto}

@media all and (max-width:1024px){
	.msec2{padding:2rem 0}
	.msec2 .container{flex-direction: column;gap:1rem;padding:0 1rem}
	.msec2 .info .ico{width:60px}
	.msec2 .info .inner strong{font-size:1.2rem}
	.msec2 .info .inner a{font-size:3rem}
	.msec2 .kakao img{width:50px}
	.msec2 .kakao{margin-left:unset;font-size:1.5rem;line-height:5rem}
}
@media all and (max-width:640px){
	.msec2 .kakao{width:100%;justify-content:center}
}


.msec3{padding:5rem 0}
.msec3 .container{display:flex;gap:4rem;align-items:center}
.msec3 .thumb_con{flex:1}
.msec3 .info_con{flex:1.2;text-align:right}
.msec3 .info_con .tit{font-size:1.88rem;line-height:1.2;font-weight:900}
.msec3 .info_con .tit:after{content:'';display:block;margin:2rem 0;height:6px;background:var(--main-color)}

p.desc{font-size:1.25rem;margin:1.2rem 0}
p.desc.-color{color:var(--main-color)}

@media all and (max-width:1024px){
	.msec3 .container{flex-direction:column}
	.msec3 .info_con{text-align:left}
}




.msec4{position:relative;border-top:1px solid #eee;;text-align:center}
.msec4:after{content:'';position:absolute;z-index:-1;left:0;right:0;bottom:-1px;height:10rem;background:var(--main-color-dark)}
.msec4 .h2_tit .tit{color:var(--main-color)}
.msec4 ul{display:flex;gap: 1.5rem 2.5rem;flex-wrap:wrap;}
.msec4 ul li{flex:1 1 300px;margin:0 auto;background:#fff;border:1px solid var(--main-color)}
.msec4 ul li .thumb{padding:0.63rem;padding-bottom:0}
.msec4 ul li .thumb img{width:100%}
.msec4 ul li .info{padding:1.5rem;font-size:1.5rem}



.msec5{background:var(--main-color-dark);padding:8rem 0;text-align:center;}
.msec5 ul{display:flex;gap:1rem;justify-content: space-between;flex-wrap:wrap}
.msec5 ul li{flex:1 1 150px;;color:#fff}
.msec5 ul li img{width:5rem;transition:0.3s}
.msec5 ul li:hover img{transform:rotateY(180deg)}
.msec5 ul li .tit{font-size:1.5rem;font-weight:900}
.msec5 ul li .desc{margin:2rem 0;font-size:1.5rem}
.msec5 ul li .desc.-small{font-size:1.13rem}