html > body main{padding:0}
section{align-items: center;margin-left:0 !important;margin-right:0 !important;gap: 0;}
section:last-child{padding-bottom: 60px;}
section .titWrap + .conWrapper{margin-top:0}
.btnWrap{margin-bottom: 80px;}

.top{gap: 100px;min-height: 70vh;}
.top .conWrapper{flex-direction: column;}


.offlinebtnWrap {gap: 0;flex-wrap: wrap;margin: 100px auto;}
.offlinebtnWrap li{width: 25%;border: 1px solid #eee;font-size: 15px;padding: 20px;text-align: center;}
.offlinebtnWrap li a {width: 100%;height: 100%;}



/* 표 */
.beneCon, .listCon{flex-direction: column;max-width: 800px;gap: 0;}
.beneCon > li,.listCon > li{display: flex; justify-content: space-between;flex-direction: row;padding: 20px 0;border-top: 1px solid #ffffff41;}
.beneCon > li:first-child{border-top:2px solid #fff;}
.summary :is(h2, .beneCon > li div), .boucher .titWrap *{color: #fff;}
.summary .beneCon > li p{text-align: right;font-weight: 400;}

.brandpick .listCon > li{padding: 10px 0;;border-color:rgba(0, 0, 0, 0.1);}
.brandpick .listCon > li:not(:first-child) *{font-weight: 400;}
.brandpick .listCon > li:first-child{border-top: none;}
.brandpick .listCon > li:nth-child(2){border-color: #000}


.titWrap.bgTitle {position: relative;;max-width: 100%;width: 100%;height: 70vh;background-repeat: no-repeat;background-size: cover;background-position: center;margin: 0;}
.titWrap.bgTitle .wrap{width: 100%;height: 100%;position: absolute;text-align: center;background-color:rgba(0, 0, 0, 0.2);top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 20px;} 
.titWrap.bgTitle .wrap *{color: #fff;font-weight: 500;}


.secBene-01 .conWrapper {flex-direction: column;}

    .prdList[class*="col-"]{gap: 10px;}
    .prdList.col-3 {max-width: 900px;}
    .prdList.col-4 {max-width: 1100px;}
    .prdList.col-4 {max-width: 1100px;}
    .prdList.col-3 .prdListitem{width: calc(33.33% - 7px);}
    .prdList.col-4 .prdListitem{width: calc(25% - 8px);}
    .prdList.col-5 .prdListitem{width: calc(20% - 8px);}



    .flex-row {display: flex;flex-wrap: nowrap;align-items: stretch;flex-direction: row;}
    .flex-row.col-2 > *{flex:1;flex-basis:50%;flex-grow: 1;flex-shrink: 0;}
    .flex-row .row-content.txtCon{margin:0;flex-direction: column;padding: 50px;gap: 20px;}
.row-content .imgCon img {object-fit: cover;min-height: 80vh;    aspect-ratio: 0.8 / 1;}
.brandpick .flex-row+.flex-row{margin-top:150px}
.brandpick .flex-row .row-content.txtCon{justify-content: space-between;display: flex;}
.brandpick .flex-row .row-content.txtCon .txtWrap{gap:20px;}
.brandpick .flex-row .row-content.txtCon .txtWrap p{font-weight:300 !important;}
.brandpick .conWrapper{flex-direction:column;}
.brandpick .conWrapper .flex-row{/* min-height: 70vh; */}
.swiper-wrapper{z-index: 0 !important;}



[data-ref="promotion"] .-carousel.swiper{max-width:1400px;}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper{flex-wrap:wrap; gap:10px;align-items: start;}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper.col-6 li{width: calc(16.666% -  10px);}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper li figure{position:relative}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper li figure img:nth-child(1){position:absolute;opacity:1;z-index:3;top:0;left:0;transition:0.3s}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper li figure img:hover:nth-child(1){opacity:0;}

[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper li .-brand{font-size: clamp(11px, 1rem, 12px) !important;font-weight: 400;}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper li .-heading {gap: 0;margin-bottom: 0;}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper li .-product span,.-carousel.swiper ul.swiper-wrapper li .-product {font-size: clamp(13px, 1rem, 15px) !important;font-weight: 500 !important;line-height: 1.2;}
[data-ref="promotion"] .-information{width:-webkit-fill-available;}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper li :is([data-ref="original-price"],[data-ref="discounted-box"]){font-size: clamp(12px, 1rem, 13px) !important;font-weight: 200;}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper li [data-ref="membership-box"]{font-size: clamp(13.5px, 1rem, 14px) !important;font-weight: 400;}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper li [data-ref="membership-price-percentage"]{color:darkred}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper li [data-ref="benefits"]{display:none}


.capBox {position: absolute;width: fit-content;right: 0;font-size: clamp(8px, 0.9rem, 13px);font-weight: 300;padding: 5px;}



@media (max-width:768px){
.top{padding-top: 50px;gap: 60px;min-height: 500px;background: linear-gradient(#fff 00% , #A1C1EB 100%);} 
.top h6.typing{font-size: 15px !important;}

.summary .beneCon > li p{font-size: 13px;}



.flex-row {flex-direction: column;}
.flex-row.col-rv {flex-direction: column-reverse;}
.flex-row .row-content.txtCon{padding: 30px 0;gap: 60px;}
.row-content .imgCon img {min-height: inherit;aspect-ratio: 0.8 / 1;}
.brandpick .flex-row+.flex-row{margin-top:80px}
.brandpick .listCon > li{padding: 10px 0;;border-color:rgba(0, 0, 0, 0.05);}
.brandpick .listCon .assistant{font-size: 11px;}

.boucher .titWrap + .conWrapper{flex-direction: column;}
.boucher .titWrap h4{text-align: left;}
.serviceInfo .conWrapper{flex-direction: column;}

.offlinebtnWrap li{width: 50%;font-size: 13px;padding: 15px 20px;text-align: center;display: flex;justify-content: center;align-items: center;}
.offlinebtnWrap li + li{border-top: 1px solid #eee;}
.offlinebtnWrap li a {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.offlinebtnWrap {gap: 0;flex-wrap: wrap;margin: 60px auto;flex-direction: row;}


.swiper01 .swiper-slide{padding: 0 2px !important;}
.swiper01 .imgCon{grid-gap: 4px !important;}


[data-ref="promotion"]{padding: 0 16px;}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper{flex-wrap:wrap; gap:6px;}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper.col-6 li{width: calc(33.333% -  4px);}

[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper li .-brand{font-size: clamp(9px, 1rem, 10px) !important;}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper li .-product span,.-carousel.swiper ul.swiper-wrapper li .-product {font-size: clamp(11px, 1rem, 11px) !important;font-weight: 500 !important;line-height: 1.2;}
.-carousel.swiper ul.swiper-wrapper li .-product{margin-bottom: 6px;}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper li  :is([data-ref="original-price"],[data-ref="discounted-box"]){font-size: clamp(10px, 1rem, 10px) !important;font-weight: 200;}
[data-ref="promotion"] .-carousel.swiper ul.swiper-wrapper li [data-ref="membership-box"]{font-size: clamp(10px, 1rem, 11px) !important;font-weight: 400;}


.swiper-slide:has(.capBox){position: relative;}
.capBox {font-size: 9px;right: 0;}
.swiper01 .typeDefault{bottom: 0;}
}