@charset "utf-8";

/* main visual 시작 */
.mvis {width: 100%;height: calc(100vh - 100px);margin-top: 100px;}
#main-visual {width: 100%;height: 100%;}
.main-swiper {width: 100%;height: 100%;}
.main-swiper .swiper-wrapper {width: 100%;height: 100%;}
.main-swiper .swiper-wrapper .swiper-slide {position: relative;}
.main-swiper .swiper-wrapper .swiper-slide::before {content: '';display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: absolute;top: 0;left: 0;}
.main-swiper .swiper-wrapper .swiper-slide {height: 100%;}
.main-swiper .swiper-wrapper .swiper-slide .cinner {display: flex;flex-direction: column;/* justify-content: center; */position: absolute;/* height: 100%; *//* height: calc(100% - 85px); */top: 34%;left: 0;right: 0;}
.main-swiper .swiper-wrapper .swiper-slide .tit {margin-bottom: 45px;color: #fff;font-family: var(--font-Pretendard);font-size: 3.0em;font-weight: 400;line-height: 1.2;}
.main-swiper .swiper-wrapper .swiper-slide .tit > span:nth-child(2) {font-weight: 600;}
.main-swiper .swiper-wrapper .swiper-slide .txt {color: #fff;font-size: 1.20em;font-weight: 300;}
.main-swiper .swiper-ctrls {width: 100%;height: auto;position: absolute;left: 0;bottom: 26%;}
.main-swiper .swiper-ctrls .cinner {position: relative;}
.main-swiper .swiper-pagination {width: auto !important;position: absolute;left: 0;}
.main-swiper .swiper-pagination .swiper-pagination-bullet {width: auto;margin: 0 10px!important;border-radius: 0;background: transparent;color: #fff;font-size: 15px;position: relative;}
.main-swiper .swiper-pagination .swiper-pagination-bullet::after {content: '';display: block;width: 70px;height: 2px;margin-top: 5px;background: rgba(255,255,255,.3);}
.main-swiper .swiper-pagination .swiper-pagination-bullet-active::after {background: #fff;}
/* main visual 이미지 설정 */
.main-swiper .swiper-wrapper .slide01::before {background-image: url(../img/main/img-main_visual_01.jpg);}
.main-swiper .swiper-wrapper .slide02::before {background-image: url(../img/main/img-main_visual_02.jpg);}
.main-swiper .swiper-wrapper .slide03::before {background-image: url(../img/main/img-main_visual_03.jpg);}

@media all and (max-width: 1024px){
    .mvis {height: calc(100vh - 80px);margin-top: 80px;}
    .main-swiper .swiper-wrapper .swiper-slide {display: flex;justify-content: center;align-items: center;}
    .main-swiper .swiper-wrapper .swiper-slide .tit {font-size: 2.50em;text-align: center;}
    .main-swiper .swiper-wrapper .swiper-slide .txt {text-align: center;}
    .main-swiper .swiper-pagination {right: 0;margin: auto;}
}
@media all and (max-width: 640px){
    .mvis {height: 700px;}
    .main-swiper .swiper-wrapper .swiper-slide .tit {margin-bottom: 20px;font-size: 2.11em;}
    .main-swiper .swiper-ctrls {bottom: 10%;}
    .main-swiper .swiper-pagination .swiper-pagination-bullet::after {width: 50px;}
}
/* main visual 끝 */

/* msec01 - mintro 시작 */
#mintro {padding: 140px 0 150px;background: url(../img/main/img-msec01_bg.jpg) center center / cover no-repeat;}
#mintro .cinner {display: flex;justify-content: space-between;align-items: center;position: relative;}
#mintro .img-cont {flex: 0 0 auto;max-width: 650px;width: 47%;}
#mintro .txt-cont {max-width: 640px;width: 46%;}
#mintro .txt-cont > .logo {width: 285px;margin-bottom: 36px;}
#mintro .txt-cont > .mtit {margin-bottom: 20px;color: #062f6e;font-family: var(--font-Montserrat);font-size: 2.75em;font-weight: 900;}
#mintro .txt-cont > .mtit > span {color: var(--color-main);}
#mintro .txt-cont > .mtxt {margin-bottom: 70px;color: #2C2C2C;}
#mintro .txt-cont > .btn-more {display: block;max-width: 250px;padding: 18px 40px;box-sizing: border-box;border-radius: 30px;background: var(--color-main);color: #fff;font-weight: 500;position: relative;transition: .35s;}
#mintro .txt-cont > .btn-more::before,
#mintro .txt-cont > .btn-more::after {content: '';display: block;position: absolute;top: 0;bottom: 0;right: 40px;margin: auto;transition: .35s;}
#mintro .txt-cont > .btn-more::before {width: 14px;height: 2px;background: #fff;;}
#mintro .txt-cont > .btn-more::after {width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}
#mintro .txt-cont > .btn-more:hover,
#mintro .txt-cont > .btn-more:focus {filter: grayscale(.5);}
#mintro .txt-cont > .btn-more:hover::before,
#mintro .txt-cont > .btn-more:hover::after,
#mintro .txt-cont > .btn-more:focus::before,
#mintro .txt-cont > .btn-more:focus::after {right: 30px;}

@media all and (max-width: 1399px){
    #mintro .txt-cont {width: 49%;}
    #mintro .txt-cont > .mtxt {margin-bottom: 40px;}
}
@media all and (max-width: 1199px){
    #mintro .txt-cont > .logo {width: 265px;margin-bottom: 26px;}
    #mintro .txt-cont > .mtit {margin-bottom: 10px;}
    #mintro .txt-cont > .mtxt > .line-br {display: inline;}
    #mintro .txt-cont > .btn-more {max-width: 208px;padding: 12px 25px;font-size: 18px;}
    #mintro .txt-cont > .btn-more::before,
    #mintro .txt-cont > .btn-more::after {right: 25px;}
    #mintro .txt-cont > .btn-more:hover::before,
    #mintro .txt-cont > .btn-more:hover::after,
    #mintro .txt-cont > .btn-more:focus::before,
    #mintro .txt-cont > .btn-more:focus::after {right: 20px;}
}
@media all and (max-width: 1024px){
    #mintro {padding: 100px 0 110px;}
    #mintro .cinner {flex-direction: column;gap: 50px 0;}
    #mintro .img-cont {max-width: 708px;width: 100%;}
    #mintro .txt-cont {max-width: 708px;width: 100%;}
    #mintro .txt-cont > .logo {margin: 0 auto 30px;}
    #mintro .txt-cont > .mtxt {text-align: center;}
    #mintro .txt-cont > .btn-more {margin: 0 auto;}
}
@media all and (max-width: 640px){
    #mintro {padding: 80px 0 90px;}
    #mintro .cinner {gap: 30px 0;}
}
/* msec01 - mintro 끝 */

/* msec02 - mservice 시작 */
#mservice {padding: 110px 0 120px;position: relative;}
#mservice::before {content: '';display: block;width: 100%;height: 400px;background: url(../img/main/img-msec02_bg.jpg) center center / cover no-repeat;position: absolute;top: 0;left: 0;right: 0;margin: auto;z-index: -1;}
#mservice .mtit {color: #fff;font-family: var(--font-Montserrat);font-size: 3.0em;font-weight: 900;text-align: center;}
#mservice .mtxt {margin-bottom: 65px;color: #fff;text-align: center;}
#mservice ul {display: flex;gap: 0 20px;}
#mservice ul > li {width: 33.333%;}
#mservice ul > li > .img-cont > img {width: 100%;}
#mservice ul > li > .txt-cont {display: flex;align-items: center;background: #f8f8f8;}
#mservice ul > li > .txt-cont > .tit {width: calc(100% - 70px);padding: 0 20px;box-sizing: border-box;font-size: 1.20em;font-weight: 600;line-height: 1.2;}
#mservice ul > li > .txt-cont > .btn-more {display: block;width: 70px;aspect-ratio: 1 / 1;background: var(--color-main);position: relative;text-indent: -9999em;font-size: 0px;line-height: 0;}
#mservice ul > li > .txt-cont > .btn-more > .ico {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;transition: .35s;}
#mservice ul > li > .txt-cont > .btn-more >.ico::before,
#mservice ul > li > .txt-cont > .btn-more >.ico::after {content: '';display: block;width: 20px;height: 2px;background: #fff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#mservice ul > li > .txt-cont > .btn-more >.ico::after {transform: rotate(90deg);}
#mservice ul > li > .txt-cont > .btn-more:hover,
#mservice ul > li > .txt-cont > .btn-more:focus {background: var(--color-acc);}
#mservice ul > li > .txt-cont > .btn-more:hover >.ico,
#mservice ul > li > .txt-cont > .btn-more:focus >.ico {transform: rotate(90deg);}

@media (max-width: 1199px){
    #mservice ul > li > .txt-cont > .tit {width: calc(100% - 60px);padding: 0 20px;font-size: 1.20em;}
    #mservice ul > li > .txt-cont > .btn-more {width: 60px;}
}
@media all and (max-width: 1024px){
    #mservice {padding: 100px 0 110px;}
    #mservice .mtxt {margin-bottom: 45px;}
    #mservice ul {justify-content: center;flex-wrap: wrap;gap: 20px;}
    #mservice ul > li {width: calc(50% - 10px);}
}
@media all and (max-width: 768px){
    #mservice ul {flex-direction: column;gap: 20px 0;}
    #mservice ul > li {width: 100%;}
}
/* msec02 - mservice 끝 */

/* msec03 - mnotice 시작 */
#mnotice {padding: 100px 0;background: url(../img/main/img-msec03_bg.jpg) center center / cover no-repeat;background: #F5F5F5;}
#mnotice .stit {margin-bottom: 20px;color: #010101;font-family: var(--font-Montserrat);font-weight: 700;}
#mnotice .mtit {margin-bottom: 40px;color: #091432;font-size: 2.50em;font-weight: 700;line-height: 1.2;}

@media all and (max-width: 1024px){
    #mnotice .mtit {margin-bottom: 20px;}
}
/* msec03 - mnotice 끝 */