/* 공통 */
#sub-ex > section{padding-top:150px;}
#sub-ex .gw-title-box {align-items: flex-end;}
#sub-ex .gw-sub-title .gw-tit01 {margin-bottom: 10px;font-size: var(--main-title03);}
#sub-ex .gw-sub-title .gw-tit02 {font-size: var(--main-title01);}
#sub-ex .gw-list-tit {padding-left: 30px;margin-bottom:20px;position: relative;font-size: var(--main-title04);font-weight: 600;letter-spacing: -0.05em;color: #fff;line-height: 1.4;}
#sub-ex .gw-list-tit:before {content: "\e92b";font-family: xeicon;position: absolute;top: 0;left: 0;font-size: var(--main-title04);color: #fff;}
#sub-ex .gw-box-list{display: flex;flex-direction: column;gap: 0.5rem;}
#sub-ex .gw-box-item {padding: 30px;display: flex;gap: 10px;align-items: center;color: #fff;background-color: rgba(255, 255, 255, 0.05);backdrop-filter: blur(0px);border-radius: 20px;}
#sub-ex .gw-box-item .gw-txt01 {font-size: var(--main-text01);letter-spacing: -0.05em;font-weight: 600;line-height: 1.25;}
#sub-ex .gw-box-item .gw-txt02 {font-size: var(--main-text01);letter-spacing: -0.05em;font-weight: 600;line-height: 1.25;}
#sub-ex .gw-box-item .gw-line {padding-bottom: 0;margin: 0 1rem;border-bottom: none;background: rgba(255,255,255,0.5);width: 2px;height: 1rem;}
#sub-ex .gw-gray-box {margin-top: 30px;padding: 30px;border-radius: 20px;background: #f9f9f9;font-size: var(--main-text01);line-height: 1.5;color: #555;}
#sub-ex .gw-gray-box .gw-txt {padding-left: 10px;position: relative;font-size: var(--main-text01);font-weight: 400;letter-spacing: -0.05em;color: #555;line-height: 1.9;box-sizing: border-box;}
#sub-ex .gw-gray-box .gw-txt:before {content: "-";position: absolute;top: 0;left: 0;}
#sub-ex .gw-tab-list{margin:0 auto;padding: 10px;text-align:center;display:flex;gap:10px;align-items:center;width: 40%; border-radius:30px;  backdrop-filter: blur(10px) brightness(1); background: rgba(0, 0, 0, 0.05);}
#sub-ex .gw-tab-list > li{padding:10px 0;display:block; vertical-align:middle; position:relative; background:#fff; width:50%; border-radius:30px; overflow:hidden;cursor: pointer;}
#sub-ex .gw-tab-list > li button{font-weight: 600;color: #000;}
#sub-ex .gw-tab-list > li.selected{background:var(--main-color);}
#sub-ex .gw-tab-list > li.selected button{color:#fff;}

/* 모델설명 */
#sub-ex .gw-modal-info .gw-title-box {display: flex;flex-direction: column;align-items: center;gap: 30px;}
#sub-ex .gw-modal-info .gw-img-box{position: relative;}
#sub-ex .gw-modal-info .gw-flow-wrap{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#sub-ex .gw-modal-info .gw-flow-item {display: flex;white-space: nowrap;overflow: hidden;transition: all 0.3s;font-size: 200px;font-weight: 700;letter-spacing: -0.025em;color: rgba(0,0,0,0.1);line-height: 1.2;text-transform:uppercase;}
#sub-ex .gw-modal-info .gw-flow-item .gw-txt {display: inline-block;padding-right: 7.5rem;animation: flowtext 16s linear infinite;}
@keyframes flowtext {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
#sub-ex .gw-modal-info .gw-img-box .img-box{padding-top:55%;margin:0 auto;position: relative; display: block; width:80%; height:0;}
#sub-ex .gw-modal-info .gw-img-box .img-box > img{position: absolute; left:0; right:0; bottom:0; margin:auto; max-width:100%; object-fit:cover;}
#sub-ex .gw-modal-info .gw-info-list{border-top:3px solid #000;}
#sub-ex .gw-modal-info .gw-info-list .gw-info-item{display: flex;align-items:center;padding:40px; box-sizing:border-box; line-height:1.7; letter-spacing:0; color:#000; border-bottom:1px solid #eee;}
#sub-ex .gw-modal-info .gw-info-list .gw-info-item:last-child{border-color:#000;}
#sub-ex .gw-modal-info .gw-info-list .gw-info-item dt{width:150px;font-size:var(--main-title04); font-weight: 600;letter-spacing:-0.05em;}
#sub-ex .gw-modal-info .gw-info-list .gw-info-item dd{width:calc(100% - 150px);font-size:var(--main-text01); }

/* 최신기술01 */
#sub-ex .gw-modal-technology01{position:relative;width:100vw;height:100vh;background: #151225 url("../../theme/mnauto/img/sub-ex-technology-bg.jpg") center no-repeat;background-size: cover;}
#sub-ex .gw-modal-technology01 .gw-flex{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap:wrap; align-items: center;}
#sub-ex .gw-modal-technology01 .gw-flex > div{position:relative;width: 50%;}
#sub-ex .gw-modal-technology01 .gw-technology-left{display: flex; justify-content: center;}
#sub-ex .gw-modal-technology01 .gw-technology-left .gw-technology-box{padding: 4.08vw; width: 79.16%; max-width: 39.5833vw; height: auto; border-radius: 60px; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(30px); box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
#sub-ex .gw-modal-technology01 .gw-technology-left .gw-txt-box,
#sub-ex .gw-modal-technology01 .gw-technology-left .gw-sub-text{color: #fff;}
#sub-ex .gw-modal-technology01 .gw-technology-left .gw-function-list {display: flex;justify-content: space-between;flex-wrap: wrap;}
#sub-ex .gw-modal-technology01 .gw-technology-left .gw-function-item {display: flex;align-items:center;gap: 10px;width:100%;color: #fff;padding:30px;background-color: rgba(255, 255, 255, 0.05);backdrop-filter: blur(0px);border-radius: 20px;text-align: center;}
#sub-ex .gw-modal-technology01 .gw-technology-left .gw-function-item .gw-txt01 {font-size: var(--main-text01);letter-spacing: -0.05em;font-weight: 600;line-height: 1.3;text-align: left;}

/* 최신기술02 */
#sub-ex .gw-modal-technology02 .gw-technology-list{display: flex;align-items: stretch;gap: 20px;}
#sub-ex .gw-modal-technology02 .gw-technology-item{flex:1;height: auto;}
#sub-ex .gw-modal-technology02 .gw-technology-inner{padding: 3rem; background-color: #F5F5F5; border-radius: 2rem; box-sizing: border-box;height: 100%;}
#sub-ex .gw-modal-technology02 .gw-ico{width: 100%;}
#sub-ex .gw-modal-technology02 .gw-ico img{max-width: 100%;height: 10rem;}
#sub-ex .gw-modal-technology02 .gw-txt-box{margin-top: 5rem; width: 100%;}
#sub-ex .gw-modal-technology02 .gw-txt-box > strong{display: inline-block; font-size: var(--main-title03); font-weight: 700;}
#sub-ex .gw-modal-technology02 .gw-txt-box .gw-txt{margin-top: 1rem; font-size: var(--main-text01); line-height: 1.88; color: rgba(0,0,0,0.5);}

/* 주행거리 */
#sub-ex .gw-modal-distance{position:relative;width:100vw;height:calc(100vh + 300px);background: #151225 url("../../theme/mnauto/img/sub-ex-distance-bg.jpg") center no-repeat;background-size: cover;}
#sub-ex .gw-modal-distance .gw-flex{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap:wrap; align-items: center;}
#sub-ex .gw-modal-distance .gw-flex > div{position:relative;width: 50%;}
#sub-ex .gw-modal-distance .gw-distance-right{margin-left:50%;display: flex; justify-content: center;}
#sub-ex .gw-modal-distance .gw-distance-right .gw-distance-box{padding: 4.08vw; width: 79.16%; max-width: 39.5833vw; height: auto; border-radius: 60px; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(30px); box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
#sub-ex .gw-modal-distance .gw-distance-right .gw-txt-box,
#sub-ex .gw-modal-distance .gw-distance-right .gw-sub-text{color: #fff;}
#sub-ex .gw-modal-distance .gw-distance-list{display: flex;gap:1rem;}
#sub-ex .gw-modal-distance .gw-distance-item {flex:1;display: flex;flex-direction: column;place-content: center;align-items: center;gap: 1rem;padding: 30px;background-color: rgba(255, 255, 255, 0.05);backdrop-filter: blur(0px);border-radius: 20px;text-align: center;}
#sub-ex .gw-modal-distance .gw-distance-item .gw-num{display: flex;align-items: center;justify-content: center;text-indent: -1px;width: 30px;height: 30px;border-radius: 50%;background: var(--main-color);color: #fff;font-family: "Outfit", sans-serif;font-weight: 600;font-size: 14px;}
#sub-ex .gw-modal-distance .gw-distance-item .gw-txt-box {line-height: 1.25;}

/* 오피스 */
#sub-ex .gw-modal-space{position:relative;width:100vw;height:100vh;}
#sub-ex .gw-modal-space .gw-flex{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap:wrap; align-items: center;background:url("../../theme/mnauto/img/sub-ex-space-bg.jpg") center no-repeat;background-size: cover;}
#sub-ex .gw-modal-space .gw-flex > div{position:relative;width: 50%;}
#sub-ex .gw-modal-space .gw-space-left{display: flex; justify-content: center;}
#sub-ex .gw-modal-space .gw-space-left .gw-space-box{padding: 4.08vw; width: 79.16%; max-width: 39.5833vw; height: auto; border-radius: 60px; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(30px); box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
#sub-ex .gw-modal-space .gw-space-left .gw-txt-box,
#sub-ex .gw-modal-space .gw-space-left .gw-sub-text{color: #fff;}

/* 전력 */
#sub-ex .gw-modal-energy-top{position:relative;width:100vw;height:100vh;}
#sub-ex .gw-modal-energy .gw-flex{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap:wrap; align-items: center;background:url("../../theme/mnauto/img/sub-ex-energy-bg.jpg") center no-repeat;background-size: cover;}
#sub-ex .gw-modal-energy .gw-flex > div{position:relative;width: 50%;}
#sub-ex .gw-modal-energy .gw-energy-right {margin-left: 50%;display: flex;justify-content: center;}
#sub-ex .gw-modal-energy .gw-energy-right .gw-energy-box{padding: 4.08vw; width: 79.16%; max-width: 39.5833vw; height: auto; border-radius: 60px; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(30px); box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
#sub-ex .gw-modal-energy .gw-energy-right .gw-txt-box,
#sub-ex .gw-modal-energy .gw-energy-right .gw-sub-text{color: #fff;}
#sub-ex .gw-modal-energy .gw-box-list{flex-direction: row;}
#sub-ex .gw-modal-energy .gw-box-item{flex: 1;place-content:center;}
#sub-ex .gw-modal-energy .gw-modal-energy-bottom .gw-sub-text {position: relative;padding-left: 1rem;font-size: var(--main-text01);}
#sub-ex .gw-modal-energy .gw-modal-energy-bottom .gw-sub-text:not(:last-child) {margin-bottom: 1rem;}
#sub-ex .gw-modal-energy .gw-modal-energy-bottom .gw-sub-text:before {position: absolute;content: '▪';top: 0;left: 0;}

/* 직관적인 외관 */
#sub-ex .gw-exterior-swiper .swiper-slide {border-radius:30px;}
#sub-ex .gw-exterior-swiper .gw-exterior-item {position: relative;border-radius: 30px;}
#sub-ex .gw-exterior-swiper .gw-exterior-item .bg {width: 100%; display: block; border-radius: 30px;}
#sub-ex .gw-exterior-swiper .gw-exterior-item .bg > img{width: 100%;height: 100%;object-fit: cover;}
#sub-ex .gw-exterior-swiper .gw-exterior-item .gw-tit {font-size:var(--main-title03); letter-spacing:-0.05em; color: #fff; font-weight: 700; line-height:1.3;}
#sub-ex .gw-exterior-swiper .gw-exterior-item .gw-txt-box {position:absolute; bottom: 0; width: 100%; padding: 0 var(--gw-padding) var(--gw-padding); box-sizing:border-box;}
#sub-ex .gw-exterior-swiper .gw-exterior-item .gw-txt{font-size:var(--main-text01); letter-spacing:-0.05em; color: rgba(255,255,255,0.8); line-height:1.5; margin-top: 20px;min-height:81px;}
#sub-ex .gw-exterior-pagination {margin-top:50px;position:relative;text-align: center;bottom: 0 !important;}
#sub-ex .gw-exterior-pagination .swiper-pagination-bullet {display:inline-block; width: 50px; height: 5px; background: rgba(0,0,0,0.1); border-radius:0; margin: 0 3px; opacity: 1;}
#sub-ex .gw-exterior-pagination .swiper-pagination-bullet-active {background: #000;}

/* 안전기능01 */
#sub-ex .gw-modal-safety01{position:relative;width:100vw;height:calc(100vh + 300px);background: #151225 url("../../theme/mnauto/img/sub-ex-safety-bg.jpg") center no-repeat;background-size: cover;}
#sub-ex .gw-modal-safety01 .gw-flex{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap:wrap; align-items: center;}
#sub-ex .gw-modal-safety01 .gw-flex > div{position:absolute;}
#sub-ex .gw-modal-safety01 .gw-safety-left{width:100%;height:100%;}
#sub-ex .gw-modal-safety01 .gw-safety-left .gw-circle{position: absolute;top: 280px;left: 28%;transform: translateX(-50%);width: 680px;height: 680px;}
#sub-ex .gw-modal-safety01 .gw-safety-left .gw-circle .gw-img{position: absolute;}
#sub-ex .gw-modal-safety01 .gw-safety-left .gw-circle .gw-txt {padding-left:2rem;position: absolute;bottom: 5rem;left: 50%;z-index:1;transform: translateX(-50%);color: #fff;font-size: var(--main-title03);letter-spacing: -0.05em;font-weight: 700;line-height: 1.3;text-align: center;width: 100%;}
#sub-ex .gw-modal-safety01 .gw-safety-left .gw-circle span{position: absolute;display: block; border:1px solid #fff; width:680px; height:680px; border-radius:100%; animation:gw-circle-ani 2.1s 0s infinite; opacity:0;}
#sub-ex .gw-modal-safety01 .gw-safety-left .gw-circle span:nth-child(2){animation-delay:0.7s}
#sub-ex .gw-modal-safety01 .gw-safety-left .gw-circle span:nth-child(3){animation-delay:1.4s}
#sub-ex .gw-modal-safety01 .gw-safety-right{width: 50%;margin-left:50%;display: flex; justify-content: center;}
#sub-ex .gw-modal-safety01 .gw-safety-right .gw-safety-box{padding: 4.08vw; width: 79.16%; max-width: 39.5833vw; height: auto; border-radius: 60px; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(30px); box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
#sub-ex .gw-modal-safety01 .gw-safety-right .gw-txt-box,
#sub-ex .gw-modal-safety01 .gw-safety-right .gw-sub-text{color: #fff;}
#sub-ex .gw-modal-safety01 .gw-safety-right .safety-container{overflow: hidden;}
#sub-ex .gw-modal-safety01 .gw-safety-right .swiper-slide{padding:30px;background-color: rgba(255, 255, 255, 0.05); backdrop-filter: blur(0px);border-radius: 20px;}
#sub-ex .gw-modal-safety01 .gw-safety-right .slide-img {height: 140px;}
#sub-ex .gw-modal-safety01 .gw-safety-right .slide-caption {margin-top:1rem;color: rgba(255,255,255,0.7);text-align: center;line-height: 1.3;letter-spacing: -0.02em;font-weight:300;}
#sub-ex .gw-modal-safety01 .gw-safety-right .slide-caption > strong{display:block;font-weight: 700;font-size: var(--main-text01);color: #fff;}
#sub-ex .gw-modal-safety01 .gw-safety-right .swiper-pagination {bottom: 30px !important;}
#sub-ex .gw-modal-safety01 .gw-safety-right .swiper-pagination span {display: inline-block;margin: 0 4.5px;width: 50px;height: 5px;background: rgba(255,255,255,0.1);border-radius: 0;opacity: 1;}
#sub-ex .gw-modal-safety01 .gw-safety-right .swiper-pagination span.swiper-pagination-bullet-active {background: #fff;}
@keyframes gw-circle-ani{
    0%{transform:scale(1); opacity: 0.7;}
    100%{transform:scale(1.5); opacity:0;}
}


/* 안전기능02 */
#sub-ex .gw-modal-safety02 .gw-safety02-list{display: flex;align-items: stretch;gap: 20px;}
#sub-ex .gw-modal-safety02 .gw-safety02-item{flex:1;height: auto;}
#sub-ex .gw-modal-safety02 .gw-safety02-inner{padding: 3rem; background-color: #F5F5F5; border-radius: 2rem; box-sizing: border-box;height: 100%;}
#sub-ex .gw-modal-safety02 .gw-ico{width: 100%;}
#sub-ex .gw-modal-safety02 .gw-ico img{max-width: 100%; height: 10rem;}
#sub-ex .gw-modal-safety02 .gw-txt-box{margin-top: 2rem; width: 100%;}
#sub-ex .gw-modal-safety02 .gw-txt-box > strong{display: inline-block; font-size: var(--main-title03); font-weight: 700;}
#sub-ex .gw-modal-safety02 .gw-txt-box .gw-txt{margin-top: 1rem; font-size: var(--main-text01); line-height: 1.88; color: rgba(0,0,0,0.5);}
#sub-ex .gw-modal-safety02 .gw-gray-box {padding: 0;background: transparent;}

/* 라인업 */
#sub-ex .gw-lineup-list {display:flex;}
#sub-ex .gw-lineup-list > li {padding: 4rem 0;display:flex;flex-direction:column;gap:3rem;position: relative; background: #f1f1f1; width: calc((100% - 3rem) / 2); margin-right: 1rem; text-align:center; max-height: 50rem;}
#sub-ex .gw-lineup-list > li:last-of-type {margin-right: 0;}
#sub-ex .gw-lineup-list .gw-txt-box {text-align:center;}
#sub-ex .gw-lineup-list .gw-txt-box > strong{font-size:var(--main-title03); letter-spacing:-0.025em; color: #000; font-weight: 700; }
#sub-ex .gw-lineup-list .gw-txt-box > p{font-size:var(--main-text01); letter-spacing:-0.055em; color:rgba(0,0,0,0.5); font-weight: 500; margin-top: 7px; line-height:1.1;}
#sub-ex .gw-lineup-list .gw-img {margin: 0 auto;width: 60%;}
#sub-ex .gw-lineup-list .gw-img > img {width:100%;object-fit: cover;}

/* 360 외관 */
#sub-ex [class*="gw-modal-360exterior-box"]{position:relative;width:100vw;height: 100vh;background: linear-gradient(90deg, #8190b8 0%, #c7cddf 100%);}
#sub-ex [class*="gw-modal-360exterior-box"] .gw-txt-box{position: absolute;top: 100px;left: 50%;transform: translateX(-50%);color: #fff;width: var(--gw-width);}
#sub-ex [class*="gw-modal-360exterior-box"] .gw-sub-text{color: rgba(255,255,255,0.8);text-align: right;}
#sub-ex [class*="gw-modal-360exterior-box"] .gw-360btn {position: absolute;bottom: 124px;left: 50%;transform: translateX(-50%);padding: 10px 0;display: block;vertical-align: middle;background: hsla(0,0%,100%,.55);width: calc(11% - 8px);border-radius: 30px;overflow: hidden;font-weight: 600;text-align: center;backdrop-filter: blur(10px);border: 1px solid #fff;box-shadow: 0 3px 6px 0 rgba(0,0,0,.05);}
#sub-ex .gw-modal-360exterior .gw-tab-list{width: 20%;}
#sub-ex .gw-modal-360exterior .gw-tab-list > li{width: 100%;}
#gw-modal-360exterior01-car360{width:100%;height: 100%;cursor: move;touch-action: none;}
#gw-modal-360exterior01-car360 > img{display:block;width: 100%;height: 100%;object-fit: cover;}

/* 외형 */
#sub-ex [class*="gw-modal-appearance-box"]{position:relative;width:100vw;height:calc(100vh - 170px);}
#sub-ex [class*="gw-modal-appearance-box"] .gw-flex{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap:wrap; align-items: center;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-num{display: flex; align-items:center; justify-content:center;text-indent: -1px; width:2rem; height:2rem; border-radius:50%; background:var(--main-color);color:#fff;font-family: "Outfit", sans-serif; font-weight: 600;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-left{z-index: 1;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-left .gw-number-box{position:absolute;inset: 0; width: 100%;height: 100%;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-left .gw-number-box  .gw-num{position:absolute; left: var(--x);top: var(--y); transform: translate(-50%, -50%);z-index: 2;cursor: pointer;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-left .gw-number-box > div:after{content:""; position: absolute;left: 50%; top: 50%;margin-top:-15px;margin-left:-15px;width:2rem; height:2rem;background: #fff; animation:gw-circle02-ani 1s 0s linear infinite ; border-radius:100%;}
@keyframes gw-circle02-ani{
    0%{transform:scale(1);}
    100%{transform:scale(2.2); opacity:0;}
}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right{position:absolute;right:0;z-index:1;width: 50%;display: flex; justify-content: center;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-appearance-box{padding: 4.08vw; width: 79.16%; max-width: 39.5833vw;border-radius: 60px; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(30px); box-sizing: border-box;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-appearance-item {display:none;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-appearance-item01{display: block;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-appearance-inner {display:flex;flex-direction: column;justify-content: space-between;gap:2rem;height: 100%;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-img-box{padding:30px;background-color: rgba(255, 255, 255, 0.05); backdrop-filter: blur(0px);border-radius: 20px;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-img {height: 200px;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-caption {display:flex;flex-direction:column;gap: 1rem;color: #fff;line-height: 1.3;letter-spacing: -0.02em;font-weight:300;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-caption .gw-tit-box{display: flex;gap: 0.5rem;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-caption .gw-tit-box .gw-num{background: rgba(255,255,255,0.3);}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-caption .gw-tit{font-size: var(--main-title03);letter-spacing: -0.025em;color: #fff;font-weight: 700;width: calc(100% - 2rem);}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-caption .gw-txt {position: relative;padding-left: 1rem;font-size: var(--main-text01);line-height: 1.875;letter-spacing: -0.05em;color: #fff;font-weight: 400;word-break: auto-phrase;transition: all 0.4s;}
#sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-caption .gw-txt:before {position: absolute;content: '▪';top: 0;left: 0;}
#sub-ex .gw-modal-appearance-box01 .gw-appearance-left{position:relative;width: 100%;height:100%;background: url("../../theme/mnauto/img/sub-ex-appearance-box01-bg.jpg") no-repeat;background-size: cover;}
#sub-ex .gw-modal-appearance-box01 .gw-num01 {--x: 38vw;--y: 23%;}
#sub-ex .gw-modal-appearance-box01 .gw-num02 {--x: 24.5vw;--y: 29%;}
#sub-ex .gw-modal-appearance-box01 .gw-num03 {--x: 38vw;--y: 43%;}
#sub-ex .gw-modal-appearance-box01 .gw-num04 {--x: 16vw;--y: 54%;}
#sub-ex .gw-modal-appearance-box01 .gw-num05 {--x: 19vw;--y: 67%;}
#sub-ex .gw-modal-appearance-box01 .gw-num06 {--x: 24vw;--y: 88%;}
#sub-ex .gw-modal-appearance-box01 .gw-num07 {--x: 42.5vw;--y: 77%;}
#sub-ex .gw-modal-appearance-box01 .gw-num08 {--x: 20vw;--y: 38%;}
#sub-ex .gw-modal-appearance-box02{display: none;}
#sub-ex .gw-modal-appearance-box02 .gw-appearance-left{position:relative;width: 100%;height:100%;background: url("../../theme/mnauto/img/sub-ex-appearance-box02-bg.jpg") no-repeat;background-size: cover;}
#sub-ex .gw-modal-appearance-box02 .gw-num01 {--x: 43vw;--y: 35%;}
#sub-ex .gw-modal-appearance-box02 .gw-num02 {--x: 25.5vw;--y: 51%;}
#sub-ex .gw-modal-appearance-box02 .gw-num03 {--x: 38vw;--y: 50%;}
#sub-ex .gw-modal-appearance-box02 .gw-num04 {--x: 39.5vw;--y: 57%;}
#sub-ex .gw-modal-appearance-box02 .gw-num05 {--x: 44.5vw;--y: 61%;}
#sub-ex .gw-modal-appearance-box02 .gw-num06 {--x: 39vw;--y: 79%;}

/* 실내 */
#sub-ex [class*="gw-modal-indoor-box"]{position:relative;width:100vw;height:calc(100vh - 170px);}
#sub-ex [class*="gw-modal-indoor-box"] .gw-flex{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap:wrap; align-items: center;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-num{display: flex; align-items:center; justify-content:center;text-indent: -1px; width:2rem; height:2rem; border-radius:50%; background:var(--main-color);color:#fff;font-family: "Outfit", sans-serif; font-weight: 600;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-left{z-index: 1;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-left .gw-number-box{position:absolute;inset: 0;z-index: 3;width: 100%;height: 100%;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-left .gw-number-box .gw-num{ position: absolute;left: var(--x);top: var(--y);transform: translate(-50%, -50%);z-index: 4;cursor: pointer;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-left .gw-number-box > div:after{content:""; position: absolute;left: 50%; top: 50%;margin-top:-15px;margin-left:-15px;width:30px; height:30px;background: #fff; animation:gw-circle02-ani 1s 0s linear infinite ; border-radius:100%;}
@keyframes gw-circle02-ani{
    0%{transform:scale(1);}
    100%{transform:scale(2.2); opacity:0;}
}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right{position:absolute;right:0;z-index:1;width: 50%;display: flex; justify-content: center;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-indoor-box{padding: 4.08vw; width: 79.16%; max-width: 39.5833vw;border-radius: 60px; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(30px); box-sizing: border-box;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-indoor-item {display:none;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-indoor-item01{display: block;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-indoor-inner {display:flex;flex-direction: column;justify-content: space-between;gap:2rem;height: 100%;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-img-box{padding:30px;background-color: rgba(255, 255, 255, 0.05); backdrop-filter: blur(0px);border-radius: 20px;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-img {height: 200px;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-caption {display:flex;flex-direction:column;gap: 1rem;color: #fff;line-height: 1.3;letter-spacing: -0.02em;font-weight:300;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-caption .gw-tit-box{display: flex;gap: 0.5rem;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-caption .gw-tit-box .gw-num{background: rgba(255,255,255,0.3);}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-caption .gw-tit{ font-size: var(--main-title03);letter-spacing: -0.025em;color: #fff;font-weight: 700;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-caption .gw-txt {position: relative;padding-left: 1rem;font-size: var(--main-text01);line-height: 1.875;letter-spacing: -0.05em;color: #fff;font-weight: 400;word-break: auto-phrase;transition: all 0.4s;}
#sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-caption .gw-txt:before {position: absolute;content: '▪';top: 0;left: 0;}
#sub-ex .gw-modal-indoor-box01 .gw-indoor-left{position:relative;width: 100%;height:100%;background: url("../../theme/mnauto/img/sub-pro-indoor-box01-bg.jpg") no-repeat;background-size: cover;}
#sub-ex .gw-modal-indoor-box01 .gw-num01 {--x: 30vw; --y: 44%;}
#sub-ex .gw-modal-indoor-box01 .gw-num02 {--x: 26vw; --y: 53%;}
#sub-ex .gw-modal-indoor-box01 .gw-num03 {--x: 44vw; --y: 38%;}
#sub-ex .gw-modal-indoor-box01 .gw-num04 {--x: 44vw; --y: 64%;}
#sub-ex .gw-modal-indoor-box01 .gw-num05 {--x: 49vw; --y: 85%;}
#sub-ex .gw-modal-indoor-box01 .gw-num06 {--x: 27vw; --y: 85%;}
#sub-ex .gw-modal-indoor-box01 .gw-num07 {--x: 37.5vw; --y: 85%;}
#sub-ex .gw-modal-indoor-box01 .gw-num08 {--x: 42.5vw; --y: 77%;}
#sub-ex .gw-modal-indoor-box01 .gw-num09 {--x: 49vw; --y: 49%;}
#sub-ex .gw-modal-indoor-box01 .gw-num10 {--x: 18vw; --y: 43%;}
#sub-ex .gw-modal-indoor-box02{display:none;}
#sub-ex .gw-modal-indoor-box02 .gw-indoor-left{position:relative;width: 100%;height:100%;background: url("../../theme/mnauto/img/sub-pro-indoor-box02-bg.jpg") no-repeat;background-size: cover;}
#sub-ex .gw-modal-indoor-box02 .gw-num01 {--x: 22vw; --y: 36%;}
#sub-ex .gw-modal-indoor-box02 .gw-num02 {--x: 29vw; --y: 7%;}
#sub-ex .gw-modal-indoor-box02 .gw-num03 {--x: 42vw; --y: 35%;}
#sub-ex .gw-modal-indoor-box02 .gw-num04 {--x: 44vw; --y: 54%;}
#sub-ex .gw-modal-indoor-box02 .gw-num05 {--x: 37.5vw; --y: 73%;}
#sub-ex .gw-modal-indoor-box02 .gw-num06 {--x: 44vw; --y: 78%;}
#sub-ex .gw-modal-indoor-box02 .gw-num07 {--x: 42.5vw; --y: 93%;}
#sub-ex .gw-modal-indoor-box02 .gw-num08 {--x: 12.5vw; --y: 65%;}
#sub-ex .gw-modal-indoor-box02 .gw-num09 {--x: 42vw; --y: 64%;}
#sub-ex .gw-modal-indoor-box02 .gw-num10 {--x: 54vw; --y: 95%;}
#sub-ex .gw-modal-indoor-box03{display: none;}
#sub-ex .gw-modal-indoor-box03 .gw-indoor-left{position:relative;width: 100%;height:100%;background: url("../../theme/mnauto/img/sub-pro-indoor-box03-bg.jpg") no-repeat;background-size: cover;}
#sub-ex .gw-modal-indoor-box03 .gw-num01 {--x: 21vw; --y: 9%;}
#sub-ex .gw-modal-indoor-box03 .gw-num02 {--x: 31vw; --y: 29%;}
#sub-ex .gw-modal-indoor-box03 .gw-num03 {--x: 43vw; --y: 28%;}
#sub-ex .gw-modal-indoor-box03 .gw-num04 {--x: 43vw; --y: 68%;}
#sub-ex .gw-modal-indoor-box03 .gw-num05 {--x: 26vw; --y: 65%;}
#sub-ex .gw-modal-indoor-box03 .gw-num06 {--x: 32vw; --y: 73%;}
/* 1회 충전 주행거리 */
#sub-ex .gw-modal-charge .gw-sub-text {font-size: 16px;}
#sub-ex .gw-modal-charge .gw-sub-table-wrap .gw-sub-table01 tbody tr td{font-family: "Outfit", sans-serif;}
#sub-ex .gw-modal-charge .gw-sub-table-wrap .gw-sub-table01 tbody tr .gw-bg{background: #f9f9f9;font-weight:600;color:#000;}

/* 이티밴프로 2인승 + 4인승 치수 */
#sub-ex .gw-modal-size .gw-sub-text {font-size: 16px;}
#sub-ex .gw-modal-size .gw-img-list{margin: 0 -10px; display: flex; flex-wrap:wrap;}
#sub-ex .gw-modal-size .gw-img-item{margin: 0 10px; padding: 40px; width: calc(33.33% - 20px); background-color: #F5F5F5; border-radius: 20px; box-sizing: border-box;}
#sub-ex .gw-modal-size .gw-img{position: relative; width: 100%; height: 0; padding-top: 66.66%; border-radius: 20px; background-color: #fff; overflow: hidden;}
#sub-ex .gw-modal-size .gw-img img{position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%;}
#sub-ex .gw-modal-size .gw-txt{margin-top: 25px; font-size: var(--main-text01); line-height: 1.3; font-weight: 700;text-align: center;}
#sub-ex .gw-modal-seat04 .gw-img-item {width: 100%;}
#sub-ex .gw-modal-seat04 .gw-img {padding-top: 20%;}

/* 품질보증 */
#sub-ex .gw-modal-guarantee .gw-guarantee-con dl dt {padding-left: 30px;position: relative;font-size: var(--main-title04);font-weight: 600;letter-spacing: -0.05em;color: #000;line-height: 1.4;}
#sub-ex .gw-modal-guarantee .gw-guarantee-con dl dt:before {content: "\e92b";font-family: xeicon;position: absolute;top: 0;left: 0;font-size: var(--main-title04);color: #000;}
#sub-ex .gw-modal-guarantee .gw-guarantee-con dl dd {padding-top: 7px;padding-left:30px;}
#sub-ex .gw-modal-guarantee .gw-guarantee-con dl dd .gw-txt {padding-left: 10px;position: relative;font-size: var(--main-text01);font-weight: 400;letter-spacing: -0.05em;color: #555;line-height: 1.9;box-sizing: border-box;}
#sub-ex .gw-modal-guarantee .gw-guarantee-con dl dd .gw-txt:before {content: "-";position: absolute;top: 0;left: 0;}

/* 모빌리티약속 */
#sub-ex .gw-modal-promise .gw-btn-container > a{margin: 0 auto;}
#sub-ex .gw-promise-con-box {margin-top: 40px;display: flex;flex-wrap:wrap;gap:20px;}
#sub-ex .gw-promise-con-box .gw-con {display: flex;flex-direction: column;align-items: center;gap: 30px;width: calc((100% - 20px) / 2);border-radius: 20px;background: #fff;box-shadow: 0 15px 40px 0 rgba(0,0,0,0.15);padding: 50px 40px;text-align: center;}
#sub-ex .gw-promise-con-box .gw-icon-box {display: flex;align-items: center;place-content: center;width: 100px;height: 100px;border-radius: 100%;background: #f8f8f8;}
#sub-ex .gw-promise-con-box .gw-icon-box > img {width: 70%;}
#sub-ex .gw-promise-tit {font-size: var(--main-title03);letter-spacing: -0.072em;line-height: 1.25;font-weight: 700;}
#sub-ex .gw-promise-txt {margin-top: 20px;font-size: var(--main-text01);letter-spacing: -0.045em;color: #666;line-height: 1.7em;}

/* 다른모델 */
#sub-ex .gw-modal-other {text-align: center; padding: 130px 0 135px; background: url('../../theme/mnauto/img/sub-ex-modal-other-bg.jpg')no-repeat center/cover; box-shadow:5px 5px 30px rgba(0,0,0,0.1);}
#sub-ex .gw-modal-other .gw-sub-title {font-size: var(--main-title02); font-weight: 700; letter-spacing: -0.05em; color: #fff; line-height: 1.3;}
#sub-ex .gw-modal-other .gw-btn01 {width: 320px; height: 80px; margin: 0 auto; background: #fff; padding: 0 40px; align-items:center;box-sizing: border-box; border-radius: 40px; border:none;font-size: var(--main-title04); font-weight: 700; letter-spacing: -0.05em; color: #000; line-height: 1.3;}
#sub-ex .gw-modal-other .gw-btn01  i {font-size: var(--main-title04);}
#sub-ex .gw-modal-other .gw-btn01:hover{color: #fff;}

/* 상담하기 */
.bottom  #gw-sticky-inquiry{bottom: -110px;transition: bottom 0.3s ease;}
#gw-sticky-inquiry {position: fixed;bottom: 0;left: 0;right: 0;z-index: 1000;padding: 10px;transition: all 0.2s linear;}
#gw-sticky-inquiry .gw-inquiry-bar {display: flex;justify-content: center;align-items:center;position: relative;height: 90px;border-radius: 15px;background: var(--main-color);}
#gw-sticky-inquiry .gw-inquiry-bar .gw-left{color: #fff;}
#gw-sticky-inquiry .gw-inquiry-bar .gw-left .gw-txt-box {position: relative;padding: 0 46px;}
#gw-sticky-inquiry .gw-inquiry-bar .gw-left .gw-txt01 {font-size: 30px;line-height: 1.5;letter-spacing: -0.02em;font-weight: 600;}
#gw-sticky-inquiry .gw-inquiry-bar .gw-left .gw-txt02{color: rgba(255, 255, 255, 0.6);}
#gw-sticky-inquiry .gw-inquiry-bar .gw-right .gw-btn01 {color: #fff;border-color: #fff;max-width:initial;}

/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1600px){
    /* 외형 */
    #sub-ex .gw-modal-appearance-box01 .gw-appearance-left{background-position:-1vw;}
    #sub-ex .gw-modal-appearance-box02 .gw-appearance-left{background-position:-1rem;}

    /* 실내 */
    #sub-ex .gw-modal-indoor-box01 .gw-indoor-left{background-position:-1vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num05{--x:51vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-indoor-left{background-position:-2vw;}
    #sub-ex .gw-modal-indoor-box03 .gw-indoor-left{background-position:-2vw;}
}

@media screen and (max-width:1500px){
    /* 영상 */
    #sub-ex .video{width: 80%;height: 40vw;}
    #sub-ex .video > iframe {height: 100%;}

    /* 최신기술 01 */
    #sub-ex .gw-modal-technology01 .gw-technology-left .gw-technology-box{padding:3vw;width:85%;max-width:50vw;height:auto;}

    /* 주행거리 */
    #sub-ex .gw-modal-distance{height: 100vh;}
    #sub-ex .gw-modal-distance .gw-distance-left .gw-distance-box{padding:3vw 3vw 5vw;width:85%;max-width:50vw;height:auto;}

    /* 공간 */
    #sub-ex .gw-modal-space{height: 100vh;}
    #sub-ex .gw-modal-space .gw-space-right .gw-space-box{padding:3vw 3vw 5vw;width:85%;max-width:50vw;height:auto;}

    /* 전력 */
    #sub-ex .gw-modal-energy .gw-energy-left .gw-energy-box{padding:3vw 3vw 5vw;width:85%;max-width:50vw;height:auto;}

    /* 편의 */
    #sub-ex .gw-exterior-pagination .swiper-pagination-bullet{margin:0 0.2rem;width: 1.5rem;}

    /* 안전기능 01 */
    #sub-ex .gw-modal-safety01{height: 100vh;}
    #sub-ex .gw-modal-safety01 .gw-safety-left .gw-circle{top:63px;}
    #sub-ex .gw-modal-safety01 .gw-safety-right .gw-safety-box{padding:3vw 3vw 5vw;width:85%;max-width:50vw;gap: 0;}
    #sub-ex .gw-modal-safety01 .gw-safety-right .swiper-slide{padding: 20px;}
    #sub-ex .gw-modal-safety01 .gw-safety-right .slide-img{height: 8rem;}
    #sub-ex .gw-modal-safety01 .gw-safety-right .swiper-pagination{bottom: 2rem !important;left:50%;transform:translateX(-50%);width: calc(100% - 40px);}
    #sub-ex .gw-modal-safety01 .gw-safety-right .swiper-pagination span{margin:0 0.2rem;width: 1.5rem;}

    /* 360 */
    #sub-ex [class*="gw-modal-360exterior-box"] .gw-txt-box{width: calc(100% - 40px);}

    /* 외형 */
    #sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-appearance-box{padding:3vw;width:85%;max-width:50vw;gap: 0;}
    #sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-img-box{padding: 20px;}
    #sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-img{height:11rem;}
    #sub-ex .gw-modal-appearance-box01 .gw-num02{--x:26.5vw;}
    #sub-ex .gw-modal-appearance-box01 .gw-num05{--x:21vw;}
    #sub-ex .gw-modal-appearance-box01 .gw-num06{--x:26vw;}
    #sub-ex .gw-modal-appearance-box01 .gw-num07{--x:46.5vw;}
    #sub-ex .gw-modal-appearance-box01 .gw-num08{--x:22vw;}
    #sub-ex .gw-modal-appearance-box02 .gw-num02{--x:27.5vw;}
    #sub-ex .gw-modal-appearance-box02 .gw-num03{--x:41vw;}
    #sub-ex .gw-modal-appearance-box02 .gw-num04{--x:43.5vw;}
    #sub-ex .gw-modal-appearance-box02 .gw-num05{--x:48.5vw;}

    /* 실내 */
    #sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-indoor-box{padding:3vw;width:85%;max-width:50vw;gap: 0;}
    #sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-img-box{padding: 20px;}
    #sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-img{height:11rem;}
    #sub-ex .gw-modal-indoor-box01 .gw-indoor-left{background-position:-5vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-indoor-left{background-position:-5vw;}
    #sub-ex .gw-modal-indoor-box03 .gw-indoor-left{background-position:-5vw;}
    #sub-ex .gw-modal-indoor-box03 .gw-num06{--x:30vw;}
}

@media screen and (max-width:1440px){
    /* 외형 */
    #sub-ex .gw-modal-appearance-box01 .gw-appearance-left{background-position:-3vw;}
    #sub-ex .gw-modal-appearance-box02 .gw-appearance-left{background-position:-3vw;}
    #sub-ex .gw-modal-appearance-box02 .gw-num05{--x:49.5vw;}

    /* 실내 */
    #sub-ex .gw-modal-indoor-box01 .gw-num04{--x:47vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num05{--x:53vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num08{--x:45.5vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num10{--x:15vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num03{--x:44vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num04{--x:47vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num05{--x:39.5vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num06{--x:48vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num08{--x:9.5vw;}
    #sub-ex .gw-modal-indoor-box03 .gw-num03{--x:45vw;}
    #sub-ex .gw-modal-indoor-box03 .gw-num04{--x:46vw;}
}

@media screen and (max-width:1280px){
    .gw-sub-title{margin-bottom:1rem !important;}
    .gw-sub-text{font-size: 20px;}
    .gw-pb-150{padding-bottom:5rem !important;}

    #sub-ex > section{padding-top:5rem;}
    #sub-ex .gw-title-box{align-items: flex-start;flex-direction: column;}

    /* 최신기술 01 */
    #sub-ex .gw-modal-technology01{padding:5rem 0;height:auto;background: #000;}
    #sub-ex .gw-modal-technology01 .gw-flex{position: relative;}
    #sub-ex .gw-modal-technology01 .gw-flex > div{width: 100%;}
    #sub-ex .gw-modal-technology01 .gw-technology-left .gw-technology-box{padding:2rem;width: calc(100% - 40px);max-width:100%;}

    /* 주행거리 */
    #sub-ex .gw-modal-distance{padding:5rem 0;height:auto;}
    #sub-ex .gw-modal-distance .gw-flex{position: relative;}
    #sub-ex .gw-modal-distance .gw-flex > div{width: 100%;}
    #sub-ex .gw-modal-distance .gw-distance-right{margin-left: 0;}
    #sub-ex .gw-modal-distance .gw-distance-right .gw-distance-box{padding:2rem;width: calc(100% - 40px);max-width:100%;}

    /* 공간 */
    #sub-ex .gw-modal-space{height:auto;}
    #sub-ex .gw-modal-space .gw-flex{padding:5rem 0 !important;position: relative;}
    #sub-ex .gw-modal-space .gw-flex > div{width: 100%;}
    #sub-ex .gw-modal-space .gw-space-left .gw-space-box{padding:2rem;width: calc(100% - 40px);max-width:100%;}

    /* 전력 */
    #sub-ex .gw-modal-energy-top{height:auto;}
    #sub-ex .gw-modal-energy .gw-flex{padding:5rem 0 !important;position: relative;}
    #sub-ex .gw-modal-energy .gw-flex > div{width: 100%;}
    #sub-ex .gw-modal-energy .gw-energy-right{margin-left: 0;}
    #sub-ex .gw-modal-energy .gw-energy-right .gw-energy-box{padding:2rem;width: calc(100% - 40px);max-width:100%;}

    /* 최신기술 02 */
    #sub-ex .gw-modal-technology02 .gw-technology-inner{padding: 2rem;}
    #sub-ex .gw-modal-technology02 .gw-txt-box{margin-top: 2rem;}
    #sub-ex .gw-modal-technology02 .gw-ico img{height: 6rem;}

    /* 안전기능 01 */
    #sub-ex .gw-modal-safety01{height: auto;padding-bottom: 5rem;}
    #sub-ex .gw-modal-safety01 .gw-flex{position:relative;}
    #sub-ex .gw-modal-safety01 .gw-flex > div{position:relative;}
    #sub-ex .gw-modal-safety01 .gw-safety-left{height:80vh;}
    #sub-ex .gw-modal-safety01 .gw-safety-left .gw-circle {top: 0;left: 50%;}
    #sub-ex .gw-modal-safety01 .gw-safety-left .gw-circle .gw-txt{padding-left: 0;}
    #sub-ex .gw-modal-safety01 .gw-safety-right{margin-left:0;width:100%;}
    #sub-ex .gw-modal-safety01 .gw-safety-right .gw-safety-box{padding:2rem;width: calc(100% - 40px);max-width:100%;}
    #sub-ex .gw-modal-safety01 .gw-safety-right .swiper-pagination{bottom:-30px !important;width: 100%;}

    /* 안전기능 02 */
    #sub-ex .gw-modal-safety02 .gw-safety02-inner{padding: 2rem;}
    #sub-ex .gw-modal-safety02 .gw-ico img{height: 6rem;}

    /* 360 */
    #sub-ex [class*="gw-modal-360exterior-box"]{height: auto;}
    #sub-ex [class*="gw-modal-360exterior-box"] .gw-360btn{bottom: 3rem;}

    /* 외형 */
    #sub-ex [class*="gw-modal-appearance-box"]{height: calc(100vh - 250px);}
    #sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-appearance-box{padding:2rem;}

    /* 실내 */
    #sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-indoor-box{padding:2rem;}
    #sub-ex .gw-modal-indoor-box01 .gw-indoor-left{background-position:-12vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num04{--x:47vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num05{--x:54vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num08{--x:44.5vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num10{--x:12vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-indoor-left{background-position:-10vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num01{--x:20vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num08{--x:6.5vw;}
    #sub-ex .gw-modal-indoor-box03 .gw-indoor-left{background-position:-10vw;}

    /* 치수 */
    #sub-ex .gw-modal-size .gw-img-item{padding: 20px;}
}

@media screen and (max-width:1200px){
    /* 외형 */
    #sub-ex [class*="gw-modal-appearance-box"]{height: auto;}
    #sub-ex [class*="gw-modal-appearance-box"] .gw-flex{position: relative;}
    #sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-left{height: 100vh;}
    #sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-left .gw-number-box{width: 100%;}
    #sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right{position:relative;padding:3rem 20px;width:100%;height: auto;background: #000;}
    #sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-appearance-box{width: 100%;max-width:100%;}
    #sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-img-box{order: -1;}
    #sub-ex .gw-modal-appearance-box01 .gw-num01{--x:58vw;}
    #sub-ex .gw-modal-appearance-box01 .gw-num02{--x:39.5vw;}
    #sub-ex .gw-modal-appearance-box01 .gw-num03{--x:71vw;}
    #sub-ex .gw-modal-appearance-box01 .gw-num04{--x:26vw;}
    #sub-ex .gw-modal-appearance-box01 .gw-num05{--x:32vw;}
    #sub-ex .gw-modal-appearance-box01 .gw-num06{--x:40vw;}
    #sub-ex .gw-modal-appearance-box01 .gw-num07{--x:71.5vw;}
    #sub-ex .gw-modal-appearance-box01 .gw-num08{--x:34vw;}
    #sub-ex .gw-modal-appearance-box02 .gw-num01{--x:66vw;}
    #sub-ex .gw-modal-appearance-box02 .gw-num02{--x:42.5vw;}
    #sub-ex .gw-modal-appearance-box02 .gw-num03{--x:60vw;}
    #sub-ex .gw-modal-appearance-box02 .gw-num04{--x:66.5vw;}
    #sub-ex .gw-modal-appearance-box02 .gw-num05{--x:75.5vw;}
    #sub-ex .gw-modal-appearance-box02 .gw-num06{--x:62vw;}

    /* 실내 */
    #sub-ex [class*="gw-modal-indoor-box"]{height: auto;}
    #sub-ex [class*="gw-modal-indoor-box"] .gw-flex{position: relative;}
    #sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-left{height: 67vw;}
    #sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right{position:relative;padding:3rem 20px;width:100%;height: auto;background: #000;}
    #sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-indoor-box{width: 100%;max-width:100%;}
    #sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-img-box{order: -1;}
    #sub-ex .gw-modal-indoor-box01 .gw-num01{--x:42vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num02{--x:35vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num03{--x:67vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num04{--x:66vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num05{--x:74vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num06{--x:39vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num07{--x:55.5vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num08{--x:63.5vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num09{--x:84vw;}
    #sub-ex .gw-modal-indoor-box01 .gw-num10{--x:19vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num01{--x:28vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num02{--x:40vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num03{--x:63vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num04{--x:67vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num05{--x:55.5vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num06{--x:68vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num07{--x:52.5vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num08{--x:11.5vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num09{--x:56vw;}
    #sub-ex .gw-modal-indoor-box02 .gw-num10{--x:78vw;}
    #sub-ex .gw-modal-indoor-box03 .gw-indoor-left{background-position:-2vw;}
    #sub-ex .gw-modal-indoor-box03 .gw-num01{--x:34vw;}
    #sub-ex .gw-modal-indoor-box03 .gw-num02{--x:52vw;}
    #sub-ex .gw-modal-indoor-box03 .gw-num03{--x:73vw;}
    #sub-ex .gw-modal-indoor-box03 .gw-num04{--x:73vw;}
    #sub-ex .gw-modal-indoor-box03 .gw-num05{--x:42vw;}
    #sub-ex .gw-modal-indoor-box03 .gw-num06{--x:49vw;}
}

@media screen and (max-width:1024px){
    /* 안전기능 01 */
    #sub-ex .gw-modal-safety01 .gw-safety-left{height: 50vh;}

    /* 외형 */
    #sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-left{height: 67vw;}

    /* 실내 */
    #sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-left{height: 67vw;}

    /* 라인업 */
    #sub-ex .gw-lineup-list{flex-wrap:wrap;gap:1rem;}
    #sub-ex .gw-lineup-list > li{margin-right:0;padding:3rem 0;width:calc((100% - 1rem) / 2);}
    #sub-ex .gw-lineup-list .gw-txt-box > strong{font-size: var(--main-title04);}

    /* 약속 */
    #sub-ex  .gw-promise-con-box .gw-con{padding: 30px 20px;}
}

@media screen and (max-width:768px){
    /* 모델 소개 */
    #sub-ex .gw-modal-info .gw-info-list .gw-info-item{padding:2rem 0;}
    #sub-ex .gw-modal-info .gw-info-list .gw-info-item dt{width:10rem;}
    #sub-ex .gw-modal-info .gw-info-list .gw-info-item dd{width: calc(100% - 10rem);}

    /* 최신기술 01 */
    #sub-ex .gw-modal-technology01 .gw-technology-left .gw-function-item{padding: 20px;flex-direction: column;align-items: flex-start;}

    /* 주행거리 */
    #sub-ex .gw-modal-distance .gw-distance-list{flex-direction:column;}
    #sub-ex .gw-modal-distance .gw-distance-item{padding:20px;flex-direction:row;}
    #sub-ex .gw-modal-distance .gw-distance-item .gw-txt-box{display: flex;gap: 0.5rem;}

    /* 공간 */
    #sub-ex .gw-box-item{padding: 20px;flex-direction:column;align-items:flex-start;}
    #sub-ex .gw-box-item .gw-line{margin:0;width: 1rem;height: 2px;}

    /* 편의기능 */
    #sub-ex .gw-exterior-pagination{margin-top: 2rem;}

    /* 안전기능 01 */
    #sub-ex .gw-modal-safety01 .gw-safety-left .gw-circle{width: 35rem;height: 35rem;}
    #sub-ex .gw-modal-safety01 .gw-safety-left .gw-circle span{width: 100%;height: 100%;}

    /* 최신기술 02 */
    #sub-ex .gw-modal-technology02 .gw-technology-list{flex-direction: column;gap: 2rem;}

    /* 안전기능 02 */
    #sub-ex .gw-modal-safety02 .gw-safety02-list{flex-direction: column;gap: 2rem;}

    /* 360 */
    #sub-ex [class*="gw-modal-360exterior-box"] .gw-txt-box{top: 20px;}
    #sub-ex [class*="gw-modal-360exterior-box"] .gw-txt-box .gw-sub-text{font-size: 14px;}

    /* 실내 */
    #sub-ex .gw-modal-indoor-box02 .gw-indoor-left{background-position: -6rem;}
    #sub-ex .gw-modal-indoor-box03 .gw-indoor-left{background-position: -2rem;}

    /* 치수 */
    #sub-ex .gw-modal-size .gw-img-list{gap: 20px;}
    #sub-ex .gw-modal-size .gw-img-item{width: 100%;}
    #sub-ex .gw-modal-seat04 .gw-img{padding-top:60%;}

    /* 약속 */
    #sub-ex .gw-promise-con-box .gw-con{width: 100%;}

    /* 다른모델 */
    #sub-ex .gw-modal-other{padding: 5rem 0;}

    /* 상담하기 */
    #gw-sticky-inquiry .gw-inquiry-bar{height: auto;}
    #gw-sticky-inquiry .gw-inquiry-bar > .gw-flex-btw {flex-direction: column;gap: 1rem;padding: 1rem;}
    #gw-sticky-inquiry .gw-inquiry-bar .gw-left .gw-txt-box{padding: 0;}
    #gw-sticky-inquiry .gw-inquiry-bar .gw-left .gw-txt01{font-size: var(--main-title03);}
    #gw-sticky-inquiry .gw-inquiry-bar .gw-left .gw-txt02{display: none;}
    #gw-sticky-inquiry .gw-inquiry-bar .gw-right{width: 100% !important;}
    #gw-sticky-inquiry .gw-inquiry-bar .gw-right .gw-btn01{padding:0.8rem;}
    .bottom #gw-sticky-inquiry{bottom: -200px;}
}

@media screen and (max-width:576px){
    #sub-ex .gw-tab-list {width: 100%;}

    /* 모델 소개 */
    #sub-ex .gw-modal-info .gw-img-box .img-box{width: 100%;}
    #sub-ex .gw-modal-info .gw-flow-item{font-size: 100px;}
    #sub-ex .gw-modal-info .gw-info-list .gw-info-item{flex-direction: column;}
    #sub-ex .gw-modal-info .gw-info-list .gw-info-item dt{width: 100%;}
    #sub-ex .gw-modal-info .gw-info-list .gw-info-item dd{width: 100%;}

    /* 최신기술 */
    #sub-ex .gw-modal-technology01 .gw-technology-left .gw-function-item .gw-left{width:3rem;}
    #sub-ex .gw-modal-technology01 .gw-technology-left .gw-function-item .gw-left > img {width: 100%;}

    /* 안전기능 01 */
    #sub-ex .gw-modal-safety01 .gw-safety-left .gw-circle{width: calc(100% - 40px);height: auto;aspect-ratio:1;}
    #sub-ex .gw-modal-safety01 .gw-safety-left .gw-circle .gw-txt{bottom:2rem;font-size: var(--main-title04);}

    /* 360 */
    #gw-modal-360exterior01-car360,
    #gw-modal-360exterior02-car360{height: 35vh;}
    #sub-ex [class*="gw-modal-360exterior-box"] .gw-360btn{width:30%;}

    /* 외형 */
    #sub-ex [class*="gw-modal-appearance-box"] .gw-appearance-right .gw-img{height: 8rem;}

    /* 실내 */
    #sub-ex [class*="gw-modal-indoor-box"] .gw-indoor-right .gw-img{height: 8rem;}
    #sub-ex .gw-modal-indoor-box02 .gw-indoor-left{background-position: -3rem;}


    /* 다른모델 */
    #sub-ex .gw-modal-other .gw-btn01{width:auto;max-width: 100%;height: 5rem;}
}