@charset "utf-8";

html{font-size: calc(.56vw + 2px);}
#review-btn,
#HappytalkIframe{display:none !important;}
.font-gold{color:#ffd476 !important;}
.font-jal{font-family: 'JalnanGothic';font-weight: normal !important;}
.font-jal2{font-family: 'Jalnan2';}
.grd-txt{position:relative;display: inline-block;font-size: 36px;font-weight: 700;text-align: center;font-size: inherit; background-clip: text;
  -webkit-background-clip: text;}
.grd-txt span {background:var(--grd-blue-txt);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;font-size: inherit;background-size: 200% 200%;animation: gradient-move 5s linear infinite;}
.grd-txt.grd-txt-gd span {background:linear-gradient(to bottom, #fff1d6 0%, #b7954f 50%, #FFDD97 90%);background-size: 200% 200%;animation: gradient-move 5s linear infinite;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;font-size: inherit;}
.grd-img{position:absolute;top:-5px;width:203px;left:-150px;}
.grd-txt.grd-txt2 span{background:linear-gradient(165deg, var(--gold2) 0%, #b7954f 50%, #FFDD97 90%);background-clip: text;background-size: 200% 200%;animation: gradient-move 5s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;font-size: inherit;}
  
  @keyframes gradient-move {
    0% {
        background-position: 200% 0;
      }
      100% {
        background-position: -200% 0;
      }
  }
  .onyou_red{color:#FF4F4F;}

.con-tit{text-align: center;}
.con-tit h3{font-family: 'JalnanGothic';font-size: 64px;line-height:1.4;font-weight: normal !important;}
.con-tit h3 span{font-family: inherit;font-weight: normal !important;}
.font-bl{color:var(--main-blue) !important;}
.font-jal span,
.font-jal strong{font-family: inherit}

#landing-page .inner{width:1200px;margin:0 auto;padding:0;}
#landing-page .text-deco span{display:block;padding:0px 20px;color:#fff;font-size: 34px;font-weight: 700;background:var(--main-blue);line-height:1.7;}
#landing-page .text-deco span:first-child,
#landing-page .text-deco div:first-child{background:#000;}
#landing-page .contents{padding:150px 0;overflow:hidden;}
#landing-page .thumb{overflow:hidden;}
#landing-page .thumb img{width: 100%;height: 100%;object-fit: cover;}

/*헤더*/
#landing-page #index-hd{position:fixed;top:0;left:0;z-index:90;width:100%;height:90px;background:var(--main-blue);}
#landing-page #index-hd .inner{height:100%;}
#landing-page #index-hd h1 img{width:166px;}
#landing-page #index-hd h1{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}


#landing-page .visual{display:flex;overflow:hidden;width:100%;height:860px;margin-top:70px;background:url('../img/landing/visual_bg2.jpg') no-repeat center;background-size: cover;align-items: center;justify-content: center;}
#landing-page .visual .slide{display:flex;position:relative;width:100%;height:100%;align-items: center;justify-content: center;}
#landing-page .visual .slide.s1{background:url('../img/landing/visual_bg2.jpg') no-repeat center;background-size: cover;}
#landing-page .visual .visual-tit p{margin-bottom:20px;font-size: 20px;}
#landing-page .visual .visual-tit p span{padding:5px 15px;color:#fff;background:var(--grd-blue-txt);background-size: 200% 200%;animation: gradient-move 5s linear infinite;}
#landing-page .visual h2{font-size: 48px;line-height:1.25;}
#landing-page .visual h2 strong{font-size: 48px; background:var(--grd-blue-txt);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;font-size: inherit;background-size: 200% 200%;animation: gradient-move 5s linear infinite;}
#landing-page .visual h6{font-size: 20px; color:#333;margin: 10px 0 0 0; font-family: 'GS_Medium'; font-weight:normal;}
#landing-page .visual .visual-tit{position:relative;width:fit-content;}
#landing-page .visual .visual-tit p,
#landing-page .visual .visual-tit h2,
#landing-page .visual .visual-tit span{font-family: 'GS_Medium';}
#landing-page .visual .visual-tit>img{position:absolute;bottom:-30px;left:0;width:100%;}
#landing-page .visual .visual-txt>p{font-size: 26px;line-height:1.6;}
#landing-page .visual .visual-txt,
#landing-page .visual .visual-tit{position:relative;z-index:2;}
#landing-page .visual .text-deco{margin-top:20px;}
#landing-page .visual .inner{position:relative;}
#landing-page .visual .visual-deco{width:420px; margin:20px 0;}
#landing-page .visual .con-txt{position:absolute;top:50%;left:0;margin-top:-95px;width:100%;}
#landing-page .visual .inner:has(img){display:flex;height:100%;align-items: flex-end;justify-content: flex-end; margin: 10px 0; }

#landing-page .sec01{overflow:hidden;position:relative;text-align: center; }
#landing-page .sec01 .con-tit p{margin-bottom:30px;font-size: 18px;/*font-family: 'GS_Medium';*/ color:#333;}
#landing-page .sec01 .con-tit{margin-bottom:150px;}
#landing-page .sec01 p{text-align: center;}
#landing-page .sec01 .card-inner{display:flex;width:100%;height:100%;align-items: center;justify-content: center;flex-direction: column;}
#landing-page .sec01 .card{width:calc((100% / 4) - 10px);aspect-ratio: 2 / 2.5;border-radius: 30px;color:#fff;border:1px solid #fff;}
#landing-page .sec01 .con-txt{position:relative;z-index:1;}
#landing-page .sec01 .inner>p{margin-top:180px;font-size: 30px;line-height:1.5;}

#landing-page .sec01 .con-bt{width:100%;margin:30px auto 0;/*padding:40px 0;*/border-radius: 20px;border:2px solid #ddd;}
#landing-page .sec01 .con-bt li{position:relative;width:25%;text-align: center;/*font-family: 'GS_Medium';*/font-size: 28px;line-height:1.4;}
  #landing-page .sec01 .con-bt {padding: 30px 0;}
  #landing-page .sec01 .con-bt li {font-size: 16px; color:#333;}
  #landing-page .sec01 .con-bt li strong {font-size: 20px; color:#131313;padding-top: 10px; display: inline-block;}
/*#landing-page .sec01 .con-bt li strong{font-size:34px;font-family: 'JalnanGothic';font-weight: normal !important;padding-top: 10px; display: inline-block;}*/
/* #landing-page .sec01 {overflow-x: auto; overflow-y: visible; } */
#landing-page .sec01{overflow:hidden;}


#landing-page .sec01 .card.card-0{position:relative;/*left:-100px;*/background:url('../img/landing/honor_pic01.jpg') no-repeat center;background-size: cover;}
#landing-page .sec01 .card.card-1{position:relative;/*left:-150px;top:50px;*/background:url('../img/landing/honor_pic02.jpg') no-repeat center;background-size: cover;}
#landing-page .sec01 .card.card-2{background:var(--main-blue);position:relative;/*top:-50px;*/left:-70px;z-index:2;}
#landing-page .sec01 .card.card-3{position:relative;/*left:-100px;top:50px;*/background:url('../img/landing/honor_pic04.jpg') no-repeat center;background-size: cover;}
#landing-page .sec01 .card.card-4{position:relative;/*left:-150px;top:0px;*/z-index:2;background:url('../img/landing/honor_pic05.jpg') no-repeat center;background-size: cover;}
#landing-page .sec01 .logo-img{width:119px;}
#landing-page .sec01 .card h4{font-size: 30px;line-height:1.6;margin:50px 0 30px;}
#landing-page .sec01 .card p{font-size: 22px;line-height:1.6;}
#landing-page .sec01 .info-txt{margin:10px 0;padding:10px 0;border-radius: 20px;/*background:rgba(0,0,0,.05);*/text-align: center;font-size: 20px;line-height:1.6;}






#landing-page .sec02{background:var(--main-light);}
#landing-page .sec02 .con-tit{margin-bottom:30px;}
#landing-page .sec02 li{position:relative;color:#fff;font-size: 40px;line-height:1.3;font-weight: 700;}
#landing-page .sec02 .con-wrap{position:relative;}
#landing-page .sec02 .con-wrap>img{position:absolute;top:50%;left:50%;margin-left:-190px;margin-top:-120px;}
#landing-page .sec02 li:first-child{background:url('../img/landing/sec02_bx_bg1.jpg') no-repeat center;background-size: cover;}
#landing-page .sec02 li:last-child{background:url('../img/landing/sec02_bx_bg2.jpg') no-repeat center;background-size: cover;}
#landing-page .sec02 li:first-child .con-txt{position:absolute;top:30px;left:30px;}
#landing-page .sec02 li:last-child .con-txt{position:absolute;bottom:30px;right:30px;text-align: right}
#landing-page .sec02 .con-tit p{margin-top:10px;font-size: 20px;line-height:1.3;}
#landing-page .sec02 li{width:calc(50% - 20px);aspect-ratio: 1 / 1; border-radius:20px;background:red}
#landing-page .sec02 .vid-wrap{width:80%;margin: 0 auto; border-radius: 20px;overflow:hidden;}


#landing-page .sec06{background:url('../img/landing/sec06_bg2.jpg') no-repeat bottom center;background-size: cover;}
#landing-page .sec06 .con-tit{margin-bottom:30px;}
#landing-page .sec06 .con-tit h3{margin-bottom:30px;}
#landing-page .sec06 .con-tit p{font-size: 24px;font-weight: 1.6;}
#landing-page .sec06 .con-wrap>.con-flex{justify-content: center;}
#landing-page .sec06 .con-wrap>img{width:100%;margin-bottom:25vw;}
#landing-page .sec06 .con-wrap{position:relative;overflow:hidden;}



#landing-page .sec07{background:#fff;}
#landing-page .sec07 .con-tit{margin-bottom:30px;}

#landing-page .sec07 .prd-block{height:auto;background-image: linear-gradient(white, white), var(--grd-mainblue-border);padding: 40px 40px; border:2px solid transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;}
#landing-page .sec07 .prd-block.honor360:before{background: url('../img/etc/goods_basic.svg') no-repeat center center;}
#landing-page .sec07 .prd-block b{margin-bottom:12px;font-size: 24px;}
.prdcate_slide .slide .prd-block .icon{margin-bottom:30px !important;}
#landing-page .sec07 .prd-block strong{display:inline-block;width:100%;padding-bottom:15px;margin-bottom:15px;font-size: 28px;line-height:1.5;border-bottom:1px solid #ddd;font-family: 'JalnanGothic'}
#landing-page .sec07 .prd-block strong span{font-size: 36px;}
#landing-page .sec07 .s1 .prd-block strong span{font-size: 36px;}
#landing-page .sec07 .prd-block p{font-size: 18px;line-height:1.5;}
#landing-page .sec07 .prdcate_slide .slide .prd-block .icon01{width:100px;height:100px;margin-bottom: 10px; background:url('../img/etc/icon_goods1.svg') no-repeat center;}
#landing-page .sec07 .prdcate_slide .slide .prd-block .icon02{width:100px;height:100px;margin-bottom: 10px; background:url('../img/etc/icon_goods2.svg') no-repeat center;}
#landing-page .sec07 .prdcate_slide .slide .prd-block .icon03{width:100px;height:100px;margin-bottom: 10px; background:url('../img/etc/icon_goods4.svg') no-repeat center;}
#landing-page .sec07 .prdcate_slide{width:100%;margin:0;}
#landing-page .sec07 .prdcate_inner{width:100%;padding:0;margin:0;}
#landing-page .sec07 .prdcate_slide .swiper-slide{width:calc(100% / 3 - 20px);}
#landing-page .sec07 .con-tit p{font-size:34px;margin-bottom:30px;}
#landing-page .sec07{overflow:hidden;}
#landing-page .sec07 .prdcate_slide .swiper-slide{opacity:0;}
#landing-page .sec07 .ani-wrap.on .prdcate_slide .s2{animation: rotateY-anim .4s linear 1, opa-ani .4s forwards;}
#landing-page .sec07 .ani-wrap.on .prdcate_slide .s3{animation: rotateY-anim .4s linear 1 .3s, opa-ani .4s forwards .3s;}
#landing-page .sec07 .ani-wrap.on .prdcate_slide .s4{animation: rotateY-anim .4s linear 1 .6s, opa-ani .5s forwards .6s;}
#landing-page .sec07 .ani-wrap.on .prdcate_slide .s1{animation: rotateY-anim .4s linear 1 .9s, opa-ani .5s forwards .9s;}
#landing-page .sec07 .tag{display:flex;width:fit-content;margin:20px 0 auto ;align-items: center;justify-content: center;padding:8px 36px 8px;height:50px;border-radius: 999px;background:var(--grd-mainblue-txt);color:#fff;font-weight: 700; !important;color:#fff;font-size: 22px;text-align: center;background-size: 200% 200%;animation: gradient-move 5s linear infinite;}


@keyframes rotateY-anim {
  0% {
    transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}

@keyframes opa-ani {
  0% {
    opacity:0;
  }

  100% {
    opacity:1;
  }
}

#landing-page .sec10{overflow:hidden;background:#fff;/*background:url('../img/landing/sec07_bg.jpg') no-repeat top center;background-size: cover;*/}
#landing-page .sec10 .con-tit p{font-size: 36px;}
#landing-page .sec10 .info-txt{margin:20px 0;padding:10px 30px;border-radius: 20px;background:rgba(0,0,0,.05);}
#landing-page .sec10 .info-txt span{display:block;}
#landing-page .sec10 .info-txt p{width:49%; display:inline-block; margin:10px auto; font-size: 14px;line-height:1.6;text-align: left;    vertical-align: top; }
#landing-page .sec10 .info-txt span{font-size:18px;}

#landing-page .sec10 .con-top>p{font-size:34px;font-weight: 700;text-align: center;line-height:1.6;}
#landing-page .sec10 .con-top{margin-bottom:30px;}
#landing-page .sec10 .text-deco{margin-bottom:60px;justify-content: center;}
#landing-page .sec10 .conbx-wrap{text-align: center;}
#landing-page .sec10 li{height:350px ;opacity:1;width:calc(33.33% - 10px);padding:30px 20px;border-radius:20px; background-image: linear-gradient(white, white), var(--grd-mainblue-border);border:2px solid transparent;
  background-origin: border-box;background-clip: padding-box, border-box;}
/*#landing-page .sec10 .ani-wrap.on li{-webkit-animation-name: pulse;animation-name: pulse;-webkit-animation-duration: 2s;animation-duration: 0.5s;
opacity: 0;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}*/
/*#landing-page .sec10 .ani-wrap.on li:nth-child(1){ animation-delay:0s;-webkit-animation-delay:0s;}
#landing-page .sec10 .ani-wrap.on li:nth-child(2){ animation-delay:.5s;-webkit-animation-delay:0.5s;}
#landing-page .sec10 .ani-wrap.on li:nth-child(3){ animation-delay:1s;-webkit-animation-delay:1s;}*/
#landing-page .sec10 .tag{display:flex;width:fit-content;margin:0 auto 20px;align-items: center;justify-content: center;padding:5px 20px 0px;height:35px;border-radius: 999px;
background:var(--grd-mainblue-txt);color:#fff;font-family: 'JalnanGothic';font-weight: normal !important;color:#fff;font-size: 16px;text-align: center;background-size: 200% 200%;animation: gradient-move 5s linear infinite;}
#landing-page .sec10 li p{font-size: 24px;}
#landing-page .sec10 li h5{margin:10px 0 0px;font-size: 36px;font-weight: 800;line-height:1.3;}
#landing-page .sec10 li .txt-middle{height: 89px;display: flex;width: 100%; margin: 20px auto;font-size: 20px;gap: 10px 22px;
    align-items: center;
    flex-direction: row;
    
    flex-wrap: wrap;
    justify-content: center;
}
#landing-page .sec10 li .txt-middle span{ background: #e6e7ff;border-radius: 20px;padding: 6px 17px;}
#landing-page .sec10 li h6{width: 60%;margin:10px auto 0px; font-size: 18px;font-weight: normal;line-height:1.4; text-align : left; font-weight:500;}
#landing-page .sec10 li h6 span{font-size:20px; margin:0 0 5px 0; display:inline-block; font-weight:normal; color:#000; background: #e6e7ff; border-radius:20px; padding: 5px 10px;}
#landing-page .sec10 li img{height:150px;}
#landing-page .sec10 .conbx-wrap>p{margin-top:30px;font-size: 18px;color:var(--gry-303);font-weight: 700;}
#landing-page .sec10 .con-wrap h4{width:100%;border-radius:20px;background:#ff4f4f;color:#fff;font-size:36px;text-align: center;padding:25px 0 20px 0;margin-bottom:30px;}
#landing-page .sec10 .con-wrap h4 span {font-size:38px;}


#landing-page .sec11{display:flex;align-items: center; padding: 10vw 0; background:url('../img/landing/sec11_bg2.jpg') no-repeat center;background-size: cover;overflow:hidden;}
#landing-page .sec11 .inner{display:flex;align-items: center;justify-content: flex-end;}
#landing-page .sec11 .con-txt{width:600px;}
#landing-page .sec11 .con-tit{display:flex;color:#fff;flex-direction: column;justify-content: center;}
#landing-page .sec11 .con-tit p{margin-bottom:48px;font-size: 44px;font-weight: 800;}
#landing-page .sec11 .con-tit h3{position:relative;font-size: 50px;}
#landing-page .sec11 .con-tit h3 .grd-txt{font-size: 90px;}
#landing-page .sec11 .con-tit h3::before{content:'';display:block;position:absolute;left:-10px;bottom:0;width:168px;height:221px;background:url('../img/landing/sec11_tit_deco.png') no-repeat center;background-size: contain;}
#landing-page .sec11 .con-tit h3::after{content:'';display:block;position:absolute;right:-10px;bottom:0;width:168px;height:221px;background:url('../img/landing/sec11_tit_deco.png') no-repeat center;background-size: contain;transform: scaleX(-1);}
#landing-page .sec11 .btn-wrap{margin-top:48px;}
#landing-page .sec11 .btn-wrap a{width:calc(50% - 6px);padding:30px;border:1px solid #ddd;border-radius:16px;color:#fff;font-size: 20px;}
#landing-page .sec11 .btn-wrap a strong{display:block;margin-top:12px;font-size:40px;font-weight: 800;}
#landing-page .sec11 .con-tit p span{position:relative;}
#landing-page .sec11 .con-tit p span::before{content:'';display:block;position:absolute;top:-8px;left:50%;margin-left:-3px;width:6px;height:6px;border-radius: 50%;background:#fff;}


#landing-page .sec12{padding:0 !important;margin-bottom:75px;}
#landing-page .sec12 li{width:50%;padding:80px;color:#fff;}
#landing-page .sec12 li:nth-child(1){background:url('../img/landing/sec12_bg1.jpg') no-repeat left center;background-size: cover;text-align: right;}
#landing-page .sec12 li:nth-child(2){background:url('../img/landing/sec12_bg2.jpg') no-repeat right center;background-size: cover;text-align: left;}
#landing-page .sec12 li p{margin-bottom:20px;font-size:26px;}
#landing-page .sec12 li h3{font-size:60px;}

#landing-page .line-con{position:relative;}
#landing-page .line-con::after{content:'';display:block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:12px;background:linear-gradient(0deg, #FFDD97 0%, #FFDD97 100%), linear-gradient(339deg, rgba(255, 255, 255, 0.00) 52.79%, #FFF 95.95%), linear-gradient(77deg, #919A9C 11.6%, #B5C7C7 25.31%, #BAC2C1 40.3%, #9EA9AD 50.26%, #A4B1B5 65.4%, #E0E5E7 83.74%);}



/*card css backup*/
/* #landing-page .sec01 .sec01-cards { display: flex; justify-content: center; align-items: start; padding-top: 4rem; min-height: 60rem; overflow-x: auto; overflow-y: visible; }
#landing-page .sec01 .sec01-cards.straight { overflow-x: scroll; justify-content: revert; height: fit-content; }
#landing-page .sec01 .sec01-cards::-webkit-scrollbar, #landing-page .sec01 .sec01-cards::-webkit-scrollbar-thumb { display: none; }
#landing-page .sec01 .sec01-cards .cards-container { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30rem; position: relative; transform-origin: center; box-sizing: border-box; }
#landing-page .sec01 .sec01-cards .cards-container.spread { display: flex; flex-direction: row-reverse; text-align: center; position: relative; width: 60rem; height: 100%; left: 15rem; top: 5rem; padding: 0 4rem; }
#landing-page .sec01 .sec01-cards .cards-container.spread .card { transition: left 0.5s ease-in-out, z-index 1s ease-in-out 2s, top 0.2s linear 0.2s; }
#landing-page .sec01 .sec01-cards .cards-container.spread .card.card-4.active { z-index: 3; left: -100%; top: 1rem; }
#landing-page .sec01 .sec01-cards .cards-container.spread .card.card-3.active { top: 2rem; left: calc(-100% + 26rem); z-index: 4; }
#landing-page .sec01 .sec01-cards .cards-container.spread .card.card-2.active { left: 2rem; top: -4rem; margin-left: 3rem; z-index: 2; }
#landing-page .sec01 .sec01-cards .cards-container.spread .card.card-1.active { top: 2rem; left: calc(100% - 29rem); z-index: 1; }
#landing-page .sec01 .sec01-cards .cards-container.spread .card.card-0.active { left: 100%; z-index: 2; top: 3rem; }
#landing-page .sec01 .sec01-cards .cards-container.straight { left: 0; justify-content: start; width: 150vw; }
#landing-page .sec01 .sec01-cards .cards-container.straight .card { position: relative; transform: none !important; transition: top 0.5s ease-out, margin-left 0.5s ease-out; top: 0 !important; left: 0 !important; margin-left: 2.4rem !important; }
#landing-page .sec01 .sec01-cards .cards-container.straight .card:last-child { margin-left: 0 !important; }
#landing-page .sec01 .sec01-cards .cards-container .card { width: 30.6rem; height: 42rem; border-radius: 3.6rem; position: absolute; left: 0; top: 0; flex-shrink: 0; cursor: pointer; perspective: 1000px; }
#landing-page .sec01 .sec01-cards .cards-container .card.card-0 { transform: rotate(-3deg); z-index: 5; }
#landing-page .sec01 .sec01-cards .cards-container .card.card-1 { left: 1rem; }
#landing-page .sec01 .sec01-cards .cards-container .card.card-4 { transform: rotate(-4deg); left: -1rem; }
#landing-page .sec01 .sec01-cards .cards-container .card .card-inner { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 0.6s ease-out 0.1s; position: relative; border-radius: inherit; }
#landing-page .sec01 .sec01-cards .cards-container .card .card-inner .front, 
#landing-page .sec01 .sec01-cards .cards-container .card .card-inner .back { width: 100%; height: 100%; position: absolute; backface-visibility: hidden; border-radius: inherit; overflow: hidden; }
#landing-page .sec01 .sec01-cards .cards-container .card .card-inner .front { background-size: cover; }
#landing-page .sec01 .sec01-cards .cards-container .card .card-inner .back { background-color: var(--main-blue); transform: rotateY(180deg); padding: 4.8rem; text-align: start; color: #fff;}
#landing-page .sec01 .sec01-cards .cards-container .card .card-inner .back > p:first-child { font-size: 4.8rem; font-style: normal; font-weight: 600; line-height: 4.8rem; }
#landing-page .sec01 .sec01-cards .cards-container .card .card-inner .back .con-txt { margin-top: auto; }
#landing-page .sec01 .sec01-cards .cards-container .card .card-inner .back img { width: 6.4rem; height: 6.4rem; border-radius: 100%; margin-right: 1.6rem; object-fit: cover; }
#landing-page .sec01 .sec01-cards .cards-container .card .card-inner.flip { transform: rotateY(180deg); } */

/*테이블*/

#landing-page .sec14{background:#F8F8F8;overflow:hidden;}
#landing-page .sec14 .table-wrap{margin-top:53px;border-radius:30px;border: 3px solid transparent;background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #729EFF 0%, #729EFF 100%);background-origin: border-box;background-clip: content-box, border-box; position:relative; height:100%;}
#landing-page .sec14 .table-wrap:before{content:"";display:block;width: calc(((100% - 31%) / 3) - 18px);position: absolute;bottom: 0;left: calc(31% + 18px);border-radius: 14px 14px 0 0;height:0;background:linear-gradient(to top, #8D82E9 0%, #5E80FF 100%);transition-delay:1s;transition:1.5s;background-size:100%;}
#landing-page .sec14 .con-tit,
#landing-page .sec14 .table-wrap{opacity: 0;transform: translateY(50px);transition: opacity 1s ease-out, transform 1s ease-out;}
#landing-page .sec14 .table-tit{opacity: 0;transform: translateY(50px);transition: opacity 1s ease-out, transform 1s ease-out;transition-delay:1.2s;}
#landing-page .sec14.active .con-tit,
#landing-page .sec14.active .table-wrap {opacity: 1;transform: translateY(0);}
#landing-page .sec14.active .table-tit {opacity: 1;transform: translateY(0);}

#landing-page .sec14.active .table-wrap:before {height: 729px;animation:reverse-gradient-move 2.5s linear forwards;}

#landing-page .sec14 .table-wrap .table-inner{padding:30px 50px 30px;position: relative;}
#landing-page .sec14 .table-wrap .table-inner .table-tit{display: flex;align-items: flex-end; justify-content: flex-end;margin-bottom: -20px;}
#landing-page .sec14 .table-wrap .table-inner .table-tit div{display: flex;align-items: center;justify-content: center;flex-direction: column;width: calc((100% - 31%) / 3);color:#B4B4B4;font-size:24px; font-weight:600;} 
#landing-page .sec14 .table-wrap .table-inner .table-tit div br.mVer{display:none;}
#landing-page .sec14 .table-wrap .table-inner .table-tit div span{font-size:16px; font-weight:400; display:inline-block; margin-top:3px;text-align: center;} 
#landing-page .sec14 .table-wrap .table-inner .table-tit div.w-text{color:#fff;font-size:36px; } 
#landing-page .sec14 .table-wrap .table-inner .table-tit div.w-text span{font-size:18px; } 
#landing-page .sec14 .table-wrap table{width:100%;}
#landing-page .sec14 .table-wrap table tr{min-height:50px; border-bottom:1px solid transparent;opacity: 0;transform: translateY(20px);transition: opacity 0.5s ease-out, transform 0.5s ease-out, border-color 1s ease-in-out;transition-delay:1.5s;}
#landing-page .sec14.active .table-wrap table tr{border-bottom:1px solid #DBDBDB;}

#landing-page .sec14 .table-wrap table tr th div{text-align:left; font-size:20px; font-weight:700; padding-bottom:12px;}
#landing-page .sec14 .table-wrap table tr td{font-size:24px;}
#landing-page .sec14 .table-wrap table tr td.tbIcon > div{display: flex;align-items: center;justify-content: center;margin: 9px 0;}
#landing-page .sec14 .table-wrap table tr td.tbIcon > div:before{content:""; display:block; width:30px; height:30px; background:url('../img/landing/tbIcon.svg') no-repeat ;}
#landing-page .sec14 .table-wrap table tr td.tbIcon.o > div:before{background-position:left center;background-size:cover;}
#landing-page .sec14 .table-wrap table tr td.tbIcon.x > div:before{background-position:center center;background-size:cover;}
#landing-page .sec14 .table-wrap table tr td.tbIcon.small-o > div:before{background-position:right center;background-size:cover;}
#landing-page .sec14 .table-wrap table + table{margin-top:26px;}
  @keyframes reverse-gradient-move {
    0% {
        background-position:200% ;
      }
      100% {
        background-position:-200%;
      }
  }



/*슬라이드*/
/*.detail-swip-prv{display:block;width:40px !important;height:40px !important;position: absolute;top: 46% !important;left: 0 !important;z-index: 50;background: rgba(0, 0, 0, .1) url("https://www.onyoulife.com/theme/onyou/img/common/ico_pre_wh.svg") no-repeat center center;background-size: 20px;border-top-right-radius: 40px;border-bottom-right-radius: 40px;cursor: pointer}
.detail-swip-nxt{display:block;width:40px !important;height:40px !important;position: absolute;top: 46% !important;right: 0 !important;z-index: 50;background: rgba(0, 0, 0, .1) url("https://www.onyoulife.com/theme/onyou/img/common/ico_next_wh.svg") no-repeat center center;background-size: 20px;border-top-left-radius: 40px;border-bottom-left-radius: 40px;cursor: pointer}
.swiper-button-next,.swiper-button-prev{color:transparent !important;}
#landing-page .sec15{background:#FEFDF9; padding:46px 0 17px;overflow:hidden;}
#landing-page .sec15 .main-review-slide {width: 100%;height: 100%; margin:57px auto;max-width:1062px;}
#landing-page .sec15 .main-review-slide .main-review-wrap{/*animation: scrollLoop 35s linear infinite;animation-play-state: running;*/ /*touch-action: none;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;*/}
/*#landing-page .sec15 .main-review {font-size: 18px;background: #fff;display: flex;flex-direction: column;justify-content: flex-start;align-items:  flex-start;box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); border:1px solid #DDD;
border-radius:30px; padding:50px 13px 70px 30px;min-width:342px;max-width:342px;}
#landing-page .sec15 .main-review-slide .swiper-button-next:after, #landing-page .sec15 .main-review-slide .swiper-button-prev:after{display:none;}
#landing-page .sec15 .main-review-slide .swiper-button-next:after, #landing-page .sec15 .main-review-slide .swiper-button-prev:after{display:none;}*/
/*내용*/

/*#landing-page .sec15 .main-review figure img{display: block;width: 100%;height: 100%;object-fit: cover;}
#landing-page .sec15 .main-review .text{margin-top:30px; padding-bottom:44px; position:relative;	}
#landing-page .sec15 .main-review .text p{color:#A6866B; font-size:18px; letter-spacing:-0.002em;}
#landing-page .sec15 .main-review .text:after{content:"";position:absolute; left:0; bottom:0; width:20px; height:4px; background:#A6866B;}
#landing-page .sec15 .main-review .text2 {color:#888;	margin-top:20px; font-size:16px;}
#landing-page .sec15{background:#fff;}
#landing-page .sec15 .main-review .text p{color:#000;}*/

/* 2025-03-18 */
/*#landing-page .sec15 .main-review-slide {width: 100%;height: 100%; margin:10px auto 57px;max-width:1620px;overflow:hidden;}
#landing-page .sec15 .main-review-slide .main-review-wrap{/*animation: scrollLoop 35s linear infinite;animation-play-state: running;*/ /*touch-action: none;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;*/width:100%;padding-bottom:20px;}
/*#landing-page .sec15 .main-review {font-size: 18px;background: #fff;display: flex;flex-direction: column;justify-content: flex-start;align-items:  flex-start;box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); border:1px solid #DDD;
border-radius:5px;padding:0;min-width:auto;max-width:none;overflow:hidden;}
#landing-page .sec15 .main-review-slide .swiper-button-next:after, #landing-page .sec15 .main-review-slide .swiper-button-prev:after{display:none;}
#landing-page .sec15 .main-review-slide .swiper-button-next:after, #landing-page .sec15 .main-review-slide .swiper-button-prev:after{display:none;}*/
/*내용*/
/*#landing-page .sec15 .main-review figure{width: 100%;height: 210px;overflow:hidden;position:relative;}
#landing-page .sec15 .main-review figure img{transition: transform .5s;}
#landing-page .sec15 .main-review:hover figure img{transform: scale(1.1);}
#landing-page .sec15 .main-review figure img{display: block;width: 100%;height: 100%;object-fit: cover;}
#landing-page .sec15 .main-review .text{margin-top:30px; padding-bottom:44px; position:relative;	}
#landing-page .sec15 .main-review .text p{color:#A6866B; font-size:18px; letter-spacing:-0.002em;}
#landing-page .sec15 .main-review .text:after{content:"";position:absolute; left:0; bottom:0; width:20px; height:4px; background:#A6866B;}
#landing-page .sec15 .main-review .text2 {color:#888;	margin-top:20px; font-size:16px;}

#landing-page .sec15 .main-review .text-a{padding:20px;}
#landing-page .sec15 .main-review .text-a .t-text{min-height:103px;display:flex;flex-direction:column;justify-content:space-between;}
#landing-page .sec15 .main-review .text-a .t-text .tit{display:inline-flex;align-items:flex-end;}
#landing-page .sec15 .main-review .text-a .t-text .tit > p{font-size:20px;font-weight:700;color:#000;text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
#landing-page .sec15 .main-review .text-a .t-text .tit .new_icon{display:inline-block;min-width:24px;line-height:24px;font-size:12px;color:#fff;background:var(--main-blue);text-align:center;border-radius:2px;margin-left:5px;font-weight:bold;vertical-align:baseline}
#landing-page .sec15 .main-review .text-a .t-text > p{text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;color:#888;font-size:15px;}
#landing-page .sec15 .main-review .text-a .b-text{display:flex;align-items:center;width:100%;margin-top:15px;padding-top:15px;border-top:1px solid #ccc;}
#landing-page .sec15 .main-review .text-a .b-text p{font-size:14px;color:#888;font-weight:700;}
#landing-page .sec15 .main-review .text-a .b-text p + p{margin-left:10px;}
#landing-page .sec15 .more-arrow{max-width:1660px;margin:0 auto;display:flex;justify-content:flex-end;padding:0 20px;}
#landing-page .sec15 .more-arrow > a{font-size:20px;font-weight:700;color:#000;display:flex;align-items:center;}
#landing-page .sec15 .more-arrow > a:after{content:'';background:url("../img/landing/main-review-arrow.svg")no-repeat;width:24px;height:24px;display:inline-block;}
#landing-page .sec15 .swiper-pagination{display:none;}
#landing-page .sec15 .swiper-pagination-bullet-active{background-color:#000;}
#landing-page .sec15 .m-main-review-slide{display:none;}*/


/* 리뷰 :: s */
.detail-swip-prv{display:block;width:40px !important;height:40px !important;position: absolute;top: 46% !important;left: 0 !important;z-index: 50;background: rgba(0, 0, 0, .1) url("https://www.onyoulife.com/theme/onyou/img/common/ico_pre_wh.svg") no-repeat center center;background-size: 20px;border-top-right-radius: 40px;border-bottom-right-radius: 40px;cursor: pointer}
.detail-swip-nxt{display:block;width:40px !important;height:40px !important;position: absolute;top: 46% !important;right: 0 !important;z-index: 50;background: rgba(0, 0, 0, .1) url("https://www.onyoulife.com/theme/onyou/img/common/ico_next_wh.svg") no-repeat center center;background-size: 20px;border-top-left-radius: 40px;border-bottom-left-radius: 40px;cursor: pointer}
.swiper-button-next,.swiper-button-prev{color:transparent !important;}
#landing-page.premium .sec15{background:#EEF3FF;}
#landing-page .sec15.temporary-only .title h3 > div, #landing-page .sec15.temporary-only .title h3 > div span{font-family:Pretendard; font-weight:700; font-size:42px; text-align:center;	}
#landing-page .sec15.temporary-only .title h3 > div span{color:#517CDB;}
#landing-page .sec15{background:#FEFDF9; padding:46px 0 17px;overflow:hidden;}
#landing-page .sec15 .main-review-slide {width: 100%;height: 100%; margin:57px auto;max-width:1062px;}
#landing-page .sec15 .main-review-slide .main-review-wrap{/*animation: scrollLoop 35s linear infinite;animation-play-state: running;*/ /*touch-action: none;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;*/}
#landing-page .sec15 .main-review {font-size: 18px;background: #fff;display: flex;flex-direction: column;justify-content: flex-start;align-items:  flex-start;box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); border:1px solid #DDD;
border-radius:30px; padding:50px 13px 70px 30px;min-width:342px;max-width:342px;}
#landing-page .sec15 .main-review-slide .swiper-button-next:after, #landing-page .sec15 .main-review-slide .swiper-button-prev:after{display:none;}
#landing-page .sec15 .main-review-slide .swiper-button-next:after, #landing-page .sec15 .main-review-slide .swiper-button-prev:after{display:none;}
/*내용*/

#landing-page .sec15 .main-review figure img{display: block;width: 100%;height: 100%;object-fit: cover;}
#landing-page .sec15 .main-review .text{margin-top:30px; padding-bottom:44px; position:relative;	}
#landing-page .sec15 .main-review .text p{color:#A6866B; font-size:18px; letter-spacing:-0.002em;}
#landing-page .sec15 .main-review .text:after{content:"";position:absolute; left:0; bottom:0; width:20px; height:4px; background:#A6866B;}
#landing-page .sec15 .main-review .text2 {color:#888;	margin-top:20px; font-size:16px;}
#landing-page .sec15{background:#fff;}
#landing-page .sec15 .main-review .text p{color:#000;}

/* 2025-03-18 */
#landing-page.new .sec15 .main-review-slide {width: 100%;height: 100%; margin:10px auto 57px;max-width:100%;overflow:hidden;}
#landing-page.new-ver2 .sec15 .main-review-slide {width: 100%;height: 100%; margin:10px auto 57px;max-width:100%;overflow:hidden;}
#landing-page .sec15 .main-review-slide .main-review-wrap{/*animation: scrollLoop 35s linear infinite;animation-play-state: running;*/ /*touch-action: none;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;*/width:100%;padding-bottom:20px;}
#landing-page.new-ver2 .sec15 .main-review {max-width:440px; font-size: 18px;background: #fff;display: flex;flex-direction: column;justify-content: flex-start;align-items:  flex-start;box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); border:1px solid #DDD;
border-radius:16px;padding:0;min-width:auto;max-width:none;overflow:hidden;}
#landing-page.new .sec15 .main-review {max-width:440px; font-size: 18px;background: #fff;display: flex;flex-direction: column;justify-content: flex-start;align-items:  flex-start;box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); border:1px solid #DDD;
border-radius:16px;padding:0;min-width:auto;max-width:none;overflow:hidden;}
#landing-page .sec15 .main-review-slide .swiper-button-next:after, #landing-page .sec15 .main-review-slide .swiper-button-prev:after{display:none;}
#landing-page .sec15 .main-review-slide .swiper-button-next:after, #landing-page .sec15 .main-review-slide .swiper-button-prev:after{display:none;}
/*내용*/
#landing-page .sec15 .main-review figure{width: 100%;height: 290px;overflow:hidden;position:relative;}
#landing-page .sec15 .main-review figure img{transition: transform .5s;}
#landing-page .sec15 .main-review:hover figure img{transform: scale(1.1);}
#landing-page .sec15 .main-review figure img{display: block;width: 100%;height: 100%;object-fit: cover;}
#landing-page .sec15 .main-review .text{margin-top:30px; padding-bottom:44px; position:relative;	}
#landing-page .sec15 .main-review .text p{color:#A6866B; font-size:18px; letter-spacing:-0.002em;}
#landing-page .sec15 .main-review .text:after{content:"";position:absolute; left:0; bottom:0; width:20px; height:4px; background:#A6866B;}
#landing-page .sec15 .main-review .text2 {color:#888;	margin-top:20px; font-size:16px;}

#landing-page .sec15 .main-review .text-a{padding:20px;}
#landing-page .sec15 .main-review .text-a .t-text{min-height:103px;display:flex;flex-direction:column;justify-content:space-between;}
#landing-page .sec15 .main-review .text-a .t-text .tit{display:inline-flex;align-items:flex-end;}
#landing-page .sec15 .main-review .text-a .t-text .tit > p{font-size:22px;font-weight:700;color:#000;text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
#landing-page .sec15 .main-review .text-a .t-text .tit .new_icon{position:relative;top:-4px;display:inline-block;min-width:24px;line-height:24px;font-size:12px;color:#fff;background:var(--main-blue);text-align:center;border-radius:2px;margin-left:5px;font-weight:bold;vertical-align:baseline}
#landing-page .sec15 .main-review .text-a .t-text > p{text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;color:#888;font-size:18px;}
#landing-page .sec15 .main-review .text-a .b-text{display:flex;align-items:center;width:100%;margin-top:15px;padding-top:15px;border-top:1px solid #ccc;}
#landing-page .sec15 .main-review .text-a .b-text p{font-size:18px;color:#888;font-weight:700;}
#landing-page .sec15 .main-review .text-a .b-text p + p{margin-left:10px;}
#landing-page .sec15 .more-arrow{max-width:1660px;margin:0 auto;display:flex;justify-content:flex-end;padding:0 20px;}
#landing-page .sec15 .more-arrow > a{font-size:20px;font-weight:700;color:#000;display:flex;align-items:center;}
#landing-page .sec15 .more-arrow > a:after{content:'';background:url("../img/landing/main-review-arrow.svg")no-repeat;width:24px;height:24px;display:inline-block;}
#landing-page .sec15 .swiper-pagination{display:none;}
#landing-page .sec15 .swiper-pagination-bullet-active{background-color:#000;}
#landing-page .sec15 .m-main-review-slide{display:none;}
/* 리뷰 :: e */

/* 리뷰 :: e */


#landing-page .sec16{overflow: hidden;/* margin-top:70px;*/padding:40px 0 40px; background:url('../img/landing/sec16-bg-pc.jpg')no-repeat center center/cover ; width:100%; height:100%; }
#landing-page .sec16 .sec16-cont{ display: flex;flex-direction: column;align-items: center;justify-content: center;}
#landing-page .sec16 .sec16-cont .text-t:before{content:"";display:block; width:270px; height: 47px;background:url('../img/landing/sec16-star.png') no-repeat center center/cover ; }
#landing-page .sec16 .sec16-cont .text-t {padding:0 20px; text-align:center; color:#fff; font-size:30px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
#landing-page .sec16 .sec16-cont .text-t > p{margin-top:1.25rem;	background:var(--grd-gold-txt2); background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 300% 200%;animation: gradient-move-ver2 25s linear infinite;position: relative;}

#landing-page .sec16 .sec16-cont .text-t > p span{font-weight:500;}
#landing-page .sec16 .sec16-cont .text-t > div{font-size:40px; font-weight:500; margin-top:10px;}
#landing-page .sec16 .sec16-cont .text-t > span{font-size:24px; font-weight:500;}


#landing-page .sec16 .sec16-cont .img-list{display: flex; align-items: center; justify-content: center; gap:24px 22px;	}
#landing-page .sec16 .sec16-cont .img-wrap{display: flex; align-items: center;justify-content: center; margin-top:1.25rem;}
#landing-page .sec16 .sec16-cont .img-wrap > div{width:400px;}
#landing-page .sec16 .sec16-cont .img-wrap > div + div{margin-left:22px;}
#landing-page .sec16 .sec16-cont .img-wrap > div img{width:100%;}

	  @keyframes gradient-move-ver2 {
    0% {
        background-position: 300% 0;
      }
      100% {
        background-position: -300% 0;
      }
	}

.sec16 .sec16-cont > span{font-size:24px;; color:#fff; display:inline-block; margin-top:20px; text-align:center;padding:0 20px; line-height:1.5;}

/*0106 수정*/
#landing-page.new .visual{height:auto !important;background:transparent !important;}
#landing-page.new .visual .slide.s1{/*background:transparent !important;*/}
#landing-page.new #index-hd h1{position:static;top:auto;left:auto;transform: translate(0, 0);}
#landing-page.new #index-hd .inner{gap:80px;}
#landing-page.new .sec01 .card.card-0{background:url('../img/landing/sec01_honor_pic05.jpg') no-repeat center;background-size:cover;}
#landing-page.new .sec01 .card.card-1{background:url('../img/landing/sec01_honor_pic06.jpg') no-repeat center;background-size:cover; margin: 0 5px 0 10px;}
#landing-page.new .sec01 .card.card-3{background:url('../img/landing/sec01_honor_pic07.jpg') no-repeat center;background-size:cover; margin: 0 10px 0 5px;}
#landing-page.new .sec01 .card.card-4{background:url('../img/landing/sec01_honor_pic08.jpg') no-repeat center;background-size:cover;}
#landing-page.new .sec01 .card-inner a{width:100%;height:100%;}
#landing-page.new .visual .vid-wrap{width:100%;height:100%;}
#landing-page.new .sec01 .con-tit .inner>p{margin-top:0;}
#landing-page.new .sec-itm{background:var(--main-light);}
#landing-page.new .sec-itm ul{flex-wrap: wrap;gap:40px 40px;align-items: stretch;}
#landing-page.new .sec-itm li{flex: 0 0 calc((100% - 40px * 3) / 4);border-radius:16px;overflow:hidden;background:#fff;}
#landing-page.new .sec-itm h4{display:flex;width:180px;height:auto;margin:30px auto 0;align-items: center;justify-content: center;border-radius: 999px;
								color:#000;font-size: 24px;line-height:1; padding:10px 0;}
#landing-page.new .sec-itm .thumb{width:100%;aspect-ratio: auto 1/1;background:#ddd;}
#landing-page.new .sec-itm .con-txt{padding:30px;text-align: center;}
#landing-page.new .sec-itm .con-txt h5{font-size: 22px;font-weight: 700;}
#landing-page.new .sec-itm .con-txt>p{margin:10px 0 0;font-size: 14px;line-height:1.6;}
#landing-page.new .sec-itm .price-area{padding-top:10px; margin-top: 10px;border-top:1px solid #ddd;font-size: 22px;font-weight: 800;justify-content: center;gap:10px;}
#landing-page.new .sec-itm .price-area span{display:inline-block;position:relative;top:-2px;margin-left:2px;font-size: 16px;font-weight: 600;}
#landing-page.new .sec-itm .price-area strong{font-size: 16px; line-height: 1}
#landing-page.new .sec-itm .con-tit p{font-size:34px;margin-bottom:30px;}
#landing-page.new .sec-itm .con-tit p span{font-weight: 700;}
#landing-page.new .sec-itm .con-tit .grd-txt{margin-right:-15px;}
#landing-page.new .sec02{background:url('../img/landing/sec07_bg.jpg') no-repeat top center;background-size: cover;}
#landing-page.new .sec-itm .conbx>p{margin:0px 0 20px;font-size:20px;text-align: center;line-height:1.5; color:#333}
#landing-page.new .go-vr-btn{width:fit-content;height:80px;margin:0 auto;padding:10px 60px 0;background:#63B2B0;color:#fff;border:none;font-size: 30px;}
#landing-page.new .sec01 .tit-bt{text-align: center;justify-content: center;gap:10px;}
#landing-page.new .sec01 .tit-bt span{font-family: 'GS_Bold';font-size: 40px;}
#landing-page.new .sec01 .tit-bt span:last-child{display:flex;height:70px;padding:4px 50px 0;align-items: center;justify-content: center;color:#fff;border-radius: 999px;background:var(--grd-blue-txt2)}
#landing-page.new .sec-itm .conbx1 li:nth-child(1) .thumb{background:url('../img/landing/thumb_1_1.jpg') no-repeat center;background-size: cover;}
#landing-page.new .sec-itm .conbx1 li:nth-child(2) .thumb{background:url('../img/landing/thumb_1_2.jpg') no-repeat center;background-size: cover;}
#landing-page.new .sec-itm .conbx1 li:nth-child(3) .thumb{background:url('../img/landing/thumb_1_3.jpg') no-repeat center;background-size: cover;}
#landing-page.new .sec-itm .conbx1 li:nth-child(4) .thumb{background:url('../img/landing/thumb_1_4.jpg') no-repeat center;background-size: cover;}

#landing-page.new .sec-itm .conbx2 li:nth-child(1) .thumb,
#landing-page.new .sec-itm .conbx2 li:nth-child(2) .thumb,
#landing-page.new .sec-itm .conbx2 li:nth-child(3) .thumb{background:url('../img/landing/thumb_2_1.jpg') no-repeat center;background-size: cover;}
#landing-page.new .sec-itm .conbx2 li:nth-child(4) .thumb,
#landing-page.new .sec-itm .conbx2 li:nth-child(5) .thumb,
#landing-page.new .sec-itm .conbx2 li:nth-child(6) .thumb{background:url('../img/landing/thumb_2_2.jpg') no-repeat center;background-size: cover;}
#landing-page.new .sec-itm .conbx2 li:nth-child(7) .thumb,
#landing-page.new .sec-itm .conbx2 li:nth-child(8) .thumb,
#landing-page.new .sec-itm .conbx2 li:nth-child(9) .thumb{background:url('../img/landing/thumb_2_3.jpg') no-repeat center;background-size: cover;}
#landing-page.new .sec-itm .conbx2 li:nth-child(10) .thumb,
#landing-page.new .sec-itm .conbx2 li:nth-child(11) .thumb,
#landing-page.new .sec-itm .conbx2 li:nth-child(12) .thumb{background:url('../img/landing/thumb_2_4.jpg') no-repeat center;background-size: cover;}
#landing-page.new .sec-itm .conbx2 li:nth-child(13) .thumb,
#landing-page.new .sec-itm .conbx2 li:nth-child(14) .thumb,
#landing-page.new .sec-itm .conbx2 li:nth-child(15) .thumb{background:url('../img/landing/thumb_2_5.jpg') no-repeat center;background-size: cover;}
#landing-page.new .sec-itm .conbx3 li:nth-child(1) .thumb{background:url('../img/landing/thumb_1_4.jpg') no-repeat center;background-size: cover;}

#landing-page.new .sale-tag{display:flex; height:35px;margin:10px auto 0;align-items: center;justify-content: center;border-radius: 8px;background:#F20;color:#fff; font-weight:700; font-size: 16px}
#landing-page.new .sec01{margin-top:90px; background:#fff;}

#landing-page.new.goods .contents {padding: 100px 0 100px}
#landing-page.new.goods .sec-itm .conbx>p {font-size: 26px}
#landing-page.new #all-prd-cate .cate-slide .slide .prd-sel-block{height:auto;}
/* 2025-02-28 멤버십 */
#landing-page.new-ver2 .con-tit h3{font-size:36px;}
	#landing-page.new-ver2 .grd-txt span{background:var(--grd-gold-txt); background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 200%;animation: gradient-move 5s linear infinite;}

	#landing-page > .t-banner{width:100%;height:580px;position:relative;overflow:hidden;}
	#landing-page > .t-banner:before{content:'';background:url("../img/landing/visual-banner.jpg")no-repeat center/cover;z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;}
	#landing-page > .t-banner > .inner{display:flex;height:100%;position:relative;padding-top:162px;}
	#landing-page > .t-banner .text-a{}
	#landing-page > .t-banner .text-a > p.t1{letter-spacing:-0.04em;font-size:24px;font-weight:500;color:#fff;margin-bottom:17px;}
	#landing-page > .t-banner .text-a > p.t2{margin-top:20px;color:#fff;font-size:24px;color:#fff;letter-spacing:-0.04em;line-height:1.5;}
	#landing-page > .t-banner .text-a > h2{font-size:85px;margin-top:15px;color:#fff;}
	#landing-page > .t-banner .text-a > h2 strong{background:var(--grd-gold-txt2);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 400% 200%;animation: gradient-move-ver2 25s linear infinite;}
	
	#landing-page > .t-banner .text-a > h3{font-size:48px;color:#fff;}
	#landing-page > .t-banner .text-a > h3 strong{background:var(--grd-gold-txt2);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 400% 200%;animation: gradient-move-ver2 25s linear infinite;}
	  @keyframes gradient-move-ver2 {
    0% {
        background-position: 400% 0;
      }
      100% {
        background-position: -400% 0;
      }
	}
	#landing-page > .t-banner .slide-area{position:absolute;left:calc(100% - 500px);max-width:2590px;}
	#landing-page > .t-banner .slide-area .swiper-slide{}

	#landing-page > .t-banner .slide-area .slide-etc{display:flex;align-items:center;margin-top:37px;}
	#landing-page > .t-banner .slide-area .slide-etc .cnt{margin:0 40px;}
	#landing-page > .t-banner .slide-area .slide-etc .cnt span{font-size:18px;color:#757575;}
	#landing-page > .t-banner .slide-area .slide-etc .cnt span.current-slide{color:#fff;font-weight:700;font-size:17px;}
	#landing-page > .t-banner .slide-area .slide-etc .cnt span + span:before{content:'/';margin:0 3px;}
	#landing-page > .t-banner .slide-area .slide-etc a.swiper-arrow{display:flex;align-items:center;justify-content:center;width:13px;height:26px;}
	#landing-page > .t-banner .slide-area .slide-etc a.swiper-arrow.prev{background:url("../img/landing/banner-arrow.svg")no-repeat left center;width:13px;height:26px;}
	#landing-page > .t-banner .slide-area .slide-etc a.swiper-arrow.next{background:url("../img/landing/banner-arrow.svg")no-repeat right center;width:13px;height:26px;}
	#landing-page .membership-tab{background-color:#0095A9;width:100%;height:80px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;transition:.4s;z-index:2;}
	body:has(.scr-up) #landing-page .membership-tab{top:80px;}
	#landing-page .membership-tab > a{color:#55BECC;font-size:16px;position:relative;}
	#landing-page .membership-tab > a.active{color:#fff;}
	#landing-page .membership-tab > a + a{margin-left:20px;padding-left:20px;}
	#landing-page .membership-tab > a + a:before{content:'';background-color:#00505A;width:1px;height:10px;position:absolute;left:0;top:50%;transform:translateY(-50%);}
	#landing-page .benefit-sec{background-color:#fff;padding:50px 0 40px;}
	#landing-page .benefit-sec .tit{display:flex;justify-content:center;}
	#landing-page .benefit-sec .tit > p{height:70px;border:5px solid var(--gold3);color:var(--gold3);width:300px;text-align:center;font-size:28px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding-top:4px;}
	#landing-page .benefit-sec ul{max-width:980px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;}
	#landing-page .benefit-sec ul > li{position:relative;width:50%;display:flex;align-items:center;border-bottom:1px solid #ddd;}
	#landing-page .benefit-sec ul > li.w100p{position:relative;width:100%;display:flex;align-items:center;border-bottom:1px solid #ddd;justify-content:center;}
	#landing-page .benefit-sec ul > li:nth-child(2n){padding-left:90px;}
	#landing-page .benefit-sec ul > li:nth-child(2n):before{content:'';background-color:#DDDDDD;width:1px;height:40px;position:absolute;left:0;top:50%;transform:translateY(-50%);}
	#landing-page .benefit-sec ul > li .text-a{}
	#landing-page .benefit-sec ul > li .text-a .t1{font-size:32px;color:#222;}
	#landing-page .benefit-sec ul > li .text-a .t2{font-size:20px;color:#555;margin-top:5px;}
	#landing-page .benefit-sec .b1 ul{margin-top:20px;}
	#landing-page .benefit-sec .b2 ul{margin-top:30px;}
	#landing-page .benefit-sec .b1 ul li{border-bottom:0;}
	#landing-page .benefit-sec .inner > div + div{margin-top:40px;}
	#landing-page .benefit-sec .inner .caption{color:#CCCCCC;margin-top:20px;display:flex;justify-content:center;text-align:center;}

	#landing-page.new-ver2 .sec15{background:#FEFDF9; padding:46px 0 17px;overflow:hidden;}




#landing-page.new-ver2 .sec02{background-color:#FFFDF9;}
#landing-page.new-ver2 .con-tit{display:flex;justify-content:center;}

#landing-page .month-event{background-color:#fff;}
#landing-page .month-event .bubble{width:100%;height:100px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;background:var(--grd-turquoise3);position:relative;}
#landing-page .month-event .bubble p{z-index:1; text-align:center;position:relative; top:2px;	}
#landing-page .month-event .bubble:after {content: '';position: absolute;bottom: -30px;left: 50%;width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 100px solid #5984E4;transform:translateX(-50%) rotate(180deg);}
#landing-page .month-event .pc-event-conts{padding:50px 0 40px;}
#landing-page .month-event .pc-event-conts .inner{display:flex; justify-content:center; flex-wrap:wrap; gap: 40px 0;}
#landing-page .month-event .pc-event-conts .inner > div{border:1px solid #D9D9D9;border-radius:30px;width:calc((100% / 3) - 30px); min-width:360px; height:100%;/* min-height:540px;*/ background:#F9FAFB;}
#landing-page .month-event .pc-event-conts .inner > div + div{margin-left:30px;}
/* 혜택1 */
#landing-page .month-event .pc-event-conts .inner > div.event{padding:20px;}
#landing-page .month-event .pc-event-conts .inner > div.event .tag{display:flex;justify-content:center;}
#landing-page .month-event .pc-event-conts .inner > div.event .tag > p{color:#fff;font-size:20px;display:inline-flex;align-items:center;justify-content:center;width:110px;height:35px;border-radius:100px;background:#000000;padding-top:2px;}
#landing-page .month-event .pc-event-conts .inner > div.event .tit{font-size:28px;color:#000;text-align:center;line-height:1.15;margin-top:13px;}
#landing-page .month-event .pc-event-conts .inner > div.event .tit span{color:#6185D2}
#landing-page .month-event .pc-event-conts .inner > div.event .img-box{position:relative;margin-top:20px;}
#landing-page .month-event .pc-event-conts .inner > div.event .img-box span{color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;text-align:center;width:80px;height:80px;border-radius:50%;background:#FF962D;position:absolute;right:-13px;top:-22px;}
#landing-page .month-event .pc-event-conts .inner > div.event .img-box img{width:100%;}
#landing-page .month-event .pc-event-conts .inner > div.event .text{margin-top:20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap; gap:10px;	}
#landing-page .month-event .pc-event-conts .inner > div.event .text .chk-txt{font-family:Gmarket Sans; display:inline-flex;align-items:center;justify-content:center; background:#E3EAF9; padding:0 15px; line-height:33px; font-size:17px; font-weight:500; border-radius:20px} 
#landing-page .month-event .pc-event-conts .inner > div.event .text .chk-txt > i{margin-right:3px;}
#landing-page .month-event .pc-event-conts .inner > div.event .text2{margin-top:20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap; gap:5px;}
#landing-page .month-event .pc-event-conts .inner > div.event .text2 > div{font-size:11px; background:#EBEBEB; border-radius:20px; padding:5px 15px;font-family:Gmarket Sans; display:inline-flex;align-items:center;justify-content:center;}
#landing-page .month-event .pc-event-conts .inner > div.event .text2 > div p{display:flex;align-items:center;justify-content:space-between;font-family:Gmarket Sans; }
#landing-page .month-event .pc-event-conts .inner > div.event .text2 > div p span{font-family:Gmarket Sans;}
#landing-page .month-event .pc-event-conts .inner > div.event .text2 > div p span.line{color:#888888; text-decoration:line-through;} 
/* 유의사항 */
#landing-page .month-event .pc-event-conts .inner > div.e2{padding:35px 25px 10px;}
#landing-page .month-event .pc-event-conts .inner > div.e2 h3{text-align:center;font-size:26px;color:#333;}
#landing-page .month-event .pc-event-conts .inner > div.e2 ul{margin-top:20px;}
#landing-page .month-event .pc-event-conts .inner > div.e2 ul li{color:#666;font-size:14px; display:flex;align-items:flex-start;}
#landing-page .month-event .pc-event-conts .inner > div.e2 ul li + li{margin-top:25px;}
#landing-page .month-event .pc-event-conts .inner > div.e2 ul li span{position:relative;top:-2px; margin-right:2px;}
#landing-page .month-event .pc-event-conts .inner > div.e2 > div{margin-top:20px;text-align:center;}
#landing-page .month-event .pc-event-conts .inner > div.e2 > div p{font-size:15px; color:#000; font-family:Gmarket Sans;}
#landing-page .month-event .pc-event-conts .inner > div.e2 > div p + p{margin-top:10px;}
#landing-page .month-event .pc-event-conts .inner > div.e2 .img-wrap{ margin-top:20px; display:flex;align-items:center;justify-content:center;}
#landing-page .month-event .pc-event-conts .inner > div.e2 .img-wrap img{max-width:186px; }

#landing-page .month-event .m-event-conts{display:none;}



#landing-page .prd-sec{padding-bottom:40px;background-color:#FAFAFA;}
#landing-page .prd-sec .con-tit{background:#F6DDB5; padding:28px 0 23px;}
#landing-page .prd-sec .con-tit h3{display: flex;flex-direction: column;align-items: center;}
#landing-page .prd-sec .con-tit span{font-family: 'GS_Medium'; font-size:24px; letter-spacing:-0.002px;line-height:140%; margin-top:5px; color:#333;}
#landing-page .prd-sec .goods-list{margin-top:40px;}
#landing-page .prd-sec .goods-list ul{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;}
#landing-page .prd-sec .goods-list ul + ul{margin-top:20px;}
#landing-page .prd-sec .goods-list ul li{display:flex;width:calc((100% / 3) - 27px);}
#landing-page .prd-sec .goods-list ul li figure img{width:100%;}
#landing-page .prd-sec .goods-list ul li a{display:flex;flex-direction:column;width:100%;}
#landing-page .prd-sec .goods-list ul li a > div{padding:20px;background-color:#fff;}
#landing-page .prd-sec .goods-list ul li a > div p.name{font-size:20px;font-weight:700;color:#222;}
#landing-page .prd-sec .goods-list ul li a > div .price{font-size:14px;margin:10px 0;font-weight:500;}
#landing-page .prd-sec .goods-list ul li a > div .price span{font-size:28px; font-weight:800}
#landing-page .prd-sec .goods-list ul li a > div .cate{display:flex;flex-wrap:wrap;margin-left:-5px;}
#landing-page .prd-sec .goods-list ul li a > div .cate span{font-family:'GS_Bold';padding:9px 5px;border:1px solid #e2e2e2;background-color:#fff;color:#888;font-size:12px;display:inline-flex;align-items:center;justify-content:center;margin-left:5px;margin-top:5px;line-height:1;}
/* 상품리스트 디자인 250116 */
.listBlock {display: flex; align-items: flex-start;}
.listBlock .infoBox {display: flex; width: calc(25% + 90px); border-radius: 16px; align-items: center; justify-content: center; overflow: hidden; background:var(--main-blue); margin-right: 35px; text-align: center; color: #fff}
.listBlock .infoBox dt {font-size: 32px; font-family: 'GS_Bold'; margin-bottom: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 18px}
.listBlock .infoBox dt p {font-size: 18px; margin-top: 10px}
.listBlock .infoBox dd {line-height: 1.6}
.listBlock .infoBox dd.tit {margin-bottom: 20px; font-size: 18px; font-weight: 700}
.listBlock .infoBox dd.txt {border-radius: 10px;padding: 10px 10px;}
.listBlock .infoBox dd .red {font-weight: 700; margin-top: 20px;color: #f5f95b;font-size: 20px; line-height: 1.3;}
.listBlock .infoBox dd .yellow {margin: 10px 0 10px 0;color: #fff; }
.listBlock .infoBox dd .yellow span{text-align: left; display: inline-block;}

.listBlock #all-prd-cate {width: 100%}
#landing-page.new .sec-itm .listBlock li {flex: 0 0 calc((100% - 60px) / 3);}
#landing-page.new .sec-itm .listBlock ul {gap: 30px 30px;}
#landing-page.new.goods .sec-itm ul {justify-content: flex-start}

.goodsList_visual {margin: 0; padding: 160px 0 100px; background: #fff}
.goodsList_visual .con-tit {text-align: center; margin: 0; padding: 0}
.goodsList_visual .con-tit .logo {display: flex; align-items: center; justify-content: center; margin-bottom: 30px}
.goodsList_visual .con-tit .logo a {display: flex; align-items: center; justify-content: center; height: 80px}
.goodsList_visual .con-tit .logo img {height: 100%; width: auto}
.goodsList_visual .con-tit .copy {font-family: 'GS_Medium'; font-size: 30px; line-height: 1.5; margin-bottom: 30px}
.goodsList_visual .con-tit .copy strong {font-family: 'GS_Bold';}

.goodsList_visual .feature {width:100%;margin:80px auto 0;padding:40px 0;border-radius: 20px;border:2px solid #ddd;}
.goodsList_visual .feature li {position:relative;width:33.33%;text-align: center;font-family: 'SUIT';font-size: 24px;line-height:1.4;}
.goodsList_visual .feature li strong{display: block; font-size:30px; font-family: 'JalnanGothic';font-weight: normal !important; line-height: 1.2; margin-bottom: 15px}
.goodsList_visual .feature li:after{content:'';display:block;position:absolute;top:50%;right:0;margin-top:-50px;width:1px;height:100px;background:#ddd;}
.goodsList_visual .feature li:last-child:after {display: none}

.listTab {display: flex; align-items: center; justify-content: center; /*border-top:2px solid #dde0e5; border-bottom: 2px solid #dde0e5;*/}
.listTab .cont {display: flex; align-items: center; justify-content: center;  gap: 15px; }
.listTab p {width:auto;}
.listTab a {display: flex; align-items: center; justify-content: center; height: 50px; font-size: 20px;  /*font-family: 'GS_Bold';*/ 
    border-radius: 40px; padding: 0 20px; cursor: pointer; border: 1px solid #ddd; font-weight:600;}
.listTab a:hover {color: #4B71FF}
 
@-webkit-keyframes pulse{
  0%{
    opacity: 0;
  }
  10%{
    opacity:.50;
    transform-origin: 50% 50%;
    transform: rotate(-2deg) scale(5);
    transition: all .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  100%{
    opacity:1;
    transform: scale(1);
  }
}
.mdPrd-sec{background: linear-gradient(180deg, #F4F6F9 0%, #EBF1FF 100%);padding:40px 0;}
.mdPrd-sec > .inner > h4{color:#000;font-size:32px;text-align:center;}
.mdPrd-sec > .inner .prd-list{margin-top:40px;}
.mdPrd-sec > .inner .prd-list > ul{display:flex;flex-wrap:wrap;gap:20px;}
.mdPrd-sec > .inner .prd-list > ul li{width:calc(50% - 10px);border-radius:20px;background: linear-gradient(180deg, #5D4AFC 0%, #4B71FF 50%, #58D5C6 100%);position:relative;z-index:1;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);}
.mdPrd-sec > .inner .prd-list > ul li:before{content: "";position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; background: white; border-radius: 18px;z-index: -1; }
.mdPrd-sec > .inner .prd-list > ul li > a{display:flex;align-items:center;padding:20px 50px 20px 20px;}
.mdPrd-sec > .inner .prd-list > ul li > a .figure{width:175px;overflow:hidden;border-radius:10px;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a{padding-left:10px;max-width:calc(100% - 175px);width:100%;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .t-txt{}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .t-txt .t1{font-size:30px;font-weight:600;color:#000;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .t-txt .t2{margin-top:8px;font-size:21px;color:rgba(81, 82, 89, 1);}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .b-txt{margin-top:20px;padding-top:20px;border-top:1px solid rgba(221, 221, 221, 1);display:flex;align-items:flex-end;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .b-txt span{font-size:28px;color:#000;margin-right:10px;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .b-txt p{font-size:40px;color:#000;line-height:1;}

/* 2025-03-20 */
#landing-page .b-info-txt{background:rgba(235, 236, 241, 1);}
#landing-page .b-info-txt > div{max-width:1420px;margin:0 auto;padding:35px 20px;}
#landing-page .b-info-txt h3.title{color:rgba(81, 82, 89, 1);font-size:28px;font-weight:800;margin-bottom:20px;}
#landing-page .b-info-txt > div > div{display:flex;align-items:flex-start;flex-wrap:wrap;}
#landing-page .b-info-txt > div > div > div{width:50%;}
#landing-page .b-info-txt > div > div > div.l-cont{}
#landing-page .b-info-txt > div > div > div.l-cont > div + div{margin-top:10px;}
#landing-page .b-info-txt h4{color:rgba(51, 51, 51, 1);font-size:20px;font-weight:400;position:relative;padding-left:22px;margin-bottom:10px;}
#landing-page .b-info-txt h4:before{content:'';background-color:rgba(221, 221, 221, 1);width:10px;height:10px;border-radius:50%;position:absolute;left:0;top:7px;}
#landing-page .b-info-txt p{position:relative;padding-left:48px;color:rgba(108, 108, 108, 1);font-size:18px;}
#landing-page .b-info-txt p:before{content:'';position:absolute;left:30px;top:5px;background-color:#6C6C6C;border-radius:50%;width:5px;height:5px;}
#landing-page .b-info-txt p + p{margin-top:5px;}
/* 2025-03-26 */

#landing-page .service-slide{background:var(--main-light);padding: 40px;}
#landing-page .service-slide .inner{max-width: 1380px;margin: 0 auto; padding: 0 10px;width:100%;}
#landing-page .service-slide .inner .con-tit{text-align:center; }
#landing-page .service-slide .inner .con-tit h3 span{font-size:36px; font-size:36px; }
#landing-page .service-slide .inner .con-tit h3 span br{display:none;	}
#landing-page .service-slide .inner .service-wrap{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap; gap:30px; margin-top:40px;}
#landing-page .service-slide .inner .service-wrap .service{display:flex;flex-direction:column; background:#fff; border-radius:20px; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.05); padding:30px 40px; text-align:center; width:380px; position:relative;}
#landing-page .service-slide .inner .service-wrap .service:before{content:''; display:block; width:90px;background: no-repeat; position:absolute;height:60px; right:25px; top:-9px; }

#landing-page .service-slide .inner .service-wrap .service.recom:before{background-image:url('../img/recom-tag.svg'); }
#landing-page .service-slide .inner .service-wrap .service.best:before{background-image:url('../img/best-tag.svg'); }


#landing-page .service-slide .inner .service-wrap .service .service-top{padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #EEEEEE;}
#landing-page .service-slide .inner .service-wrap .service .service-top .tit{font-weight: 700;font-size: 24px;line-height: 130%;}
#landing-page .service-slide .inner .service-wrap .service .service-top .month-price{margin-top:5px; font-size: 30px; letter-spacing:-0.03em;font-weight: 800;}
#landing-page .service-slide .inner .service-wrap .service .service-top .dc-price{color:#909090;font-size: 18px;font-weight: 700; text-decoration:line-through; letter-spacing:-0.03em;}
#landing-page .service-slide .inner .service-wrap .service .service-top .benefit{margin-top:15px;display:inline-flex;align-items:center;justify-content:center; gap: 0 15px; }
#landing-page .service-slide .inner .service-wrap .service .service-top .benefit span{display:inline-block; border-radius:20px; font-weight:800; font-size:16px;  letter-spacing:-0.05em; padding:5px 9px;} 
#landing-page .service-slide .inner .service-wrap .service .service-top .benefit span.benefit-service{border:1px solid #FF8E8E; color:#FF4D4D;}
#landing-page .service-slide .inner .service-wrap .service .service-top .benefit span.benefit-price{border:1px solid #AAA8FD; color:#706DD2;}
/*#landing-page .service-slide .inner .service-wrap .service .service-top .benefit span + span{margin-left:10px;}*/

#landing-page .service-slide .inner .service-wrap .service .service-bottom{background:#F9FBFE; border-radius:20px; padding:15px; min-height:254px;}
#landing-page .service-slide .inner .service-wrap .service .service-bottom dl{display:flex;align-items:center;justify-content:space-between;}
#landing-page .service-slide .inner .service-wrap .service .service-bottom dl + dl{margin-top:16px;}
#landing-page .service-slide .inner .service-wrap .service .service-bottom dl dt{font-size:18px; font-weight:600; letter-spacing:-0.03em;display:flex;align-items:center;}
#landing-page .service-slide .inner .service-wrap .service .service-bottom dl dt:before{content:''; display:block; width:24px; height:24px;  background: no-repeat center center/cover; margin-right:6px;}
#landing-page .service-slide .inner .service-wrap .service .service-bottom dl dt.chk:before{background-image:url('../img/chk-icon.svg');}
#landing-page .service-slide .inner .service-wrap .service .service-bottom dl dt.plus:before{background-image:url('../img/plus-icon.svg');}
#landing-page .service-slide .inner .service-wrap .service .service-bottom dl dd{font-size:18px;}
/*#landing-page .service-slide .inner .service-wrap .service .service-bottom dl dd.bold{font-weight:700;}*/

 

#landing-page .service-slide .inner .service-wrap .service .service-more{ margin-top:20px;display:flex;align-items:center;justify-content:center; }
#landing-page .service-slide .inner .service-wrap .service .service-more a{max-width:210px; border:1px solid #B5B5B5;border-radius:999px;font-size:20px; font-weight:700; padding:0 58px; line-height:45px;  display:inline-flex;align-items:center;justify-content:center;}

#landing-page .service-slide .inner .service-wrap.m-service{display:none;}
/* 2025-03-28 */
#landing-page .made-service{background-color:#F9F7F2;padding:60px 0;}
#landing-page .made-service .con-tit h3{font-size:32px;}
#landing-page .made-service .con-tit-span{text-align:center;display:block;margin-top:10px;color:#666666;font-weight:500;font-size:20px;}
#landing-page .made-service .mem-service{margin-top:14px;display:flex;flex-direction:column;align-items:center;}
#landing-page .made-service .mem-service .text-a{text-align:center;margin-top:26px;}
#landing-page .made-service .mem-service .text-a {}
#landing-page .made-service .mem-service .text-a > h4{font-weight:700;color:#6F4E32;font-size:22px;}
#landing-page .made-service .mem-service .text-a > p{font-size:16px;color:#333;line-height:1.5;margin-top:10px;}
#landing-page .made-service .mem-service .text-a > p strong{font-weight:700;}
#landing-page .made-service .mem-service .service-cont{max-width:590px;margin-top:26px;}
#landing-page .made-service .mem-service .service-cont .label{line-height:30px;background-color:#515259;color:#fff;border-radius:5px;padding:0 10px;display:flex;align-items:center;font-size:16px;font-weight:700;}
#landing-page .made-service .mem-service .service-cont ul{display:flex;gap:0 20px;margin-top:5px;}
#landing-page .made-service .mem-service .service-cont ul li{}
#landing-page .made-service .mem-service .service-cont ul li p{font-size:14px;color:#000;}
#landing-page .made-service .mem-service .service-cont ul li p strong{}
#landing-page .made-service .mem-service .service-cont ul li .figure{margin-top:5px;border-radius:10px;overflow:hidden;}
#landing-page .made-service .b-text{font-family:'NanumMyeongjo';font-size:24px;letter-spacing:-0.03em;color:#000;font-weight:700;margin-top:40px;text-align:center;}
#landing-page .member-history{background:var(--grd-gold-bg);padding:60px 0 50px;}
#landing-page .member-history .con-tit h3{font-size:32px;}
#landing-page .member-history .con-tit-span{text-align:center;display:block;margin-top:10px;color:#666666;font-weight:500;font-size:20px;}
#landing-page .member-history .history{padding:0 96px;margin:50px 0 0;position:relative;}
#landing-page .member-history .history .h-tit{margin-bottom:40px;}
#landing-page .member-history .history .h-tit > h4{color:rgba(166, 134, 107, 1);font-size:42px;font-weight:900;}
#landing-page .member-history .history .h-tit > p{margin-top:10px;font-size:32px;font-weight:700;color:#000;}
#landing-page .member-history .history .desc{font-size:24px;color:rgba(51, 51, 51, 1);margin-bottom:115px;letter-spacing:-0.01em;line-height:1.5;margin-top:63px;}
#landing-page .member-history .history .l-history .desc{text-align:right;}
#landing-page .member-history .history .l-history .h-tit{text-align:right;}
#landing-page .member-history .history .r-history .h-tit{text-align:left;}
#landing-page .member-history .history .l-history{padding-right:54px;}
#landing-page .member-history .history .r-history{padding-left:54px;}
#landing-page .member-history .history > div{display:flex;position:relative;}
#landing-page .member-history .history > div:nth-child(1){}
#landing-page .member-history .history > div:nth-child(2){margin-top:155px;}
#landing-page .member-history .history > div:nth-child(3){margin-top:140px;}
#landing-page .member-history .history > div:nth-child(4){margin-top:210px;}
#landing-page .member-history .history > div:nth-child(3) .h-tit,
#landing-page .member-history .history > div:nth-child(4) .h-tit{margin-top:-60px;}
#landing-page .member-history .history > div:nth-child(3) .desc,
#landing-page .member-history .history > div:nth-child(4) .desc{margin-top:0;}
#landing-page .member-history .history > div:before{content:'';border-radius:50%;width:28px;height:28px;background-color:rgba(166, 134, 107, 0.35);position:absolute;left:50%;transform:translateX(-50%);top:7px;}
#landing-page .member-history .history > div:after{content:'';border-radius:50%;width:14px;height:14px;background-color:#A6866B;position:absolute;left:50%;top:14px;transform:translateX(-50%);}
#landing-page .member-history .history > div > div{width:50%;}
#landing-page .member-history .history > div ul li > p{font-size:24px;color:#000;margin-top:8px;}
#landing-page .member-history .history .l-history ul li > p{text-align:right;}
#landing-page .member-history .history > div ul li + li{margin-top:50px;}
#landing-page .member-history .history:before{content:'';background-color:rgba(166, 134, 107, 1);position:absolute;left:50%;top:7px;width:1px;height:calc(100% - 7px);transform:translateX(-50%);}

#landing-page .service-goods{padding:80px 0;position:relative; background: linear-gradient(to bottom, #EFF4FF 0%, #FEFEFF 100%);overflow:hidden;}
#landing-page .service-goods:before{content:'';background:url("../img/landing/background-logo.png");width:604px;height:717px;position:absolute;right:0;bottom:0;}
#landing-page .service-goods .title-a{text-align:center;}
#landing-page .service-goods .title-a > h3{font-size:42px;font-weight:700;font-family:'Pretendard' !important}
#landing-page .service-goods .list{padding:10px 0;margin-top:30px;}
#landing-page .service-goods .list .swiper-wrapper{display:flex;justify-content:center;gap:0 20px;}
#landing-page .service-goods .list .item{position:relative;padding:30px 34px;box-shadow:0 1px 7px rgba(0,0,0,0.1);border-radius:20px;background-color:#fff;display:flex;flex-direction:column;align-items:center;max-width:425px;}
#landing-page .service-goods .list .item.recommend:before{content:'';background:url("../img/recom-tag.svg")no-repeat;position:absolute;width:90px;height:60px;right:16px;top:-10px;}
#landing-page .service-goods .list .item.best:before{content:'';background:url("../img/best-tag.svg")no-repeat;position:absolute;width:90px;height:60px;right:16px;top:-10px;}
#landing-page .service-goods .list .item .title{display:flex;flex-direction:column;align-items:center;}
#landing-page .service-goods .list .item .title p.t1{font-size:32px;font-weight:600;font-family:'Pretendard' !important}
#landing-page .service-goods .list .item .title p.t2{font-size:24px;color:#1D1D1D;font-weight:500;margin-top:5px;font-family:'Pretendard' !important}
#landing-page .service-goods .list .item .title p.t2 span{font-size:24px;color:#707070;font-family:'Pretendard' !important}
#landing-page .service-goods .list .item .title p.t2 strong{font-size:28px;color:#000;font-family:'Pretendard' !important;font-weight:500;}
#landing-page .service-goods .list .item .cate{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;justify-content:center;}
#landing-page .service-goods .list .item .cate > span{display:inline-flex;align-items:center;justify-content:center;padding:0 20px;min-height:30px;font-size:18px;font-weight:800;border-radius:20px;}
#landing-page .service-goods .list .item .cate > span.s1{color:#FF5151;border:1px solid #E18484;}
#landing-page .service-goods .list .item .cate > span.s2{border:1px solid #AAA8FD;color:#706DD2;}
#landing-page .service-goods .list .item .cate > span.s3{color:#6DA1D2;border:1px solid #6DA1D2;}
#landing-page .service-goods .list .item .cate > span.s4{color:#BE6DD2;border:1px solid #E3A8FD;}
#landing-page .service-goods .list .item .info{padding:15px;border-radius:20px;background-color:#F9FBFE;width:100%;}
#landing-page .service-goods .list .item .info > dl{display:flex;align-items:center;justify-content:space-between;font-size:18px;}
#landing-page .service-goods .list .item .info > dl + dl{margin-top:16px;}
#landing-page .service-goods .list .item .info > dl > dt{}
#landing-page .service-goods .list .item .info > dl > dt > p{display:flex;align-items:center;font-weight:700;}
#landing-page .service-goods .list .item .info > dl.chk > dt > p:before{content:'';background:url("../img/chk-icon.svg")no-repeat;display:inline-block;margin-right:6px;width:24px;height:24px;}
#landing-page .service-goods .list .item .info > dl.add > dt > p:before{content:'';background:url("../img/plus-icon.svg")no-repeat;display:inline-block;margin-right:6px;width:24px;height:24px;}
#landing-page .service-goods .list .item .info > dl > dd > p.bold{font-weight:800;}
#landing-page .service-goods .list .item .info > dl{}
#landing-page .service-goods .list .item .more{display:flex;justify-content:center;margin-top:20px;padding-top:20px;border-top:1px solid #EEEEEE;width:100%;}
#landing-page .service-goods .list .item .more > a{display:flex;align-items:center;justify-content:center;padding:0 58px;line-height:43px;border:1px solid #B5B5B5;border-radius:1000px;color:#000;font-size:20px;font-weight:700;}
#landing-page .service-goods .list .swiper-pagination{display:none;}
#landing-page .allinone-banner{}
#landing-page .allinone-banner {position: relative; width: 100%; background-image: url('../img/landing/top-event-banner.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;} 
#landing-page .allinone-banner .inner{padding-top:165px;padding-bottom:93px;}
#landing-page .allinone-banner .inner .text-a{}
#landing-page .allinone-banner .inner .text-a p{color:#fff;font-weight:600;text-shadow:0px 1px 3px rgba(0,0,0,1);}
#landing-page .allinone-banner .inner .text-a p.t1{font-size:48px;}
#landing-page .allinone-banner .inner .text-a p.t2{font-size:82px;margin-top:12px;font-weight:900;}
#landing-page .allinone-banner .inner .text-a p.t3{font-size:42px;margin-top:47px;}
#landing-page .allinone-banner .inner .banner-list{margin-top:85px;}
#landing-page .allinone-banner .inner .banner-list ul{display:flex;gap:0 20px;flex-wrap:wrap;}
#landing-page .allinone-banner .inner .banner-list ul li{width:calc((100% / 4) - 15px);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:190px;border-radius:20px;overflow:hidden;text-align:center;background-color:#fff;}
#landing-page .allinone-banner .inner .banner-list ul li:before{content:'';background: linear-gradient(to bottom, #FFFFFF 0%, #EBFFC7 100%);position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.3;z-index:1;}
#landing-page .allinone-banner .inner .banner-list ul li > span{font-size:28px;font-weight:800;color:#000;position:relative;z-index:2;}
#landing-page .allinone-banner .inner .banner-list ul li > div{position:relative;z-index:2;}
#landing-page .allinone-banner .inner .banner-list ul li > div p{font-size:28px;font-weight:500;color:#000;}
#landing-page .allinone-banner .inner .banner-list ul li > div p strong{font-weight:800;color:#6672EC;font-size:32px;}

#landing-page .portrait-wrap{background-color:#F4FAFF;padding:80px 0;}
#landing-page .portrait-wrap .inner{display:flex;gap:0 20px;}
#landing-page .portrait-wrap .inner .l-card{display:flex;max-width:calc(100% - 387px);width:100%;}
#landing-page .portrait-wrap .inner .l-card .card{display:flex;width:100%;background-color:#fff;border-radius:20px;box-shadow:0 1px 7px rgba(0,0,0,0.1);}
#landing-page .portrait-wrap .inner .l-card .card > div{width:100%;padding:20px 22px;}
#landing-page .portrait-wrap .inner .l-card .card > div .t-card{display:flex;align-items:center;justify-content:space-between;padding:0 10px;}
#landing-page .portrait-wrap .inner .l-card .card > div .t-card .text-a p.t1{font-size:18px;color:#000;}
#landing-page .portrait-wrap .inner .l-card .card > div .t-card .text-a p.t2{font-size:36px;font-weight:700;color:#000;margin-top:5px;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card{padding:20px;border-top:1px solid #D5D5D5;border-bottom:1px solid #D5D5D5;margin:10px 0;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl{display:flex;justify-content:space-between;align-items:center;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl + dl{margin-top:5px;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dt{font-size:24px;color:#000;font-weight:700;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dt > p{margin:7px 0;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dt > span{display:block;font-size:20px;color:#666;font-weight:500;margin:3px 0;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd{display:flex;flex-direction:column;align-items:flex-end;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > p{font-size:32px;font-weight:500;color:#666;position:relative;min-width:130px;display:flex;justify-content:flex-end;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > p:before{content:'';width:14px;height:2px;position:absolute;left:-20px;top:18px;background-color:#000;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > p:after{content:'';width:2px;height:14px;position:absolute;left:-13.5px;top:12px;background-color:#000;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > p strong{font-weight:950;color:#4179F5;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > div{display:flex;font-size:20px;color:#666;gap:0 12px;margin:3px 0;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > div.cRed{color:#FF0000;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > div.cRed span:last-child{font-weight:700;color:#FF0000;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-radius:10px;background-color:#FFE1E3;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card > p{color:#FF455B;font-weight:700;font-size:32px;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card > div{display:flex;gap:0 18px;align-items:center;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card > div span{font-size:20px;color:#000;font-weight:700;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card > div p{font-size:32px;font-weight:500;color:#000;display:flex;align-items:center;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card > div p strong{font-size:42px;color:#FF455B;font-weight:800;}
#landing-page .portrait-wrap .inner .r-card{display:flex;flex-direction:column;gap:10px;}
#landing-page .portrait-wrap .inner .r-card .card{display:flex;width:387px;align-items:center;padding:30px 20px 20px;border-radius:20px;box-shadow:0px 1px 7px rgba(0,0,0,0.1);}
#landing-page .portrait-wrap .inner .r-card .card .figure{min-width:100px;display:flex;flex-direction:column;align-items:center;}
#landing-page .portrait-wrap .inner .r-card .card .figure > span{margin-top:5px;font-size:14px;color:#000;font-weight:500;}
#landing-page .portrait-wrap .inner .r-card .card .text-a{max-width:calc(100% - 100px);padding-left:10px;}
#landing-page .portrait-wrap .inner .r-card .card .text-a p.t1{font-size:18px;color:#000;font-weight:600;}
#landing-page .portrait-wrap .inner .r-card .card .text-a p.t2{font-size:14px;color:#333;margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,0.17);}
#landing-page .portrait-wrap .inner .r-card .card:nth-child(1){background-color:#F9F0E2}
#landing-page .portrait-wrap .inner .r-card .card:nth-child(2){background-color:#D7EDFF}
#landing-page .portrait-wrap .inner .r-card .card:nth-child(3){background-color:#F8F8E3}
#landing-page .allinone-info{padding:80px 0;background:#DFECFF;position:relative;}
#landing-page .allinone-info .bg{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background: linear-gradient(to bottom, #F4F6F9 0%, #EBF1FF 100%);z-index:-1;}
#landing-page .allinone-info .inner{position:relative;z-index:1;}
#landing-page .allinone-info .inner .title-a{text-align:center;}
#landing-page .allinone-info .inner .title-a p.t1{font-size:28px;color:#000;}
#landing-page .allinone-info .inner .title-a p.t2{font-weight:800;color:#000;font-size:42px;margin-top:10px;}
#landing-page .allinone-info .inner .info-list{margin-top:20px;}
#landing-page .allinone-info .inner .info-list ul{display:flex;flex-wrap:wrap;gap:20px;}
#landing-page .allinone-info .inner .info-list ul li{width:calc((100% / 4) - 15px);}
#landing-page .allinone-info .inner .info-list ul li > div{background-color:#fff;border-radius:20px;padding:30px 18px;display:flex;flex-direction:column;align-items:center;min-height:335px;}
#landing-page .allinone-info .inner .info-list ul li > div > span{font-size:24px;font-weight:700;color:#000;font-family:'Pretendard';}
#landing-page .allinone-info .inner .info-list ul li > div > .figure{margin:10px 0;}
#landing-page .allinone-info .inner .info-list ul li > div > div{text-align:center;}
#landing-page .allinone-info .inner .info-list ul li > div > div p.t1{font-size:28px;font-weight:800;color:#000;}
#landing-page .allinone-info .inner .info-list ul li > div > div p.t2{margin-top:10px;color:#333;font-size:20px;}

#landing-page .stone-info{padding:80px 0;}
#landing-page .stone-info .inner .title-a{text-align:center;}
#landing-page .stone-info .inner .title-a > h3{font-size:42px;font-weight:800;color:#000;}
#landing-page .stone-info .inner .title-a > h3 span{color:#517CDB;}
#landing-page .stone-info .inner .title-a > p{font-size:28px;margin-top:10px;}
#landing-page .stone-info .inner .list{margin-top:20px;display:flex;}
#landing-page .stone-info .inner .list > .l-list{width:75%;}
#landing-page .stone-info .inner .list > .l-list > div{overflow:hidden;border-radius:20px;}
#landing-page .stone-info .inner .list > .l-list > div img{}
#landing-page .stone-info .inner .list > .r-list{width:25%;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-left:18px;}
#landing-page .stone-info .inner .list > .r-list > div{overflow:hidden;border-radius:20px;}
#landing-page .stone-info .inner .list > .r-list > div img{}


#landing-page .stone-info2{padding:80px 0;background-color:#F3F8FD;overflow:hidden;}
#landing-page .stone-info2 .title-a{text-align:center;}
#landing-page .stone-info2 .title-a > h3{font-size:42px;font-weight:800;color:#000;}
#landing-page .stone-info2 .title-a > h3 span{color:#517CDB;}
#landing-page .stone-info2 .title-a > p{font-size:28px;margin-top:10px;}
#landing-page .stone-info2 .slide-tab{display:flex;margin:30px auto 0;justify-content:center;}
#landing-page .stone-info2 .slide-tab > .wrap {display:flex;gap:10px;}
#landing-page .stone-info2 .slide-tab > .wrap > a{display:flex;align-items:center;justify-content:center;min-height:62px;border-radius:1000px;border:1px solid #CCCCCC;padding:0 40px;font-size:20px;color:#000;text-align:center;white-space:nowrap;}
#landing-page .stone-info2 .slide-tab > .wrap > a.active{color:#fff;background-color:#517CDB;border:1px solid #517CDB;}

#landing-page .stone-info2 .swiper { width: 100%;position: relative;margin-top:30px;padding-bottom:40px;overflow:visible !important;} 
#landing-page .stone-info2 .swiper-slide {padding:40px 50px;background-color:#fff;border-radius:20px;overflow:hidden;} 
#landing-page .stone-info2 .swiper-slide .slide-text{}
#landing-page .stone-info2 .swiper-slide .slide-text .title{display:flex;justify-content:space-between;align-items:center;}
#landing-page .stone-info2 .swiper-slide .slide-text .title > h3{font-weight:600;color:#000;font-size:36px;font-family:'Pretendard';}
#landing-page .stone-info2 .swiper-slide .slide-text .title > p{font-size:28px;font-weight:600;font-family:'Pretendard';color:#517CDB;text-decoration:underline; text-underline-offset:5px;}
#landing-page .stone-info2 .swiper-slide .slide-text  > p{font-size:20px;color:#515259;margin-top:10px;}
#landing-page .stone-info2 .swiper-slide .figure-list{display:flex;gap:20px;margin-top:20px;}
#landing-page .stone-info2 .progress-bar { position: absolute; bottom:0; left: 0; width: 100%; height: 4px; background: rgba(113, 140, 199, 0.2); z-index: 10;border-radius:1000px;overflow:hidden;} 
#landing-page .stone-info2 .progress-bar .progress { height: 100%; width: 0%; background: #718CC7; transition: width 0.3s ease;border-radius:1000px;} 
#landing-page .stone-info2 .swiper-button-prev,#landing-page .stone-info2 .swiper-button-next{background-color:#fff;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid #000;box-shadow:0 4px 10px rgba(0,0,0,0.15);border-radius:50%;}

#landing-page .stone-info2 .swiper-button-prev:after,
#landing-page .stone-info2 .swiper-button-next:after{content:'';background: url('../img/landing/info-slide-arrow.svg')no-repeat center/120px 60px;width:60px;height:60px;}
#landing-page .stone-info2 .swiper-button-prev:after{background-position:left center;}
#landing-page .stone-info2 .swiper-button-next:after{background-position:right center;}
#landing-page .stone-info2 .swiper-button-prev{left:-30px;}
#landing-page .stone-info2 .swiper-button-next{right:-30px;}

#landing-page .sec14.graph-bg{position:relative;padding:80px 0;}
#landing-page .sec14.temporary-only .title h3 > div{color:#000;}
#landing-page .sec14.graph-bg:before{content:'';background: url('../img/landing/allinone-bg01.jpg')no-repeat center;position:absolute;left:0;top:0;width:100%;height:100%;}

#landing-page .service-info{padding:80px 0;background-color:#F3F8FD;overflow:hidden;}
#landing-page .service-info .title-a{text-align:center;}
#landing-page .service-info .title-a > h3{font-size:42px;font-weight:800;color:#000;}
#landing-page .service-info .title-a > h3 span{color:#517CDB;}
#landing-page .service-info .title-a > p{font-size:28px;margin-top:10px;letter-spacing:-0.02em;}
#landing-page .service-info .slide-tab{margin-top:30px;display:flex;justify-content:center;}
#landing-page .service-info .slide-tab > .wrap{display:flex;gap:10px;}
#landing-page .service-info .slide-tab > .wrap > a{display:flex;align-items:center;justify-content:center;min-height:62px;border-radius:1000px;border:1px solid #CCCCCC;padding:0 40px;font-size:20px;color:#000;text-align:center;}
#landing-page .service-info .slide-tab > .wrap >  a.active{color:#fff;background-color:#517CDB;border:1px solid #517CDB;}

#landing-page .service-info .swiper { width: 100%;position: relative;margin-top:30px;padding-bottom:40px;overflow:visible !important;} 
#landing-page .service-info .swiper-slide {padding:40px 50px;background-color:#fff;border-radius:20px;overflow:hidden;} 
#landing-page .service-info .swiper-slide .slide-text{}
#landing-page .service-info .swiper-slide .slide-text .title{display:flex;justify-content:space-between;align-items:center;}
#landing-page .service-info .swiper-slide .slide-text .title > h3{font-weight:600;color:#000;font-size:36px;font-family:'Pretendard';}
#landing-page .service-info .swiper-slide .slide-text .title > p{font-size:28px;font-weight:600;font-family:'Pretendard';color:#517CDB;text-decoration:underline; text-underline-offset:5px;}
#landing-page .service-info .swiper-slide .slide-text  > p{font-size:20px;color:#515259;margin-top:10px;}
#landing-page .service-info .swiper-slide .figure-list{display:flex;gap:20px;margin-top:20px;}
#landing-page .service-info .progress-bar { position: absolute; bottom:0; left: 0; width: 100%; height: 4px; background: rgba(113, 140, 199, 0.2); z-index: 10;border-radius:1000px;overflow:hidden;} 
#landing-page .service-info .progress-bar .progress { height: 100%; width: 0%; background: #718CC7; transition: width 0.3s ease;border-radius:1000px;} 
#landing-page .service-info .swiper-button-prev,#landing-page .service-info .swiper-button-next{background-color:#fff;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid #000;box-shadow:0 4px 10px rgba(0,0,0,0.15);border-radius:50%;}

#landing-page .service-info .swiper-button-prev:after,
#landing-page .service-info .swiper-button-next:after{content:'';background: url('../img/landing/info-slide-arrow.svg')no-repeat center/120px 60px;width:60px;height:60px;}
#landing-page .service-info .swiper-button-prev:after{background-position:left center;}
#landing-page .service-info .swiper-button-next:after{background-position:right center;}
#landing-page .service-info .swiper-button-prev{left:-30px;}
#landing-page .service-info .swiper-button-next{right:-30px;}

#landing-page .service-info02{padding:80px 0;background-color:#F4F6F9;}
#landing-page .service-info02 .inner .title-a{text-align:center;}
#landing-page .service-info02 .inner .title-a > h3{font-size:42px;font-weight:800;color:#000;}
#landing-page .service-info02 .inner .title-a > h3 span{color:#517CDB;}
#landing-page .service-info02 .inner .list{position:relative;gap:20px;display:flex;margin-top:26px;}
#landing-page .service-info02 .inner .list .item{position:relative;overflow:hidden;border-radius:20px;}
#landing-page .service-info02 .inner .list .item > p{font-size:28px;color:#fff;font-weight:800;position:absolute;}
#landing-page .service-info02 .inner .list .item:nth-child(1) > p{left:30px;top:30px;}
#landing-page .service-info02 .inner .list .item:nth-child(2) > p{right:30px;bottom:30px;}
#landing-page .service-info02 .inner .list .label{background: url('../img/landing/info-label.png')no-repeat center;width:323px;height:204px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;text-align:center;}
#landing-page .service-info02 .inner .list .label > p{color:#fff;font-size:32px;font-family:'Pretendard';font-weight:800;}
#landing-page .service-info02 .inner > p{color:#000;font-size:26px;text-align:center;margin-top:26px;}
/*반응형*/
@media screen and (min-width:1921px){
  #landing-page .sec01 .cards-container{max-width:2500px;margin:0 auto;justify-content: center;}
/*   #landing-page .sec01 .card.card-0{left:0;}
  #landing-page .sec01 .card.card-1{left:-50px;}
  #landing-page .sec01 .card.card-2{left:auto;}
  #landing-page .sec01 .card.card-3{left:-50px;}
  #landing-page .sec01 .card.card-4{left:auto;} */
}

@media screen and (max-width:1921px){
  #landing-page #index-hd {height: 70px}
  #landing-page.new .sec01 {margin-top: 0px}
  
  #landing-page.new .sec-itm .con-tit p {font-size: 30px}
  #landing-page .contents {padding: 40px 0}
  .con-tit h3 span {font-size: 32px; line-height: 1.3; display: inline-block}
  .con-tit h3 {font-size: 36px; line-height: 1.3; display: inline-block}
  
  #landing-page.new .sec01 .tit-bt span {font-size: 34px}
  #landing-page.new .sec01 .tit-bt span:last-child {height: 54px; font-size: 28px; padding: 4px 30px 0}
  #landing-page.new .sec01 .tit-bt {margin-top: 10px}
  
  #landing-page .sec01 .con-tit {margin-bottom: 20px}
  #landing-page .sec01 .card {width: 23vw}
  #landing-page .sec01 .card h4 {font-size: 24px}
  #landing-page .sec01 .card p {font-size: 20px}
  #landing-page .sec01 .inner>p {margin-top: 150px}
  
  #landing-page .sec01 .con-bt {padding: 30px 0;}
  #landing-page .sec01 .con-bt li {font-size: 16px; color:#333;}
  #landing-page .sec01 .con-bt li strong {font-size: 20px; color:#131313;}
  
  #landing-page .sec11 .con-tit p {font-size: 40px}
  #landing-page .sec11 .con-tit h3 {font-size: 44px}
}

@media screen and (min-width:1461px){
  .br-1400{display:none;}
  .listBlock .infoBox {height: 474px}
  #prd_01 .listBlock .infoBox,
  #prd_03 .listBlock .infoBox {height: 452px}
  
}
@media screen and (max-width:1460px){
  
  .br-1400{display:block;}
  #landing-page .inner{width:100%;padding:0 40px;}
  #landing-page .text-deco span{font-size: 27px;}
  
  #landing-page .visual h2{font-size: 55px;}
  #landing-page .visual h2 strong{font-size: 75px;}
  #landing-page .visual .visual-deco{width:400px;z-index:0;}
  #landing-page .visual .visual-txt,
  #landing-page .visual .visual-tit{position:relative;z-index:2;}
  #landing-page .visual .visual-txt>p{font-size: 20px;}

  #landing-page .sec01 .con-bt li{font-size: 18px;}
  #landing-page .sec01 .con-bt li strong{font-size: 24px;}
  
  #landing-page .sec07 .prd-block strong span{font-size: 35px;}
  
  
  #landing-page .sec10 ul{align-items: flex-start;}
  #landing-page .sec10 li p{font-size: 18px;}
  #landing-page .sec10 li h5{font-size: 25px;}
  #landing-page .sec10 .con-tit p{font-size: 40px;}
  #landing-page .sec10 .tag{height:0px; padding:18px 30px 16px; font-size: 18px;  }
  #landing-page .sec10 .conbx-wrap>p{margin-top:30px;font-size: 20px;}
  #landing-page .sec10 .con-top>p{font-size: 20px;}
  
  
  #landing-page .sec11{background: url('../img/landing/sec11_bg2.jpg') no-repeat 50%;background-size: cover}
  #landing-page .sec11 .con-tit p{font-size: 38px;}
  #landing-page .sec11 .con-tit h3{font-size: 45px;}
  #landing-page .sec11 .con-tit h3 .grd-txt{font-size: 80px;}
  
  #landing-page .sec12 li p{font-size:22px;}
  #landing-page .sec12 li h3{font-size: 50px;}
  #landing-page .sec12 li{padding:60px 40px;}

  #landing-page.new .sec-itm .con-txt>p{font-size: 13px;}
  #landing-page.new .sec-itm .con-txt{padding:30px 20px;}
  
  .con-tit h3,
  .con-tit h3 span {font-size: 32px}
  #landing-page.new .sec-itm .conbx>p {font-size: 20px}
  #landing-page.new.goods .sec-itm ul {justify-content: flex-start}
  
  /* 상품리스트 디자인 250116 */
  .listBlock .infoBox dt p {font-size: 16px}
  .listBlock {flex-direction: column}
  .listBlock .infoBox {margin: 0; width: 100%; padding: 20px 0; margin:20px 0 0 0;}
  .listBlock #all-prd-cate {margin: 30px 0 0;}
  #landing-page.new .sec-itm .listBlock ul {gap:20px; justify-content: center}
  #landing-page.new .sec-itm .listBlock li {width: calc(100% / 3); flex: 0 0 calc((100% - 40px) / 3);}
  .listBlock .infoBox dt {margin: 0; padding: 0; border: 0; font-size: 20px}
  .listBlock .infoBox dd.txt {display: none}
  
  .goodsList_visual .feature li {font-size: 20px}
  
  .listTab a {font-size: 20px; height: 60px}
  #landing-page.new-ver2 .con-tit h3, #landing-page.new-ver2 .con-tit h3 span{font-size:32px;}

#landing-page .prd-sec .con-tit span{font-size:22px !important;}

}
/* 
@media only screen and (max-width: 1334px) {
  html{font-size: calc(.84vw + 3px);}
  #landing-page .sec01 { min-height: 50rem; }
  #landing-page .sec01 .sec01-cards .cards-container { width: 25rem; }
  #landing-page .sec01 .sec01-cards .cards-container.spread { width: 45rem; left: 25rem; }
  #landing-page .sec01 .sec01-cards .cards-container.spread .card.card-3.active { left: calc(-100% + 18rem); top: 3rem; }
  #landing-page .sec01 .sec01-cards .cards-container.spread .card.card-2.active { left: -2rem; }
  #landing-page .sec01 .sec01-cards .cards-container.spread .card.card-1.active { left: calc(100% - 22rem); top: 5rem; }
  #landing-page .sec01 .sec01-cards .cards-container.spread .card.card-0.active { left: 92%; top: 1.5rem; }
  #landing-page .sec01 .sec01-cards .cards-container.straight { width: 200vw; }
  #landing-page .sec01 .sec01-cards .cards-container .card { width: 24rem; height: 32.5161rem; border-radius: 2rem; }
  #landing-page .sec01 .sec01-cards .cards-container .card .card-inner .back { padding: 2.4rem; }
  #landing-page .sec01 .sec01-cards .cards-container .card .card-inner .back > p:first-child { font-size: calc((var(--heading-h3) / 10) * 1rem); font-weight: 600; line-height: var(--140); }
  #landing-page .sec01 .sec01-cards .cards-container .card .card-inner .back img { width: 4rem; height: 4rem; }
  #landing-page .sec01 .sec01-button { padding: 4rem 1.6rem; padding-top: 0; }
} */

@media screen and (max-width:1300px){
  #landing-page.new .sec-itm li {flex: 0 0 calc((100% - 80px) / 3);}
}
@media screen and (max-width:1200px){
	#landing-page > .t-banner .text-a > p.t1{font-size:19px;}
	#landing-page > .t-banner .text-a > h2{font-size:70px;}
	#landing-page > .t-banner .text-a > h3{font-size:43px;}
	#landing-page > .t-banner .text-a > p.t2{font-size:18px;}
}

@media screen and (min-width:1025px) and (max-width:1600px){
  #landing-page .sec01 .card h4{font-size:1.5vw;}
  #landing-page .sec01 .card p{font-size: 1.2vw;}
  #landing-page .sec01 .card h4 {margin: 30px 0 10px}
}


@media screen and (min-width:1025px){
  #landing-page .br-1024{display:none;}
  #landing-page .sec01 .con-bt li:not(:last-child)::after{content:'';display:block;position:absolute;top:50%;right:0;margin-top:-50px;width:1px;height:100px;background:#ddd;}
  #landing-page .visual .visual-deco{margin-right:85px}
  #landing-page .sec11{min-height:800px;}
  
  
}
@media screen and (max-width: 1100px){
.mdPrd-sec > .inner .prd-list > ul li > a .figure{width:150px;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a{max-width:calc(100% - 150px);}
.mdPrd-sec > .inner .prd-list > ul li > a{padding:20px 32px 20px 20px;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .t-txt .t1{font-size:23px;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .t-txt .t2{font-size:17px;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .b-txt span{font-size:20px;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .b-txt p{font-size:27px;}
#landing-page .b-info-txt > div > div > div{width:100%;}
#landing-page .b-info-txt > div > div > div.r-conts{margin-top:10px;}
#landing-page .member-history .history{padding:0 20px;}
#landing-page .allinone-banner .inner .banner-list ul li > span{font-size:24px;}
#landing-page .allinone-banner .inner .banner-list ul li > div p strong{font-size:28px;}
#landing-page .allinone-banner .inner .banner-list ul li > div p{font-size:24px;}
#landing-page .portrait-wrap .inner .l-card .card > div .t-card .text-a p.t2{font-size:3vw;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dt{font-size:2.3656vw;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > p{font-size:3.1183vw;min-width:11.9785vw;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dt > span{font-size:1.7204vw;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > div{font-size:1.7204vw;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card > p{font-size:2.6882vw;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card > div span{font-size:1.8280vw}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card > div p{font-size:2.6882vw;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card > div p strong{font-size:3.7634vw;}
#landing-page .portrait-wrap .inner .l-card .card > div{padding:20px 10px;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card{padding:10px;}

#landing-page .allinone-info .inner .info-list ul li{width:calc((100% / 2) - 15px)}

}
@media screen and (max-width:1024px){
  
  #landing-page .inner{width:100%;padding:0 30px;}
  .grd-img{width:140px;left:-105px;top:-3px}
  
  #landing-page #index-hd img{height:30px;}
  
 
  #landing-page .br-1024{display:block;}
  /* #landing-page .visual .visual-deco{width:400px;} */
  #landing-page .visual .visual-tit{padding-bottom:0px;margin:0 auto;padding-top:80px;}
  #landing-page .visual .visual-txt>p{font-size:16px;}
  #landing-page .text-deco span{font-size: 20px;}
  #landing-page .visual .con-txt{position:static;margin-top:0;width:100%;}
  #landing-page .visual .slide{flex-direction: column;justify-content: space-between;text-align: center;}
  #landing-page .visual .visual-tit p{margin-bottom:10px;font-size: 16px;}
  #landing-page .visual h2{font-size: 36px;}
  #landing-page .visual h2 strong{font-size: 38px;}
  #landing-page .visual .visual-deco{width:auto;height:50dvh;margin:0 auto;}
  #landing-page .visual .inner:has(img){height:auto;text-align: center; margin: 0;}
  #landing-page .visual .visual-tit{width:100%;}
  #landing-page .visual{height:calc(100dvh - 160px);}
  
  
  #landing-page .sec01 .grd-img{left:-90px;}
  #landing-page .sec01 .txt-wrap p{font-size: 20px;}
  #landing-page .sec01 .txt-wrap b{font-size: 26px;}
  #landing-page .sec01 .txt-wrap strong{font-size: 35px;}
  #landing-page .sec01 .deco-wrap .sec01-deco1{width:55vw;}
  #landing-page .sec01 .deco-wrap .sec01-deco2{width:50vw;top:auto;bottom:0;}
  #landing-page .sec01 .txt-wrap{position:static;top:auto;left:auto;padding:0;}
  #landing-page .sec01 .con-wrap>.m-only{display:block;}
  #landing-page .sec01 .con-wrap>.pc-only{display:none;}
  #landing-page .sec01 .con-wrap>.m-only .swiper-slide{left:auto !important;top:auto !important;width:60vw;}
  #landing-page .sec01 .con-tit p{font-size: 16px; margin:0;}
  #landing-page .sec01 .con-bt{margin:40px auto 0;}
  #landing-page .sec01 .con-tit{margin-bottom:30px;}
  #landing-page .sec01 .swiper-wrapper{-webkit-transition-timing-function:linear!important;    transition-timing-function:linear!important; position: relative;}
  #landing-page .sec01 .con-bt{padding:0;border:none;border-radius: 0;}
  #landing-page .sec01 .inner>p{margin-top:80px;font-size:24px;}
  #landing-page .sec01 .con-bt ul{flex-wrap: wrap;}
  #landing-page .sec01 .con-bt li{width:100%;padding:15px 0;border: 1px solid #ddd; font-size: 16px; margin: 5px 0; border-radius: 20px;}
  #landing-page .sec01 .con-bt li strong{font-size: 18px;position:relative;top:2px; padding:0;}
  /*#landing-page .sec01 .con-bt li:last-child{border-bottom:none;}*/
  #landing-page .sec01 .con-bt li br{/*display:none;*/}
  #landing-page .sec01 .card h4{margin:30px 0;}

  
  #landing-page .sec02 .con-tit p{font-size: 18px;}
  #landing-page .sec02 li{width:calc(50% - 10px);font-size: 28px;}
  #landing-page .sec02 .con-wrap>img{width:250px;margin-left:-125px;margin-top:-75px;}
  
  #landing-page .sec06 .con-tit p{font-size: 20px;}
  
  #landing-page .sec07 .prd-block strong span{font-size: 36px;}
  #landing-page .sec07 .prd-block strong{font-size: 22px;}
  /* #landing-page .sec07 .prd-block b{font-size: 22px;} */
  #landing-page .sec07 .prd-block p{font-size: 16px;}
  #landing-page .sec07 .prdcate_slide .slide .prd-block .icon{width:90px;height:90px;}
  #landing-page .sec07 .prd-block{height:auto;padding:30px;}
  #landing-page .sec07 .prdcate_slide .swiper-slide{width:100%;margin:0 0 20px;}
  #landing-page .sec07 .con-tit p{font-size: 25px;}
  #landing-page .sec07 .tag{height:0px;margin:20px 0 auto ;padding:21px 30px 19px; font-size: 20px;}
  
  #landing-page .sec10 .con-tit p{font-size: 30px;}
  #landing-page .sec10 .info-txt{font-size: 20px; width:100%; margin: 20px auto; padding: 20px;}
   #landing-page .sec10 .info-txt p{width:100%; margin:0 auto; font-size:12px;} 
  #landing-page .sec10 .con-top>p{font-size: 25px;line-height:1.6;}
  #landing-page .sec10 .con-wrap h4 span{font-size:24px;}
  #landing-page .sec10 .con-wrap h4{padding:15px 0 10px;font-size: 20px; margin-bottom: 15px; line-height: 1.4;}
  #landing-page .sec10 ul{flex-wrap: wrap;gap:10px 0;}
  #landing-page .sec10 li{width:100%;height: auto; padding:30px 20px;display:flex;flex-direction: column;align-items: center;}
  #landing-page .sec10 li h5{margin: 0px; font-size:28px;}
  #landing-page .sec10 li h6{width: 88%;font-size:18px;}
  #landing-page .sec10 li h6 span{font-size:18px;}
  #landing-page .sec10 li .txt-middle{margin: 10px auto;gap: 10px 20px; font-size:16px;}
  #landing-page .sec10 li>img{width:fit-content;height:100px;}


  
  
  #landing-page .sec11 {background: url('../img/landing/sec11_bg2_m.jpg') no-repeat bottom center;background-size: cover;align-items: flex-start;min-height:1600px;}
  #landing-page .sec11 .con-txt{width:100%;}
  #landing-page .sec11 .con-tit h3{width:fit-content;margin:0 auto;}
  #landing-page .sec11 .con-tit h3::before{left:-100px;width:130px;height:200px;}
  #landing-page .sec11 .con-tit h3::after{right:-100px;width:130px;height:200px;}
  #landing-page .sec11 .con-tit p{font-size: 25px; margin: 20px 0;}
  #landing-page .sec11 .con-tit h3{font-size: 35px;}
  #landing-page .sec11 .con-tit h3 .grd-txt{font-size: 60px;}
  #landing-page .sec11 .con-tit p span::before{width:4px;height:4px;margin-left:-2px;top:-5px;}
  #landing-page .sec11 .btn-wrap a{text-align: center;font-size: 18px;background: rgba(0, 0, 0, 0.30);box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.06);border:none;}
  #landing-page .sec11 .btn-wrap a strong{font-size: 30px;}
  

  #landing-page .sec12 li p{font-size:20px;}
  #landing-page .sec12 li h3{font-size: 45px;}
  #landing-page .sec12 li{padding:50px 30px;}
  #landing-page .sec12 {margin-bottom:140px;}
  #landing-page .sec12 ul{flex-wrap: wrap;}
  #landing-page .sec12 li{display:flex;width:100%;height:20vh;align-items: center;}
  #landing-page .sec12 li .con-txt{width:100%;}
  
  /**/
  #landing-page.new #index-hd .inner{gap:40px;}
  #landing-page.new .sec-itm ul{gap:30px;}
  #landing-page.new .sec-itm li{flex:0 0 calc((100% - 30px) / 2);}
  #landing-page.new .sec-itm h4{font-size:24px;width:250px;height:60px; display:none;}
    #landing-page.new .sec-itm .conbx>p{font-size:25px; display:none;}
  #landing-page.new .sec-itm .con-tit p{font-size: 25px;}
  #landing-page.new .go-vr-btn{height:60px;padding:0 40px;font-size: 25px;}
  #landing-page.new .sec01 .tit-bt{flex-direction: column;}
  #landing-page.new .sec01 .tit-bt span{font-size: 25px;}
  #landing-page.new .sec01 .tit-bt span:last-child{height:45px;padding:0 30px;font-size: 20px;}

  
  /* 상품리스트 디자인 250116 */
  .listTab a {font-size: 18px; height: 70px}
  .listTab p {flex-shrink: 0}
  .listTab .cont {gap: 30px; justify-content: flex-start; padding-right: 20px; overflow: scroll;}

   #landing-page > .t-banner{height:auto;}
	#landing-page > .t-banner > .inner{padding-bottom:500px;}
	#landing-page > .t-banner .slide-area{left:30px;top:calc(100% - 420px);}
	#landing-page .benefit-sec ul > li:nth-child(2n){padding-left:40px;}
	#landing-page .benefit-sec ul > li .text-a .t1{font-size:29px;}
	#landing-page .benefit-sec ul > li .text-a .t2{font-size:18px;}
/*	#landing-page .month-event .event-conts .inner > div{height:auto;}*/
/*	#landing-page .month-event .event-conts .inner > div.e1 .tit{font-size:39px;}*/
/*	#landing-page .month-event .event-conts .inner > div.e1 .text p{font-size:16px;}*/
/*	#landing-page .month-event .event-conts .inner > div.e1 .img-box span{width:75px;height:75px;font-size:16px;}*/
/*	#landing-page .month-event .event-conts .inner > div.e2 ul li{font-size:16px;}*/
#landing-page .allinone-banner .inner .banner-list ul{gap:20px;}
#landing-page .allinone-banner .inner .banner-list ul li{width:calc((100% / 2) - 15px);}
#landing-page .stone-info .inner .title-a > p{font-size:19px;}
#landing-page .stone-info2 .title-a > p{font-size:19px;}
#landing-page .service-info02 .inner > p{font-size:19px;}
#landing-page .service-info02 .inner .list .label{background-size:300px auto;width:300px;height:189px;}
#landing-page .service-info02 .inner .list .label > p{font-size:26px;}
#landing-page .sec14.graph-bg{}
#landing-page .sec14.graph-bg .table-wrap table tr td span{font-size:17px !important;}
#landing-page .sec14.graph-bg .table-wrap table tr td{font-size:17px !important;}
#landing-page .sec14.graph-bg .table-wrap:before{left:calc((100% - -9%) / 3) !important;}
#landing-page .sec14.graph-bg .table-wrap .table-inner .table-tit div.w-text{font-size:29px !important;}

}

@media screen and (min-width:821px){
  .m-only{display:none;}
  
  .br-768{display:none;}
  
  #landing-page .sec01 .cards-container{max-width:1200px;margin:auto;}
  #landing-page .sec07 .con-tit h3 span{display:inline-block;margin-right:-12px;}
  
 
}


@media screen and (max-width:820px){
.con-tit h3, .con-tit h3 span{font-size:24px;}
  #landing-page .membership-tab > a{font-size:13px;}
  #landing-page .membership-tab > a + a{padding-left:15px;margin-left:15px;}
  #landing-page .line-con::after{height:8px;}
  .pc-only{display:none;}
  .m-only{display:block;}
  .br-768{display:block;}
  #landing-page .inner{width:100%;padding:0 20px;}
  #landing-page #index-hd{height:60px;}
  #landing-page #index-hd img{height:25px;}
  #landing-page #index-hd h1 img{width:100px;}
  #landing-page .contents{padding:20px 0; }
  .grd-img{width:100px;top:-2px;left:-75px;}
  
  #landing-page .visual{margin-top:60px;}
  #landing-page .visual .slide.s1{background:url('../img/landing/visual_bg2_m.jpg') no-repeat left center;background-size: cover;}
  #landing-page .visual .slide{position:relative;}
  /* #landing-page .visual .visual-deco{width:55vw;bottom:0;} */
  /* #landing-page .visual .visual-tit{width:50%;} */
  #landing-page .visual-txt-m{background:#000;color:#fff;text-align: center;line-height:1.6;font-size: 16px;}
  #landing-page .visual-txt-m strong{display:inline-block;font-size: 22px;margin-top:20px;}
  #landing-page .visual-txt-m strong span{font-size: 30px;}
  #landing-page .visual .slide.s1{background:url('../img/landing/visual_bg2_m.jpg') no-repeat top center;background-size: cover;}
  #landing-page .visual .visual-tit p{font-size: 16px;}

  #landing-page .visual h6{font-size: 16px; font-family:none;}
  #landing-page .visual h2 {font-size: 24px;}
  #landing-page .visual h2 strong{font-size: 36px;}
  #landing-page .visual .visual-tit{padding-top:6vh;}
  
  #landing-page .sec01 .grd-img{left:-63px;}
  #landing-page .sec01 .txt-wrap p{font-size: 16px;margin-bottom:20px;}
  #landing-page .sec01 .con-tit{margin-bottom:10px;}
  #landing-page .sec01 .txt-wrap b{font-size: 18px;}
  #landing-page .sec01 .txt-wrap strong{font-size: 20px;}
  #landing-page .sec01 .deco-wrap .sec01-deco1{top:20vw;}
  #landing-page .sec01 .deco-wrap .sec01-deco3{width:100%;}
  #landing-page .sec01 .deco-wrap{margin-top:40px;}
  #landing-page .sec01 .card h4{font-size: 20px;}
  #landing-page .sec01 .card p{font-size: 16px;}
  #landing-page .sec01 .info-txt{font-size: 18px;line-height:1.3;}
  #landing-page .sec01 .con-tit p{font-size: 16px;}
  #landing-page .sec01 .con-bt li{font-size: 16px;line-height:1;}
  #landing-page .sec01 .con-bt li strong{font-size: 22px;}
  #landing-page .sec01 .card h4{margin:20px 0;}
  
  
  #landing-page .sec02 .con-tit p{font-size: 16px;}
  #landing-page .sec02 .con-tit{margin-bottom:20px;}
  #landing-page .sec02 .con-wrap>img{width:30vw;margin-left:-15vw;margin-top:-10vw;}
  
  #landing-page .sec02 li{width:calc(50% - 5px);font-size: 20px;}
  #landing-page .sec02 li:first-child .con-txt{top:20px;left:20px;}
  #landing-page .sec02 li:last-child .con-txt{bottom:20px;right:20px;}
  
  
  #landing-page .sec06 .con-tit p{font-size: 16px;}
  #landing-page .sec06 .con-tit{margin-bottom:45px;}
  
  #landing-page .sec07 .prdcate_inner .display_m{display:none;}
  #landing-page .prdcate_slide .slide{margin-bottom:20px;}
  #landing-page .sec07 .prd-block strong span{font-size: 28px;}
  #landing-page .sec07 .s1 .prd-block strong span{font-size: 20px;}
  #landing-page .sec07 .prd-block strong{font-size: 16px;}
  #landing-page .sec07 .prd-block b{font-size: 26px;}
  /* #landing-page .sec07 .prd-block p{font-size: 14px;} */
  #landing-page .sec07 .prdcate_slide .slide .prd-block .icon{width:80px;height:80px;margin-bottom:20px !important;}
  #landing-page .sec07 .prd-block{padding:30px;}
  #landing-page .sec07 .prdcate_slide{width:100% !important;}
  #landing-page .sec07 .con-tit{margin-bottom:10px;}
  #landing-page .sec07 .prd-block strong{padding-bottom:10px;margin-bottom:10px;}
  
  #landing-page .sec07 .con-tit p{font-size: 16px;}
  #landing-page .sec07 .con-tit .m-only{display:inline-block;}
  

  #landing-page .sec10 .con-tit p{margin-top:20px;font-size: 18px;}
  #landing-page .sec10 .info-txt{font-size: 14px;}  
 

  #landing-page .sec10 .con-top>p{font-size: 18px;}
  #landing-page .sec10 .text-deco{margin-bottom:40px;flex-wrap: wrap;}
  #landing-page .sec10 .text-deco>span{width:100%;text-align: center;padding:5px 0;}
  #landing-page .sec10 .con-top{margin-bottom:60px;}
  #landing-page .sec10 .conbx-wrap>p{font-size: 15px;}
  
  #landing-page .sec10 .con-wrap h4{padding:10px 0;font-size: 20px; margin-bottom:20px; line-height:1.5;}
  
  #landing-page .sec11 .btn-wrap a{padding:15px 20px;}
  #landing-page .sec11{min-height:1200px;}
  #landing-page .sec11 .con-tit p{font-size: 20px;}
  #landing-page .sec11 .con-tit h3{font-size: 25px;}
  #landing-page .sec11 .con-tit h3 .grd-txt{font-size: 40px;}
  #landing-page .sec11 .con-tit h3::before {left: -80px;width: 80px;height: 113px;}
  #landing-page .sec11 .con-tit h3::after {right: -80px;width: 80px;height: 113px;}
  #landing-page .sec11 .btn-wrap a strong{font-size: 20px;margin-top:9px;}
  
  #landing-page .sec12 li p{font-size:16px;}
  #landing-page .sec12 li h3{font-size: 30px;}
  #landing-page .sec12 li{padding:35px 16px;}
  #landing-page .sec12{margin-bottom:114px;}

#landing-page .sec14 .table-wrap .table-inner{padding:20px;}
#landing-page .sec14 .table-wrap:before{width: calc(((100% - 31%) / 3) - 9px);left: calc(31% + 9px);}
#landing-page .sec14.active .table-wrap:before{height: 700px;}
#landing-page .sec14 .table-wrap .table-inner .table-tit div.w-text{font-size:34px; }
#landing-page .sec14 .table-wrap table tr th div{font-size:18px}
#landing-page .sec14 .table-wrap table tr td{font-size:20px; }


/*#landing-page .sec15 .m-main-review-slide{padding:0 0 10px;overflow:hidden;margin:20px 20px 57px;}
#landing-page .sec15 .more-arrow{margin-top:15px;}
#landing-page .sec15 .more-arrow > a{font-size:18px;}
#landing-page .sec15 .m-main-review-slide .main-review{padding:0;}
#landing-page .sec15 .m-main-review-slide .main-review .text{padding-bottom:20px;}
#landing-page .sec10 .con-wrap h4 span{font-size:26px;}
#landing-page .sec15 .m-main-review-slide .main-review { height: calc(100% / 3 - 10px); margin-bottom: 10px; } 
#landing-page .sec15 .m-main-review-slide .main-review > a{display:flex;}
#landing-page .sec15 .m-main-review-slide .main-review > a figure{width:140px;height:auto;}
#landing-page .sec15 .m-main-review-slide .main-review > a figure:before{content:'';display:block;padding-top:100%;}
#landing-page .sec15 .m-main-review-slide .main-review > a figure img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
#landing-page .sec15 .main-review .text-a .t-text{min-height:81px;}
#landing-page .sec15 .m-main-review-slide .main-review .text-a{width:calc(100% - 140px);padding:15px;}
#landing-page .sec15 .m-main-review-slide .main-review .text-a .t-text .tit p{font-size:16px;margin-top:0;}
#landing-page .sec15 .m-main-review-slide .main-review .text-a .t-text p{font-size:14px;}
#landing-page .sec15 .m-main-review-slide .main-review .text-a .b-text{margin-top:10px;padding-top:10px;}
#landing-page .sec15 .m-main-review-slide .main-review .text-a .b-text p{font-size:12px;}
#landing-page .sec15 .swiper-pagination{top:calc(100% + 10px);right:auto;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0 8px;width:auto;}
#landing-page .sec15 .swiper-pagination-bullet-active{background-color:#000;}
  #landing-page .sec15 .main-review-slide{padding:0 ;display:none;}
#landing-page .sec15 .m-main-review-slide{padding:0 ;display:block !important;}
#landing-page .sec15 .main-review-slide .main-review-wrap{}
#landing-page .sec15 .main-review{ min-width:auto;max-width:none;padding:0px;min-height:auto; }*/

#landing-page .sec15.temporary-only .title h3 > div, #landing-page .sec15.temporary-only .title h3 > div span{font-size:28px;}
#landing-page .sec15 .m-main-review-slide{padding:0 0 10px;overflow:hidden;margin:20px 20px 57px;}
#landing-page .sec15 .more-arrow{margin-top:15px;}
#landing-page .sec15 .more-arrow > a{font-size:18px;}
#landing-page .sec15 .m-main-review-slide .main-review{padding:0;}
#landing-page .sec15 .m-main-review-slide .main-review .text{padding-bottom:20px;}
#landing-page .sec10 .con-wrap h4 span{font-size:26px;}
#landing-page .sec15 .m-main-review-slide .main-review { height: calc(100% / 3 - 10px); margin-bottom: 10px; } 
#landing-page .sec15 .m-main-review-slide .main-review > a{display:flex;}
#landing-page .sec15 .m-main-review-slide .main-review > a figure{width:140px;height:auto;}
#landing-page .sec15 .m-main-review-slide .main-review > a figure:before{content:'';display:block;padding-top:100%;}
#landing-page .sec15 .m-main-review-slide .main-review > a figure img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
#landing-page .sec15 .main-review .text-a .t-text{min-height:81px;}
#landing-page .sec15 .m-main-review-slide .main-review .text-a{width:calc(100% - 140px);padding:15px;}
#landing-page .sec15 .m-main-review-slide .main-review .text-a .t-text .tit p{font-size:14px;margin-top:0;}
#landing-page .sec15 .m-main-review-slide .main-review .text-a .t-text p{font-size:12px;}
#landing-page .sec15 .m-main-review-slide .main-review .text-a .b-text{margin-top:10px;padding-top:10px;}
#landing-page .sec15 .m-main-review-slide .main-review .text-a .b-text p{font-size:12px;}
#landing-page .sec15 .swiper-pagination{top:calc(100% + 10px);right:auto;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0 8px;width:auto;}
#landing-page .sec15 .swiper-pagination-bullet-active{background-color:#000;}
#landing-page .sec15 .main-review-slide{padding:0 ;display:none;}
#landing-page .sec15 .m-main-review-slide{padding:0 ;display:block !important;}
#landing-page .sec15 .main-review-slide .main-review-wrap{}
#landing-page .sec15 .main-review{ min-width:auto;max-width:none;padding:0px;min-height:auto; }

  #landing-page .sec01 .inner>p{margin-top:50px;font-size: 16px;}
  
#landing-page .sec16 .sec16-cont .img-list{flex-wrap:wrap;	}
#landing-page .sec16 .sec16-cont .img-wrap > div{width:350px;}
#landing-page .sec16 .sec16-cont .text-t > div{font-size:36px;}
#landing-page .sec16 .sec16-cont > span{font-size:22px;}
  /**/
  #landing-page.new #index-hd .inner{gap:30px;}
  #landing-page.new .sec-itm ul{gap:15px;}
  #landing-page.new .sec-itm li{flex:0 0 calc((100% - 15px) / 2);}
  #landing-page.new .sec-itm h4{font-size:22px;width:200px;height:auto; padding: 15px 0 10px; margin:80px auto 0px;}
  #landing-page.new .sec-itm .con-tit p{margin-bottom:20px;font-size: 18px;}
  #landing-page.new .sec-itm .con-tit .grd-txt{margin-right:-5px;}
  #landing-page.new .sec-itm .conbx>p{margin:20px 0 40px;font-size: 20px;}
  #landing-page.new .go-vr-btn{height:auto;padding:15px 40px 10px;font-size: 22px;}
  #landing-page.new .sec01 .tit-bt span{font-size: 22px;}
  #landing-page.new .sec01 .tit-bt span:last-child{height:auto; padding: 8px 20px 5px; font-size: 18px;}
  #landing-page.new .sale-tag{height:30px;margin:10px auto 0;font-size: 14px;}
  #landing-page.new .sec01{margin-top:10px;}
  
  /* 상품리스트 디자인 250116 */
  .goodsList_visual {padding: 120px 0 100px}
  .listBlock .infoBox dt p {font-size: 18px}
  .listTab {justify-content:flex-start; overflow-x: auto;}
  .listTab a {font-size: 20px}
  #landing-page.new.goods .sec-itm .conbx>p {font-size: 22px}
  .goodsList_visual .con-tit .copy {font-size: 24px}
  .goodsList_visual .feature {margin:50px auto 0}
  .goodsList_visual .feature li {font-size: 16px}
  .goodsList_visual .feature li strong {font-size: 22px}

/* 메인 - 상품후기*/
/*   #landing-page .sec15 .main-review-slide{padding:0 20px;}
#landing-page .sec15 .main-review-slide .main-review-wrap{}
#landing-page .sec15 .main-review{ min-width:auto;max-width:none;padding:35px 13px 55px 30px;min-height:400px; } */


body:has(.scr-up) #landing-page .membership-tab{top:65px;}
#landing-page .membership-tab{height:50px;}
#landing-page .benefit-sec .tit > p{height:60px;width:250px;font-size:22px;}
#landing-page .benefit-sec ul > li:nth-child(2n){padding-left:0;}
#landing-page .benefit-sec ul > li figure{max-width:80px;min-width:80px;}
#landing-page .benefit-sec ul > li .text-a .t1{font-size:22px;}
#landing-page .benefit-sec ul > li .text-a .t2{font-size:14px;}
#landing-page .benefit-sec .inner .caption{font-size:14px;}
/*#landing-page .month-event .event-conts .inner{flex-direction:column;}*/
/*#landing-page .month-event .event-conts .inner > div{width:100%;}*/
/*#landing-page .month-event .event-conts .inner > div + div{margin-left:0;margin-top:40px;}*/
#landing-page .prd-sec .goods-list ul{gap:25px;}
#landing-page .prd-sec .goods-list ul li{width:calc((100% / 2) - 13px);}
 
/*#landing-page .month-event .bubble{height:50px;font-size:20px;}*/
/*#landing-page .month-event .bubble:after{border-bottom:50px solid #11A3B7;border-left:25px solid transparent;border-right:25px solid transparent;bottom:-20px;}*/

.mdPrd-sec > .inner > h4{font-size:26px;}
.mdPrd-sec > .inner .prd-list{margin-top:20px;}
.mdPrd-sec > .inner .prd-list > ul li{width:100%;}

#landing-page .service-slide{padding:0;}
#landing-page .service-slide .inner{padding:0;}
#landing-page .service-slide .inner .con-tit{/*margin-top:40px;*/ padding-top:40px;line-height: 80%;}

#landing-page .service-slide .inner .con-tit h3 span{font-family: Gmarket Sans;font-weight: 500;font-size: 28px;letter-spacing: -0.03em;}
#landing-page .service-slide .inner .con-tit h3 span br{display:block;	}
#landing-page .service-slide .inner .service-wrap{ padding:20px 20px 80px; justify-content:flex-start; margin-top:20px;}
#landing-page .service-slide .inner .service-wrap.pc-service{display:none;}
#landing-page .service-slide .inner .service-wrap.m-service{display:flex;}
/*#landing-page .service-slide .inner .swiper-wrapper{margin-left:-30px;}*/
#landing-page .service-slide .inner .service-wrap .service{padding:20px 10px;max-width:300px;}
#landing-page .service-slide .inner .service-wrap .service .service-top{padding-bottom:10px; margin-bottom:10px;}
#landing-page .service-slide .inner .service-wrap .service .service-top .tit{font-size:20px;}
#landing-page .service-slide .inner .service-wrap .service .service-top .month-price{font-size:24px;}
#landing-page .service-slide .inner .service-wrap .service .service-top .dc-price{font-size:16px;}
#landing-page .service-slide .inner .service-wrap .service .service-top .benefit{margin-top:8px; gap: 0 10px;}
#landing-page .service-slide .inner .service-wrap .service .service-top .benefit span{font-size:12px;}


#landing-page .service-slide .inner .service-wrap .service .service-bottom{padding:10px 15px;min-height:190px;}
#landing-page .service-slide .inner .service-wrap .service .service-bottom dl + dl{margin-top:5px;}
#landing-page .service-slide .inner .service-wrap .service .service-bottom dl dt{font-size:14px;}
#landing-page .service-slide .inner .service-wrap .service .service-bottom dl dd{font-size:14px;}
#landing-page .service-slide .inner .service-wrap .service .service-more{margin-top:10px;}
#landing-page .service-slide .inner .service-wrap .service .service-more a{font-size:16px;line-height:40px}


#landing-page .service-slide .inner .service-wrap .service:before{width:65px; background-size: 65px auto;right:20px}


/*	슬라이드 페이징 */
#landing-page .service-slide .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:40px;}
#landing-page .service-slide .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 6px;	}
#landing-page .service-slide .swiper-pagination-bullet-active{background:#000000;}

/* 2025-03-28 */
#landing-page .made-service .con-tit-span{display:none;}

#landing-page .member-history .con-tit-span{display:none;}
#landing-page .made-service .mem-service .text-a > h4{font-size:16px;}
#landing-page .made-service .mem-service .text-a > p{font-size:14px;letter-spacing:-0.03em;}
#landing-page .made-service .b-text{font-size:18px;margin-top:30px;}
#landing-page .member-history .history{padding:0;margin-top:30px;}
#landing-page .member-history .history .l-history{padding-right:14px;}
#landing-page .member-history .history .r-history{padding-left:14px;}
#landing-page .member-history .history .h-tit > h4{font-size:20px;}
#landing-page .member-history .history .h-tit > p{font-size:16px;}
#landing-page .member-history .history > div ul li > p{font-size:13px;}
#landing-page .member-history .history .desc{font-size:13px;margin-bottom:30px;margin-top:34px;}
#landing-page .member-history .history > div:after{width:7px;height:7px;top:11px;}
#landing-page .member-history .history > div:before{width:15px;height:15px;}
#landing-page .member-history .history .desc{}
#landing-page .member-history .history > div ul li + li{margin-top:25px;}
#landing-page .member-history .history > div:nth-child(1){}
#landing-page .member-history .history > div:nth-child(2){margin-top:72px;}
#landing-page .member-history .history > div:nth-child(3){margin-top:90px;}
#landing-page .member-history .history > div:nth-child(4){margin-top:90px;}
#landing-page .member-history .history > div:nth-child(3) .h-tit, #landing-page .member-history .history > div:nth-child(4) .h-tit{margin-top:-30px;}
#landing-page .member-history .history .h-tit{margin-bottom:10px;}
#landing-page .member-history .history .desc br{display:none;}
#landing-page .made-service .mem-service .text-a{margin-top:20px;}

#landing-page .month-event .pc-event-conts{display:none;}

#landing-page .month-event .bubble{font-size:22px; height:54px;}
#landing-page .month-event .bubble:after{border-bottom:50px solid #5984E4}
#landing-page .month-event .m-event-conts{padding:50px 20px 40px; display:block}
#landing-page .month-event .m-event-conts .inner{display:flex; justify-content:flex-start;/* gap: 40px;*/ padding:0 !important;}
#landing-page .month-event .m-event-conts .inner > div{border:1px solid #D9D9D9;border-radius:30px;width:calc(100% - 10px); height:100%;background:#F9FAFB; }
/*#landing-page .month-event .m-event-conts .inner > div + div{margin-left:40px;}*/
/* 혜택1 */
#landing-page .month-event .m-event-conts .inner > div.event{padding:20px 17px;}
#landing-page .month-event .m-event-conts .inner > div.event .tag{display:flex;justify-content:center;}
#landing-page .month-event .m-event-conts .inner > div.event .tag > p{color:#fff;font-size:16px;display:inline-flex;align-items:center;justify-content:center;width:79px;height:26px;border-radius:100px;background:#000000;padding-top:2px;}
#landing-page .month-event .m-event-conts .inner > div.event .tit{font-size:28px;color:#000;text-align:center;line-height:1.15;margin-top:13px;}
#landing-page .month-event .m-event-conts .inner > div.event .tit span{color:#6185D2}
#landing-page .month-event .m-event-conts .inner > div.event .img-box{position:relative;margin-top:10px; margin:10px auto 0 ; display:flex;align-items:center;justify-content:center;}
#landing-page .month-event .m-event-conts .inner > div.event .img-box span{color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;text-align:center;width:70px;height:70px;border-radius:50%;background:#FF962D;position:absolute;right:-25px;top:-12px;}
#landing-page .month-event .m-event-conts .inner > div.event .img-box img{width:100%;}
#landing-page .month-event .m-event-conts .inner > div.event .text{margin-top:10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap; gap:10px;	}
#landing-page .month-event .m-event-conts .inner > div.event .text .chk-txt{font-family:Gmarket Sans; display:inline-flex;align-items:center;justify-content:center; background:#E3EAF9; padding:0 15px; line-height:22px; font-size:16px; font-weight:500; border-radius:20px} 
#landing-page .month-event .m-event-conts .inner > div.event .text .chk-txt > i{margin-right:3px;}
#landing-page .month-event .m-event-conts .inner > div.event .text2{margin-top:10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap; gap:10px;}
#landing-page .month-event .m-event-conts .inner > div.event .text2 > div{font-size:14px; background:#EBEBEB; border-radius:20px; padding:5px 15px;font-family:Gmarket Sans; display:inline-flex;align-items:center;justify-content:center;}
#landing-page .month-event .m-event-conts .inner > div.event .text2 > div p{display:flex;align-items:center;justify-content:space-between;font-family:Gmarket Sans; }
#landing-page .month-event .m-event-conts .inner > div.event .text2 > div p span{font-family:Gmarket Sans;}
#landing-page .month-event .m-event-conts .inner > div.event .text2 > div p span.line{color:#888888; text-decoration:line-through;} 
/* 유의사항 */
#landing-page .month-event .m-event-conts .inner > div.e2{padding:24px 15px;}
#landing-page .month-event .m-event-conts .inner > div.e2 h3{text-align:center;font-size:16px;color:#333;}
#landing-page .month-event .m-event-conts .inner > div.e2 ul{margin-top:10px;}
#landing-page .month-event .m-event-conts .inner > div.e2 ul li{color:#666;font-size:15px;display:flex;align-items:flex-start;}
#landing-page .month-event .m-event-conts .inner > div.e2 ul li + li{margin-top:15px;}
#landing-page .month-event .m-event-conts .inner > div.e2 > div{margin-top:10px;text-align:center;}
#landing-page .month-event .m-event-conts .inner > div.e2 > div p{font-size:16px; color:#000; font-family:Gmarket Sans;}
#landing-page .month-event .m-event-conts .inner > div.e2 > div p + p{margin-top:5px;}
#landing-page .month-event .m-event-conts .inner > div.e2 .img-wrap{ margin-top:20px; display:flex;align-items:center;justify-content:center;}
#landing-page .month-event .m-event-conts .inner > div.e2 .img-wrap img{max-width:158px; }


#landing-page .allinone-banner{margin-top:65px !important;}
#landing-page .allinone-banner {position: relative; width: 100%;padding-bottom: 176%;; background-image: url('../img/landing/m-top-event-banner.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; height:0; } 
#landing-page .allinone-banner .inner{padding-top:62px;padding-bottom:0;}
#landing-page .allinone-banner .inner .text-a p.t1{font-size:24px;text-align:center;}
#landing-page .allinone-banner .inner .text-a p.t2{font-size:50px;margin-top:8px;font-weight:900;text-align:center;}
#landing-page .allinone-banner .inner .text-a p.t3{font-size:18px;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translateX(-50%);bottom:18px;width:calc(100% - 40px);background-color:rgba(38, 43, 25, 0.67);border-radius:5px;height:31px;}
#landing-page .allinone-banner .inner .banner-list{position:absolute;left:50%;bottom:60px;width:calc(100% - 40px);transform:translateX(-50%);}
#landing-page .allinone-banner .inner .banner-list ul{display:flex;gap:10px;flex-wrap:wrap;}
#landing-page .allinone-banner .inner .banner-list ul li{width:calc((100% / 2) - 5px);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;border-radius:20px;overflow:hidden;text-align:center;background-color:#fff;}
#landing-page .allinone-banner .inner .banner-list ul li:before{content:'';background: linear-gradient(to bottom, #FFFFFF 0%, #EBFFC7 100%);position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.3;z-index:1;}
#landing-page .allinone-banner .inner .banner-list ul li > span{font-size:18px;font-weight:800;color:#000;position:relative;z-index:2;}
#landing-page .allinone-banner .inner .banner-list ul li > div{position:relative;z-index:2;}
#landing-page .allinone-banner .inner .banner-list ul li > div p{font-size:16px;font-weight:500;color:#000;}
#landing-page .allinone-banner .inner .banner-list ul li > div p strong{font-weight:800;color:#6672EC;font-size:16px;}


#landing-page .portrait-wrap{background-color:#F4FAFF;padding:40px 0;}
#landing-page .portrait-wrap .inner{display:flex;flex-direction:column;gap:20px;}
#landing-page .portrait-wrap .inner .l-card{display:flex;max-width:none;width:100%;}
#landing-page .portrait-wrap .inner .l-card .card{display:flex;width:100%;background-color:#fff;border-radius:20px;box-shadow:0 1px 7px rgba(0,0,0,0.1);}
#landing-page .portrait-wrap .inner .l-card .card > div{width:100%;padding:10px 15px;}
#landing-page .portrait-wrap .inner .l-card .card > div .t-card{display:flex;align-items:center;justify-content:space-between;padding:0 5px;}
#landing-page .portrait-wrap .inner .l-card .card > div .t-card .text-a p.t1{font-size:16px;color:#000;}
#landing-page .portrait-wrap .inner .l-card .card > div .t-card .text-a p.t2{font-size:24px;font-weight:700;color:#000;margin-top:5px;}
#landing-page .portrait-wrap .inner .l-card .card > div .t-card .figure{min-width:80px;max-width:80px;padding-left:10px;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card{padding:10px 5px;border-top:1px solid #D5D5D5;border-bottom:1px solid #D5D5D5;margin:10px 0;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl{display:flex;justify-content:space-between;align-items:center;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl + dl{margin-top:5px;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dt{font-size:18px;color:#000;font-weight:700;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dt > p{margin:5px 0;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dt > span{display:block;font-size:12px;color:#666;font-weight:500;margin:3px 0;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd{display:flex;flex-direction:column;align-items:flex-end;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > p{font-size:18px;font-weight:500;color:#666;position:relative;min-width:70px;display:flex;justify-content:flex-end;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > p:before{content:'';width:12px;height:2px;position:absolute;left:-20px;top:9px;background-color:#000;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > p:after{content:'';width:2px;height:12px;position:absolute;left:-15px;top:4.5px;background-color:#000;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > p strong{font-weight:950;color:#4179F5;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > div{display:flex;font-size:12px;color:#666;gap:0 12px;margin:3px 0;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > div.cRed{color:#FF0000;}
#landing-page .portrait-wrap .inner .l-card .card > div .m-card dl > dd > div.cRed span:last-child{font-weight:700;color:#FF0000;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-radius:10px;background-color:#FFE1E3;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card > p{color:#FF455B;font-weight:700;font-size:24px;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card > div{display:flex;gap:0 18px;align-items:center;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card > div span{display:none;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card > div p{font-size:24px;font-weight:500;color:#000;display:flex;align-items:center;}
#landing-page .portrait-wrap .inner .l-card .card > div .b-card > div p strong{font-size:28px;color:#FF455B;font-weight:800;}
#landing-page .portrait-wrap .inner .r-card{display:flex;flex-direction:column;gap:10px;}
#landing-page .portrait-wrap .inner .r-card .card{display:flex;width:100%;align-items:center;padding:20px 20px 20px 0;border-radius:20px;box-shadow:0px 1px 7px rgba(0,0,0,0.1);}
#landing-page .portrait-wrap .inner .r-card .card .figure{min-width:100px;display:flex;flex-direction:column;align-items:center;}
#landing-page .portrait-wrap .inner .r-card .card .figure > div{width:80px;}
#landing-page .portrait-wrap .inner .r-card .card .figure > span{margin-top:5px;font-size:14px;color:#000;font-weight:500;}
#landing-page .portrait-wrap .inner .r-card .card .text-a{max-width:calc(100% - 100px);padding-left:10px;}
#landing-page .portrait-wrap .inner .r-card .card .text-a p.t1{font-size:16px;color:#000;font-weight:600;}
#landing-page .portrait-wrap .inner .r-card .card .text-a p.t2{font-size:12px;color:#333;margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,0.17);}


#landing-page .allinone-info{padding:40px 0;background:#DFECFF;position:relative;}
#landing-page .allinone-info .bg{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background: linear-gradient(to bottom, #F4F6F9 0%, #EBF1FF 100%);z-index:-1;}
#landing-page .allinone-info .inner{position:relative;z-index:1;}
#landing-page .allinone-info .inner .title-a{text-align:center;}
#landing-page .allinone-info .inner .title-a p.t1{font-size:16px;color:#000;}
#landing-page .allinone-info .inner .title-a p.t2{font-weight:800;color:#000;font-size:23px;margin-top:5px;letter-spacing:-0.04em;}
#landing-page .allinone-info .inner .info-list{margin-top:20px;}
#landing-page .allinone-info .inner .info-list ul{display:flex;flex-wrap:wrap;gap:15px;}
#landing-page .allinone-info .inner .info-list ul li{width:100%;}
#landing-page .allinone-info .inner .info-list ul li > div{background-color:#fff;border-radius:20px;padding:20px 18px;display:flex;flex-direction:column;align-items:center;min-height:auto;}
#landing-page .allinone-info .inner .info-list ul li > div > span{font-size:18px;font-weight:700;color:#000;font-family:'Pretendard';}
#landing-page .allinone-info .inner .info-list ul li > div > .figure{margin:5px 0;}
#landing-page .allinone-info .inner .info-list ul li > div > div{text-align:center;}
#landing-page .allinone-info .inner .info-list ul li > div > div p.t1{font-size:20px;font-weight:800;color:#000;}
#landing-page .allinone-info .inner .info-list ul li > div > div p.t2{margin-top:10px;color:#333;font-size:18px;}

#landing-page .stone-info{padding:40px 0;}
#landing-page .stone-info .inner .title-a{text-align:center;}
#landing-page .stone-info .inner .title-a > h3{font-size:24px;font-weight:800;color:#000;}
#landing-page .stone-info .inner .title-a > h3 span{color:#517CDB;}
#landing-page .stone-info .inner .title-a > p{font-size:13px;margin-top:15px;}
#landing-page .stone-info .inner .list{margin-top:20px;display:flex;}
#landing-page .stone-info .inner .list > .l-list{width:63.64%;}
#landing-page .stone-info .inner .list > .l-list > div{overflow:hidden;border-radius:5px;position:relative;height:100%;}
#landing-page .stone-info .inner .list > .l-list > div img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;}
#landing-page .stone-info .inner .list > .r-list{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-left:10px;width:36.76%;}
#landing-page .stone-info .inner .list > .r-list > div{overflow:hidden;border-radius:5px;}
#landing-page .stone-info .inner .list > .r-list > div img{}


#landing-page .stone-info2{padding:40px 0;background-color:#F3F8FD;overflow:hidden;}
#landing-page .stone-info2 .title-a{text-align:center;padding:0 20px;}
#landing-page .stone-info2 .title-a > h3{font-size:24px;font-weight:800;color:#000;}
#landing-page .stone-info2 .title-a > h3 span{color:#517CDB;}
#landing-page .stone-info2 .title-a > p{font-size:16px;margin-top:10px;}
#landing-page .stone-info2 .slide-tab{margin-top:20px;display:flex;justify-content:center;gap:10px;}
#landing-page .stone-info2 .slide-tab > .wrap{overflow-x:auto;padding:0 20px 10px;}
#landing-page .stone-info2 .slide-tab > .wrap::-webkit-scrollbar{display:none;}
#landing-page .stone-info2 .slide-tab > .wrap > a{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:1000px;border:1px solid #CCCCCC;padding:0 26px;font-size:14px;color:#000;text-align:center;}
#landing-page .stone-info2 .slide-tab > .wrap > a.active{color:#fff;background-color:#517CDB;border:1px solid #517CDB;}

#landing-page .stone-info2 .swiper { width: 100%;position: relative;margin-top:30px;padding-bottom:20px;overflow:visible !important;} 
#landing-page .stone-info2 .swiper-slide {padding:20px 15px;background-color:#fff;border-radius:20px;overflow:hidden;} 
#landing-page .stone-info2 .swiper-slide .slide-text{}
#landing-page .stone-info2 .swiper-slide .slide-text .title{display:flex;flex-direction:column;align-items:flex-start;}
#landing-page .stone-info2 .swiper-slide .slide-text .title > h3{font-weight:600;color:#000;font-size:20px;font-family:'Pretendard';}
#landing-page .stone-info2 .swiper-slide .slide-text .title > p{font-size:18px;font-weight:600;font-family:'Pretendard';color:#517CDB;text-decoration:underline; text-underline-offset:5px;margin-top:10px;}
#landing-page .stone-info2 .swiper-slide .slide-text  > p{font-size:14px;color:#515259;margin-top:10px;}
#landing-page .stone-info2 .swiper-slide .figure-list{display:flex;gap:20px;margin-top:20px;}
#landing-page .stone-info2 .swiper-slide .figure-list > div:last-child{display:none;}
#landing-page .stone-info2 .swiper-slide .figure-list > div{width:100%;}
#landing-page .stone-info2 .swiper-slide .figure-list > div img{width:100%;}
#landing-page .stone-info2 .progress-bar { position: absolute; bottom:0; left: 0; width: 100%; height: 4px; background: rgba(113, 140, 199, 0.2); z-index: 10;border-radius:1000px;overflow:hidden;} 
#landing-page .stone-info2 .progress-bar .progress { height: 100%; width: 0%; background: #718CC7; transition: width 0.3s ease;border-radius:1000px;} 
#landing-page .stone-info2 .swiper-button-prev,#landing-page .stone-info2 .swiper-button-next{display:none;}

#landing-page .service-info{padding:40px 0;background-color:#F3F8FD;overflow:hidden;}
#landing-page .service-info .title-a{text-align:center;padding:0 20px;}
#landing-page .service-info .title-a > h3{font-size:24px;font-weight:800;color:#000;}
#landing-page .service-info .title-a > h3 span{color:#517CDB;}
#landing-page .service-info .title-a > p{font-size:16px;margin-top:10px;}
#landing-page .service-info .slide-tab{margin-top:20px;display:flex;justify-content:center;gap:10px;}
#landing-page .service-info .slide-tab > .wrap{overflow-x:auto;padding:0 20px 10px;}
#landing-page .service-info .slide-tab > .wrap::-webkit-scrollbar{display:none;}
#landing-page .service-info .slide-tab > .wrap > a{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:1000px;border:1px solid #CCCCCC;padding:0 26px;font-size:14px;color:#000;text-align:center;}
#landing-page .service-info .slide-tab > .wrap > a.active{color:#fff;background-color:#517CDB;border:1px solid #517CDB;}

#landing-page .service-info .swiper { width: 100%;position: relative;margin-top:20px;padding-bottom:20px;overflow:visible !important;} 
#landing-page .service-info .swiper-slide {padding:20px 15px;background-color:#fff;border-radius:20px;overflow:hidden;} 
#landing-page .service-info .swiper-slide .slide-text{}
#landing-page .service-info .swiper-slide .slide-text .title{display:flex;flex-direction:column;align-items:flex-start;}
#landing-page .service-info .swiper-slide .slide-text .title > h3{font-weight:600;color:#000;font-size:20px;font-family:'Pretendard';}
#landing-page .service-info .swiper-slide .slide-text .title > p{font-size:18px;font-weight:600;font-family:'Pretendard';color:#517CDB;text-decoration:underline; text-underline-offset:5px;margin-top:10px;}
#landing-page .service-info .swiper-slide .slide-text  > p{font-size:14px;color:#515259;margin-top:10px;}
#landing-page .service-info .swiper-slide .figure-list{display:flex;gap:20px;margin-top:20px;}
#landing-page .service-info .swiper-slide .figure-list > div:last-child{display:none;}
#landing-page .service-info .swiper-slide .figure-list > div{width:100%;}
#landing-page .service-info .swiper-slide .figure-list > div img{width:100%;}
#landing-page .service-info .progress-bar { position: absolute; bottom:0; left: 0; width: 100%; height: 4px; background: rgba(113, 140, 199, 0.2); z-index: 10;border-radius:1000px;overflow:hidden;} 
#landing-page .service-info .progress-bar .progress { height: 100%; width: 0%; background: #718CC7; transition: width 0.3s ease;border-radius:1000px;} 
#landing-page .service-info .swiper-button-prev,#landing-page .service-info .swiper-button-next{display:none;}

#landing-page .service-info02{padding:40px 0;background-color:#F4F6F9;}
#landing-page .service-info02 .inner .title-a{text-align:center;}
#landing-page .service-info02 .inner .title-a > h3{font-size:24px;font-weight:800;color:#000;}
#landing-page .service-info02 .inner .title-a > h3 span{color:#517CDB;}
#landing-page .service-info02 .inner .list{position:relative;gap:15px;display:flex;margin-top:20px;flex-direction:column;}
#landing-page .service-info02 .inner .list .item{position:relative;overflow:hidden;border-radius:20px;width:100%;}
#landing-page .service-info02 .inner .list .item img{width:100%;}
#landing-page .service-info02 .inner .list .item > p{font-size:18px;color:#fff;font-weight:800;position:absolute;}
#landing-page .service-info02 .inner .list .item:nth-child(1) > p{left:20px;top:20px;}
#landing-page .service-info02 .inner .list .item:nth-child(2) > p{right:20px;bottom:20px;}
#landing-page .service-info02 .inner .list .label{background: url('../img/landing/info-label.png')no-repeat center;width:323px;height:204px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;text-align:center;background-size:185px auto;}
#landing-page .service-info02 .inner .list .label > p{color:#fff;font-size:20px;font-family:'Pretendard';font-weight:800;}
#landing-page .service-info02 .inner > p{color:#000;font-size:16px;text-align:center;margin-top:20px;}

#landing-page .service-goods{padding:40px 0 20px;}
#landing-page .service-goods:before{display:none;}
#landing-page .service-goods .title-a > h3{font-size:24px;}
#landing-page .service-goods .list{padding:10px 20px 40px;}
#landing-page .service-goods .list .item .cate{margin:10px 0;padding-bottom:10px;border-bottom:1px solid #eee;}
#landing-page .service-goods .list .swiper-wrapper{display:flex;gap:0;justify-content:flex-start;}
#landing-page .service-goods .list .item{position:relative;padding:30px 35px;box-shadow:0 1px 7px rgba(0,0,0,0.1);border-radius:20px;background-color:#fff;display:flex;flex-direction:column;align-items:center;max-width:none;}
#landing-page .service-goods .list .item .title p.t1{font-size:20px;}
#landing-page .service-goods .list .item .title p.t2{font-size:16px;color:#1D1D1D;font-weight:500;margin-top:5px;}
#landing-page .service-goods .list .item .title p.t2 span{font-size:16px;color:#707070;}
#landing-page .service-goods .list .item .title p.t2 strong{font-size:20px;color:#000;}
#landing-page .service-goods .list .item .cate{gap:5px 10px;justify-content:center;}
#landing-page .service-goods .list .item .cate > span{font-size:12px;padding:0 14px;min-height:24px;}
#landing-page .service-goods .list .item .info > dl{font-size:14px;}
#landing-page .service-goods .list .item .info > dl + dl{margin-top:5px;}
#landing-page .service-goods .list .item .more{border-top:none;margin-top:10px;padding-top:0;}
#landing-page .service-goods .list .item .more > a{font-size:16px;line-height:40px;}
#landing-page .service-goods .list .item.recommend:before{width:60px;height:40px;background-size:60px auto;top:-7px;}
#landing-page .service-goods .list .item.best:before{width:60px;height:40px;background-size:60px auto;top:-7px;}
#landing-page .service-goods .list .swiper-pagination-bullet-active{background:#000;}
#landing-page .service-goods .list .swiper-pagination{display:block;}
}

/* @media only screen and (max-width: 599px) {
  html{font-size: 10px;}
  #landing-page .sec01 { min-height: 44rem; }
  #landing-page .sec01 .sec01-cards .cards-container { width: 20rem; }
  #landing-page .sec01 .sec01-cards .cards-container.spread { width: 40rem; left: 40rem; }
  #landing-page .sec01 .sec01-cards .cards-container.spread .card.card-4.active { left: -37rem; }
  #landing-page .sec01 .sec01-cards .cards-container.spread .card.card-3.active { left: -22rem; }
  #landing-page .sec01 .sec01-cards .cards-container.spread .card.card-2.active { margin-left: 0; left: 0; }
  #landing-page .sec01 .sec01-cards .cards-container.spread .card.card-1.active { left: 15rem; top: 4rem; }
  #landing-page .sec01 .sec01-cards .cards-container.spread .card.card-0.active { left: 32rem; }
  #landing-page .sec01 .sec01-cards .cards-container.straight { width: 360vw; }
  #landing-page .sec01 .sec01-cards .cards-container .card { width: 19.4rem; height: 26.284rem; border-radius: 2rem; }
  #landing-page .sec01 .sec01-cards .cards-container .card .card-inner .back .info .name > p { font-size: 1.3rem; font-style: normal; font-weight: 500; line-height: 150%; }
  
} */
@media screen and (max-width: 600px){
#landing-page .sec14 .table-wrap .table-inner .table-tit div.w-text{font-size:31px; }
#landing-page .sec14 .table-wrap .table-inner{padding:10px;}
#landing-page .sec14 .table-wrap table tr th div{font-size:16px}
#landing-page .sec14 .table-wrap table tr td{font-size:18px; }
#landing-page .sec14.active .table-wrap:before{width: calc(((100% - 31%) / 3) - 3px);left: calc(31% + 2px);height: 675px;}

#landing-page .sec14.graph-bg .table-wrap table tr td span{font-size:15px !important;}
#landing-page .sec14.graph-bg .table-wrap table tr td{font-size:15px !important;}
#landing-page .sec14.graph-bg .table-wrap:before{left:calc((100% - -5%) / 3) !important;}
#landing-page .sec14.graph-bg .table-wrap .table-inner .table-tit div.w-text{font-size:22px !important;}

}

@media screen and (min-width:501px){
  .br-500{display:none;}
  
 
}

@media screen and (max-width: 500px){
#landing-page .sec14 .table-wrap table tr th div{font-size:12px}
#landing-page .sec14 .table-wrap table tr td{font-size:14px; }
#landing-page .sec14 .table-wrap table tr td.tbIcon > div:before{width:20px;height:20px;}
#landing-page .sec14 .table-wrap .table-inner .table-tit{margin-top:-20px;}
#landing-page .sec14 .table-wrap .table-inner .table-tit div.w-text{color:#fff;font-size:20px; } 
#landing-page .sec14 .table-wrap .table-inner .table-tit div.w-text span{font-size:16px; } 
#landing-page .sec14 .table-wrap .table-inner .table-tit div{font-size: 18px;}
#landing-page .sec14 .table-wrap .table-inner .table-tit div span{font-size: 14px;}
#landing-page .sec14 .table-wrap .table-inner .table-tit div br.mVer{display:block;}
#landing-page .sec14.active .table-wrap:before{height: 575px;}

}
@media screen and (max-width:550px){
 #landing-page > .t-banner > .inner{padding-bottom:35px;flex-direction:column;padding-top:85px;}
#landing-page > .t-banner .slide-area{max-width:none;width:100%;position:static;margin-top:30px;}
#landing-page > .t-banner .slide-area .swiper-slide img{width:100%;}
#landing-page > .t-banner .text-a > h2{font-size:42px;}
#landing-page > .t-banner .text-a > h3{font-size:22px;}
#landing-page > .t-banner .text-a > p.t2{font-size:15px;}
#landing-page > .t-banner .text-a > p.t1{font-size:13px;}
#landing-page .benefit-sec .tit > p{font-size:18px;width:210px;height:50px;}
#landing-page .benefit-sec ul > li{flex-direction:column;padding:0 0 10px;}
#landing-page .benefit-sec ul > li .text-a .t1{font-size:16px;text-align:center;}
#landing-page .benefit-sec ul > li .text-a .t2{font-size:12px;text-align:center;}
#landing-page .benefit-sec .inner .caption{font-size:12px;}
/*#landing-page .month-event .event-conts .inner > div{border-radius:12px;}*/
/*#landing-page .month-event .event-conts .inner > div.e1{padding:25px;}*/
/*#landing-page .month-event .event-conts .inner > div.e1 .tag > p{height:30px;width:120px;font-size:14px;}*/
/*#landing-page .month-event .event-conts .inner > div.e1 .tit{font-size:30px;}*/
/*#landing-page .month-event .event-conts .inner > div.e2{padding:25px;}*/
#landing-page .prd-sec .goods-list ul li{width:100%;}
  	#landing-page .sec16 .sec16-cont .img-wrap > div{width:300px;}

	#landing-page .sec16 .sec16-cont .text-t{font-size:25px; padding:0 10px;}
	#landing-page .sec16 .sec16-cont .text-t > div{font-size:33px;}
	#landing-page .sec16 .sec16-cont .text-t > span{font-size:22px;}

	#landing-page .sec16 .sec16-cont > span{font-size:20px;}
 
}

@media screen and (max-width:500px){
  
  .br-500{display:block;}
  
  #landing-page #index-hd .inner{padding:0 7px;}
  
  #landing-page #index-hd img{height:22px;}
  #landing-page #index-hd .inner>img:last-child{height:15px;}
  #landing-page.new #index-hd .inner{gap:25px;}
  #landing-page #index-hd h1 img{width:75px;}
  .grd-img{width:90px;left:-68px;}
  

  
  .br-768{display:none;}
  
  
  #landing-page .visual .visual-tit{padding-top:5vh;}
  #landing-page .visual .visual-deco{height:30vh; margin-bottom:30px;}
  
  #landing-page .sec01 .card h4{margin:15px 0 10px;font-size: 16px;}
  #landing-page .sec01 .card p{font-size: 14px;}
  #landing-page .sec01 .logo-img{width:98px;}
  
  
  /* #landing-page .visual{height:90vw;} */
  /* #landing-page .visual .visual-deco{width:60vw;right:-20px;} */
  
  #landing-page .sec01 .grd-img{left:-58px;}
  
  #landing-page .sec11{min-height:900px;}
  #landing-page .sec02 .vid-wrap {width:100%;border-radius: 10px}
  
  #landing-page .sec07 .prdcate_inner .display_m{display:flex;}
  /* #landing-page .sec07 .prdcate_slide.item-gate-swip{padding:0;} */
  /* #landing-page .sec07 .prdcate_inner .swiper-wrapper{flex-wrap: wrap;}
  #landing-page .sec07 .prdcate_slide.item-gate-swip .slide{width: calc(50% - 5px);} */
  #landing-page .sec07 .prd-block{border-radius: 10px;min-height:280px;}
  #landing-page .sec07 .arrow_big.next{position:absolute;top:50%;right:0;z-index:2;margin-top:-20px;}
  #landing-page .sec07 .arrow_big.prev{position:absolute;top:50%;left:0;z-index:2;margin-top:-20px;}
  #landing-page .sec07 .prdcate_slide_page{margin-top:20px;}
  
  #landing-page .sec07 .prdcate_inner .swiper-wrapper{flex-wrap: wrap;}
  
  #landing-page .sec11 .con-tit h3::before {left: -40px;width: 51px;height: 83px;}
  #landing-page .sec11 .con-tit h3::after {right: -40px;width: 51px;height: 83px;}
  #landing-page .sec11 .btn-wrap a{font-size: 16px;}
  
  #landing-page .sec12 li p{font-size:12px;}
  #landing-page .sec12 li h3{font-size: 24px;}
  #landing-page .sec12{margin-bottom:122px;}
  
  #landing-page.new .sec-itm h4{width:170px;height:45px;margin:50px auto 0px;font-size: 18px;}
  #landing-page.new .sec-itm .con-txt h5{font-size: 16px;}
  #landing-page.new .sec-itm .con-txt>p{margin:0 0 10px;font-size: 11px; color: #999}
  #landing-page.new .sec-itm .price-area{padding-top:15px;font-size: 16px;}
  #landing-page.new .sec-itm .price-area span{font-size: 12px;}
  #landing-page.new .sec-itm .con-txt{padding:20px 15px;}
  #landing-page.new .sec-itm ul{gap:10px;}
  #landing-page.new .sec-itm li{flex:0 0 calc((100% - 10px) / 2);}
  #landing-page.new .sec-itm .con-tit h3{font-size: 23px;}
  #landing-page.new .sec-itm .con-tit p{font-size: 15px;line-height:1.3;}
  #landing-page.new .sec-itm .conbx>p{font-size: 15px; margin-bottom: 0}
  #landing-page.new .sec-itm .price-area{gap:6px;}
  #landing-page.new .sec-itm .price-area strong{font-size: 12px;}
  #landing-page.new .sale-tag{width:100%;font-size: 11px;}
  
  #landing-page.new .sec-itm li {border-radius: 10px}
  #landing-page.new .sale-tag {height: 25px;}
  #landing-page.new .go-vr-btn {font-size: 18px}
  
  #landing-page.new.goods .sec-itm .conbx>p {font-size: 16px; margin: 20px 0 20px}
  
  /* 상품리스트 디자인 250116 */
  .listBlock .infoBox {margin-top: 30px; padding: 15px 0}
  .listBlock .infoBox dt p {font-size: 16px}
  #landing-page.new .sec-itm .listBlock li {width: calc(100% / 2); flex: 0 0 calc((100% - 20px) / 2);;}
  
  .goodsList_visual {padding: 100px 0 50px}
  .goodsList_visual .con-tit .copy {font-size: 16px; margin-bottom: 20px}
  .goodsList_visual .con-tit .logo {margin-bottom: 20px}
  .goodsList_visual .con-tit .logo a {height: 50px}
  .goodsList_visual .feature {margin: 30px 0 0; padding: 20px 0}
  .goodsList_visual .feature li strong {font-size: 14px; margin-bottom: 10px}
  .goodsList_visual .feature li:after {height: 60px; margin-top: -30px}
  .goodsList_visual .feature li {font-size: 12px}
  
  #landing-page.new.goods .contents {padding: 50px 0}
  
  .listTab a {font-size: 16px; height: 50px}
  .listTab .cont {gap: 10px}
  #all-prd-cate .cate-slide .cont{padding: 10px 5px !important;}
  #all-prd-cate .cate-slide .cont .sale-tag{width: auto;font-size: 11px !important;  height: 32px;line-height: 14px;}
#landing-page.new-ver2 .con-tit h3, #landing-page.new-ver2 .con-tit h3 span{font-size:26px;}
	
	.mdPrd-sec > .inner .prd-list > ul li{border-radius:15px;}
.mdPrd-sec > .inner .prd-list > ul li:before{border-radius:13px;}
.mdPrd-sec > .inner .prd-list > ul li > a .figure{width:100px;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a{max-width:calc(100% - 100px);}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .t-txt .t1{font-size:18px;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .t-txt .t2{font-size:14px;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .b-txt span{font-size:16px;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .b-txt p{font-size:22px;}
.mdPrd-sec > .inner .prd-list > ul li > a .text-a .b-txt{margin-top:10px;padding-top:10px;}

#landing-page .prd-sec .con-tit span{font-size:20px !important;}
  
}

@media screen and (max-width:460px){
	#landing-page .sec16 .sec16-cont .img-list{gap:0px 16px;	}
	#landing-page .sec16 .sec16-cont .img-wrap > div{width:250px;}

	#landing-page .sec16 .sec16-cont .text-t{font-size:20px;}
	#landing-page .sec16 .sec16-cont .text-t > div{font-size:28px}
	#landing-page .sec16 .sec16-cont .text-t > span{font-size:18px}
	#landing-page .sec16 .sec16-cont > span{font-size:15px;}
}
@media screen and (max-width:380px){
  #landing-page.new .sec-itm .con-txt h5 {font-size: 14px}
  #landing-page.new .sec-itm .con-txt>p {margin: 10px 0; line-height: 1.6; font-size: 11px}
  #landing-page.new .sale-tag{font-size: 10px;}
  #landing-page.new .sec01 .tit-bt span {font-size: 18px}
  #all-prd-cate .cate-slide .cont .copy{font-size:12px !important; color:#333;}
}



