/* 공통 */
#sub-basecamp > section{padding-top:150px;}
#sub-basecamp .gw-title-box {align-items: flex-end;}
#sub-basecamp .gw-sub-title .gw-tit01 {margin-bottom: 10px;font-size: var(--main-title03);}
#sub-basecamp .gw-sub-title .gw-tit02 {font-size: var(--main-title01);}
#sub-basecamp .gw-function-item {display: flex;gap: 10px;align-items:center;color: #fff;padding:30px;background-color: rgba(255, 255, 255, 0.05);backdrop-filter: blur(0px);border-radius: 20px;}
#sub-basecamp .gw-function-item .gw-txt01 {font-size: var(--main-text01);letter-spacing: -0.05em;font-weight: 600;line-height: 1.25;}

/* 모델설명 */
#sub-basecamp .gw-modal-info .gw-title-box {display: flex;flex-direction: column;align-items: center;gap: 30px;}
#sub-basecamp .gw-modal-info .gw-img-box{position: relative;}
#sub-basecamp .gw-modal-info .gw-flow-wrap{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#sub-basecamp .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-basecamp .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-basecamp .gw-modal-info .gw-img-box .img-box{padding-top:55%;margin:0 auto;position: relative; display: block; width:80%; height:0;}
#sub-basecamp .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-basecamp .gw-modal-info .gw-info-list{border-top:3px solid #000;}
#sub-basecamp .gw-modal-info .gw-info-list .gw-info-item{display: flex; padding:40px; box-sizing:border-box; line-height:1.7; letter-spacing:0; color:#000; border-bottom:1px solid #eee;}
#sub-basecamp .gw-modal-info .gw-info-list .gw-info-item:last-child{border-color:#000;}
#sub-basecamp .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-basecamp .gw-modal-info .gw-info-list .gw-info-item dd{width:calc(100% - 150px);font-size:var(--main-text01); }

/* 가성비 */
#sub-basecamp .gw-modal-effective{padding: 100px 0;}

/* 캠핑 */
#sub-basecamp .gw-modal-camping{position:relative;width:100vw;height:calc(100vh + 300px);background:url("../../theme/mnauto/img/sub-basecamp-camping-bg.jpg") center no-repeat;background-size: cover;}
#sub-basecamp .gw-modal-camping .gw-flex{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap:wrap; align-items: center;}
#sub-basecamp .gw-modal-camping .gw-flex > div{position:relative;width: 50%;}
#sub-basecamp .gw-modal-camping .gw-camping-right{margin-left:50%;display: flex; justify-content: center;}
#sub-basecamp .gw-modal-camping .gw-camping-right .gw-camping-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-basecamp .gw-modal-camping .gw-camping-right .gw-txt-box,
#sub-basecamp .gw-modal-camping .gw-camping-right .gw-sub-text{color: #fff;}
#sub-basecamp .gw-modal-camping .gw-function-list {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 0.5rem;}
#sub-basecamp .gw-modal-camping .gw-function-item {display: flex;flex-direction: column;gap: 10px;width: calc(33.3% - 0.5rem);color: #fff;padding:30px;background-color: rgba(255, 255, 255, 0.05);backdrop-filter: blur(0px);border-radius: 20px;text-align: center;}
#sub-basecamp .gw-modal-camping .gw-function-item .gw-txt01 {font-size: var(--main-text01);letter-spacing: -0.05em;font-weight: 600;line-height: 1.25;}

/* 오피스 */
#sub-basecamp .gw-modal-office-top{position:relative;width:100vw;height:100vh;}
#sub-basecamp .gw-modal-office .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-basecamp-office-bg.jpg") center no-repeat;background-size: cover;}
#sub-basecamp .gw-modal-office .gw-flex > div{position:relative;width: 50%;}
#sub-basecamp .gw-modal-office .gw-office-left{display: flex; justify-content: center;}
#sub-basecamp .gw-modal-office .gw-office-left .gw-office-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-basecamp .gw-modal-office .gw-office-left .gw-txt-box,
#sub-basecamp .gw-modal-office .gw-office-left .gw-sub-text{color: #fff;}
#sub-basecamp .gw-modal-office .gw-modal-office-bottom img {width: 100%;}

/* 스토어 */
#sub-basecamp .gw-modal-store-top{position:relative;width:100vw;height:100vh;}
#sub-basecamp .gw-modal-store .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-basecamp-store-bg.jpg") center no-repeat;background-size: cover;}
#sub-basecamp .gw-modal-store .gw-flex > div{position:relative;width: 50%;}
#sub-basecamp .gw-modal-store .gw-store-right{margin-left:50%;display: flex; justify-content: center;}
#sub-basecamp .gw-modal-store .gw-store-right .gw-store-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-basecamp .gw-modal-store .gw-store-right .gw-txt-box,
#sub-basecamp .gw-modal-store .gw-store-right .gw-sub-text{color: #fff;}
#sub-basecamp .gw-modal-store .gw-modal-store-bottom img {width: 100%;}

/* 구매안내 */
#sub-basecamp .gw-modal-purchase .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;font-size: 14px;}
#sub-basecamp .gw-modal-purchase .gw-sub-table02 th > .gw-delete {position: relative;color: #666;}
#sub-basecamp .gw-modal-purchase .gw-sub-table02 th > .gw-delete:before {content: "";position: absolute;width: 90%;height: 1px;background: #000;}


/* 모빌리티약속 */
#sub-basecamp .gw-modal-promise .gw-btn-container > a{margin: 0 auto;}
#sub-basecamp .gw-promise-con-box {margin-top: 40px;display: flex;flex-wrap:wrap;gap:20px;}
#sub-basecamp .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-basecamp .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-basecamp .gw-promise-con-box .gw-icon-box > img {width: 70%;}
#sub-basecamp .gw-promise-tit {font-size: var(--main-title03);letter-spacing: -0.072em;line-height: 1.25;font-weight: 700;}
#sub-basecamp .gw-promise-txt {margin-top: 20px;font-size: var(--main-text01);letter-spacing: -0.045em;color: #666;line-height: 1.7em;}

/* 다른모델 */
#sub-basecamp .gw-modal-other {text-align: center; padding: 130px 0 135px; background: url('../../theme/mnauto/img/sub-basecamp-modal-other-bg.jpg')no-repeat center/cover; box-shadow:5px 5px 30px rgba(0,0,0,0.1);}
#sub-basecamp .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-basecamp .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-basecamp .gw-modal-other .gw-btn01  i {font-size: var(--main-title04);}
#sub-basecamp .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:1500px){
    /* 캠핑 */
    #sub-basecamp .gw-modal-camping{height: 100vh;}
    #sub-basecamp .gw-modal-camping .gw-camping-right .gw-camping-box{height: auto;}
}

@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-basecamp > section{padding-top:5rem;}
    #sub-basecamp .gw-title-box{align-items: flex-start;flex-direction: column;}

    /* 갓성비 */
    #sub-basecamp .gw-modal-effective{padding:5rem 0;}

    /* 캠핑 */
    #sub-basecamp .gw-modal-camping .gw-camping-right .gw-camping-box{padding:2rem;width:85%;max-width:50vw;}

    /* 오피스 */
    #sub-basecamp .gw-modal-office .gw-office-left .gw-office-box{padding:2rem;width:85%;max-width:50vw;height: auto;}

    /* 팝업스토어 */
    #sub-basecamp .gw-modal-store .gw-store-right .gw-store-box{padding:2rem;width:85%;max-width:50vw;height: auto;}
}

@media screen and (max-width:1024px){
    /* 캠핑 */
    #sub-basecamp .gw-modal-camping{padding:5rem 0;height:auto;}
    #sub-basecamp .gw-modal-camping .gw-flex{position: relative;}
    #sub-basecamp .gw-modal-camping .gw-flex > div{width: 100%;}
    #sub-basecamp .gw-modal-camping .gw-camping-right{margin-left:0;}
    #sub-basecamp .gw-modal-camping .gw-camping-right .gw-camping-box{width: calc(100% - 40px);max-width:100%;}

    /* 캠핑 */
    #sub-basecamp .gw-modal-camping .gw-function-item{padding: 20px;}

    /* 오피스 */
    #sub-basecamp .gw-modal-office-top{height:auto;}
    #sub-basecamp .gw-modal-office .gw-office-left{padding:5rem 0;}
    #sub-basecamp .gw-modal-office .gw-flex{position: relative;}
    #sub-basecamp .gw-modal-office .gw-flex > div{width: 100%;}
    #sub-basecamp .gw-modal-office .gw-office-left .gw-office-box{width: calc(100% - 40px);max-width:100%;}
    #sub-basecamp .gw-function-item{padding: 20px;}

    /* 팝업스토어 */
    #sub-basecamp .gw-modal-store-top{height:auto;}
    #sub-basecamp .gw-modal-store .gw-store-right{padding:5rem 0;}
    #sub-basecamp .gw-modal-store .gw-flex{position: relative;}
    #sub-basecamp .gw-modal-store .gw-flex > div{margin-left:0;width: 100%;}
    #sub-basecamp .gw-modal-store .gw-store-right .gw-store-box{width: calc(100% - 40px);max-width:100%;}

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


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

    /* 다른모델 */
    #sub-basecamp .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-basecamp .gw-function-item .gw-left{width:3rem;}
    #sub-basecamp .gw-function-item .gw-left > img {width: 100%;}

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

    /* 캠핑 */
    #sub-basecamp .gw-modal-camping .gw-function-item{width: calc(50% - 0.5rem);}
    #sub-basecamp .gw-modal-camping .gw-function-item .gw-left{width:3rem;}
    #sub-basecamp .gw-modal-camping .gw-function-item .gw-left > img {width: 100%;}

    /* 구매안내 */
    #sub-basecamp .gw-modal-purchase .gw-sub-text{padding: 0 20px;}

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