/* BASIC css start */
/* 공통 */
body #contents {padding:0;}
#container {max-width:inherit;}
body footer {margin-top:0;}

.txtCont {padding:60px 0 200px; text-align:center;}
.txtCont h4 {font-size: 1.7rem; font-weight: 600;}
.txtCont p {font-size: 1rem; padding:20px 0 30px; word-break:keep-all;}
.productList,
.contWidth {max-width:1430px; width:90%;}

/* aos */
body [data-aos=fade-up] {transform: translate3d(0, 30px, 0);}

/* 메인팝업 */
.vs_popup {display:none;}
.vs_popup br {display:block;}
.vs_popup .inner {position: fixed; top: 30%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); border-radius: 2px; background: #fff; width: 555px; text-align: center; z-index:10; padding:55px 0; border:1px solid var(--7);}
.vs_popup .inner h2 {font-size: 1.625rem; line-height:35px; font-weight:700;}
.vs_popup .inner > p {font-size: 0.938rem; line-height:22px; padding:24px 0; font-size: 0.938rem; margin: 0 auto; word-break: keep-all;}
.vs_popup .inner > a {width:262px; line-height:60px; border:1px solid var(--7); text-align:center; font-size:1.125rem; font-weight:500; border-radius:2px; display:inline-block;}
.vs_btn {position: absolute; left:0; bottom: -24px; width: 100%; line-height:24px; color: var(--0); text-align: left; background:rgba(0,0,0,0.7); padding:0 5px;}
.vs_btn label {font-size: 0.875rem;}
.vs_btn label input {margin-right:10px; background: none !important; appearance: auto; -webkit-appearance: auto;}
.vs_btn button {border:none; float:right; background:none; color:var(--0); font-size: 0.875rem; cursor:pointer;}
.vs_btn button img {display:inline-block; vertical-align: middle; margin-right: 5px; margin-top: -2px;}
.vs_dim {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, .2); z-index: 9; display:none;}
#vs_close .mo_close {display:none;}

/* 배너 공통 */
.bgCont a img {width:100%; height:100%; object-fit: cover;}

/* sec1 */
.sec1 {}
/*
.sec1 .bgCont {position:relative; min-height: 600px;}
.sec1 .bgCont a {height: 100%; left: 0; position: absolute; top: 0; width: 100%; display:block; }
*/

/* sec2 */
.sec2 {margin-bottom:200px;}
.sec2 .txtCont {padding:60px 0 65px;}
/*
.sec2 .bgCont {position:relative; min-height: 600px;}
.sec2 .bgCont a {height: 100%; left: 0; position: absolute; top: 0; width: 100%; display:block; }
*/

/* sec3 */
.sec3 {margin-bottom:200px;}
.sec3 .txtCont {padding:60px 0 65px;}
/*
.sec3 .bgCont {position:relative; min-height: 600px;}
.sec3 .bgCont a {height: 100%; left: 0; position: absolute; top: 0; width: 100%; display:block; }
*/

/* sec4 */
.sec4 {margin-bottom:200px;}
.sec4 .txtCont {padding:60px 10 65px;}
.sec4 .txtCont h4 {margin-bottom:0px; word-break:keep-all;}
/*
.sec4 .bgCont {position:relative; min-height: 700px;}
.sec4 .bgCont a {height: 100%; left: 0; position: absolute; top: 0; width: 100%; display:block; }
*/
.sec4 .bannerCont {font-size:0;}
.sec4 .bannerCont ul {font-size:0;}
.sec4 .bannerCont li {display:inline-block; width: 24%; vertical-align:top; margin-right:1.18%;}
.sec4 .bannerCont li:last-child {margin-right:0;}
.sec4 .bannerCont li p {display:block; text-align:center; margin-top: 20px;}
.sec4 .bannerCont li a img {width:100%; transition:all .3s ease; -webkit-transition:all .3s ease;}
.sec4 .bannerCont li p span {font-size: 1.063rem; font-weight:600; position:relative; line-height:1;}
.sec4 .bannerCont li:hover a img {opacity:0.7;}
.sec4 .bannerCont li:hover p span {color:#00A0E9;}
.sec4 .bannerCont li p span:after {content:''; display:inline-block; background:#00A0E9; position:absolute; bottom:0; left:50%; width:0; height:3px; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition:all .3s ease; -webkit-transition:all .3s ease;}
.sec4 .bannerCont li:hover p span:after {width:100%;}


/* sec5 */
.sec5 {margin-bottom:200px;}
.sec5 .txtCont {padding-bottom:0;}
.sec5 .txtCont h4 {margin-bottom:40px; word-break:keep-all;}
/*
.sec5 .bgCont {position:relative; min-height: 700px;}
.sec5 .bgCont a {height: 100%; left: 0; position: absolute; top: 0; width: 100%; display:block; }
*/
.sec5 .tit {font-size: 2.25rem; font-weight: 700; line-height: 42px; text-align:center;}
.sec5 ul {font-size:0; text-align:center;}
.sec5 ul li {font-size:1.125rem; display:inline-block; vertical-align:top; width: 23.861%; margin-right: 1.25%; margin-top:60px;}
.sec5 ul li .gallery {position:relative; padding-top:125%;}
.sec5 ul li img {width:100%; height:100%; position: absolute; left: 0; top: 0; transition:all .3s ease; -webkit-transition:all .3s ease; object-fit:cover;}
.sec5 ul li img:hover {opacity:0.7;}
.sec5 ul li:nth-child(4n) {margin-right:0;}
.sec5 ul li .txt1 a {display:block; font-size:0.75rem; font-weight:500; line-height:1.4; margin:10px 0 2px; color:var(--4);}
.sec5 ul li .txt2 a {display:block; font-size:0.9rem; font-weight:500; line-height:1.4; color:var(--7);}


/* video */
.videoCont {margin-bottom:200px;}
.videoCont .videoWrap {position: relative; padding-top: 56.25%; width: 100%; height: 0;}
.videoCont .videoWrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.videoCont .bottomTxt .txtCont {padding:60px 0 0;}


/* 상품진열 디자인 css */
body .display-wrap {padding:0; font-family:'Noto Sans KR', sans-serif; line-height:inherit;}
body .display-wrap .banner-area {margin:0;}
body .display-wrap .display-title {margin:60px 0 20px; font-size: 1.7rem !important; font-weight: 600 !important; font-family: 'Noto Sans KR', sans-serif !important;}
body .display-wrap .display-sub {letter-spacing:inherit; margin:0 auto 30px; font-size:1rem !important; line-height:1.4; width:90%;}
body .display-wrap .display-link {text-align:center; margin:0 auto 65px;}
body .display-wrap .display-link a {width: 200px; height: 45px; line-height: 45px; font-weight: 500; background: var(--7); display: inline-block; color: var(--0); font-size: 0.875rem; border-radius: 2px; text-align: center;}
body .display-wrap .product-area .prd-wrap .prd-info {text-align:center; position:relative;}
body .display-wrap .product-area .prd-wrap .prd-info .prd-name a {font-size: 0.875rem; margin: 10px 0 0; font-weight:500}
body .display-wrap .product-area .prd-wrap .prd-info .prd-sub {color:var(--7); font-size: 0.813rem; margin: 3px 0 8px; min-height: 10px; line-height:1.2;}
body .display-wrap .product-area .prd-wrap .prd-info .prd-nprice,
body .display-wrap .product-area .prd-wrap .prd-info .prd-nprice * {font-size: 1rem; color: var(--4); min-height:10px;}
body .display-wrap .product-area .prd-wrap .prd-info .prd-sprice,
body .display-wrap .product-area .prd-wrap .prd-info .prd-sprice * {text-align: center; margin: 0; display: block; font-size: 0.875rem;}
body .display-wrap .product-area .prd-wrap .prd-info .prd-sprice strong {text-transform: uppercase; margin-top:7px; font-weight:500; line-height:1;}

/* 슬라이드 타입 (PC 형태) */
body .display-wrap .product-area.type-slide .prd-wrap .prd-wish-review {position: absolute; right: 13px; bottom: 112px;}
body .display-wrap .product-area.type-slide .prd-wrap .prd-wish-review .my-wish-count {font-size:0;}
body .display-wrap .product-area.type-slide .prd-wrap .prd-wish-review .ico-wish {gap:0;}
body .display-wrap .product-area.type-slide .prd-wrap .prd-wish-review .ico-wish svg {width:29px; stroke-width:1px;}
body .display-wrap .product-area.type-slide .prd-wrap .prd-wish-review .ico-wish.wish-on svg {color:#ff6464; fill:#ff6464;}
body .display-wrap .product-area.type-slide.cowave-swiper {padding:0; max-width: 1430px; width:90%; overflow:visible;}
body .display-wrap .product-area.type-slide.cowave-swiper:before {content:''; display:block; position:absolute; left:-40%; top:0; width:40%; height:100%; background:#fff; z-index:10;}
body .display-wrap .product-area.type-slide.cowave-swiper:after {content:''; display:block; position:absolute; right:-40%; top:0; width:40%; height:100%; background:#fff; z-index:10;}
body .display-wrap .product-area.type-slide.cowave-swiper .cowave-swiper-wrapper {}
body .display-wrap .product-area.type-slide.cowave-swiper .cowave-swiper-button-prev,
body .display-wrap .product-area.type-slide.cowave-swiper .cowave-swiper-button-next {padding:0 !important; align-items: inherit; justify-content: inherit; top:37%; height:auto; background:none;}
body .display-wrap .product-area.type-slide.cowave-swiper .cowave-swiper-button-prev {width: auto; left: -3%; z-index:11;}
body .display-wrap .product-area.type-slide.cowave-swiper .cowave-swiper-button-next {width: auto; right: -3%; z-index:11;}
body .display-wrap .product-area.type-slide.cowave-swiper .cowave-swiper-button-prev:after,
body .display-wrap .product-area.type-slide.cowave-swiper .cowave-swiper-button-next:after {font-size:24px;}
body .display-wrap .product-area.type-slide .prd-wrap .prd-wish-prev {position: absolute; right: 13px; top: -50px; gap: 0; margin: 0; cursor:pointer;}
body .display-wrap .product-area.type-slide .prd-wrap .prd-wish-prev .my-wish-count {font-size:0;}
body .display-wrap .product-area.type-slide .prd-wrap .prd-wish-prev .ico-wish {gap:0;}
body .display-wrap .product-area.type-slide .prd-wrap .prd-wish-prev .ico-wish svg {width:29px; stroke-width:1px;}
body .display-wrap .product-area.type-slide .prd-wrap .prd-wish-prev .ico-wish.wish-on svg {color:#ff6464; fill:#ff6464;}
body .display-wrap .product-area.type-slide .prd-wrap .prd-icon {display: block; gap: 0;flex-wrap: inherit; margin: 5px 0 0;}

/* 기본 리스트 타입 (모바일 형태) */
body .display-wrap .product-area.type-col {max-width: 750px; margin: 0 auto; gap:30px 4%; padding:0 20px;}
body .display-wrap .product-area.type-col .prd-wrap .prd-wish-review {position: absolute; right: 13px; top: -50px; gap: 0; margin: 0;}
body .display-wrap .product-area.type-col .prd-wrap .prd-wish-review .my-wish-count {font-size:0;}
body .display-wrap .product-area.type-col .prd-wrap .prd-wish-review .ico-wish {gap:0;}
body .display-wrap .product-area.type-col .prd-wrap .prd-wish-review .ico-wish svg {width:29px; stroke-width:1px;}
body .display-wrap .product-area.type-col .prd-wrap .prd-wish-review .ico-wish.wish-on svg {color:#ff6464; fill:#ff6464;}


/******************************* 반응형 *******************************/

/* tablet */
@media (max-width:1024px) {
    .txtCont {padding:60px 0 100px; width: 90%; margin: 0 auto;}
    .txtCont h4 {font-size: 1.3rem;}
    .txtCont p {font-size: 0.875rem; padding:15px 0 25px;}
    .productList {max-width:750px; width:100%; padding:0 20px;}
    
    .sec2,
    .sec3,
    .sec4,
    .sec5,
    .videoCont {margin-bottom:80px;}
    
    .sec2 .txtCont,
    .sec3 .txtCont,
    .sec4 .txtCont,
    .sec5 .txtCont,
    .videoCont .bottomTxt .txtCont {padding:60px 0 70px;}

    .sec4 .bannerCont {max-width:700px; width:100%;}
    .sec4 .bannerCont li {width:48%; margin-right:4%;}
    .sec4 .bannerCont li:nth-of-type(1),
    .sec4 .bannerCont li:nth-of-type(2) {margin-top:0; margin-bottom:30px;}
    .sec4 .bannerCont li:nth-child(2n),
    .sec4 .bannerCont li:nth-child(4n) {margin-right:0;}
    .sec4 .bannerCont li p {margin-top:10px;}
    .sec4 .bannerCont li p span {font-size:1rem}
    
    .sec5 ul {max-width:750px; width:100%;}
    .sec5 ul li {width:48%; margin-right:4%; margin-top:30px;}
    .sec5 ul li:nth-child(2n),
    .sec5 ul li:nth-child(4n) {margin-right:0;}
    .sec5 ul li .txt1 a {font-size:0.813rem; line-height:16px; margin:12px 0 8px;}
    .sec5 ul li .txt2 a {line-height:1.4;}
    
    .slidePrd .swiper-button-next,
    .slidePrd .swiper-button-prev {display:none;}
    
    /* aos */
    body [data-aos=fade-up] {
        transform: translate3d(0, 30px, 0);
    }
    
    
    /* 상품진열 디자인 css */
    body .display-wrap .display-title {margin:40px 0 25px; font-size: 1.25rem !important;}
    body .display-wrap .display-sub {font-size: 0.875rem !important;}
    body .display-wrap .display-link {margin:0 auto 50px;}
    body .display-wrap .display-link a {width: 190px; height: 40px; line-height: 38px; font-size: 0.813rem;}
    
    
    /* 상품진열 리스트타입 (모바일 형태) */
    body .display-wrap .product-area.type-col .prd-wrap .prd-wish-review {top: -42px;}
    body .display-wrap .product-area.type-col .prd-wrap .prd-wish-review .ico-wish svg {width:22px;}
    body .display-wrap .product-area .prd-wrap .prd-info .prd-name a {font-size:0.875rem;}
    body .display-wrap .product-area .prd-wrap .prd-info .prd-sprice strong {font-size:0.813rem;}
}


/* mobile */
@media (max-width:768px) {
    .txtCont {padding:40px 0 50px;}
    .txtCont h4 {font-size: 1.375rem;}
    .txtCont p {font-size: 0.875rem; line-height: 20px; padding:17px 0 30px;}
    
    .txtCont,
    .sec2 .txtCont,
    .sec3 .txtCont,
    .sec4 .txtCont,
    .sec5 .txtCont,
    .videoCont .bottomTxt .txtCont {padding:40px 0 50px;}
    
    .vs_popup .inner {width: 100%; top:auto; bottom:0; padding:39px 20px 19px; border:none; border-radius:inherit; border-top-left-radius: 10px; border-top-right-radius: 10px;}
    .vs_popup .inner h2 {font-size: 0.938rem; line-height:21px;}
    .vs_popup .inner > p {font-size: 0.625rem; line-height:15px; padding:20px 0;}
    .vs_popup .inner > a {width:169px; line-height:42px; font-size: 0.688rem; margin-bottom:25px;}
    .vs_btn {position:static; background: none; color: var(--3); font-size: 0.625rem;}
    .vs_btn label {color: var(--3); font-size: 0.625rem; }
    .vs_btn label input {margin-right:5px;}
    .vs_btn button {color: var(--3); font-size: 0.625rem; }
    .vs_dim {display:block;}
    #vs_close .pc_close {display:none;}
    #vs_close .mo_close {display:inline-block;;}
    
    .sec5 .tit {font-size: 1.563rem; line-height: 26px; font-weight:700;}
    .sec5 ul li .txt1 a {font-size:0.75rem; line-height:14px; margin:9px 0 5px;}
    .sec5 ul li .txt2 a {font-size:0.813rem;}
    .sec6 .tit {font-size: 1.125rem; line-height: 26px; font-weight:700; margin-bottom:40px;}
    
    
    /* 상품진열 디자인 css */
    body .display-wrap .display-title {font-size: 1.375rem !important;}
    body .display-wrap .display-sub {font-size: 0.875rem !important;}
    
    /* 상품진열 리스트타입 (모바일 형태) */
    body .display-wrap .product-area.type-col .prd-wrap .prd-name {font-size: 0.875rem; margin-top:8px;}
    body .display-wrap .product-area.type-col .prd-wrap .prd-sub {font-size: 0.813rem; margin: 3px 0 5px; line-height:1;}
    body .display-wrap .product-area.type-col .prd-wrap .prd-nprice,
    body .display-wrap .product-area.type-col .prd-wrap .prd-nprice * {font-size: 0.688rem;}
    body .display-wrap .product-area.type-col .prd-wrap .prd-sprice,
    body .display-wrap .product-area.type-col .prd-wrap .prd-sprice * {font-size: 0.75rem;}
    body .display-wrap .product-area.type-col .prd-wrap .prd-wish-review .ico-wish {right: 11px; top: -38px;}
    body .display-wrap .product-area.type-col .prd-wrap .prd-wish-review .ico-wish svg {width:18px;}
    body .display-wrap .product-area .prd-wrap .prd-info .prd-sprice strong {}
}


/* BASIC css end */