@charset "utf-8";

/* ******************* *
* COMMON
* ******************* */
.msec-title {}
.msec-title > .title {font-family: var(--font-GMarketSans);font-size: 5.5rem;font-weight: 700;}
.msec-title > .txt {color: #333;font-size: max(2rem, 18px) !important;}
.btn-more {display: block;width: 5rem;aspect-ratio: 1 / 1;outline: 10px solid #FFEAED;border-radius: 50%;background: var(--color-main);position: relative;transition: .35s ease;outline: 10px solid #FFEAED;}
.btn-more::before,
.btn-more::after {content: '';display: block;width: 38%;height: 4px;background: #fff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.btn-more::after {transform: rotate(90deg);}
.btn-more:hover {outline-width: 0;}

@media all and (max-width: 1400px){
    .msec-title > .title {font-size: 4.5rem;}
}
@media all and (max-width: 768px){
    .msec-title > .title {font-size: 2.0em;}
    .msec-title > .txt {font-size: 14px;}
}
@media all and (max-width: 640px){
    .btn-more {outline-width: 8px;}
}


/* ******************* *
* MVIS
* ******************* */
.mvis {width: 100%;height: calc(100dvh - var(--headerH));}
.mvis .main-video {height: 100%;position: relative;}
.mvis .main-video {position: relative; top: 0; left: 0; width: 100%; height: 100%;}
.mvis .main-video .video-player{position: relative;left: 50%;transform: translateX(-50%);bottom: 0;width: 100%;height: 100%;aspect-ratio: 16 / 9;object-fit: cover;}
.mvis img {width: 100%;height: 100%;object-fit: cover;}

@media (max-width: 1024px){
    .mvis {margin-top: var(--headerH);}
}
/* .main-visual {max-height: 790px;width: 100%;height: calc(100vh - 120px);background: url(../img/main/mvis-img_01.jpg) center center / cover no-repeat;position: relative;z-index: 10;box-shadow: 0px 4px 40px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 4px 40px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 4px 40px 0px rgba(0,0,0,0.25);}
.main-visual .cinner {height: 100%;position: relative;}
.main-visual__txt {color: #fff;position: absolute;top: 11%;left: 0;}
.main-visual__txt > .title {margin-bottom: 5px;font-family: var(--font-Marcellus);font-size: 4.50em;font-weight: 400;line-height: 1.2;}
.main-visual__txt > .txt {font-family: var(--font-Yes);font-size: 2.0em;}
.main-visual__txt > .btns {display: flex;align-items: center;gap: 12px;margin-top: 50px;}
.main-visual__txt > .btns > a {display: block;width: 200px;border-radius: 28px;background: #fff;color: #000;font-size: 17px;text-align: center;line-height: 55px;box-shadow: 5px 5px 14px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 5px 5px 14px 0px rgba(0,0,0,0.25);-moz-box-shadow: 5px 5px 14px 0px rgba(0,0,0,0.25);transition: .35s ease;}
.main-visual__txt > .btns > a:last-child {background: #515151;color: #fff;}
.main-visual__txt > .btns > a:hover {background: var(--color-main);color: #fff;}
.main-visual__bot-img {width: 25%;position: absolute;left: 0;bottom: 0;box-shadow: 0px 14px 50px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 14px 50px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 14px 50px 0px rgba(0,0,0,0.25);}
.main-visaul-bot {width: 100%;overflow-x: hidden;box-shadow: 14px 0px 50px 0px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 14px 0px 50px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow: 14px 0px 50px 0px rgba(0,0,0,0.25);}
.main-visaul-bot .cinner {display: flex;position: relative;}
.main-visaul-bot .cinner::before,
.main-visaul-bot .cinner::after {content: '';display: block;width: 25%;aspect-ratio: 1 / 1;position: absolute;top: 0;bottom: 0;margin: auto;}
.main-visaul-bot .cinner::before {background: url(..//img/main/mvis-img_box_02.jpg) center center / cover no-repeat;right: 100%;}
.main-visaul-bot .cinner::after {background: url(..//img/main/mvis-img_box_07.jpg) center center / cover no-repeat;left: 100%;}
.main-visaul-bot .item {width: 25%;box-shadow: 14px 0px 50px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 14px 0px 50px 0px rgba(0,0,0,0.25);-moz-box-shadow: 14px 0px 50px 0px rgba(0,0,0,0.25);}

@media all and (max-width: 1399px){
    .main-visual__txt > .title {font-size: 4.0em;}
}
@media all and (max-width: 1199px){
    .main-visual__txt > .title {font-size: 3.50em;}
}
@media all and (max-width: 1024px){
    .main-visual {max-height: 1038px;height: calc(100vh - 90px);}
    .main-visual__txt {text-align: center;top: 50%;right: 0;transform: translateY(-50%);}
    .main-visual__txt > .title {margin-bottom: 15px;font-size: 3.20em;}
    .main-visual__txt > .btns {justify-content: center;}
}
@media all and (max-width: 768px){
    .main-visual {max-height: 760px;height: calc(100vh - 80px);}
}
@media all and (max-width: 640px){
    .main-visual__txt > .title {font-size: 3.0em;}
    .main-visual__txt > .btns {margin-top: 30px;}
    .main-visual__txt > .btns > a {width: 180px;font-size: 15px;line-height: 45px;}
} */



/* ******************* *
* MSEC01
* ******************* */
.msec01 {padding: 13.5rem 0 10rem;}
.msec01 .cinner {position: relative;}
.msec01 .msec-title {display: flex;align-items: center;gap: 2.8rem;margin-bottom: 4.6rem;}
.msec01 .msec-title .title-img {max-width: 452px;width: 38%;}
.msec01 .msec-title .title-img img {width: 100%;}
.msec01 .btn-more {position: absolute;top: 6px;right: calc(var(--inPd) + 1rem);}
.msec01 .contents {display: flex;gap: 10rem;}
.msec01 .contents .item {width: 100%;}
.msec01 .contents .item .img-cont {margin-bottom: 2.6rem;border-radius: 3rem;overflow: hidden;}
.msec01 .contents .item .txt-cont {padding: 0 3rem;box-sizing: border-box;}
.msec01 .contents .item .txt-cont > .tit {margin-bottom: 5px;color: #333;font-size: 3rem;font-weight: 600;}
.msec01 .contents .item .txt-cont > .txt {color: #666;font-size: max(1.8rem, 17px);}

@media (max-width: 1400px){
    .msec01 .contents {gap: 6rem;}
}
@media (max-width: 1200px){
    .msec01 .msec-title {margin-bottom: 3rem;}
    .msec01 .contents {gap: 4rem;}
    .msec01 .contents .item .txt-cont {padding: 0 2rem;}
}
@media all and (max-width: 1024px){
    .msec01 .contents {gap: 3rem;}
}
@media all and (max-width: 768px){
    .msec01 .msec-title {flex-direction: column;align-items: flex-start;gap: 1.5rem;}
    .msec01 .msec-title > .txt > .line-br {display: inline;}
    .msec01 .contents .item .img-cont {margin-bottom: 2rem;border-radius: 2rem;}
}
@media all and (max-width: 640px){
    .msec01 .msec-title .title-img {max-width: 228px;width: 100%;}
    .msec01 .contents {flex-direction: column;gap: 5rem;}
    
}



/* ******************* *
* MSEC02
* ******************* */
.msec02 {padding: 15rem 0 33rem;border-top-left-radius: 20rem;background: #E897A2;position: relative;z-index: 0;overflow: hidden;}
.msec02 .cinner {display: flex;align-items: flex-start;gap: 14rem;margin: 0;margin-left: calc((100% - (var(--maxWidth) - var(--inPd))) / 2);position: relative;}
.msec02 .msec-title {flex: 0 0 auto;}
.msec02 .msec-title > .title {color: #fff;}
.msec02 .msec-title > .txt {color: #fff;}
.msec02 .contents {max-width: calc(100% - 325px);overflow-x: clip;}
.msec02 .prgm-slide {overflow: visible;}
.msec02 .prgm-slide .item {transition: .35s ease;}
.msec02 .prgm-slide .item .img {border-radius: 2rem 2rem 0 0;background: #fff;overflow: hidden;position: relative;z-index: 1;}
.msec02 .prgm-slide .item .img > img {border-radius: 2rem;}
.msec02 .prgm-slide .item .tit {margin-top: -1px;padding: 1.8rem 0;border-radius: 0 0 2rem 2rem;background: #fff;font-family: var(--font-Yes);font-size: 2.5rem;text-align: center;/* line-height: 70px; */}
.msec02 .prgm-slide .swiper-slide-active {transform: translateY(-50px);}
.msec02 .prgm-slide-ctrls {display: flex;align-items: center;gap: 5rem;margin-bottom: 8rem;position: absolute;left: var(--inPd);bottom: 0;}
.msec02 .prgm-slide-ctrls button {width: 4rem;aspect-ratio: 1 / 1;border: 0;background: none;position: relative;}
.msec02 .prgm-slide-ctrls button::before,
.msec02 .prgm-slide-ctrls button::after {content: '';display: block;position: absolute;top: 0;bottom: 0;margin: auto;}
.msec02 .prgm-slide-ctrls button::before {width: 50%;height: 50%;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.msec02 .prgm-slide-ctrls button::after {width: 100%;height: 3px;background: #fff;}
.msec02 .prgm-slide-ctrls .btn-prev::before {border-width: 0 0 3px 3px;left: 2px;}
.msec02 .prgm-slide-ctrls .btn-next::before {border-width: 3px 3px 0 0;right: 2px;}

@media (max-width: 1500px){
    .msec02 .cinner {gap: 10rem;margin-left: var(--inPd);}
}
@media (max-width: 1400px){
    .msec02 .cinner {margin-left: 0;}
}
@media (max-width: 1200px){
    .msec02 {border-top-left-radius: 16rem;}
    .msec02 .cinner {gap: 8rem;}
    .msec02 .prgm-slide .item .tit {font-size: 2.2rem;}
    .msec02 .prgm-slide-ctrls {margin-bottom: 4rem;}
}
@media (max-width: 1024px){
    .msec02 {padding: 12rem 0 40rem;}
    .msec02 .cinner {flex-direction: column;gap: 13rem;}
    .msec02 .msec-title {width: 100%;text-align: center;}
    .msec02 .contents {max-width: 100%;}
    .msec02 .prgm-slide .item > .tit {font-size: 1.0em;line-height: 50px;}
    .msec02 .prgm-slide-ctrls {justify-content: center;position: absolute;left: 0;right: 0;bottom: -7rem;margin: auto;}
}
@media (max-width: 768px){
    .msec02 {border-top-left-radius: 10rem;}
}
@media (max-width: 640px){
    .msec02 .contents {max-width: 100%;}
    .msec02 .msec-title > .title {margin-bottom: 10px;}
    .msec02 .prgm-slide-ctrls {justify-content: center;position: absolute;left: 0;right: 0;bottom: -70px;margin: auto;}
}



/* ******************* *
* MSEC03
* ******************* */
.msec03 {margin-top: -21.8rem;padding: 12.5rem 0 13rem;border-top-right-radius: 20rem;background: #fff;position: relative;z-index: 1;}
.msec03 .cinner {position: relative;}
.msec03 .msec-title {display: flex;align-items: baseline;gap: 2.8rem;margin-bottom: 4.6rem;}
.msec03 .btn-more {position: absolute;top: 6px;right: 10px;}

@media (max-width: 1200px){
    .msec03 {border-top-right-radius: 16rem;}
}
@media (max-width: 1024px){
    .msec03 {padding: 10rem 0 13rem;border-top-right-radius: 12rem;}
    .msec03 .msec-title {flex-direction: column;gap: 1.5rem;}
}
@media (max-width: 768px){
    .msec03 {border-top-right-radius: 10rem;}
}