section, section *{ box-sizing:border-box; }
*{ box-sizing:border-box; }
section{ overflow:hidden; }
section:last-child{ padding-bottom:150px !important; }
.mc-con{ max-width:1630px; width:100%; margin:0 auto; padding: 0 15px;}

.main_sc{width: 100%; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover;}

.sect-tit{margin-bottom: 4rem; text-align: center; color: #fff;}
.sect-tit > h3{font-size: 60px; font-weight: 700; margin-bottom: 1rem;}
.sect-tit > p{font-size: 20px; font-weight: 400; line-height: 1.5;}

/*sc01*/
#sc01{ background-color:#101010; height: 100vh; position: relative; overflow: hidden;}
/* #sc01::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;} */

.main-caption{width: 100%; max-width: 1630px; padding: 0 15px; z-index: 99; color: #fff;}
.main-caption > p{font-size: 20px; margin-bottom: 1.5rem; font-weight: 500;}
.main-caption > h2{font-size: 60px; margin-bottom: 1.5rem; font-weight: 700;}
.main-caption > h5{font-size: 20px; font-weight: 400; margin-bottom: 2rem;}

.main-caption > a{display: inline-block; padding: 1rem 2rem; color: #fff; background-color: #AD061C; border: 1px solid #AD061C; transition: .5s; font-size: 20px; font-weight: 700; line-height: 1; transition: .5s;}
.main-caption > a:hover{border: 1px solid #AD061C; background-color: #fff; color: #AD061C;}
.main-caption > a > span{font-weight: 400;}

.sc01Sli{ position:relative; z-index:1; background-color:#333; overflow:hidden; }
.sc01_bg{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc01_mbg{ display:none; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc01_fr{ position:relative; z-index:1; min-height:max(600px,36.4583333vw); padding:150px 70px; display:flex; align-items:center; /*background-color:rgba(0,0,0,.35);*/ }

.sc01mw{ position:relative; z-index:1; overflow:hidden; background-color:#333; width: 100%; height: 100%;}
.sc01mw > .sc01_bdo{ position:absolute; z-index:1; top:50%; left:50%; min-width:100%; height:155%; transform:translate(-50%,-50%); }

.vimeo_player_wrapper{opacity: 1 !important;}

/* mouse-s */
.mouse-s{position: absolute; bottom: 2rem; left: 0; width: 100%; text-align: center; z-index: 8; color: #fff;}
.mouse-s > p{font-size: 18px;}
.mouse-s > span{display: block; font-size: 18px; transition: all 1s ease-in-out; animation: mousey 1.5s infinite;}

@keyframes mousey{
	0%{opacity: 0; transform: translateY(0);}
	100%{opacity: 1; transform: translateY(10px);}
}


/* sc02 */


/* sc03 */
#sc03{padding: 130px 0; background-color: #101010;}
.sc03-wrap{width: 100%; display: flex; gap: 56px; flex-wrap: wrap; margin-bottom: 100px;}
.sc03-box{width: 31%;}
.sc03-img{width: 100%; margin-bottom: 1rem; display: flex; overflow: hidden; position: relative;}
.sc03-img::after{content: "자세히 보기"; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); font-size: 16px; font-weight: 700; color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; transition: .5s; opacity: 0;}
.sc03-img:hover::after{opacity: 1;}
.sc03-img img{width: 100%;}
.sc03-cont{width: 100%; display: flex; justify-content: space-between; align-items: flex-end;}
.sc03-caption{color: #fff;}
.sc03-caption > h3{font-size: 16px; margin-bottom: 5px; font-weight: 700;}
.sc03-caption > p{font-size: 12px; margin-bottom: 1rem; font-weight: 400;}
.sc03-caption > h5{font-size: 16px; font-weight: 700;}
.sc03-icon{display: none; width: 45px; height: 45px; border-radius: 50%; border: 1px solid #fff; transition: .5s; justify-content: center; align-items: center;}
.sc03-icon img{max-height: 20px;}
.sc03-icon:hover{border-color: #AD061C; background-color: #AD061C;}

.sc03-btn{text-align: center;}
.more{display: inline-block; padding: 1rem 2rem; color: #fff; background-color: #AD061C; border: 1px solid #AD061C; transition: .5s; font-size: 16px; font-weight: 700; line-height: 1; transition: .5s;}
.more:hover{border: 1px solid #AD061C; background-color: #fff; color: #AD061C;}


/* sc04 */
#sc04{padding: 130px 0; background-color: #101010; position: relative;}
#sc04::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
#sc04 > .mc-con{position: relative; z-index: 3;}
.sc04-btn{text-align: center; padding-top: 100px;}
.sc04-wrap{width: 100%; display: flex; justify-content: center;}
.sc04-box{text-align: center; color: #fff; margin-right: 2rem;}
.sc04-box:last-child{margin-right: 0;}
.sc04-box > h5{font-size: 16px; font-weight: 700; margin-top: 1rem;}
.sc04-img{width: 250px; height: 250px; background-color: #fff; border-radius: 30px; display: flex; justify-content: center; align-items: center;}
.sc04-img img{max-height: 80px;}

@media(min-width:1200px){
	.ms-img{display: block; width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
	.ms-img-m{display: none;}
	.mo-logo{display: none;}
    .main-caption{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
    .swiper-pagination.mainpn{display: none;}

	.ani.up.delay{
        transition: 1s opacity 0.2s, 1s transform 0.2s;
    }
    .ani.up.delay2{
        transition: 1s opacity 0.5s, 1s transform 0.5s;
    }
    .ani.up.delay3{
        transition: 1s opacity 0.8s, 1s transform 0.8s;
    }
    .ani.up.delay4{
        transition: 1s opacity 1.1s, 1s transform 1.1s;
    }
    .ani.up.delay5{
        transition: 1s opacity 1.4s, 1s transform 1.4s;
    }
    .ani.up.delay6{
        transition: 1s opacity 1.7s, 1s transform 1.7s;
    }

    /* sc02 */
    .sc02-pc{position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
    .sc02-pc .sc02-video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}

    .sc02-pc::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}

    .sc02-con{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3; width: 100%;}
    .sc02-tit{max-width: 350px; margin: 0 auto 3rem;}
    .sc02-tit img{width: 100%;}

    .sc02-wrap{width: 100%; display: flex; justify-content: space-between;}
    .sc02-box{width: 31%; text-align: center; color: #fff;}
    .sc02-img{display: flex; position: relative; overflow: hidden;}
    .sc02-img img{width: 100%; transition: 1s;}
    .sc02-img:hover img{transform: scale(1.1);}
    .sc02-box > h5{font-size: 20px; font-weight: 700; margin-top: 1rem;}

    .sc02-mo{display: none;}

    /* sc03 */
    .sc03-mo{display: none;}

}
@media(max-width:1630px){
    .sc03-wrap{gap: 30px; justify-content: center;}
}
@media(max-width:1599px){
    .mc-con{padding: 0 2rem;}
    .main-caption{padding: 0 2rem;}
}
@media(max-width:1199px){
    .sect-tit{margin-bottom: 2rem;}
    .sect-tit > h3{font-size: 30px; margin-bottom: 10px;}
    .sect-tit > p{font-size: 14px; }

    .mc-con{padding: 0 15px;}

	.sc01_fr{ padding:150px 15px; }
	.sc01_nav{ display:none; }

    #sc01{height: 100%;}
	.ms-img{display: none;}
	.ms-img-m{display: block; width: 100%; display: flex;}
    .ms-img-m img{width: 100%; border-radius: 0 0 30px 30px;}

	.main-caption{padding: 0 15px;}
    .main-caption > p{font-size: 14px; margin-bottom: 1rem;}
	.main-caption > h2{font-size: 30px; margin-bottom: 1rem;}
	.main-caption > h5{font-size: 14px; margin-bottom: 1.5rem;}
	.main-caption > a{font-size: 16px;}

	.mouse-s > p{font-size: 14px;}

    .mo-logo{position: absolute; top: 2rem; left: 50%; transform: translateX(-50%); z-index: 2; width: 200px;}
    .mo-logo img{width: 100%;}
    .main-link{display: none;}
    .swiper-pagination.mainpn{display: block; bottom: 0; padding: 0 15px;}
    .swiper-pagination.mainpn .swiper-pagination-bullet{width: calc((100% - 8px) / 6); height: 4px; border-radius: 10px; background: #d9d9d9; opacity: 1;}
    .swiper-pagination.mainpn .swiper-pagination-bullet-active{background: #AD061C;}
    .mainswiper{padding-bottom: 2rem; margin-bottom: 2rem;}

    /* sc02 */
    .sc02-pc{display: none;}
    #sc02{padding: 100px 0; background-color: #101010;}

    .sc02-mo{display: block;}
    .sc02-tit{margin-bottom: 1.5rem; text-align: center;}
    .sc02-tit img{width: 100%; max-width: 250px; display: inline-block;}

    .sc02-swiper{padding: 0 15px; }
    .sc02swiper{padding-bottom: 2rem;}
    .sc02-img{display: flex; }
    .sc02-box{text-align: center;}
    .sc02-img img{width: 100%; border-radius: 20px;}
    .sc02-box > h5{font-size: 14px; color: #fff; margin-top: 1rem;}
    .swiper-pagination.sc02pn{bottom: 0;}
    .swiper-pagination.sc02pn .swiper-pagination-bullet{width: 10px; height: 10px; opacity: 1; background: #2e2e2e;}
    .swiper-pagination.sc02pn .swiper-pagination-bullet-active{background: #fff;}
    
    /* sc03 */
    #sc03{padding: 0 0 100px;}
    .sc03-pc{display: none;}
    .sc03-mo{display: block;}

    .sc03m-wrap{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .sc03m-box{width: 48%; margin-bottom: 1.5rem;}
    .sc03m-link{display: block; color: #fff; margin-bottom: 10px;}
    .sc03m-img{display: flex; margin-bottom: 10px;}
    .sc03m-img img{width: 100%;}
    .sc03m-link > h3{font-size: 14px; font-weight: 700; margin-bottom: 5px;}
    .sc03m-link > p{font-size: 12px; font-weight: 300;}
    .sc03m-cont{width: 100%; display: flex; align-items: center; justify-content: space-between;}
    .sc03m-caption > h5{font-size: 13px; font-weight: 700; color: #fff;}
    .sc03m-icon{display: none; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #fff; justify-content: center; align-items: center;}
    .sc03m-icon img{max-height: 12px;}

    .sc03swiper{padding-bottom: 1.5rem; margin-bottom: 2rem;}
    .swiper-pagination.sc03pn{bottom: 0;}
    .swiper-pagination.sc03pn .swiper-pagination-bullet{width: 10px; height: 10px; opacity: 1; background: #2e2e2e;}
    .swiper-pagination.sc03pn .swiper-pagination-bullet-active{background: #fff;}

    /* sc04 */
    .sc04-wrap{flex-wrap: wrap;}
    .sc04-box{margin-right: 0; width: 49%; display: flex; flex-direction: column; align-items: center; margin-bottom: 1.5rem;}
    .sc04-img{width: 120px; height: 120px; border-radius: 20px;}
    .sc04-img img{max-height: 35px;}
    .sc04-box > h5{font-size: 14px; margin-top: 10px;}
    .sc04-btn{padding-top: 2rem;}
    #sc04{padding: 100px 0;}
}
@media(max-width:900px){

}
@media(max-width:500px){

}

/* animation */

.ani.up{
    transform: translateY(100px);
    opacity: 0;
    transition: 1s;
}

.ani.up.act{
    transform: translateY(0);
    opacity: 1;
}

@keyframes blink{
    50% {
      opacity: 0;
    }
}

@keyframes rotate{
    0% {
      transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}