* {font-family: 'SUIT Variable', sans-serif; color: #333;}

::selection {background-color: #83766b; color: #fff;}

.sec_bt {margin-bottom: 200px;}
.mb80 {margin-bottom: 80px;}

input{outline: none;}
input {font-family: inherit;}
button {font-family: inherit;}

input[type="radio"], input[type="checkbox"] {display: none;}
label {font-size: 16px; position: relative; padding-left: 30px; color: #777; cursor: pointer;}
label::before {content: ""; display: block; width: 22px; height: 22px; border: 1px solid #eee; top: 50%; left: 0; transform: translateY(-50%); position: absolute; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168125303331810.png) no-repeat center/contain;}
input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {color: #333; font-weight: 600;}
input[type="radio"]:checked + label::after, input[type="checkbox"]:checked + label::after {content: ""; display: block; width: 22px; height: 22px; border: 1px solid #eee; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/16812530151464.png) no-repeat center/contain; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
input[type="radio"]:checked + label::after, input[type="checkbox"]:checked + label::after {display: block;}

.chk_con.one label {padding-left: 22px;}


.no_content {width: 100%; padding: 50px; text-align: center; font-size: 16px; color: #888; border-radius: 5px; background-color: #fefefe;}


.paging {width: 100%;}
.paging .paging_box {display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap;}
.paging_box i {display: block; width: 20px; height: 20px; cursor: pointer;}
.paging_box .pg_first {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168175870474772.png) no-repeat center/contain; scale: .9;}
.paging_box .pg_prev {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168175871717992.png) no-repeat center/contain; scale: .9;}
.paging_box .pg_next {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168175871121336.png) no-repeat center/contain; scale: .9;}
.paging_box .pg_end {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168175869753096.png) no-repeat center/contain; scale: .9;}
.paging_box .num {color: #777; font-weight: 600; cursor: pointer; font-size: 15px;}
.paging_box .num.on {color: #333; font-weight: 800;}



/* -------- 메인슬라이드 -------- */
.main_slide {height: 100vh; overflow: hidden; position: relative;}
.main_slide .mainSwiper {height: 100%;}
.main_slide .swiper-slide {position: relative;}
.main_slide .slide_img {width: 100%; height: 100%; overflow: hidden;}
.main_slide .slide_img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.main_slide .slide_txt {position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); text-align: center; transition: all linear .5s; opacity: 0; width: 100%;}
.main_slide .slide_txt .tit_sub {font-size: clamp(22px, 3vw, 36px); color: #fff; line-height: 1.4; word-break: keep-all;}
.main_slide .slide_txt .tit_main {font-size: clamp(32px, 4vw, 64px);; font-weight: 700; color: #fff; text-shadow: 0px 0px 15px rgba(0, 0, 0, .2); word-break: keep-all; line-height: 1.3;}
.main_slide .swiper-slide.swiper-slide-active .slide_txt {opacity: 1; top: 50%;}

.main_slide .slide_status {position: absolute; right: calc((100% - 1600px) / 2); bottom: 0; background-color: rgba(255, 255, 255, .6); padding: 20px 30px 20px 50px; display: flex; align-items: center; gap: 50px; z-index: 50;}
.main_slide .slide_status .btn_box {display: flex; align-items: center; gap: 15px;}
.main_slide .slide_status div[class*="swiper-button-"]  {position: initial; width: 15px; height: 15px; margin: 0; cursor: pointer;}
.main_slide .slide_status div[class*="swiper-button-"]::after {display: none;}
.main_slide .slide_status .swiper-button-prev {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168118240531190.png) no-repeat center/contain;}
.main_slide .slide_status .swiper-button-next {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168118239959060.png) no-repeat center/contain;}
.main_slide .slide_status .swiper-button-control {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168124337443682.png) no-repeat center/contain; width: 12px; height: 12px;}
.main_slide .slide_status .swiper-button-control.stop {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168118233313855.png) no-repeat center/contain;}
.main_slide .swiper-pagination-progressbar.swiper-pagination-horizontal {width: 100px; position: static;}
.main_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #555;}

.main_slide .pagination_fraction {display: flex; width: 150px; position: absolute; top: 50%; left: 26px; transform: translateY(calc(-50% - 3px)); font-size: 0; justify-content: space-between;}
.main_slide .pagination_fraction span {font-size: 18px; font-weight: 800; color: #555;}

/* -------- 메뉴 -------- */
.menu_wrap {display: flex; flex-wrap: wrap; row-gap: 30px; justify-content: space-between; margin-top: 80px;}
.menu_wrap a {display: block; width: 32%; position: relative; padding: 90px 35px;}
.menu_wrap a .menu_con {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.menu_wrap a .menu_bg {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.menu_wrap a .menu_bg.bag {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168107646962974.jpg) no-repeat center/cover;}
.menu_wrap a .menu_bg.blanket {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/16810764732796.jpg) no-repeat center/cover;}
.menu_wrap a .menu_bg.trip {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168107647774036.jpg) no-repeat center/cover;}
.menu_wrap a .menu_bg.matt {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168107648219646.jpg) no-repeat center/cover;}
.menu_wrap a .menu_bg.umb {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168107648697179.jpg) no-repeat center/cover;}
.menu_wrap a .menu_bg.goods {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168107649037389.jpg) no-repeat center/cover;}
.menu_wrap a .menu_tit {width: 41%; background-color: #978575d6; height: 100%; display: flex; padding: 30px 0 0 25px;}
.menu_wrap a .menu_tit span {font-size: 23px; font-weight: 600; color: #fff; line-height: 1.3; word-break: keep-all;}
.menu_wrap a .menu_tit span em {display: none;}
.menu_wrap a .menu_tit .btn_more {position: absolute; bottom: 25px; left: 25px; display: flex; align-items: center; gap: 10px; padding: 0; font-size: 16px; color: #fff; font-weight: 500; opacity: 0; transition: all .2s;}
.menu_wrap a:hover .menu_tit .btn_more {opacity: 1; bottom: 30px;}
.menu_wrap a .menu_tit .btn_more i {width: 12px; height: 12px; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168107650149739.png) no-repeat center/contain;}



/* -------- 신상품 -------- */
.new_prd {margin-bottom: 300px;}
.sec_tit {font-size: 48px; font-weight: 700; padding-bottom: 60px;}
.prd_con:hover {cursor: pointer;}
.prd_con .prd_thumb {width: 100%; position: relative; cursor: pointer; overflow: hidden; border: 1px solid #f3ece5; aspect-ratio: 1;}
.prd_con .prd_thumb::after {content: ""; display: block; width: 100%; padding-bottom: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.prd_con .prd_thumb img {width: 100%; height: 100%; display: block; object-fit: cover;}
.prd_con .prd_thumb .soldout {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: rgba(0, 0, 0, .3); display: none;}
.prd_con.soldout .prd_thumb .soldout {display: block;}
.prd_con .prd_thumb .soldout p {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: clamp(14px, 1.2vw, 20px); color: #fff; word-break: keep-all;}
.prd_con .prd_thumb .prd_opt {position: absolute; bottom: 0; left: 0; width: 100%; display: none; align-items: center; background-color: rgba(255, 255, 255, .8); padding: 12px 0; transition: all .2s;}
.prd_con .prd_thumb .prd_opt button {width: 50%; color: #888; font-size: 14px; padding: 0; display: flex; align-items: center; justify-content: center; gap: 6px; transition: all .2s; font-weight: 600;}
.prd_con:hover .prd_opt {display: flex;}
.prd_con .prd_thumb .prd_opt button:hover {color: #222;}
.prd_con .prd_thumb .prd_opt button:nth-of-type(1) {border-right: 1px solid #fff;}
.prd_con .prd_thumb .prd_opt button:nth-of-type(1) i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168124050350720.png) no-repeat center/contain;}
.prd_con .prd_thumb .prd_opt button:nth-of-type(2) i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168107852759194.png) no-repeat center/contain;}
.prd_con .prd_thumb .prd_opt button i {width: 18px; height: 18px; opacity: .5; transition: all .2s;}
.prd_con .prd_thumb .prd_opt button:hover i {opacity: 1;}


.prd_info {display: flex; flex-direction: column; align-items: flex-start; padding-top: 25px;}
.prd_info .prd_namebox { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; width: 100%;}
.prd_info .prd_name {font-size: 24px; font-weight: 700; line-height: 1.3; width: calc(100% - 35px);}
.prd_info .prd_namebox .wish_btn {display: block; width: 28px; height: 28px;  background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168219704057640.png) no-repeat center/contain;}
.prd_info .prd_namebox .wish_btn.on {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168219704615301.png) no-repeat center/contain;}
.prd_info dl {display: flex; flex-direction: column; align-items: flex-start; padding: 20px 0; width: 100%;}
.prd_info .prd_price {font-size: 24px; font-weight: 900; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.prd_info .prd_price .wish_btn {display: block; width: 28px; height: 28px;  background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168107852759194.png) no-repeat center/contain;}
.prd_info .prd_price .wish_btn.on {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168219591277989.png) no-repeat center/contain;}
.prd_info .prd_sub {display: flex; align-items: flex-end; gap : 8px;}
.prd_info .prd_sale {font-size: 20px; color: #C9535A; font-weight: 900;}
.prd_info .prd_org {font-size: 16px; color: #aaa; text-decoration: line-through;}
.prd_info .prd_tag {display: flex; align-items: center; gap: 10px;}
.prd_info .prd_tag span {font-size: 14px; padding: 4px 10px; color: #fff;}
.prd_info .prd_tag .tag_best {background-color: #C9535A;}
.prd_info .prd_tag .tag_new {background-color: #A09184;}

.prd_btnbox {position: absolute; top: 3%; right: 0; display: flex; align-items: center; gap: 15px;}
div[class*="swiper-button-next prd_"], div[class*="swiper-button-prev prd_"] {width: 40px; height: 40px; border: 1px solid #666; position: static; margin: 0;}
div[class*="swiper-button-next prd_"] img, div[class*="swiper-button-prev prd_"] img {display: block; width: 100%; height: 100%; object-fit: contain;}
div[class*="swiper-button-next prd_"]::after, div[class*="swiper-button-prev prd_"]::after {display: none;}
div[class*="prdSwiper"] .swiper-pagination {top: initial; margin-top: 100px; background-color: #EDE9E5;}
div[class*="prdSwiper"] .swiper-pagination-progressbar-fill {background-color: #726C67;}




/* -------- ESG상품 -------- */
.tab_menu {padding-bottom: 50px;}
.tab_menu ul {display: flex; align-items: center; gap: 30px;}
.tab_menu span {font-size: 20px; color: #AA9B8E; font-weight: 700; position: relative; cursor: pointer;}
.tab_menu span::after {content: ""; display: none; width: 100%; height: 2px; background-color: #AA9B8E; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%);}
.tab_menu span.on {color: #4e3028;}
.tab_menu span.on::after {display: block; background-color: #4e3028;}
.tab_menu span:hover::after {display: block;}
.tab_menu .tab_txt {padding-top: 20px; font-size: 18px; color: #7b7269; word-break: keep-all; line-height: 1.3;}

section.prd_esg {position: relative; width: 100%; padding-top: 150px;}
.prd_esg .esg_bg {width: 100%; background: linear-gradient(to right, #E2DAD3 30%, #F5F0EB 30%); height: 70vh; position: absolute; top: 0; left: 0;}

.esg_box {display: flex; align-items: stretch;}
.esg_box .esg_main {width: 45%; padding-right: 50px;}
.esg_box .esg_main .main_prd {position: relative; height: 100%;  z-index: 10; cursor: pointer;}
.esg_box .esg_main .main_prd .prd_thumb {width: 100%; height: 100%; overflow: hidden;}
.esg_box .esg_main .main_prd .prd_thumb::after {content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(to bottom, #000, transparent); position: absolute; top: 0; left: 0; opacity: .4;}
.esg_box .esg_main .main_prd .prd_thumb img {width: 100%; height: 100%; display: block; object-fit: cover; transition: all .2s;}
.esg_box .esg_main .main_prd:hover .prd_thumb img {transform: scale(1.05);}
.esg_box .esg_main .main_prd .esg_prd_info {position: absolute; display: flex; top: 50px; left: 50%; flex-direction: column; align-items: flex-start; width: calc(100% - 100px); transform: translateX(-50%);}
.esg_box .esg_prd_info .cate {font-size: 24px; font-weight: 600; color: #fff;}
.esg_box .esg_prd_info .name {padding: 15px 0 30px; font-size: 30px; color: #fff; font-weight: 700; word-break: keep-all; line-height: 1.3;}
.esg_box .esg_prd_info .price {font-size: 32px; font-weight: 800; color: #fff;}


.esg_box .esgprdSwiper {width: 55%; overflow: hidden; position: relative;}
.esg_box .esgprdSwiper .swiper-pagination {bottom: 0;}
.esg_box .esgprdSwiper .prd_info {margin-bottom: 100px;}


/* -------- 배너 : 올모기프트 바로가기 -------- */
.main_banner {height: 50vh;}
.main_banner .banner_img {width: 100%; height: 100%; position: relative;}
/* .main_banner .banner_img::after {content: ""; display: block; width: 100%; position: absolute; top: 0; left: 0; padding-bottom: 40%;} */
.main_banner .banner_img img {width: 100%; height: 100%; object-fit: cover; display: block;}


/* -------- 하단 정보 -------- */
.main_info {padding: 80px 0; background: linear-gradient(to right, #BFD3D8 70%, #E0EAED 70%);}
.info_wrap ul {display: flex; align-items: stretch; gap: 40px; justify-content: space-between;}
.info_wrap ul li {width: 32%;}
.info_wrap div[class*="info_"] {width: 100%; height: 100%;}

.info_wrap .info_con {display: flex; flex-direction: column; padding: 25px; background-color: #fff;}
.info_wrap .info_con .info_box {position: relative; padding: 0 20px 20px;}
.info_wrap .info_con .info_box:last-child {padding-bottom: 0; padding-top: 20px; border-top: 1px solid #ccc;}
.info_wrap .info_box .info_txt {display: flex; flex-direction: column; align-items: flex-start; position: relative; z-index: 1;}
.info_wrap .info_box .info_txt .acc_num {font-size: 26px; font-weight: 600; line-height: 1.3;}
.info_wrap .info_box .info_txt span {font-size: 16px; color: #999; font-weight: 600;}
.info_wrap .info_box .info_txt .tit {font-size: 20px; color: #6c7f84; font-weight: 600; padding-bottom: 10px;}
.info_wrap .info_box .info_txt dl {display: flex; align-items: flex-end; flex-direction: row; width: 100%;}
.info_wrap .info_box .info_txt dt {width: 60px; color: #6c7f84; font-weight: 600; margin-bottom: 4px;}
.info_wrap .info_box .info_txt dd {width: calc(100% - 60px); font-size: 26px; font-weight: 600;}
.info_wrap .info_box .info_icon {display: block; width: 50px; height: 50px; position: absolute; bottom: 25px; right: 20px;}
.info_wrap .info_box.account .info_icon {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168107959243779.png) no-repeat center/contain;}
.info_wrap .info_box.sample .info_icon {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168107959688445.png) no-repeat center/contain; bottom: 10px;}

.info_wrap .info_link {padding: 35px; display: flex; flex-direction: column; align-items: flex-start; position: relative;}
.info_wrap .info_link.factory {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168107973850543.jpg) no-repeat center/cover;}
.info_wrap .info_link.certi {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168107975418549.jpg) no-repeat left/cover;}
.info_wrap .info_link .tit_sub {font-size: 20px; color: #fff; word-break: keep-all; line-height: 1.3;}
.info_wrap .info_link .tit_main {font-size: 32px; font-weight: 700; color: #fff;}
.info_wrap .info_link .more {position: absolute; bottom: 30px; left: 35px; padding: 10px 50px; border: 1px solid #fff; background-color: rgba(255, 255, 255, .1); color: #fff; cursor: pointer; backdrop-filter: blur(2px);}



/* -------- 1650px -------- */
@media screen and (max-width: 1650px) {
    .bd-xl {padding: 0 16px;}
    .sec_bt {margin-bottom: 150px;}
    .main_slide .slide_status {right: 16px;}


    .menu_wrap a .menu_tit {padding: 20px 0 0 20px; width: 45%;}
    .menu_wrap a .menu_tit span {font-size: 21px;}
    .menu_wrap a .menu_tit .btn_more {left: 20px;}


    .prd_btnbox {right: 16px; top: 0;}
    .prd_info .prd_name {font-size: 22px;}
    .prd_info .prd_price {font-size: 22px;}
    div[class*="prdSwiper"] .swiper-pagination {margin: 80px 16px 0;
    }

    .esg_box .esgprdSwiper .swiper-pagination {margin: 80px 0 0;}
}


/* -------- 1440px -------- */
@media screen and (max-width: 1440px) {
    .sec_tit {font-size: 40px; padding-bottom: 40px;}

    .prd_info .prd_name {font-size: 20px;}
    .prd_info .prd_price {font-size: 20px;}
    .prd_info .prd_tag span {padding: 2px 10px;}
    .prd_info dl {padding: 15px 0;}

    section.prd_esg {padding-top: 120px; margin-top: 220px;}
    .esg_box .esg_main .main_prd .esg_prd_info {width: calc(100% - 80px);}
    .esg_box .esg_prd_info .cate {font-size: 20px;}
    .esg_box .esg_prd_info .name {font-size: 26px; padding: 5px 0 20px;}
    .esg_box .esg_prd_info .price {font-size: 26px;}
    .tab_menu {padding-bottom: 30px;}
    .esg_box .esgprdSwiper .prd_info {margin-bottom: 60px;}

    .main_banner {height: 40vh;}

    .info_wrap ul {gap: 20px;}
    .info_wrap .info_con .info_box {padding: 0 10px 15px;}
    .info_wrap .info_con .info_box:last-child {padding-top: 15px;}
    .info_wrap .info_box .info_icon {right: 0; width: 40px; height: 40px;}
    .info_wrap .info_box .info_txt .tit {font-size: 18px; padding-bottom: 4px;}
    .info_wrap .info_box .info_txt .acc_num {font-size: 24px;}
    .info_wrap .info_box .info_txt dd {font-size: 24px;}
    .info_wrap .info_link {padding: 30px;}
    .info_wrap .info_link .tit_sub {font-size: 18px;}
    .info_wrap .info_link .tit_main {font-size: 26px;}
    .info_wrap .info_link .more {padding: 5px 20px; font-size: 14px; bottom: 25px; left: 30px;}
}


/* -------- 1280px -------- */
@media screen and (max-width: 1280px) {
    .menu_wrap a .menu_tit span {font-size: 18px;}
    .menu_wrap a {padding: 75px 35px;}
    .menu_wrap a .menu_tit {width: 55%;}

    .esg_box .esgprdSwiper .swiper-pagination {margin: 50px 0 0; width: 100%;}
    .tab_menu span {font-size: 18px;}
    .tab_menu ul {gap: 20px;}
    .tab_menu {padding-bottom: 15px;}
    .esg_box .esg_main .main_prd .esg_prd_info {top: 30px; width: calc(100% - 60px);}
    .esg_box .esgprdSwiper .prd_info {margin-bottom: 40px;}

    .info_wrap .info_box .info_txt dt {font-size: 14px; width: 50px;}
    .info_wrap .info_box .info_txt .acc_num {font-size: 22px;}
    .info_wrap .info_box .info_txt dd {font-size: 22px; width: calc(100% - 50px);}
    .info_wrap .info_con .info_box {padding: 0 0 15px;}
    .info_wrap .info_box .info_txt span {margin-top: -2px;}
    .info_wrap .info_link {padding: 25px;}
    .info_wrap .info_link .more {bottom: 25px; left: 25px;}
    .info_wrap .info_link .tit_sub {font-size: 16px;}
    .info_wrap .info_box .info_icon {width: 35px; height: 35px; bottom: 15px;}
    .info_wrap .info_box.sample .info_icon {bottom: 0;}
}


/* -------- 1080px -------- */
@media screen and (max-width: 1080px) {
    .sec_bt {margin-bottom: 120px;}

    label {font-size: 15px;}

    .main_slide {height: calc(100vh - 60px);}
    .main_slide .slide_status {padding: 15px 25px 15px 45px;}
    .main_slide .slide_txt {padding: 0 16px;}

    .sec_tit {font-size: 32px;}
    .menu_wrap {margin-top: 50px; row-gap: 20px;}
    .menu_wrap a {padding: 60px 35px;}
    .menu_wrap a .menu_tit .btn_more {bottom: 15px; font-size: 14px;}
    .menu_wrap a:hover .menu_tit .btn_more {bottom: 15px;}
    .prd_btnbox {gap: 10px;}
    div[class*="swiper-button-next prd_"], div[class*="swiper-button-prev prd_"] {width: 35px; height: 35px;}

    section.prd_esg {padding-top: 80px; margin-top: 200px;}
    .esg_box .esg_main {width: 60%; padding-right: 30px;}
    .tab_menu .tab_txt {font-size: 16px;}
    .esg_box .esg_prd_info .name {font-size: 22px;}
    .esg_box .esg_prd_info .price {font-size: 22px;}
    .esg_box .esg_prd_info .cate {font-size: 18px;}

    .main_info {padding: 60px 0;}
    .info_wrap ul {column-gap: 0; row-gap: 20px; justify-content: space-between; flex-wrap: wrap;}
    .info_wrap ul li {width: 49%;}
    .info_wrap ul li:first-child {width: 100%;}
    .info_wrap .info_con {flex-direction: row;}
    .info_wrap .info_con .info_box {padding: 0; width: 50%;}
    .info_wrap .info_con .info_box.account {border-right: 1px solid #ccc;}
    .info_wrap .info_con .info_box:last-child {border-top: none; padding-top: 0; padding-left: 20px;}
    .info_wrap .info_box .info_icon {right: 20px; bottom: 0;}
    .info_wrap .info_box.sample .info_icon {right: 0;}
    .info_wrap .info_link {padding: 25px 25px 100px;}

    .prd_info .prd_namebox .wish_btn {width: 25px; height: 25px;}
}


/* -------- 850px -------- */
@media screen and (max-width: 850px) {
    .no_content {font-size: 14px; padding: 30px;}

    .mb80 {margin-bottom: 50px;}

    .main_slide .slide_status {gap: 40px;}

    .main_slide .pagination_fraction {width: 140px; transform: translateY(calc(-50% - 6px));}
    .main_slide .pagination_fraction span {font-size: 16px;}

    .sec_tit {font-size: 24px; padding-bottom: 30px;}

    .menu_wrap a {width: 48%;}
    .menu_wrap a .menu_tit {padding: 20px 15px;}
    .menu_wrap a:hover .menu_tit .btn_more {left: 15px;}
    .menu_wrap a .menu_tit span em {display: inline-block; font-size: inherit; color: inherit;}
    .menu_wrap a .menu_tit span br {display: none;}
    .menu_wrap a .menu_tit span {font-size: 16px;}

    .prd_info {padding-top: 15px;}
    .prd_info .prd_namebox {gap: 5px;}
    .prd_info .prd_name {font-size: 18px; width: calc(100% - 25px); overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
    .prd_info .prd_price {font-size: 18px;}
    .prd_info .prd_namebox .wish_btn {width: 24px; height: 24px;}
    .prd_info dl {padding: 10px 0;}
    .prd_info .prd_tag span {font-size: 12px; padding: 2px 6px;}
    div[class*="prdSwiper"] .swiper-pagination {margin: 40px 16px 0;  width: calc(100% - 32px);}

    .tab_menu ul {gap: 15px; width: calc(100% - 120px); flex-wrap: wrap; row-gap: 8px;}
    .tab_menu span {font-size: 16px;}

    .main_banner {height: 35vh; min-height: 280px;}
}


/* -------- 650px -------- */
@media screen and (max-width: 650px)  {
    .sec_bt {margin-bottom: 80px;}


    .menu_wrap a {aspect-ratio: 2 / 1.5; padding: 0;}
    .menu_wrap a .menu_tit {width: 100%; justify-content: center; align-items: center; padding: 0 14px; 
        /* height: 65px; */
        background-color: #371e0738; height: 100%;
    }
    .menu_wrap a .menu_tit .btn_more {display: none;}
    .menu_wrap a .menu_tit span {text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, .5); font-size: 18px;}

    section.prd_esg {padding-top: 60px; margin-top: 150px;}
    .esg_box {flex-direction: column; align-items: initial; gap: 20px; position: relative;}
    .esg_box .esg_main {width: 100%; padding: 0; position: absolute; margin-top: 105px;}
    .esg_box .esg_main .main_prd .prd_thumb {aspect-ratio: 2 / 1}
    .esg_box .esgprdSwiper {width: 100%; padding-top: 25px; margin-top: -20px;}
    .tab_menu .tab_txt {padding-top: 15px;}
    .prd_esg .esg_bg {height: 65vh ; background: linear-gradient(to bottom, #E2DAD3 65%, #F5F0EB 35%);}
    .esg_box .esg_main .main_prd .esg_prd_info {width: calc(100% - 40px); top: 20px;}
    .esg_box .esgprdSwiper .prd_info {margin-bottom: 40%;}
    .esg_box .esg_prd_info .name {font-size: 18px;}
    .esg_box .esg_prd_info .price {font-size: 18px;}
    .esg_box .esg_prd_info .cate {font-size: 16px;}
    .esg_box .prd_btnbox {right: 0; top: initial; width: 100%; justify-content: space-between; bottom: 3%; z-index: 10;}
    /* .tab_menu ul {width: calc(100% - 100px);} */
    .tab_menu ul {width: 100%;}
    .tab_menu {padding-bottom: 60%;}

    .main_banner {min-height: initial; aspect-ratio: 3 / 2; width: 100%;}

    .info_wrap ul li {width: 100%;}
    .info_wrap .info_con {flex-direction: column; padding: 20px;}
    .info_wrap .info_con .info_box {padding: 0; width: 100%;}
    .info_wrap .info_con .info_box.account {border-right: none; padding-bottom: 20px;}
    .info_wrap .info_con .info_box:last-child {border-top: 1px solid #ccc; padding-top: 20px; padding-left: 0;}
    .info_wrap .info_box .info_icon {right: 0; bottom: 20px; width: 30px; height: 30px;}
    .info_wrap .info_box.sample .info_icon {right: 0;}
    .info_wrap .info_box .info_txt .tit {font-size: 16px;}
    .info_wrap .info_box .info_txt .acc_num {font-size: 20px;}
    .info_wrap .info_box .info_txt dd {font-size: 20px;}
    .info_wrap .info_box .info_txt span {font-size: 14px;}
    .info_wrap .info_link {padding: 15px 15px 90px; gap: 2px;}
    .info_wrap .info_link .more {left: 15px; bottom: 15px;}
    .info_wrap .info_link .tit_main {font-size: 22px;}

    .main_slide .slide_status {right: initial; left: 50%; transform: translateX(-50%); width: max-content;}
}


/* -------- 450px -------- */
@media screen and (max-width: 450px) {
    /* .menu_wrap a {width: 100%; padding: 55px 35px;} */
    /* .menu_wrap a .menu_tit span {font-size: 18px; word-break: keep-all;} */

    .prd_info .prd_name {font-size: 16px;}
    .prd_info .prd_price {font-size: 16px;}
    .prd_info .prd_namebox .wish_btn {width: 20px; height: 20px;}
}