/* ******************* *
* COMMON
* ******************* */
.msec-title {color: #1C1C1C;text-align: center;}
.msec-title .title {font-size: 2.0em;font-weight: 500;}
.msec-title .title em {color: #C73A21;font-weight: 700;}

.btn-basic {display: block;width: 220px;margin: 0 auto;padding: 16px 10px;box-sizing: border-box;border-radius: 30px;font-weight: 600;text-align: center;transition: .35s;}
.btn-basic:hover {background: var(--color-main-hover) !important;color: #fff !important;}
.btn-basic.blue {background: var(--color-main);color: #fff;}
.btn-basic.white {background: #fff;color: var(--color-main);}

@media all and (max-width: 1024px){
}
@media all and (max-width: 768px){
}
@media all and (max-width: 640px){
    .msec-title .title {font-size: 32px;}
}
@media all and (max-width: 480px){
    
}


/* ******************* *
* MVIS
* ******************* */
#mvis {max-height: calc(100vh - 179px);height: 100vh;margin-top: 179px;position: relative;}
#mvis .main-visual {height: 100%;position: relative;}
#mvis .main-visual .mvis-img-wrap {height: 100%;}
#mvis .main-visual .mvis-img-wrap > .mvis-img {height: 100%;}
#mvis .main-visual .mvis-img-wrap > .mvis-img .cinner {display: flex;flex-direction: column;justify-content: center;position: absolute;height: 100%;top: 0;left: 0;right: 0;bottom: 0;/* margin: auto; */}
#mvis .main-visual .mvis-img-wrap > .mvis-img a {width: 100%;height: 100%;display: block;background-repeat: no-repeat !important;background-size: cover !important;background-position: center !important;pointer-events: none;}
#mvis .main-visual .mvis-img-wrap > .mvis-img .video-wrap {height: 100%;}
#mvis .main-visual .mvis-img-wrap > .mvis-img .video-wrap > video {width: 100%;height: 100%;object-fit: cover;}
#mvis .main-visual .mvis-txt-wrap {color: #fff;line-height: 1.4;position: relative;margin-top: -5%;}
#mvis .main-visual .mvis-txt-wrap > .tit {margin-bottom: 28px;font-size: 2.50em;font-weight: 600;text-align: center;line-height: 1.2;}
#mvis .main-visual .mvis-img0 .mvis-txt-wrap > .tit {font-size: 3.50em;font-weight: 700;}
#mvis .main-visual .mvis-txt-wrap > .tit strong {font-weight: 700}
#mvis .main-visual .mvis-txt-wrap > .txt {font-size: 1.30em;font-weight: 600;text-align: center;}
#mvis .main-visual .mvis-txt-wrap > .tit br,
#mvis .main-visual .mvis-txt-wrap > .txt br {display: none;}


/* 기본 상태 */
#mvis .main-visual .mvis-txt-wrap .tit,
#mvis .main-visual .mvis-txt-wrap .txt {opacity: 0;}
/* active 슬라이드에서 애니메이션 적용 */
#mvis .main-visual .mvis-img-wrap > .mvis-img.active .mvis-txt-wrap .tit {animation: fade_in_up 0.9s ease forwards;animation-delay: 0.2s;}
#mvis .main-visual .mvis-img-wrap > .mvis-img.active .mvis-txt-wrap .txt {animation: fade_in_up 0.9s ease forwards;animation-delay: 0.5s;}
/* 애니메이션 정의 */
@keyframes fade_in_up {
    0% {opacity: 0;transform: translateY(30px);}
    100% {opacity: 1;transform: translateY(0);}
}

#mvis .pager {width: 100%;position: absolute;left: 50%;right: 0;bottom: 5%;transform: translateX(-50%);z-index: 999;pointer-events: auto;}
#mvis .pager .carousel-indicators {justify-content: center;align-items: center;gap: 6px;margin: 0;position: unset;}
#mvis .pager .carousel-indicators > li {width: 24px;height: 9px;margin: 0;border-radius: 5px;background: rgba(255,255,255,.65);border-top: 0;border-bottom: 0;opacity: 1;transition: .35s;}
#mvis .pager .carousel-indicators > li.active {width: 70px;background-color: #4078EE;}
#mvis .carousel-control-prev,
#mvis .carousel-control-next{width: 28px;height: 28px;position: absolute;top: 0;bottom: 0;margin: auto;opacity: 1;}
#mvis .carousel-control-prev {left: calc((100% - 1400px) / 2 + 20px);}
#mvis .carousel-control-next {right: calc((100% - 1400px) / 2 + 20px);}
#mvis .carousel-control-prev::before, 
#mvis .carousel-control-next::before {content: '';display: block;width: 100%;aspect-ratio: 1 /1;border-style: solid;border-color: #fff;transform: rotate(45deg);}
#mvis .carousel-control-prev::before {border-width: 0 0 2px 2px;margin: 0 0 0 12px;}
#mvis .carousel-control-next::before {border-width: 2px 2px 0 0;margin: 0 12px 0 0;}

@media all and (max-width: 1399px){
    #mvis .carousel-control-prev {left: 20px;}
    #mvis .carousel-control-next {right: 20px;}
}
@media all and (max-width: 1199px){
    #mvis {max-height: calc(100vh - 161px);margin-top: 161px;}
    #mvis .main-visual .mvis-img1 .mvis-txt-wrap > .tit br {display: block;}
}
@media all and (max-width: 1024px){
    #mvis {max-height: calc(100vh - 80px);margin-top: 80px;}
    #mvis .carousel-control-prev {left: 10px;}
    #mvis .carousel-control-next {right: 10px;}
    #mvis .pager .carousel-indicators > li {width: 20px;}
    #mvis .pager .carousel-indicators > li.active {width: 55px;}
}
@media all and (max-width: 768px){
    #mvis .main-visual .mvis-txt-wrap > .tit {font-size: 2.24em;}
    #mvis .main-visual .mvis-img0 .mvis-txt-wrap > .tit {margin-bottom: 15px;font-size: 2.82em;}
    #mvis .main-visual .mvis-txt-wrap > .txt {font-size: 20px;}
}
@media all and (max-width: 640px){
    #mvis {max-height: 600px;}
    #mvis .main-visual .mvis-txt-wrap > .tit {margin-bottom: 20px;font-size: 36px;}
    #mvis .main-visual .mvis-img0 .mvis-txt-wrap > .tit {font-size: 42px;}
    #mvis .main-visual .mvis-img2 .mvis-txt-wrap > .tit br {display: block;}
    #mvis .main-visual .mvis-txt-wrap > .txt {font-size: 18px;}
    #mvis .main-visual .mvis-img0 .mvis-txt-wrap > .txt br,
    #mvis .main-visual .mvis-img1 .mvis-txt-wrap > .txt br {display: block;}
    #mvis .carousel-control-prev {left: 5px;}
    #mvis .carousel-control-next {right: 5px;}
    #mvis .pager .carousel-indicators > li {width: 16px;}
    #mvis .pager .carousel-indicators > li.active {width: 45px;}
}
@media all and (max-width: 480px){
    #mvis .main-visual .mvis-txt-wrap > .tit {font-size: 32px;}
    #mvis .main-visual .mvis-img0 .mvis-txt-wrap > .tit {font-size: 38px;}
}



/* ******************* *
* MABOUT
* ******************* */
#mabout {padding: 85px 0 120px;}
#mabout .msec-title {margin-bottom: 40px;}
#mabout .msec-title br {display: none;}
.mabout__list {display: flex;gap: 27px;}
.mabout__item {width: 25%;border-radius: 5px;overflow: hidden;box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);}
.mabout__item--about { --color: #C73A21; }
.mabout__item--vision { --color: #F08527; }
.mabout__item--rnd { --color: #4E9F1B; }
.mabout__item--contact { --color: #001D92; }
.mabout__link {}
.mabout__img {position: relative;}
.mabout__img > img {width: 100%;}
.mabout__tag {padding: 8px 20px;border-bottom-right-radius: 20px;background: var(--color);color: #fff;font-size: 17px;font-weight: 600;position: absolute;top: 0;left: 0;}
.mabout__desc {padding: 30px;}
.mabout__tit {margin-bottom: 10px;color: var(--color);font-size: 1.25em;font-weight: 500;}
.mabout__txt {margin-bottom: 28px;color: #696969;font-size: 18px;line-height: 1.4;}
.mabout__more {color: var(--color);font-size: 15px;font-weight: 600;position: relative;}
.mabout__more::after {content: '→';position: relative;left: 0;transition: .35s;}
.mabout__link:hover .mabout__more::after {left: 10px;}

@media all and (max-width: 1399px){
    .mabout__txt .line-br {display: inline;}
}
@media all and (max-width: 1199px){
    .mabout__list {gap: 16px;}
    .mabout__tag {padding: 6px 16px;}
    .mabout__desc {padding: 20px;}
    .mabout__txt {margin-bottom: 20px;font-size: 17px;}
}
@media all and (max-width: 1024px){
    .mabout__list {flex-wrap: wrap;gap: 20px;max-width: 860px;margin: 0 auto;}
    .mabout__item {width: calc(50% - 10px);}
}
@media all and (max-width: 768px){
    #mabout {padding: 85px 0 100px;}
    #mabout .msec-title br {display: block;}
}
@media all and (max-width: 640px){
    .mabout__list {flex-direction: column;}
    .mabout__item {width: 100%;}
    .mabout__link {display: flex;}
    .mabout__img {width: 40%;}
    .mabout__img > img {height: 100%;object-fit: cover;}
    .mabout__tag {padding: 6px 12px;border-bottom-right-radius: 12px;font-size: 14px;}
    .mabout__desc {width: 60%;padding: 25px 20px;}
}
@media all and (max-width: 480px){
    .mabout__link {display: block;}
    .mabout__img {width: 100%;}
    .mabout__desc {width: 100%;}
}



/* ******************* *
* MNEWS
* ******************* */
#mnews {padding: 56px 0;background: var(--color-main-hover);}
#mnews .cinner {display: flex;justify-content: space-between;gap: 50px;position: relative;}
#mnews .msec-title {flex: 0 0 auto;color: #fff;}
#mnews .msec-title .title {font-weight: 400;}
#mnews .contents {max-width: 962px;width: calc(69% - 50px);}
.mnews__wrap {/*position: unset !important;*/}
.mnews__list {}
.mnews__item {}
.mnews__item--empty {width: 100% !important;padding: 58px 0;color: #fff;text-align: center;}
.mnews__link,
.mnews__link:hover {color: #fff;}
.mnews__tit {margin-bottom: 10px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mnews__cnt {margin-bottom: 30px;font-size: 17px;line-height: 1.5;opacity: .7;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.mnews__date {font-size: 16px;}
.mnews__pagination {margin-top: 20px;text-align: center;}
.mnews__pagination .swiper-pagination-bullet {background: #fff;}
.mnews__more {display: flex;justify-content: center;align-items: center;width: 120px;height: 40px;border: 1px solid #fff;box-sizing: border-box;color: #fff;font-size: 16px;position: absolute;left: 0;bottom: 0;transition: .35s;}
.mnews__more:hover {background: #fff;color: var(--color-main-hover);}

@media all and (max-width: 1024px){
    .mnews__more {bottom: 30px;}
}
@media all and (max-width: 768px){
    #mnews .cinner {flex-direction: column;gap: 30px;}
    #mnews .contents {max-width: none;width: 100%;}
    .mnews__pagination {margin-top: 60px;}
    .mnews__more {margin: 40px auto 0;position: relative;bottom: auto;}
}
@media all and (max-width: 480px){
    .mnews__wrap {max-width: 360px;margin: 0 auto;}
}


/* ******************* *
* MPRODUCT
* ******************* */
#mproduct {padding: 120px 0;}
#mproduct .msec-title {margin-bottom: 60px;}
#mproduct .contents {position: relative;}
.mproduct__wrap {}
.mproduct__list {}
.mproduct__item {}
.mproduct__item--empty {width: 100% !important;padding: 58px 0;color: #fff;text-align: center;}
.mproduct__link {}
.mproduct__ctrls {}
.mproduct__ctrls button {display: block;width: 30px;height: 30px;border-style: solid;border-color: #585858;transform: rotate(45deg);position: absolute;top: 0;bottom: 0;margin: auto;z-index: 999;}
.mproduct__ctrls button.swiper-button-lock {display: none;}
.mproduct__ctrls .btn-prev {border-width: 0 0 2px 2px;right: calc(100% + 10px);}
.mproduct__ctrls .btn-next {border-width: 2px 2px 0 0;left: calc(100% + 10px);}

@media all and (max-width: 1199px){
    .mproduct__ctrls .btn-prev {right: calc(100% + 5px);}
    .mproduct__ctrls .btn-next {left: calc(100% + 5px);}
}
@media all and (max-width: 1024px){
    #mproduct {padding: 100px 0;}
    #mproduct .msec-title {margin-bottom: 40px;}
    #mproduct .contents {max-width: calc(100% - 20px);margin: 0 auto;}
    .mproduct__ctrls button {display: block;width: 22px;height: 22px;}
}
@media all and (max-width: 768px){
    .mproduct__ctrls .btn-prev {right: 100%;}
    .mproduct__ctrls .btn-next {left: 100%;}
}


/* ******************* *
* MGLOBAL
* ******************* */
#mglobal {padding: 120px 0;background: #FAFAFA;position: relative;}
#mglobal::before {content: '';max-width: 1035px;width: 100%;aspect-ratio: 69 / 34;background: url(../img/main/mglobal-img_map.png) center center / cover no-repeat;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;}
#mglobal .cinner {position: relative;z-index: 10;}
#mglobal .msec-title {margin-bottom: 86px;}
.mglobal__list {display: flex;}
.mglobal__item {width: 100%;text-align: center;}
.mglobal__ico {width: 100px;margin: 0 auto 10px;}
.mglobal__ico > img {width: 100%;}
.mglobal__num {font-size: 2.50em;font-weight: 700;}
.mglobal__num > span {color: #C73A21;font-size: 1.60em;}
.mglobal__txt {font-size: 1.25em;font-weight: 600;}

@media all and (max-width: 1199px){
    #mglobal::before {width: 88%;}
    .mglobal__num {font-size: 2.20em;}
}
@media all and (max-width: 1024px){
    #mglobal {padding: 100px 0;}
    #mglobal .msec-title {margin-bottom: 60px;}
    .mglobal__ico {width: 85px;}
    .mglobal__num {font-size: 2.0em;}
    .mglobal__num > span {font-size: 1.39em;}
}
@media all and (max-width: 768px){
    .mglobal__ico {width: 70px;}
    .mglobal__num {font-size: 30px;}
}
@media all and (max-width: 640px){
    .mglobal__num {font-size: 28px;}
    .mglobal__num > span {font-size: 36px;}
    .mglobal__txt {font-size: 18px;}
}
@media all and (max-width: 480px){
    #mglobal::before {width: auto;height: 50%;object-fit: cover;top: 50%;left: 50%;right: auto;bottom: auto;transform: translate(-50%, -50%);}
    .mglobal__list {flex-direction: column;gap: 40px;}
}