@charset "utf-8";

html {font-size: 17px;}
body {font-size: 1rem;line-height: 1.6;overflow-x: hidden;}
/* select 공통 */
select {border:1px solid #ccc; padding: 8px 36px 8px 12px;background-color: #fff; background-image: url('data:image/svg+xml;charset=UTF-8,<svg fill="%23666" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>'); background-repeat: no-repeat; background-position: right 3px center; background-size:20px 20px;border-radius:2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }
select option {padding: 8px;}
/* 버튼 공통 설정 */
button {border-radius:2px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
input {border-radius:2px;}

#wrap {position: relative;width: 100%;height: 100%;padding-top:205px;} /* 상단고정바 높이만큼 패딩값 적용 */
#wrap-fixed-bar {position: relative;width: 100%;height:100%;padding:0;padding-top:205px;}

/* 위로가기 버튼 */
.topBtn {display:scroll;position:fixed;bottom:15px;right:20px;z-index:200;}
.topBtn:hover {opacity: 0.7;  /* 마우스를 올렸을 때 버튼의 투명도를 살짝 줄여서 효과를 줌 */}
.topBtn img {width:60px;height:60px;}

/* 헤더 */
header {position: relative;width:100%;border-bottom:1px solid #e1e1e1;}
.top-fixed {position: fixed;top: 0;left: 0;width: 100%;z-index: 900;background: #fff;border-bottom: 1px solid #fff;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);}
.top-fixed.scrolled {border-bottom: 1px solid #e1e1e1;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}
.topmenu-wrap {width:100%;height:42px;border-bottom:1px solid #e1e1e1;}
.topmenu-wrap .topmenu {width:1300px;margin:0 auto;}
.topmenu-wrap .topmenu ul {display:flex;justify-content: flex-end;}
.topmenu-wrap .topmenu ul li {padding:0 8px;line-height:42px;font-size:0.76rem;letter-spacing:-0.5px;color:#666;font-family: "Nanum Gothic", sans-serif;}
.topmenu-wrap .topmenu ul li:last-child {padding:0 0 0 8px;}
.topmenu-wrap .topmenu ul li a {color:#666;}
.m-area {width:1300px;height:100px;margin:0 auto;display:flex;justify-content:space-between;}
.m-area .logobox {width:20%;}
.m-area .logobox a {margin-top:27px;margin-left:5px;width:145px;height:47px;display:block;background: url("../img/logo2.png") no-repeat left top;background-size:contain;cursor: pointer;color: transparent;text-indent: -9999px;}
.m-area .searchbox {width:55%;}
.m-area .rbanbox {width:20%;text-align:right;margin-top:21px;}
.menu {width:1300px;margin:0 auto 20px;}
.menu ul {display:flex;flex-direction: row;}
.menu ul li a {position: relative;display:inline-block;font-size:0.96rem;line-height:1;padding:12px 20px;background-color:#f7f7f7;margin-right:12px;border-radius: 999px;font-weight:bold;}
.menu ul li a:hover {background-color: #faf2f3;}
.menu ul li img {width:18px;height:18px;margin-right:5px;}
.menu ul .right-aligned-item {margin-left: auto;}
.menu ul li:last-child a {margin-right: 0;}
.search-container {border: 2px solid #e60012; border-radius: 999px;/* 완전한 둥근 모서리 */display: flex;align-items: center;padding: 6px 12px 6px 22px;width: 520px;margin:27px auto 0;}
.search-container input[type="text"] {border: none;outline: none;flex: 1;font-size:1rem;color: #000;}
.search-container input::placeholder {color: #8e8f93;font-weight:300;font-size:0.9rem;letter-spacing:-0.5px;}
.search-container button {background: none;border: none;cursor: pointer;padding:2px;}
.search-container button img {width:24px;height:24px;}
.icon-hit {position:absolute;right:-10px;top:-5px;}
.icon-hit img {width:24px !important;height:24px !important;}


/* 숨김처리 */
.mheader-logo {display:none;}
.mheader-search {display:none;}
.mobile-menu-wrapper {display:none;}
.sidenav {display:none;}
.mask {display:none;}
.mtop-fixed {display:none;}
.modal {display:none;}

/* 푸터 */
.mobile-bmenu-wrapper {display:none;}
.bmenu-wrap {width:100%;height:42px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.bmenu-wrap .bmenu {width:1300px;margin:0 auto;display:flex;justify-content: space-between;flex-wrap: nowrap;}
.bmenu-wrap .bmenu .leftarea {width:60%;}
.bmenu-wrap .bmenu .leftarea ul {display:flex;justify-content:row;}
.bmenu-wrap .bmenu .leftarea ul li {padding:0 8px;line-height:42px;font-size:0.76rem;letter-spacing:-0.5px;color:#666;font-family: "Nanum Gothic", sans-serif;}
.bmenu-wrap .bmenu .leftarea ul li:first-child {padding:0 8px 0 0;}
.bmenu-wrap .bmenu .leftarea ul li a {color:#666;}
.bmenu-wrap .bmenu .rightarea {width:30%;}
.bmenu-wrap .bmenu .rightarea ul {display:flex;justify-content: flex-end;}
.bmenu-wrap .bmenu .rightarea ul li {padding:0 8px;line-height:42px;font-size:0.76rem;letter-spacing:-0.5px;color:#666;font-family: "Nanum Gothic", sans-serif;}
.bmenu-wrap .bmenu .rightarea ul li:last-child {padding:0 0 0 8px;}
.bmenu-wrap .bmenu .rightarea ul li a {color:#666;}
.footer-inner {width:1300px;margin:50px auto 0;display:flex;justify-content: space-between;}
.footer-inner .cominfo {width:65%;padding-bottom:50px;display:flex;justify-content:row;}
.footer-inner .cominfo .logobox {width:30%;}
.footer-inner .cominfo .logobox a {width:150px;height:45px;display:block;background: url("../img/logo2.png") no-repeat left top;background-size:contain;cursor: pointer;color: transparent;text-indent: -9999px;}
.footer-inner .cominfo .info {width:70%;}
.footer-inner .cominfo .info li {font-size:0.9rem;}
.footer-inner .n-order {width:30%;text-align:right;}
.footer-inner .n-order button {background:#208b58;color:#fff;letter-spacing:-0.5px;text-align:center;padding:15px 50px;line-height:1;cursor: pointer;}

/* 메인 롤링배너 */
:root {--slide-gap: 10px;}
.slider-wrapper {width: 100%;margin-top:20px;overflow: hidden;position: relative; /* 터치 스크롤 시 깜빡임 방지 (iOS) */ -webkit-overflow-scrolling: touch;}
.slider-track {display: flex;transition: transform 0.5s ease;}
.slide {width:428px;margin-right: var(--slide-gap);flex-shrink: 0;}
.slide img {width: 100%;height: auto; /* 이미지 비율 유지 */border-radius: 6px;display: block;}
.controls {text-align:center;margin: 20px 0;display:flex;justify-content: center;}
.controls button {background:#fff;border:1px solid #e5e5e5;text-align:center;padding:6px 8px;line-height:1;margin: 0 2px;border-radius: 4px;cursor: pointer;}
.arrow img {width:16px;height:16px;}
.pagination {text-align:center;min-width:60px;padding:0 10px;color: #555;line-height:31px;font-size:0.9rem;}
#toggleAutoButton {background-image: url('../img/play.png');background-size:16px 16px;background-repeat:no-repeat;background-position:center;
    text-indent: -9999px;background-color: transparent;border:1px solid #e5e5e5;padding:6px 15px;line-height:1;border-radius: 4px;cursor: pointer;}
#toggleAutoButton.playing {background-image: url('../img/stop.png');}

/* 메인 배너3 */
.ban-area {width:1300px;margin:30px auto 0;display:flex;justify-content: space-between;flex-wrap: nowrap;}
.ban-area .banbox {width:32.8%;}
.ban-area .banbox img {width:100%;object-fit:cover;border-radius:6px;}

/* 상품목록 공통 */
.goods {width:1300px;margin:100px auto 0;}
.goods > .tit {font-size:1.85rem;font-weight:600;letter-spacing:-1px;padding-bottom:40px;text-align:center;}
.goods > .tit span {font-family:'Tahoma', sans-serif; color:red; }
.goods-inner {width:100%;display:flex;justify-content: space-between;flex-wrap: wrap;}
.goods-inner::after {content: ""; /* 가상 요소 생성 */width:23.7%; /* 아이템과 동일한 너비 지정 */}
.goods-inner .gbox {position: relative;width:23.7%;padding:0 0 80px 0;}
.goods-inner .gbox img {width:100%;object-fit:cover;}
.goods-inner .gbox ul {padding-top:20px;}
.goods-inner .gbox ul li.gtit {line-height:1.3;font-weight:700;}
.goods-inner .gbox ul li.gtit strong {font-weight:500;}
.goods-inner .gbox ul li.info {padding-top:5px;font-size:0.76rem;line-height:1.4;letter-spacing:-0.5px;color:#666;font-family: "Nanum Gothic", sans-serif;}
.goods-inner .gbox ul li.costprice {padding-top:15px;font-size:0.9rem;color:#999;text-decoration:line-through;line-height:1;}
.goods-inner .gbox ul li.price {padding-top:5px;font-size:1rem;font-weight:500;line-height:1;}
.goods-inner-100 {width:100%;display:flex;justify-content: space-between;flex-wrap: wrap;}
.goods-inner-100::after {content: ""; /* 가상 요소 생성 */width:23.7%; /* 아이템과 동일한 너비 지정 */}
.goods-inner-100 .gbox {position: relative;width:23.7%;padding:0 0 80px 0;}
.goods-inner-100 .gbox img {width:100%;object-fit:cover;border-radius:30px;}
.goods-inner-100 .gbox ul {padding-top:20px;}
.goods-inner-100 .gbox ul li.gtit {line-height:1.3;font-weight:700;}
.goods-inner-100 .gbox ul li.gtit strong {font-weight:500;}
.goods-inner-100 .gbox ul li.info {padding-top:5px;font-size:0.76rem;line-height:1.4;letter-spacing:-0.5px;color:#666;font-family: "Nanum Gothic", sans-serif;}
.goods-inner-100 .gbox ul li.costprice {padding-top:15px;font-size:0.9rem;color:#999;text-decoration:line-through;line-height:1;}
.goods-inner-100 .gbox ul li.price {padding-top:5px;font-size:1rem;font-weight:500;line-height:1;color:red;}
.btn-best-more {margin:20px auto 0;width:40%;display:block;background:#fff;border:1px solid #e1e1e1;font-weight:400;letter-spacing:-0.5px;text-align:center;padding:25px 0;line-height:1;cursor: pointer;transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-out;}
.btn-best-more:hover {background:#f7f7f7;border:1px solid #e1e1e1;}
.btn-best-more img {width:12px;height:12px;margin:1px 0 0 10px;}
.btn-more {margin:20px auto 0;width:40%;display:block;background:#fff;border:1px solid #e1e1e1;font-weight:400;letter-spacing:-0.5px;text-align:center;padding:25px 0;line-height:1;cursor: pointer;transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-out;}
.btn-more:hover {background:#f7f7f7;border:1px solid #e1e1e1;}
.btn-more img {width:12px;height:12px;margin:1px 0 0 10px;}

/* 제품 나열 방식 수정 */
.prod-flex-start {justify-content:flex-start;gap: 1.72%;}

/* 메인하단 */
.main-footer {width:100%;margin-top:120px;background-color:#f7f7f7;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.main-footer-inner {width:1300px;margin:0 auto;padding:70px 0;display:flex;justify-content: space-between;flex-wrap: wrap;}
.main-footer-inner .notice {position: relative;width:55%;}
.main-footer-inner .notice > .tit {font-size:1.45rem;font-weight:600;letter-spacing:-1px;padding-bottom:12px;}
.main-footer-inner .notice .n-more {position:absolute;right:0;top:6px;background:url('../img/underline.png') repeat-x left bottom;padding:0;font-size:0.9rem;}
.main-footer-inner .notice .row {width:100%;display:flex;justify-content: space-between;flex-wrap: nowrap;}
.main-footer-inner .notice .row > .txt {width:75%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:0.96rem;line-height:1;padding:7px 0;}
.main-footer-inner .notice .row > .txt a {color:#222;}
.main-footer-inner .notice .row > .date {width:20%;font-size:0.9rem;line-height:1;padding:7px 0;text-align:right;}
.main-footer-inner .cs {width:35%;}
.main-footer-inner .cs > .tit {font-size:1.45rem;font-weight:600;letter-spacing:-1px;padding-bottom:12px;}
.main-footer-inner .cs .call {color:#e20403;font-size:1.8rem;font-weight:600;line-height:1;}
.main-footer-inner .cs ul {margin-top:10px;}
.main-footer-inner .cs ul li {font-size:0.9rem;line-height:1.4;}
.main-footer-bank {width:1300px;margin:0 auto;padding:40px 0;display:flex;flex-direction: row;}
.main-footer-bank > .tit {font-size:1.25rem;font-weight:600;letter-spacing:-1px;padding-right:40px;line-height:28px;}
.main-footer-bank .bnum {padding-right:20px;line-height:28px;font-size:1.1rem;font-weight:500;}
.main-footer-bank .bnum img {width:94px;height:26px;margin-right:10px;}
.main-footer-bank .bname {line-height:28px;font-size:1.1rem;font-weight:500;}

/* 페이징 공통 */
.pagination-container {display: flex;justify-content: center;margin-top: 30px;margin-bottom: 30px;}
.pagination {display: flex;gap: 5px; /* 간격 */}
.pagination li {}
.pagination .page-link {display: block;padding:10px 10px;border: 1px solid #e1e1e1;border-radius: 4px;background-color: #fff;transition: all 0.2s ease-in-out;font-size: 0.8rem;letter-spacing:-1px;min-width:40px;text-align: center;line-height:1;}
.pagination .page-link.active {background-color: #555;color: #fff;border-color: #555; cursor: default; /* 활성 페이지는 클릭 안되게 */}
.pagination .page-link.prev,
.pagination .page-link.next {padding: 10px 10px;font-weight: 500;}
.pagination .page-link:not(.active):hover {background-color:#f7f7f7;border-color:#ccc;color:#222;}

/* 서브페이지 공통 */
.sub-page {width:1300px;margin:30px auto 100px;}

/* 현재위치 */
.location {width: 100%;display: flex;flex-direction: row;padding-bottom:10px;}
.location ul {display: flex;gap:3px;}
.location ul li { display: block; font-size: 0.8rem; color: #666;position: relative;padding-right:20px;font-family: "Nanum Gothic", sans-serif;}
.location ul li::after { content: '>'; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); color: #929292;}
.location ul li:last-child::after {content: none;}

/* 서브페이지 텍스트공통 */
.subpage-tit {text-align:center;font-size:1.6rem;font-weight:400;}
.section-title1 { font-size:1.2rem; font-weight:600;margin-top:30px; margin-bottom: 10px; border-bottom: 2px solid black; padding-bottom:10px; }
.section-title2 { font-size:1.2rem; font-weight:600;margin-top:80px;border-bottom: 2px solid black; padding-bottom:10px; }
.description-text1 { font-size: 0.9rem;font-family: "Nanum Gothic", sans-serif;color:#666;margin-bottom:40px;letter-spacing:-0.5px;}
.description-text1 span {color:#e30303;}
.description-text2 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding-top:10px;margin-left:200px;}
.description-text3 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding:15px 0 10px 0;margin-left:200px;}
.description-text3 span {color:#e30303;}

/* 서브페이지 - 회사소개 */
.company-01 {width: 100%;border-bottom: 1.5px solid #FF0000;margin-top: 150px;padding-bottom: 60px;margin-bottom: 100px;}
.company-01 ul li {margin-bottom: 10px;}
.company-02 {margin-bottom: 60px;}
.company-02 ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.company-02 ul li {width: 585px;height: 296px; margin-bottom: 60px;position: relative; border-radius: 20px;}
.company-02 ul li:nth-of-type(1) {background: url(../img/company01.png) no-repeat center center;background-size: contain;}
.company-02 ul li:nth-of-type(2) {background: url(../img/company02.png) no-repeat center center;background-size: contain;}
.company-02 ul li:nth-of-type(3) {background: url(../img/company03.png) no-repeat center center;background-size: contain;}
.company-02 ul li:nth-of-type(4) {background: url(../img/company04.png) no-repeat center center;background-size: contain;}
.company-02 ul li p {color: #fff;font-size: 3rem;font-weight: 700;text-align: center;line-height: 296px;filter: drop-shadow(10px 5px 5px #000);transition: filter .3s;}

/* 서브페이지 - 일본직구가 처음이세요? */
.delivery-wrap {overflow:hidden;}
.br-none{display:none;}
.span-none{display:none;}
.delivery-01 {position: relative; width: 100%; margin:0 auto; margin-top: 40px; margin-bottom: 100px;}
.delivery-main-img {width: 100%; height: 290px; margin:0 auto; margin-bottom: 15px;}
.delivery-main-img img {width: 100%;}
.delivery-01 .delivery-main-desc {
    display: flex;
    position: absolute;
    top: 70px;
    left: calc(50% - 600px);
    width: 1300px;
    height: 140px;
    color: #fff;
}
.delivery-01 .delivery-main-desc .delivery-line {
    width: 12px;
    height: 138px;
    background-color: #fff;
    margin-top: 10px;
    margin-right: 30px;
}
.delivery-01 .delivery-main-desc p {
    margin-top: -2px;
    line-height: 2.2;
}
.delivery-01 .delivery-main-desc p:nth-of-type(1) {
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 5px;
}
.delivery-01 .delivery-main-desc p:nth-of-type(1) span {
    font-weight: 700;
    transition: color 1s .3s, background-color 1s .3s;

}
.delivery-01 .delivery-main-desc p:nth-of-type(1):hover span {
    color: #000;
    background-color: #fff;
    transition: color 1s .3s, background-color 1s .3s;
}
.delivery-01 .delivery-main-desc p:nth-of-type(2) {
    font-size: 0.9rem;
    font-weight: 300;
    opacity: .8;
}
.delivery-01 p:last-child {
    font-weight: 600;
}
.delivery-02 {
    display: flex;
    position: relative;
    justify-content: space-between;
    margin-bottom: 120px;
}
.delivery-02 .delivery-02-left {
    width: calc(100% - 56.72%);
    text-align: center;
    margin-top: 56px;
}
.delivery-02 .delivery-02-left strong {
    display: inline-block;
    position: relative;
    font-size: 1.7rem;
    font-weight: 800;
    z-index: 10;
}
.delivery-02 .delivery-02-left .strong-highlight {
    position: absolute;
    left: calc(50% - 38.5%);
    width: 0px;
    height: 25px;
    margin: -25px auto 0;
    background-color: #b506064b;
    transform: skewX(-15deg);
    transition: width .4s .4s;
}
.delivery-02 .delivery-02-left:hover .strong-highlight {
    width: 255px;
    transition: width .5s;
}
.delivery-02 .delivery-02-left p {
    line-height: 2.2;
    font-weight: 400;
    margin-top: 70px;
    margin-bottom: 75px;
}
.delivery-02 .delivery-02-left a {
    display: block;
    margin: 0 auto;
    width: 80%;
    height: 94px;
    line-height: 94px;
    background-color: #b50606;
    border: 1px solid #ffffff;
    border-radius: 46px;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    transition: background-color .3s, border .3s, color .3s;
}
.delivery-02 .delivery-02-left a:hover {
    background-color: #fff;
    border: 1px solid #b50606;
    color: #b50606;
    transition: background-color .3s, border .3s, color .3s;
}
.delivery-02 .delivery-02-right {
    width: 56.72%;
}
.delivery-02 .delivery-02-right img {
    width: 100%;
}
.delivery-03 {
    margin-bottom: 130px;
}
.delivery-03 table {
    width: 100%;
    height: 300px;
    border-top: 3px solid #b50606;
    border-bottom: 3px solid #b50606;
    text-align: left;
    margin-bottom: 15px;
}
.delivery-03 table tr th {
    font-size: 1.4rem;
    font-weight: 700;
    height: 90px;
    line-height: 90px;
    padding-left: 20px;
}
.delivery-03 table tr td {
    padding-left: 20px;
    background-color: #eee;
    border-top: 1px solid #939393;
    font-size: 1rem;
    font-weight: 500;
}
.delivery-03 p {
    color: #b50606;
    font-weight: 600;
    margin-bottom:50px;
}
.delivery-03 a {
    text-align:center;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 94px;
    line-height: 94px;
    background-color: #b50606;
    border: 1px solid #ffffff;
    border-radius: 46px;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    transition: background-color .3s, border .3s, color .3s;
}
.delivery-03 a:hover {
    background-color: #fff;
    border: 1px solid #b50606;
    color: #b50606;
    transition: background-color .3s, border .3s, color .3s;
}
.delivery-04 {
    position: relative;
    width: 100%;
    margin-bottom: 150px;
}
.delivery-04 .delivery-04-background {
    width: 100%;
    height:500px;
    overflow:hidden;
    margin-bottom:50px;
}
.delivery-04 .delivery-04-background img {
    width: 100%;
    transform:none;
}
.delivery-04 .delivery-04-desc {
    display: flex;
    position: absolute;
    top: 90px;
    left: calc(50% - 40%);
    width: 80%;
    height: 500px;
    justify-content: space-evenly;
}
.delivery-04 .delivery-04-desc .delivery-04-left {
    width: 30%;
    margin-top: 85px;
}
.delivery-04 .delivery-04-desc .delivery-04-left img {
    width:80%;
    transform: scale(1);
    filter: drop-shadow(10px 5px 5px #000);
    transition: transform .3s;
}
.delivery-04 .delivery-04-desc .delivery-04-left:hover img {
    transform: scale(1.1);
    transition: transform .3s;
    cursor: pointer;
}
.delivery-04 .delivery-04-desc .delivery-04-right {
    position:relative;
    width: 70%;
    margin-top: -30px;
}
.delivery-04 .delivery-04-desc .delivery-04-right img {
    width:100%;
    filter: drop-shadow(10px 5px 5px #000);
}
.delivery-04 .delivery-04-desc .delivery-04-right .delivery-04-right-desc {
    position: absolute;
    top: calc(50% - 140px);
    left: calc(50% - 270px);
    font-weight: 500;
}
.delivery-04 .delivery-04-desc .delivery-04-right .delivery-04-right-desc p {
    text-align:left;
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
}
.delivery-04 .delivery-04-desc .delivery-04-right .delivery-04-right-desc ul li {
    font-weight: 500;
    margin-bottom: 13px;
    vertical-align: bottom;
}

.delivery-04 .delivery-04-desc .delivery-04-right .delivery-04-right-desc ul li svg {
    font-size: 2rem;
    margin-right: 10px;
    vertical-align: bottom;
    transition: .2s;
}
.delivery-04 .delivery-04-a {
    text-align:center;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 94px;
    line-height: 94px;
    background-color: #b50606;
    border: 1px solid #ffffff;
    border-radius: 46px;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    transition: background-color .3s, border .3s, color .3s;
}
.delivery-04 .delivery-04-a:hover {
    background-color: #fff;
    border: 1px solid #b50606;
    color: #b50606;
    transition: background-color .3s, border .3s, color .3s;
}

/* 서브페이지 - 일본 국민 위장약 카베진 */
.cabagin_wrap {margin:0 auto;width:100%;}
.cabagin_top {margin:0 auto;width:60%;}
.cabagin_top img {width:100%;}
.cabagin_bottom {margin:0 auto;width:60%;}
.cabagin_bottom a img {width:100%;}
@media (max-width: 479px) {
.cabagin_top {margin:0 auto;width:100%;}
.cabagin_bottom {margin:0 auto;width:100%;}
}

/* 공유하기 창 */
.share-container {position:absolute;right:0;top:-4px;display: inline-block;}
.share-container .btn-share {display:block;width:40px;height:40px;background:#fff url('../img/share.png') no-repeat center center;background-size:24px 24px;color:#222;cursor: pointer;text-indent: -9999px;}
.sns-icons-window {display: none;position: absolute;top: 100%; /* 버튼 바로 아래 */left: -70px;background-color:#fff;border: 1px solid #e1e1e1;border-radius:4px;padding: 12px;box-shadow: 0 4px 8px rgba(0,0,0,0.05);margin-top: 8px;z-index: 1000; /* 아래 display: flex는 .show 클래스에서 제어합니다. */gap: 12px;}
.sns-icons-window.show {display: flex; /* <<-- 중요: 이 클래스가 JS에 의해 추가되면 보여짐 */}
.sns-icon {width: 30px;height: 30px;border-radius: 50%;background-color: #f7f7f7;display: flex;justify-content: center;align-items: center;cursor: pointer;overflow: hidden;}
.sns-icon img {width: 100%;height: auto;}
.sns-icon:hover {opacity: 0.8;}

/***************************************************************************/
/*					                      모바일 (최대 479px)			                             /
/***************************************************************************/
@media (max-width: 479px) {


    html {font-size: 15px;}
    body {font-size: 1rem;line-height: 1.6;}

    /* 사이드 메뉴가 열렸을 때 body 스타일 */
    body.sidenav-open {overflow: hidden;position: fixed;width: 100%;height: 100%;/* body의 높이를 고정 (iOS 스크롤 문제 방지) */}
    a {outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    #wrap {position: relative;width: 100%;height: 100%;padding-top:105px;}
    #wrap-fixed-bar {position: relative;width: 100%;height: auto;padding-bottom:56px;padding-top:105px;}

    /* 버튼 공통 설정 */
    button {-webkit-tap-highlight-color: rgba(0,0,0,0);}

    /* 위로가기 버튼 */
    .topBtn {display: scroll;position: fixed;bottom: 60px;right: 0;z-index: 200;}
    .topBtn:hover {opacity: 0.7;}
    .topBtn img {width: 30px;height: 30px;}

    /* 헤더 */
    header {position: relative;width:100%;border-bottom:1px solid #e0e0e0;}
    .mtop-fixed {display: block;position: fixed;top: 0;left: 0;width: 100%;z-index: 900;background: #fff;transition: box-shadow 0.3s ease-in-out; /* 기존 그림자 transition 유지 */}
    .mtop-fixed::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e3e2e2;opacity: 0;transform-origin: left;}
    .mtop-fixed.scrolled::after {opacity: 1;transform: scaleX(1);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);}

    /* 숨김처리 */
    .top-fixed {display:none;}

    /* 상단메뉴영역 */
    .m-topmenu {width:100%;display:block;height:42px;border-bottom:1px solid #eee;background:#f9f9f9;padding:0 10px;}
    .m-topmenu ul {display:flex;justify-content: flex-end;}
    .m-topmenu ul li {position: relative;padding:0 8px;line-height:42px;font-size:0.82rem;letter-spacing:-0.5px;color:#222;font-family: "Inter", sans-serif;}
    .m-topmenu ul li:last-child {padding:0 0 0 7px;}
    .m-topmenu ul li a {color:#222;white-space: nowrap;}
    .m-topmenu ul li.allmenu {text-indent: -9999px;cursor: pointer;display: flex;align-items: center;-webkit-tap-highlight-color: transparent;/* 모바일 클릭 시 잔상(탭 하이라이트) 제거 */
        -webkit-touch-callout: none;/* iOS에서 길게 눌렀을 때 팝업 메뉴 방지 (선택 사항) */-webkit-user-select: none;/* 텍스트 선택 방지 (선택 사항) */}
    .m-topmenu ul li.allmenu img {width:22px;height: 22px;}
    .m-topmenu ul li:not(:last-child)::after { content: '|'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #ccc; font-size: 0.6rem; }
    .m-topmenu ul li.no-pipe::after {content: none; /* 이 특정 li 뒤의 | 를 숨김 */}
    /* 로고/검색바 */
    .m-topwrap {width:100%;display:block;padding:12px 10px 12px 15px;display: flex;justify-content: space-between;}
    .m-topwrap .m-logobox {width:30%;}
    .m-topwrap .m-logobox a {width:106px;height: 30px;display: block;margin-top:4px;margin-left:3px;background: url("../img/logo2.png") no-repeat left top;background-size: contain;cursor: pointer;color: transparent;text-indent: -9999px;}
    .m-topwrap .m-searchbox {width:64%;height:38px;display:flex;justify-content: flex-end;}
    .m-search-container {width:100%;border: none;background: #fff;border: 2px solid #e60012;border-radius: 999px;display: flex;justify-content: space-between;padding:2px 2px 2px 15px;margin: 0 !important;}
    .m-search-container input {width:80%;border: none;outline: none;font-size: 1.2rem;color: #000;background: #fff;}
    .m-search-container input::placeholder {color: #888;font-weight: 300;font-size:0.96rem;letter-spacing: -0.5px;}
    .m-search-container button {width:20%;background: none;border: none;cursor: pointer;padding: 3px 0 0 2px;}
    .m-search-container button img {width: 20px;height: 20px;}
    /* 메뉴영역 */
    .mobile-menu-wrapper { width: 100%;display:block;padding:0 13px 10px 13px;}
    .mobile-menu-inner {width:100%;display: flex;justify-content: flex-start;gap:1.3%;flex-wrap: wrap;}
    .mobile-menu-inner li {width:24%;display: block;font-size:0.9rem;transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;border: 1px solid #ddd; border-radius: 20px; background-color: #f9f9f9; white-space: nowrap;margin:2px 0;letter-spacing: 0;font-weight:400;line-height:1;padding:10px 0;text-align:center;z-index:10;}
    .mobile-menu-inner li a {position: relative;text-decoration: none; color: inherit;display: block; /* a 태그가 기본적으로 inline이라서 width/height가 안 먹을 수 있으니 block으로 변경 */}
    .mobile-menu-inner li a .icon-hit {position: absolute;top:-12px;right: -5px;z-index: 11;}
    .mobile-menu-inner li a .icon-hit img {width:20px !important;height:20px !important;}
    .mobile-menu-inner li:hover { color: #fff; background-color: #e30303; border-color: #e30303; }
    .mobile-menu-inner li.current-page { color: #fff; font-weight: 500; border-bottom: none; background-color: #e30303; border-color: #e30303; }
    .mobile-menu-inner li:not(.current-page):hover { color: #fff; background-color: #e30303; border-color: #e30303; }

    /* 햄버거메뉴 */
    :root { --sidenav-actual-width: 300px; --sidenav-animation-duration: 0.3s; }
    .sidenav { height: 100%; width: var(--sidenav-actual-width); position: fixed; z-index: 1000; top: 0;right: 0; transform: translateX(var(--sidenav-actual-width)); transition: transform var(--sidenav-animation-duration) ease-out; overflow-y: auto; overflow-x: hidden; display: none; background-color: #fff; }
    .sidenav.open { transform: translateX(0); display: block; }
    .sidenav.closing { transition: none; }
    .mask { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); transition: opacity var(--sidenav-animation-duration) ease-out; opacity: 0; }
    .mask.active { display: block; opacity: 1; }
    .mask.closing { transition: none; }
    .closebtn { position: absolute; top: -5px; right: 15px; font-size: 2.5rem; color: #333; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; background-color: transparent; border: none; }
    .closebtn:hover { color: #333; }
    .closebtn:active, .closebtn:focus { color: #333; background-color: transparent; outline: none; }
    .sidenav-content { width: 100%; padding: 60px 0 0 0; opacity: 1; box-sizing: border-box; }

    /* 햄버거 메뉴창 컨텐츠 */
    .top-buttons1 { width: 100%; display: flex; justify-content: center; }
    .top-buttons1 button { width: 38%; padding: 9px 0; border: none; cursor: pointer; font-size: 0.94rem; font-weight: 500; }
    .top-buttons1 .login-btn { background-color: #e60012; color: white; border-top-left-radius: 5px; border-bottom-left-radius: 5px;border-top-right-radius:0;border-bottom-right-radius:0;}
    .top-buttons1 .signup-btn { background-color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;border-top-left-radius: 0; border-bottom-left-radius: 0;border: 1px solid #ccc; border-left: none; }
    .top-buttons2 { width: 100%; display: flex; justify-content: center; }
    .top-buttons2 button { width: 30%; padding: 9px 0; border: none; cursor: pointer; font-size: 0.94rem; font-weight: 500; }
    .top-buttons2 .my-btn { background-color: #e60012; color: white; border-top-left-radius: 5px; border-bottom-left-radius: 5px;border-top-right-radius:0;border-bottom-right-radius:0;}
    .top-buttons2 .cart-btn { background-color: #fff; border: 1px solid #ccc; border-left: none;border-radius:0;}
    .top-buttons2 .order-btn { background-color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;border-top-left-radius: 0; border-bottom-left-radius: 0; border: 1px solid #ccc; border-left: none; }
    .main-content { width: 100%; display: flex; justify-content: center; }
    .column { width: 50%; margin: 15px 0; border-bottom: 1px solid #dad9d9; }
    .column-left { background-color: #fff; border-right: 1px solid #dad9d9; }
    .column-left >.tit { background-color: #f5f5f5; padding: 12px 0; font-size: 0.9rem; text-align: center; font-weight: 600; border-bottom: 2px solid #333; }
    .column-right { background-color: #fff; }
    .column-right >.tit { background-color: #f5f5f5; padding: 12px 0; font-size: 0.9rem; text-align: center; border-bottom: 2px solid #f5f5f5; }
    .column-title { background-color: #f5f5f5; padding: 12px 0; font-size: 0.9rem; text-align: center; font-weight: 600; border-bottom: 2px solid #333; }
    .column-title2 { background-color: #f5f5f5; padding: 12px 0; font-size: 0.9rem; text-align: center; border-bottom: 2px solid #f5f5f5; }
    .menu-wrap { width: 100%; }
    .menu-wrap ul { width: 100%; padding: 10px 0 0 0; }
    .menu-wrap ul li { width: 100%; padding: 15px 0 15px 15px; font-size: 0.94rem; display: inline-block; line-height: 1; }
    .menu-wrap ul li img { width: 18px; height: 18px; margin: -2px 5px 0 0; }
    .menu-wrap ul li.zzim { font-weight: 600; background: #fff7fb; }
    .bottom-menu { width: 100%; }
    .bottom-menu ul { width: 100%; display: flex; justify-content: space-between; background-color: #f5f5f5; }
    .bottom-menu ul li { width: 50%; padding: 12px 0; font-size: 0.94rem; display: inline-block; text-align: center; border-right: 1px solid #dad9d9; }
    .bottom-menu ul li:last-child { border-right: none; }
    .bottom-menu ul li img { width: 18px; height: 18px; margin: 3px 4px 0 0; }
    .btn-logout-wrap { display: flex; justify-content: flex-end; padding-right: 25px; margin-top: 15px; }
    .btn-logout-wrap button { padding: 8px 25px; border: 1px solid #dad9d9; text-align: center; cursor: pointer; font-size: 0.94rem; font-weight: 500; border-radius: 5px; }

    /* 푸터 */
    .bmenu-wrap { display: none; }
    .mobile-bmenu-wrapper { width: 100%; display: block; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 10px 0; }
    .mobile-bmenu-wrapper ul { width:70%; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; list-style: none; padding: 0; }
    .mobile-bmenu-wrapper ul li { line-height:22px; font-size: 0.82rem; letter-spacing: -0.5px; color: #666;font-family: "Inter", sans-serif;text-align: center; padding: 0 10px; position: relative; cursor:pointer;}
    .mobile-bmenu-wrapper ul li a { color: #666; white-space: nowrap;}
    .mobile-bmenu-wrapper ul li:not(:last-child)::after { content: '|'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #ccc; font-size: 0.6rem; }
    .footer-inner { width: 100%; margin: 20px auto 0; display: flex; flex-direction: column-reverse; }
    .footer-inner .cominfo { width: 100%; padding: 20px 15px 25px 15px; display: flex; justify-content: row; }
    .footer-inner .cominfo .logobox { display: none; }
    .footer-inner .cominfo .info { width: 100%; }
    .footer-inner .cominfo .info li { font-size: 0.8rem; line-height: 1.4; }
    .footer-inner .n-order { width: 100%; text-align: center; padding: 0 15px; }
    .footer-inner .n-order button { width: 100%; background: #208b58; color: #fff; letter-spacing: -0.5px; text-align: center; padding: 15px 50px; line-height: 1; cursor: pointer; }

    /* 메인 롤링배너 */
    .slide { width: 80vw;height:300px;overflow: hidden;}
    .slide img {width: 100%;height: 100%;object-fit: cover;}
    .slider-wrapper { width: 100%; margin-top: 13px; overflow: hidden; position: relative; -webkit-overflow-scrolling: touch; }
    .controls { text-align: center; margin: 10px 0 10px 0; display: flex; justify-content: center; }
    .pagination { text-align: center; min-width: 50px; padding: 0 8px; color: #222; font-weight: 400; line-height: 31px; font-size: 0.9rem; }
    #toggleAutoButton { display: none; }

    /* 메인 배너3 */
    .ban-area { display: none; }

    /* 상품목록 */
    .goods { width: 100%; margin: 30px auto 0; padding: 0 15px; }
    .goods >.tit { font-size: 1.3rem; font-weight: 600; letter-spacing: -0.5px; padding-bottom: 10px; }
    .goods >.tit span { font-family: 'Tahoma', sans-serif;color:red;}
    .goods-inner { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .goods-inner::after { content: ""; width: 31%; }
    .goods-inner .gbox { position: relative; width: 31%; padding: 0 0 40px 0; }
    .goods-inner .gbox img { width: 100%; object-fit: cover; }
    .goods-inner .gbox ul { padding-top: 20px; }
    .goods-inner .gbox ul li.gtit { line-height: 1.2; font-weight:700;}
    .goods-inner .gbox ul li.gtit strong { font-weight: 600; }
    .goods-inner .gbox ul li.info { padding-top: 5px; font-size: 0.7rem; line-height: 1.25; letter-spacing: -0.5px; color: #666; font-family: "Nanum Gothic", sans-serif; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }
    .goods-inner .gbox ul li.costprice { padding-top: 10px; font-size: 0.9rem; color: #969696; text-decoration: line-through; line-height: 1; }
    .goods-inner .gbox ul li.price { padding-top: 2px; font-size: 1rem; font-weight: 600; line-height: 1; }
    .goods-inner-100 { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .goods-inner-100::after { content: ""; width: 31%; }
    .goods-inner-100 .gbox { position: relative; width: 31%; padding: 0 0 40px 0; }
    .goods-inner-100 .gbox img { width: 100%; object-fit: cover;border-radius:15px;}
    .goods-inner-100 .gbox ul { padding-top: 20px; }
    .goods-inner-100 .gbox ul li.gtit { line-height: 1.2; font-weight:700;}
    .goods-inner-100 .gbox ul li.gtit strong { font-weight: 600; }
    .goods-inner-100 .gbox ul li.info { padding-top: 5px; font-size: 0.7rem; line-height: 1.25; letter-spacing: -0.5px; color: #666; font-family: "Nanum Gothic", sans-serif; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }
    .goods-inner-100 .gbox ul li.costprice { padding-top: 10px; font-size: 0.9rem; color: #969696; text-decoration: line-through; line-height: 1; }
    .goods-inner-100 .gbox ul li.price { padding-top: 2px; font-size: 1rem; font-weight: 600; line-height: 1; color:red;}
    .btn-more { margin: 0 auto 20px !important; width:60%; display: block; background: #fff; font-size:0.96rem; border: 1px solid #ccc; font-weight: 400; letter-spacing: -0.5px; text-align: center; padding: 15px 0;line-height: 1;cursor: pointer; transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-out; }
    .btn-more:hover { background: #f5f5f5; border: 1px solid #f5f5f5; }
    .btn-more img { width: 12px; height: 12px; margin: 1px 0 0 10px; }
	
	/* 제품 나열 방식 수정 */
	.prod-flex-start {justify-content:space-between;gap: unset;}

    /* 메인하단 */
    .main-footer { width: 100%; margin-top:40px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
    .main-footer-inner { width: 100%; margin: 0 auto; padding:30px 15px; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .main-footer-inner .notice { position: relative; width: 100%; }
    .main-footer-inner .notice >.tit { font-size: 1.16rem; font-weight: 600; letter-spacing: -0.5px; padding-bottom: 10px; }
    .main-footer-inner .notice .n-more { position: absolute; right: 0; top: 0; background: url('../img/underline.png') repeat-x left bottom; background-size:5px 5px;padding: 0;font-size:0.96rem;}
    .main-footer-inner .notice .row { width: 100%; display: flex; justify-content: space-between; flex-wrap: nowrap; }
    .main-footer-inner .notice .row >.txt { width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.96rem; line-height: 1; padding: 4px 0; }
    .main-footer-inner .notice .row >.txt a { color: #222; }
    .main-footer-inner .notice .row >.date { width: 20%; font-size: 0.9rem; line-height: 1; padding: 4px 0; text-align: right; }
    .main-footer-inner .cs { width: 100%; margin-top: 30px; }
    .main-footer-inner .cs >.tit { font-size: 1.16rem; font-weight: 600; letter-spacing: -0.5px; padding-bottom: 10px; }
    .main-footer-inner .cs .call { color: #e20403; font-size: 1.45rem; font-weight: 600; line-height: 1; }
    .main-footer-inner .cs ul { margin-top: 5px; }
    .main-footer-inner .cs ul li { font-size: 0.9rem; line-height: 1.4; letter-spacing: -0.4px; }
    .main-footer-bank { width: 100%; margin: 0 auto; padding: 20px 15px; display: flex; flex-direction: row; flex-wrap: wrap; }
    .main-footer-bank .tit { width: 100%; font-size: 1rem; font-weight: 500; letter-spacing: -1px; padding-right: 40px; line-height: 28px; padding-bottom: 5px; }
    .main-footer-bank .bnum { padding-right: 8px; line-height: 19px; font-size: 0.9rem; font-weight: 300; }
    .main-footer-bank .bnum img { width: 60px; height: 16px; margin-right: 6px; }
    .main-footer-bank .bname { line-height: 19px; font-size: 0.9rem; font-weight: 300; }

    /* 페이징 공통 */
    .pagination-container {display: flex;justify-content: center;margin-top:10px;margin-bottom:0;padding:15px 0 0 0;}
    .pagination .page-link {display: block;padding:10px 10px;border: 1px solid #ddd;border-radius: 4px;background-color: #fff;transition: all 0.2s ease-in-out; /* 호버 효과를 위한 전환 */
        font-size: 0.76rem;letter-spacing:-0.5px;min-width:34px;text-align: center;line-height:1;}

    /* 서브페이지 공통 */
    .sub-page {position: relative;width:100%;margin:15px auto 30px;padding: 0 15px;}

    /* 현재위치 */
    .location {width: 100%;display: flex;flex-direction: row;padding-bottom:15px;}
    .location ul {display: flex;gap:5px;}/* 3픽셀 만큼 간격 */
    .location ul li { display: block; font-size: 0.86rem; color: #666;position: relative;padding-right:10px;font-family: "Inter", sans-serif;}
    .location ul li::after { content: '>'; position: absolute; right:0; top: 50%; transform: translateY(-50%); color: #929292;}
    .location ul li:last-child::after {content: none;}

    /* 서브페이지 텍스트공통 */
    .subpage-tit {text-align:left;font-size:1.2rem;font-weight:600;}
    .section-title1 { font-size:1.1rem; font-weight:600;margin-top:20px; margin-bottom:10px; border-bottom: 2px solid black; padding-bottom:5px; }
    .section-title2 { font-size:1.1rem; font-weight:600;margin-top:40px;border-bottom: 2px solid black; padding-bottom:5px; }
    .description-text1 { font-size: 0.8rem;margin-bottom:40px;letter-spacing:-0.5px;}
    .description-text1  span {color:#e30303;}
    .description-text2 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding-top:8px;padding-bottom:3px;margin-left:30%;line-height:1.2;}
    .description-text3 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding:15px 0 10px 0;margin-left:0;line-height:1.2;}
    .description-text3  span {color:#e30303;}

    /* 서브페이지 - 회사소개 */
    .company-02 ul {justify-content:space-evenly;}
    .company-02 ul li {width: 100%;height: 200px; margin-bottom: 20px;position: relative; border-radius: 20px;}
    .company-02 ul li p {line-height:200px;font-size:2.2rem;}

    /* 서브페이지 - 일본직구가 처음이세요?*/
    .br-none{display:block;}
    .span-none{display:inline-block;}
    .delivery-01 .delivery-main-desc {width:100%;top:10px;left: calc(50% - 45%);}
    .delivery-main-img {height:42vh; overflow:hidden;}
    .delivery-main-img img {width:300%;transform:scale(2) translateX(-92vw);}
    .delivery-01 .delivery-main-desc .delivery-line {display:none;}
    .delivery-02 {
        display: flex;
        flex-wrap:wrap;
        position: relative;
        justify-content: space-between;
        margin-bottom: 120px;
    }
    .delivery-01 .delivery-main-desc p:nth-of-type(1) span {background-color:#ffffff;color:#000;}
    .delivery-02 .delivery-02-left {margin-top:0;width:100%;}
    .delivery-02 .delivery-02-left .strong-highlight {left:calc(50% - 128px);width:255px;}
    .delivery-02 .delivery-02-left p {margin-top:30px;margin-bottom:40px;}
    .delivery-02 .delivery-02-left a {margin-bottom:80px; width:100%;}
    .delivery-02 .delivery-02-right {width:100%;}
    .delivery-03 table tr th {line-height:unset;}
    .delivery-04 {margin-bottom:unset;}
    .delivery-04 .delivery-04-desc {top:calc(50% - 60%);width:100%;left:calc(50% - 50%);flex-wrap:wrap;align-content:flex-start;}
    .delivery-04 .delivery-04-desc .delivery-04-left {width:100%;text-align:center;height:100px;}
    .delivery-04 .delivery-04-desc .delivery-04-left img {width:20%;}
    .delivery-04 .delivery-04-desc .delivery-04-right {width:100%;margin-top:1vh;position:relative;text-align:center;}
    .delivery-04 .delivery-04-desc .delivery-04-right img {display:none;}
    .delivery-04 .delivery-04-desc .delivery-04-right .delivery-04-right-desc {width:100%;top:-1vh;left:calc(50% - 50%);color:#ffffff;}
    .delivery-04 .delivery-04-desc .delivery-04-right .delivery-04-right-desc svg {display:block;width:100%;margin-bottom:15px;}
    .delivery-04 .delivery-04-desc .delivery-04-right .delivery-04-right-desc p {text-align:center; width:100%;border-bottom:1px solid #ffffff;margin-bottom:4vh;}
    .delivery-04 .delivery-04-background {height:500px;}
    .delivery-04 .delivery-04-background img {width:300%;transform:scale(2.5) translateX(150px);}

    /* 공유하기 창 */
    .share-container {position:absolute;right:0;top:12px;display: inline-block;}
    .share-container .btn-share {display:block;width:40px;height:40px;background:#fff url('../img/share.png') no-repeat center center;background-size:24px 24px;color:#222;cursor: pointer;text-indent: -9999px;}
    .sns-icons-window {display: none;position: absolute;top: 100%; /* 버튼 바로 아래 */left: -144px;background-color:#fff;border: 1px solid #dadada;padding: 12px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);margin-top: 8px;z-index: 1000; /* 아래 display: flex는 .show 클래스에서 제어합니다. */gap: 12px;}
    .sns-icons-window.show {display: flex; /* <<-- 중요: 이 클래스가 JS에 의해 추가되면 보여짐 */}
    .sns-icon {width: 30px;height: 30px;border-radius: 50%;background-color: #f0f0f0;display: flex;justify-content: center;align-items: center;cursor: pointer;overflow: hidden;}
    .sns-icon img {width: 100%;height: auto;}
    .sns-icon:hover {opacity: 0.8;}

}


/***************************************************************************/
/*					             기준 -일반 모바일 (480px ~ 767px)		   	             /
/***************************************************************************/
@media (min-width: 480px) and (max-width: 767px) {

    html {font-size: 15px;}
    body {font-size: 1rem;line-height: 1.6;}

    /* 사이드 메뉴가 열렸을 때 body 스타일 */
    body.sidenav-open {overflow: hidden;position: fixed;width: 100%;height: 100%;/* body의 높이를 고정 (iOS 스크롤 문제 방지) */}
    a {outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    #wrap {position: relative;width: 100%;height: 100%;padding-top:105px;}
    #wrap-fixed-bar {position: relative;width: 100%;height: auto;padding-bottom:56px;padding-top:105px;}

    /* 버튼 공통 설정 */
    button {-webkit-tap-highlight-color: rgba(0,0,0,0);}

    /* 위로가기 버튼 */
    .topBtn {display: scroll;position: fixed;bottom: 60px;right: 0;z-index: 200;}
    .topBtn:hover {opacity: 0.7;}
    .topBtn img {width: 30px;height: 30px;}

    /* 헤더 */
    header {position: relative;width:100%;border-bottom:1px solid #e0e0e0;}
    .mtop-fixed {display: block;position: fixed;top: 0;left: 0;width: 100%;z-index: 900;background: #fff;transition: box-shadow 0.3s ease-in-out; /* 기존 그림자 transition 유지 */}
    .mtop-fixed::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e3e2e2;opacity: 0;transform-origin: left;}
    .mtop-fixed.scrolled::after {opacity: 1;transform: scaleX(1);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);}

    /* 숨김처리 */
    .top-fixed {display:none;}

    /* 상단메뉴영역 */
    .m-topmenu {width:100%;display:block;height:42px;border-bottom:1px solid #eee;background:#f9f9f9;padding:0 10px;}
    .m-topmenu ul {display:flex;justify-content: flex-end;}
    .m-topmenu ul li {position: relative;padding:0 8px;line-height:42px;font-size:0.82rem;letter-spacing:-0.5px;color:#222;font-family: "Inter", sans-serif;}
    .m-topmenu ul li:last-child {padding:0 0 0 7px;}
    .m-topmenu ul li a {color:#222;white-space: nowrap;}
    .m-topmenu ul li.allmenu {text-indent: -9999px;cursor: pointer;display: flex;align-items: center;-webkit-tap-highlight-color: transparent;/* 모바일 클릭 시 잔상(탭 하이라이트) 제거 */
        -webkit-touch-callout: none;/* iOS에서 길게 눌렀을 때 팝업 메뉴 방지 (선택 사항) */-webkit-user-select: none;/* 텍스트 선택 방지 (선택 사항) */}
    .m-topmenu ul li.allmenu img {width:22px;height: 22px;}
    .m-topmenu ul li:not(:last-child)::after { content: '|'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #ccc; font-size: 0.6rem; }
    .m-topmenu ul li.no-pipe::after {content: none; /* 이 특정 li 뒤의 | 를 숨김 */}
    /* 로고/검색바 */
    .m-topwrap {width:100%;display:block;padding:12px 10px 12px 15px;display: flex;justify-content: space-between;}
    .m-topwrap .m-logobox {width:30%;}
    .m-topwrap .m-logobox a {width:115px;height: 35px;display: block;margin-top:2px;margin-left:3px;background: url("../img/logo2.png") no-repeat left top;background-size: contain;cursor: pointer;color: transparent;text-indent: -9999px;}
    .m-topwrap .m-searchbox {width:64%;height:38px;display:flex;justify-content: flex-end;}
    .m-search-container {width:100%;border: none;background: #fff;border: 2px solid #e60012;border-radius: 999px;display: flex;justify-content: space-between;padding:2px 2px 2px 15px;margin: 0 !important;}
    .m-search-container input {width:80%;border: none;outline: none;font-size: 1.2rem;color: #000;background: #fff;}
    .m-search-container input::placeholder {color: #888;font-weight: 300;font-size:0.96rem;letter-spacing: -0.5px;}
    .m-search-container button {width:20%;background: none;border: none;cursor: pointer;padding: 3px 0 0 2px;}
    .m-search-container button img {width: 20px;height: 20px;}
    /* 메뉴영역 */
    .mobile-menu-wrapper { width: 100%;display:block;padding:0 13px 10px 13px;}
    .mobile-menu-inner {width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .mobile-menu-inner li {width:24%;display: block;font-size:0.9rem;transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;border: 1px solid #ddd; border-radius: 20px; background-color: #f9f9f9; white-space: nowrap;margin:2px 0;letter-spacing: 0;font-weight:400;line-height:1;padding:10px 0;text-align:center;z-index:10;}
    .mobile-menu-inner li a {position: relative;text-decoration: none; color: inherit;display: block; /* a 태그가 기본적으로 inline이라서 width/height가 안 먹을 수 있으니 block으로 변경 */}
    .mobile-menu-inner li a .icon-hit {position: absolute;top:-12px;right: -5px;z-index: 11;}
    .mobile-menu-inner li a .icon-hit img {width:20px !important;height:20px !important;}
    .mobile-menu-inner li:hover { color: #fff; background-color: #e30303; border-color: #e30303; }
    .mobile-menu-inner li.current-page { color: #fff; font-weight: 500; border-bottom: none; background-color: #e30303; border-color: #e30303; }
    .mobile-menu-inner li:not(.current-page):hover { color: #fff; background-color: #e30303; border-color: #e30303; }

    /* 햄버거메뉴 */
    :root { --sidenav-actual-width: 300px; --sidenav-animation-duration: 0.3s; }
    .sidenav { height: 100%; width: var(--sidenav-actual-width); position: fixed; z-index: 1000; top: 0;right: 0; transform: translateX(var(--sidenav-actual-width)); transition: transform var(--sidenav-animation-duration) ease-out; overflow-y: auto; overflow-x: hidden; display: none; background-color: #fff; }
    .sidenav.open { transform: translateX(0); display: block; }
    .sidenav.closing { transition: none; }
    .mask { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); transition: opacity var(--sidenav-animation-duration) ease-out; opacity: 0; }
    .mask.active { display: block; opacity: 1; }
    .mask.closing { transition: none; }
    .closebtn { position: absolute; top: -5px; right: 15px; font-size: 2.5rem; color: #333; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; background-color: transparent; border: none; }
    .closebtn:hover { color: #333; }
    .closebtn:active, .closebtn:focus { color: #333; background-color: transparent; outline: none; }
    .sidenav-content { width: 100%; padding: 60px 0 0 0; opacity: 1; box-sizing: border-box; }

    /* 햄버거 메뉴창 컨텐츠 */
    .top-buttons1 { width: 100%; display: flex; justify-content: center; }
    .top-buttons1 button { width: 38%; padding: 9px 0; border: none; cursor: pointer; font-size: 0.94rem; font-weight: 500; }
    .top-buttons1 .login-btn { background-color: #e60012; color: white; border-top-left-radius: 5px; border-bottom-left-radius: 5px;border-top-right-radius:0;border-bottom-right-radius:0;}
    .top-buttons1 .signup-btn { background-color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;border-top-left-radius: 0; border-bottom-left-radius: 0;border: 1px solid #ccc; border-left: none; }
    .top-buttons2 { width: 100%; display: flex; justify-content: center; }
    .top-buttons2 button { width: 30%; padding: 9px 0; border: none; cursor: pointer; font-size: 0.94rem; font-weight: 500; }
    .top-buttons2 .my-btn { background-color: #e60012; color: white; border-top-left-radius: 5px; border-bottom-left-radius: 5px;border-top-right-radius:0;border-bottom-right-radius:0;}
    .top-buttons2 .cart-btn { background-color: #fff; border: 1px solid #ccc; border-left: none;border-radius:0;}
    .top-buttons2 .order-btn { background-color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;border-top-left-radius: 0; border-bottom-left-radius: 0; border: 1px solid #ccc; border-left: none; }
    .main-content { width: 100%; display: flex; justify-content: center; }
    .column { width: 50%; margin: 15px 0; border-bottom: 1px solid #dad9d9; }
    .column-left { background-color: #fff; border-right: 1px solid #dad9d9; }
    .column-left >.tit { background-color: #f5f5f5; padding: 12px 0; font-size: 0.9rem; text-align: center; font-weight: 600; border-bottom: 2px solid #333; }
    .column-right { background-color: #fff; }
    .column-right >.tit { background-color: #f5f5f5; padding: 12px 0; font-size: 0.9rem; text-align: center; border-bottom: 2px solid #f5f5f5; }
    .column-title { background-color: #f5f5f5; padding: 12px 0; font-size: 0.9rem; text-align: center; font-weight: 600; border-bottom: 2px solid #333; }
    .column-title2 { background-color: #f5f5f5; padding: 12px 0; font-size: 0.9rem; text-align: center; border-bottom: 2px solid #f5f5f5; }
    .menu-wrap { width: 100%; }
    .menu-wrap ul { width: 100%; padding: 10px 0 0 0; }
    .menu-wrap ul li { width: 100%; padding: 15px 0 15px 15px; font-size: 0.94rem; display: inline-block; line-height: 1; }
    .menu-wrap ul li img { width: 18px; height: 18px; margin: -2px 5px 0 0; }
    .menu-wrap ul li.zzim { font-weight: 600; background: #fff7fb; }
    .bottom-menu { width: 100%; }
    .bottom-menu ul { width: 100%; display: flex; justify-content: space-between; background-color: #f5f5f5; }
    .bottom-menu ul li { width: 50%; padding: 12px 0; font-size: 0.94rem; display: inline-block; text-align: center; border-right: 1px solid #dad9d9; }
    .bottom-menu ul li:last-child { border-right: none; }
    .bottom-menu ul li img { width: 18px; height: 18px; margin: 3px 4px 0 0; }
    .btn-logout-wrap { display: flex; justify-content: flex-end; padding-right: 25px; margin-top: 15px; }
    .btn-logout-wrap button { padding: 8px 25px; border: 1px solid #dad9d9; text-align: center; cursor: pointer; font-size: 0.94rem; font-weight: 500; border-radius: 5px; }

    /* 푸터 */
    .bmenu-wrap { display: none; }
    .mobile-bmenu-wrapper { width: 100%; display: block; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 10px 0; }
    .mobile-bmenu-wrapper ul { width:70%; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; list-style: none; padding: 0; }
    .mobile-bmenu-wrapper ul li { line-height:22px; font-size: 0.82rem; letter-spacing: -0.5px; color: #666;font-family: "Inter", sans-serif;text-align: center; padding: 0 10px; position: relative; cursor:pointer;}
    .mobile-bmenu-wrapper ul li a { color: #666; white-space: nowrap;}
    .mobile-bmenu-wrapper ul li:not(:last-child)::after { content: '|'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #ccc; font-size: 0.6rem; }
    .footer-inner { width: 100%; margin: 20px auto 0; display: flex; flex-direction: column-reverse; }
    .footer-inner .cominfo { width: 100%; padding: 20px 15px 25px 15px; display: flex; justify-content: row; }
    .footer-inner .cominfo .logobox { display: none; }
    .footer-inner .cominfo .info { width: 100%; }
    .footer-inner .cominfo .info li { font-size: 0.8rem; line-height: 1.4; }
    .footer-inner .n-order { width: 100%; text-align: center; padding: 0 15px; }
    .footer-inner .n-order button { width: 100%; background: #208b58; color: #fff; letter-spacing: -0.5px; text-align: center; padding: 15px 50px; line-height: 1; cursor: pointer; }

	/* 메인 모달 팝업 - join2 */
	.join2_wrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1000;}
	.join2_wrap > div {margin: 0 auto;padding: 30px 0; width: 590px;text-align: center;border: 8px solid; background-color: #fff; }
	.join2_wrap div .img_box {margin: 0 auto; width: 173px; margin-bottom: 17px;}
	.join2_wrap div .img_box img {width: 100%;}
	.join2_wrap div .desc p {line-height: 1.6;font-size: 32px;font-weight: 700;}
	.join2_wrap div .desc p.tit {font-size: 43px;font-weight: 800;margin-bottom: 65px;}
	.join2_wrap div .desc p:nth-of-type(2) {margin-bottom: 70px;}
	.join2_wrap a {display: block; width: 173px;margin: 0 auto;text-align: center;padding: 6px 60px;background-color: #000;color: #fff;font-size: 27px;font-weight: 700;}

    /* 메인 롤링배너 */
    .slide { width: 80vw;height:300px;overflow: hidden;}
    .slide img {width: 100%;height: 100%;object-fit: cover;}
    .slider-wrapper { width: 100%; margin-top: 13px; overflow: hidden; position: relative; -webkit-overflow-scrolling: touch; }
    .controls { text-align: center; margin: 10px 0 10px 0; display: flex; justify-content: center; }
    .pagination { text-align: center; min-width: 50px; padding: 0 8px; color: #222; font-weight: 400; line-height: 31px; font-size: 0.9rem; }
    #toggleAutoButton { display: none; }

    /* 메인 배너3 */
    .ban-area { display: none; }

    /* 상품목록 */
    .goods { width: 100%; margin: 30px auto 0; padding: 0 15px; }
    .goods >.tit { font-size: 1.3rem; font-weight: 600; letter-spacing: -0.5px; padding-bottom: 10px; }
    .goods >.tit span { font-family: 'Tahoma', sans-serif; color:red; }
    .goods-inner { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .goods-inner::after { content: ""; width: 31%; }
    .goods-inner .gbox { position: relative; width: 31%; padding: 0 0 40px 0; }
    .goods-inner .gbox img { width: 100%; object-fit: cover; }
    .goods-inner .gbox ul { padding-top: 20px; }
    .goods-inner .gbox ul li.gtit { line-height: 1.2; font-weight:700;}
    .goods-inner .gbox ul li.gtit strong { font-weight: 600; }
    .goods-inner .gbox ul li.info { padding-top: 5px; font-size: 0.7rem; line-height: 1.25; letter-spacing: -0.5px; color: #666; font-family: "Nanum Gothic", sans-serif; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }
    .goods-inner .gbox ul li.costprice { padding-top: 10px; font-size: 0.9rem; color: #969696; text-decoration: line-through; line-height: 1; }
    .goods-inner .gbox ul li.price { padding-top: 2px; font-size: 1rem; font-weight: 600; line-height: 1; }
    .goods-inner-100 { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .goods-inner-100::after { content: ""; width: 31%; }
    .goods-inner-100 .gbox { position: relative; width: 31%; padding: 0 0 40px 0; }
    .goods-inner-100 .gbox img { width: 100%; object-fit: cover;border-radius:15px;}
    .goods-inner-100 .gbox ul { padding-top: 20px; }
    .goods-inner-100 .gbox ul li.gtit { line-height: 1.2; font-weight:700;}
    .goods-inner-100 .gbox ul li.gtit strong { font-weight: 600; }
    .goods-inner-100 .gbox ul li.info { padding-top: 5px; font-size: 0.7rem; line-height: 1.25; letter-spacing: -0.5px; color: #666; font-family: "Nanum Gothic", sans-serif; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }
    .goods-inner-100 .gbox ul li.costprice { padding-top: 10px; font-size: 0.9rem; color: #969696; text-decoration: line-through; line-height: 1; }
    .goods-inner-100 .gbox ul li.price { padding-top: 2px; font-size: 1rem; font-weight: 600; line-height: 1; color:red;}
    .btn-more { margin: 0 auto 20px !important; width:60%; display: block; background: #fff; font-size:0.96rem; border: 1px solid #ccc; font-weight: 400; letter-spacing: -0.5px; text-align: center; padding: 15px 0;line-height: 1;cursor: pointer; transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-out; }
    .btn-more:hover { background: #f5f5f5; border: 1px solid #f5f5f5; }
    .btn-more img { width: 12px; height: 12px; margin: 1px 0 0 10px; }
	
	/* 제품 나열 방식 수정 */
	.prod-flex-start {justify-content:flex-start;gap: 3.4%;}

    /* 메인하단 */
    .main-footer { width: 100%; margin-top:40px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
    .main-footer-inner { width: 100%; margin: 0 auto; padding:30px 15px; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .main-footer-inner .notice { position: relative; width: 100%; }
    .main-footer-inner .notice >.tit { font-size: 1.16rem; font-weight: 600; letter-spacing: -0.5px; padding-bottom: 10px; }
    .main-footer-inner .notice .n-more { position: absolute; right: 0; top: 0; background: url('../img/underline.png') repeat-x left bottom; background-size:5px 5px;padding: 0;font-size:0.96rem;}
    .main-footer-inner .notice .row { width: 100%; display: flex; justify-content: space-between; flex-wrap: nowrap; }
    .main-footer-inner .notice .row >.txt { width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.96rem; line-height: 1; padding: 4px 0; }
    .main-footer-inner .notice .row >.txt a { color: #222; }
    .main-footer-inner .notice .row >.date { width: 20%; font-size: 0.9rem; line-height: 1; padding: 4px 0; text-align: right; }
    .main-footer-inner .cs { width: 100%; margin-top: 30px; }
    .main-footer-inner .cs >.tit { font-size: 1.16rem; font-weight: 600; letter-spacing: -0.5px; padding-bottom: 10px; }
    .main-footer-inner .cs .call { color: #e20403; font-size: 1.45rem; font-weight: 600; line-height: 1; }
    .main-footer-inner .cs ul { margin-top: 5px; }
    .main-footer-inner .cs ul li { font-size: 0.9rem; line-height: 1.4; letter-spacing: -0.4px; }
    .main-footer-bank { width: 100%; margin: 0 auto; padding: 20px 15px; display: flex; flex-direction: row; flex-wrap: wrap; }
    .main-footer-bank .tit { width: 100%; font-size: 1rem; font-weight: 500; letter-spacing: -1px; padding-right: 40px; line-height: 28px; padding-bottom: 5px; }
    .main-footer-bank .bnum { padding-right: 8px; line-height: 19px; font-size: 0.9rem; font-weight: 300; }
    .main-footer-bank .bnum img { width: 60px; height: 16px; margin-right: 6px; }
    .main-footer-bank .bname { line-height: 19px; font-size: 0.9rem; font-weight: 300; }

    /* 페이징 공통 */
    .pagination-container {display: flex;justify-content: center;margin-top:10px;margin-bottom:0;padding:15px 0 0 0;}
    .pagination .page-link {display: block;padding:10px 10px;border: 1px solid #ddd;border-radius: 4px;background-color: #fff;transition: all 0.2s ease-in-out; /* 호버 효과를 위한 전환 */
        font-size: 0.76rem;letter-spacing:-0.5px;min-width:34px;text-align: center;line-height:1;}

    /* 서브페이지 공통 */
    .sub-page {position: relative;width:100%;margin:15px auto 30px;padding: 0 15px;}

    /* 현재위치 */
    .location {width: 100%;display: flex;flex-direction: row;padding-bottom:15px;}
    .location ul {display: flex;gap:5px;}/* 3픽셀 만큼 간격 */
    .location ul li { display: block; font-size: 0.86rem; color: #666;position: relative;padding-right:10px;font-family: "Inter", sans-serif;}
    .location ul li::after { content: '>'; position: absolute; right:0; top: 50%; transform: translateY(-50%); color: #929292;}
    .location ul li:last-child::after {content: none;}

    /* 서브페이지 텍스트공통 */
    .subpage-tit {text-align:left;font-size:1.2rem;font-weight:600;}
    .section-title1 { font-size:1.1rem; font-weight:600;margin-top:20px; margin-bottom:10px; border-bottom: 2px solid black; padding-bottom:5px; }
    .section-title2 { font-size:1.1rem; font-weight:600;margin-top:40px;border-bottom: 2px solid black; padding-bottom:5px; }
    .description-text1 { font-size: 0.8rem;margin-bottom:40px;letter-spacing:-0.5px;}
    .description-text1  span {color:#e30303;}
    .description-text2 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding-top:10px;margin-left:30%;line-height:1.2;}
    .description-text3 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding:15px 0 10px 0;margin-left:0;line-height:1.2;}
    .description-text3  span {color:#e30303;}

    /* 서브페이지 - 회사소개 */
    .company-02 ul {justify-content:space-evenly;}
    .company-02 ul li {width: 100%;height:255px; margin-bottom: 20px;position: relative; border-radius: 20px;}
    .company-02 ul li p {line-height:255px;}

    /* 서브페이지 - 일본직구가 처음이세요?*/
    .delivery-01 .delivery-main-desc {top:calc(50% - 90px);left: calc(50% - 45%);}
    .delivery-main-img {height:400px; overflow:hidden;}
    .delivery-main-img img {width:200%;transform:scale(2) translateX(-200px);}
    .delivery-01 .delivery-main-desc .delivery-line {margin-top:unset;}
    .delivery-02 {
        display: flex;
        flex-wrap:wrap;
        position: relative;
        justify-content: space-between;
        margin-bottom: 120px;
    }
    .delivery-02 .delivery-02-left {margin-top:0;width:100%;}
    .delivery-02 .delivery-02-left .strong-highlight {left:calc(50% - 128px);}
    .delivery-02 .delivery-02-left p {margin-top:30px;margin-bottom:40px;}
    .delivery-02 .delivery-02-left a {margin-bottom:80px; width:60%;}
    .delivery-02 .delivery-02-right {width:100%;}
    .delivery-04 {margin-bottom:unset;}
    .delivery-04 .delivery-04-desc {top:2vh;width:100%;left:calc(50% - 50%);}
    .delivery-04 .delivery-04-desc .delivery-04-left {width:20%;}
    .delivery-04 .delivery-04-desc .delivery-04-left img {width:100%;}
    .delivery-04 .delivery-04-desc .delivery-04-right {width:65%;margin-top:1vh;position:relative;}
    .delivery-04 .delivery-04-desc .delivery-04-right .delivery-04-right-desc {top:7.5vh;left:calc(50% - 27vw);}
    .delivery-04 .delivery-04-desc .delivery-04-right .delivery-04-right-desc p {text-align:center; width:100%;}
    .delivery-04 .delivery-04-background {height:360px;}
    .delivery-04 .delivery-04-background img {transform:scale(2.5) translateX(210px);}

    /* 공유하기 창 */
    .share-container {position:absolute;right:0;top:-7px;display: inline-block;}
    .share-container .btn-share {display:block;width:40px;height:40px;background:#fff url('../img/share.png') no-repeat center center;background-size:24px 24px;color:#222;cursor: pointer;text-indent: -9999px;}
    .sns-icons-window {display: none;position: absolute;top: 100%; /* 버튼 바로 아래 */left: -144px;background-color:#fff;border: 1px solid #dadada;padding: 12px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);margin-top: 8px;z-index: 1000; /* 아래 display: flex는 .show 클래스에서 제어합니다. */gap: 12px;}
    .sns-icons-window.show {display: flex; /* <<-- 중요: 이 클래스가 JS에 의해 추가되면 보여짐 */}
    .sns-icon {width: 30px;height: 30px;border-radius: 50%;background-color: #f0f0f0;display: flex;justify-content: center;align-items: center;cursor: pointer;overflow: hidden;}
    .sns-icon img {width: 100%;height: auto;}
    .sns-icon:hover {opacity: 0.8;}

}


/***************************************************************************/
/*					             기준-태블릿 (768px ~ 1023px)		   	                     /
/***************************************************************************/
@media (min-width: 768px) and (max-width: 1023px) {

    html {font-size: 15px;}
    body {font-size: 1rem;line-height: 1.6;}

    /* 사이드 메뉴가 열렸을 때 body 스타일 */
    body.sidenav-open {overflow: hidden;position: fixed;width: 100%;height: 100%;/* body의 높이를 고정 (iOS 스크롤 문제 방지) */}
    a {outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    #wrap {position: relative;width: 100%;height: 100%;padding-top:105px;}
    #wrap-fixed-bar {position: relative;width: 100%;height: auto;padding-bottom:56px;padding-top:105px;}

    /* 버튼 공통 설정 */
    button {-webkit-tap-highlight-color: rgba(0,0,0,0);}

    /* 위로가기 버튼 */
    .topBtn {display: scroll;position: fixed;bottom: 60px;right: 0;z-index: 200;}
    .topBtn:hover {opacity: 0.7;}
    .topBtn img {width: 30px;height: 30px;}

    /* 헤더 */
    header {position: relative;width:100%;border-bottom:1px solid #e0e0e0;}
    .mtop-fixed {display: block;position: fixed;top: 0;left: 0;width: 100%;z-index: 900;background: #fff;transition: box-shadow 0.3s ease-in-out; /* 기존 그림자 transition 유지 */}
    .mtop-fixed::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e3e2e2;opacity: 0;transform-origin: left;}
    .mtop-fixed.scrolled::after {opacity: 1;transform: scaleX(1);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);}

    /* 숨김처리 */
    .top-fixed {display:none;}

    /* 상단메뉴영역 */
    .m-topmenu {width:100%;display:block;height:42px;border-bottom:1px solid #eee;background:#f9f9f9;padding:0 10px;}
    .m-topmenu ul {display:flex;justify-content: flex-end;}
    .m-topmenu ul li {position: relative;padding:0 8px;line-height:42px;font-size:0.82rem;letter-spacing:-0.5px;color:#222;font-family: "Inter", sans-serif;}
    .m-topmenu ul li:last-child {padding:0 0 0 7px;}
    .m-topmenu ul li a {color:#222;white-space: nowrap;}
    .m-topmenu ul li.allmenu {text-indent: -9999px;cursor: pointer;display: flex;align-items: center;-webkit-tap-highlight-color: transparent;/* 모바일 클릭 시 잔상(탭 하이라이트) 제거 */
        -webkit-touch-callout: none;/* iOS에서 길게 눌렀을 때 팝업 메뉴 방지 (선택 사항) */-webkit-user-select: none;/* 텍스트 선택 방지 (선택 사항) */}
    .m-topmenu ul li.allmenu img {width:22px;height: 22px;}
    .m-topmenu ul li:not(:last-child)::after { content: '|'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #ccc; font-size: 0.6rem; }
    .m-topmenu ul li.no-pipe::after {content: none; /* 이 특정 li 뒤의 | 를 숨김 */}
    /* 로고/검색바 */
    .m-topwrap {width:100%;display:block;padding:12px 10px 12px 15px;display: flex;justify-content: space-between;}
    .m-topwrap .m-logobox {width:30%;}
    .m-topwrap .m-logobox a {width:117px;height: 36px;display: block;margin-top:2px;margin-left:3px;background: url("../img/logo2.png") no-repeat left top;background-size: contain;cursor: pointer;color: transparent;text-indent: -9999px;}
    .m-topwrap .m-searchbox {width:64%;height:38px;display:flex;justify-content: flex-end;}
    .m-search-container {width:100%;border: none;background: #fff;border: 2px solid #e60012;border-radius: 999px;display: flex;justify-content: space-between;padding:2px 2px 2px 15px;margin: 0 !important;}
    .m-search-container input {width:80%;border: none;outline: none;font-size: 1.2rem;color: #000;background: #fff;}
    .m-search-container input::placeholder {color: #888;font-weight: 300;font-size:0.96rem;letter-spacing: -0.5px;}
    .m-search-container button {width:20%;background: none;border: none;cursor: pointer;padding: 3px 0 0 2px;}
    .m-search-container button img {width: 20px;height: 20px;}
    /* 메뉴영역 */
    .mobile-menu-wrapper { width: 100%;display:block;padding:0 13px 10px 13px;}
    .mobile-menu-inner {width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .mobile-menu-inner li {width:24%;display: block;font-size:0.9rem;transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;border: 1px solid #ddd; border-radius: 20px; background-color: #f9f9f9; white-space: nowrap;margin:2px 0;letter-spacing: 0;font-weight:400;line-height:1;padding:10px 0;text-align:center;z-index:10;}
    .mobile-menu-inner li a {position: relative;text-decoration: none; color: inherit;display: block; /* a 태그가 기본적으로 inline이라서 width/height가 안 먹을 수 있으니 block으로 변경 */}
    .mobile-menu-inner li a .icon-hit {position: absolute;top:-12px;right: -5px;z-index: 11;}
    .mobile-menu-inner li a .icon-hit img {width:20px !important;height:20px !important;}
    .mobile-menu-inner li:hover { color: #fff; background-color: #e30303; border-color: #e30303; }
    .mobile-menu-inner li.current-page { color: #fff; font-weight: 500; border-bottom: none; background-color: #e30303; border-color: #e30303; }
    .mobile-menu-inner li:not(.current-page):hover { color: #fff; background-color: #e30303; border-color: #e30303; }

    /* 햄버거메뉴 */
    :root { --sidenav-actual-width: 300px; --sidenav-animation-duration: 0.3s; }
    .sidenav { height: 100%; width: var(--sidenav-actual-width); position: fixed; z-index: 1000; top: 0;right: 0; transform: translateX(var(--sidenav-actual-width)); transition: transform var(--sidenav-animation-duration) ease-out; overflow-y: auto; overflow-x: hidden; display: none; background-color: #fff; }
    .sidenav.open { transform: translateX(0); display: block; }
    .sidenav.closing { transition: none; }
    .mask { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); transition: opacity var(--sidenav-animation-duration) ease-out; opacity: 0; }
    .mask.active { display: block; opacity: 1; }
    .mask.closing { transition: none; }
    .closebtn { position: absolute; top: -5px; right: 15px; font-size: 2.5rem; color: #333; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; background-color: transparent; border: none; }
    .closebtn:hover { color: #333; }
    .closebtn:active, .closebtn:focus { color: #333; background-color: transparent; outline: none; }
    .sidenav-content { width: 100%; padding: 60px 0 0 0; opacity: 1; box-sizing: border-box; }

    /* 햄버거 메뉴창 컨텐츠 */
    .top-buttons1 { width: 100%; display: flex; justify-content: center; }
    .top-buttons1 button { width: 38%; padding: 9px 0; border: none; cursor: pointer; font-size: 0.94rem; font-weight: 500; }
    .top-buttons1 .login-btn { background-color: #e60012; color: white; border-top-left-radius: 5px; border-bottom-left-radius: 5px;border-top-right-radius:0;border-bottom-right-radius:0;}
    .top-buttons1 .signup-btn { background-color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;border-top-left-radius: 0; border-bottom-left-radius: 0;border: 1px solid #ccc; border-left: none; }
    .top-buttons2 { width: 100%; display: flex; justify-content: center; }
    .top-buttons2 button { width: 30%; padding: 9px 0; border: none; cursor: pointer; font-size: 0.94rem; font-weight: 500; }
    .top-buttons2 .my-btn { background-color: #e60012; color: white; border-top-left-radius: 5px; border-bottom-left-radius: 5px;border-top-right-radius:0;border-bottom-right-radius:0;}
    .top-buttons2 .cart-btn { background-color: #fff; border: 1px solid #ccc; border-left: none;border-radius:0;}
    .top-buttons2 .order-btn { background-color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;border-top-left-radius: 0; border-bottom-left-radius: 0; border: 1px solid #ccc; border-left: none; }
    .main-content { width: 100%; display: flex; justify-content: center; }
    .column { width: 50%; margin: 15px 0; border-bottom: 1px solid #dad9d9; }
    .column-left { background-color: #fff; border-right: 1px solid #dad9d9; }
    .column-left >.tit { background-color: #f5f5f5; padding: 12px 0; font-size: 0.9rem; text-align: center; font-weight: 600; border-bottom: 2px solid #333; }
    .column-right { background-color: #fff; }
    .column-right >.tit { background-color: #f5f5f5; padding: 12px 0; font-size: 0.9rem; text-align: center; border-bottom: 2px solid #f5f5f5; }
    .column-title { background-color: #f5f5f5; padding: 12px 0; font-size: 0.9rem; text-align: center; font-weight: 600; border-bottom: 2px solid #333; }
    .column-title2 { background-color: #f5f5f5; padding: 12px 0; font-size: 0.9rem; text-align: center; border-bottom: 2px solid #f5f5f5; }
    .menu-wrap { width: 100%; }
    .menu-wrap ul { width: 100%; padding: 10px 0 0 0; }
    .menu-wrap ul li { width: 100%; padding: 15px 0 15px 15px; font-size: 0.94rem; display: inline-block; line-height: 1; }
    .menu-wrap ul li img { width: 18px; height: 18px; margin: -2px 5px 0 0; }
    .menu-wrap ul li.zzim { font-weight: 600; background: #fff7fb; }
    .bottom-menu { width: 100%; }
    .bottom-menu ul { width: 100%; display: flex; justify-content: space-between; background-color: #f5f5f5; }
    .bottom-menu ul li { width: 50%; padding: 12px 0; font-size: 0.94rem; display: inline-block; text-align: center; border-right: 1px solid #dad9d9; }
    .bottom-menu ul li:last-child { border-right: none; }
    .bottom-menu ul li img { width: 18px; height: 18px; margin: 3px 4px 0 0; }
    .btn-logout-wrap { display: flex; justify-content: flex-end; padding-right: 25px; margin-top: 15px; }
    .btn-logout-wrap button { padding: 8px 25px; border: 1px solid #dad9d9; text-align: center; cursor: pointer; font-size: 0.94rem; font-weight: 500; border-radius: 5px; }

    /* 푸터 */
    .bmenu-wrap { display: none; }
    .mobile-bmenu-wrapper { width: 100%; display: block; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 10px 0; }
    .mobile-bmenu-wrapper ul { width:70%; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; list-style: none; padding: 0; }
    .mobile-bmenu-wrapper ul li { line-height:22px; font-size: 0.82rem; letter-spacing: -0.5px; color: #666;font-family: "Inter", sans-serif;text-align: center; padding: 0 10px; position: relative; cursor:pointer;}
    .mobile-bmenu-wrapper ul li a { color: #666; white-space: nowrap;}
    .mobile-bmenu-wrapper ul li:not(:last-child)::after { content: '|'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #ccc; font-size: 0.6rem; }
    .footer-inner { width: 100%; margin: 20px auto 0; display: flex; flex-direction: column-reverse; }
    .footer-inner .cominfo { width: 100%; padding: 20px 15px 25px 15px; display: flex; justify-content: row; }
    .footer-inner .cominfo .logobox { display: none; }
    .footer-inner .cominfo .info { width: 100%; }
    .footer-inner .cominfo .info li { font-size: 0.8rem; line-height: 1.4; }
    .footer-inner .n-order { width: 100%; text-align: center; padding: 0 15px; }
    .footer-inner .n-order button { width: 100%; background: #208b58; color: #fff; letter-spacing: -0.5px; text-align: center; padding: 15px 50px; line-height: 1; cursor: pointer; }

    /* 메인 롤링배너 */
    .slide { width: 80vw;height:300px;overflow: hidden;}
    .slide img {width: 100%;height: 100%;object-fit: cover;}
    .slider-wrapper { width: 100%; margin-top: 13px; overflow: hidden; position: relative; -webkit-overflow-scrolling: touch; }
    .controls { text-align: center; margin: 10px 0 10px 0; display: flex; justify-content: center; }
    .pagination { text-align: center; min-width: 50px; padding: 0 8px; color: #222; font-weight: 400; line-height: 31px; font-size: 0.9rem; }
    #toggleAutoButton { display: none; }

    /* 메인 배너3 */
    .ban-area { display: none; }

    /* 상품목록 */
    .goods { width: 100%; margin: 30px auto 0; padding: 0 15px; }
    .goods >.tit { font-size: 1.3rem; font-weight: 600; letter-spacing: -0.5px; padding-bottom: 10px; }
    .goods >.tit span { font-family: 'Tahoma', sans-serif; color:red; }
    .goods-inner { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .goods-inner::after { content: ""; width: 31%; }
    .goods-inner .gbox { position: relative; width: 31%; padding: 0 0 40px 0; }
    .goods-inner .gbox img { width: 100%; object-fit: cover; }
    .goods-inner .gbox ul { padding-top: 20px; }
    .goods-inner .gbox ul li.gtit { line-height: 1.2; font-weight:700;}
    .goods-inner .gbox ul li.gtit strong { font-weight: 600; }
    .goods-inner .gbox ul li.info { padding-top: 5px; font-size: 0.7rem; line-height: 1.25; letter-spacing: -0.5px; color: #666; font-family: "Nanum Gothic", sans-serif; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }
    .goods-inner .gbox ul li.costprice { padding-top: 10px; font-size: 0.9rem; color: #969696; text-decoration: line-through; line-height: 1; }
    .goods-inner .gbox ul li.price { padding-top: 2px; font-size: 1rem; font-weight: 600; line-height: 1; }
    .goods-inner-100 { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .goods-inner-100::after { content: ""; width: 31%; }
    .goods-inner-100 .gbox { position: relative; width: 31%; padding: 0 0 40px 0; }
    .goods-inner-100 .gbox img { width: 100%; object-fit: cover;border-radius:15px;}
    .goods-inner-100 .gbox ul { padding-top: 20px; }
    .goods-inner-100 .gbox ul li.gtit { line-height: 1.2; font-weight:700;}
    .goods-inner-100 .gbox ul li.gtit strong { font-weight: 600; }
    .goods-inner-100 .gbox ul li.info { padding-top: 5px; font-size: 0.7rem; line-height: 1.25; letter-spacing: -0.5px; color: #666; font-family: "Nanum Gothic", sans-serif; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }
    .goods-inner-100 .gbox ul li.costprice { padding-top: 10px; font-size: 0.9rem; color: #969696; text-decoration: line-through; line-height: 1; }
    .goods-inner-100 .gbox ul li.price { padding-top: 2px; font-size: 1rem; font-weight: 600; line-height: 1; color:red;}
    .btn-more { margin: 0 auto 20px !important; width:60%; display: block; background: #fff; font-size:0.96rem; border: 1px solid #ccc; font-weight: 400; letter-spacing: -0.5px; text-align: center; padding: 15px 0;line-height: 1;cursor: pointer; transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-out; }
    .btn-more:hover { background: #f5f5f5; border: 1px solid #f5f5f5; }
    .btn-more img { width: 12px; height: 12px; margin: 1px 0 0 10px; }
	
	/* 제품 나열 방식 수정 */
	.prod-flex-start {justify-content:flex-start;gap: 3.4%;}

    /* 메인하단 */
    .main-footer { width: 100%; margin-top:40px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
    .main-footer-inner { width: 100%; margin: 0 auto; padding:30px 15px; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .main-footer-inner .notice { position: relative; width: 100%; }
    .main-footer-inner .notice >.tit { font-size: 1.16rem; font-weight: 600; letter-spacing: -0.5px; padding-bottom: 10px; }
    .main-footer-inner .notice .n-more { position: absolute; right: 0; top: 0; background: url('../img/underline.png') repeat-x left bottom; background-size:5px 5px;padding: 0;font-size:0.96rem;}
    .main-footer-inner .notice .row { width: 100%; display: flex; justify-content: space-between; flex-wrap: nowrap; }
    .main-footer-inner .notice .row >.txt { width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.96rem; line-height: 1; padding: 4px 0; }
    .main-footer-inner .notice .row >.txt a { color: #222; }
    .main-footer-inner .notice .row >.date { width: 20%; font-size: 0.9rem; line-height: 1; padding: 4px 0; text-align: right; }
    .main-footer-inner .cs { width: 100%; margin-top: 30px; }
    .main-footer-inner .cs >.tit { font-size: 1.16rem; font-weight: 600; letter-spacing: -0.5px; padding-bottom: 10px; }
    .main-footer-inner .cs .call { color: #e20403; font-size: 1.45rem; font-weight: 600; line-height: 1; }
    .main-footer-inner .cs ul { margin-top: 5px; }
    .main-footer-inner .cs ul li { font-size: 0.9rem; line-height: 1.4; letter-spacing: -0.4px; }
    .main-footer-bank { width: 100%; margin: 0 auto; padding: 20px 15px; display: flex; flex-direction: row; flex-wrap: wrap; }
    .main-footer-bank .tit { width: 100%; font-size: 1rem; font-weight: 500; letter-spacing: -1px; padding-right: 40px; line-height: 28px; padding-bottom: 5px; }
    .main-footer-bank .bnum { padding-right: 8px; line-height: 19px; font-size: 0.9rem; font-weight: 300; }
    .main-footer-bank .bnum img { width: 60px; height: 16px; margin-right: 6px; }
    .main-footer-bank .bname { line-height: 19px; font-size: 0.9rem; font-weight: 300; }

    /* 페이징 공통 */
    .pagination-container {display: flex;justify-content: center;margin-top:10px;margin-bottom:0;padding:15px 0 0 0;}
    .pagination .page-link {display: block;padding:10px 10px;border: 1px solid #ddd;border-radius: 4px;background-color: #fff;transition: all 0.2s ease-in-out; /* 호버 효과를 위한 전환 */
        font-size: 0.76rem;letter-spacing:-0.5px;min-width:34px;text-align: center;line-height:1;}

    /* 서브페이지 공통 */
    .sub-page {position: relative;width:100%;margin:15px auto 30px;padding: 0 15px;}

    /* 현재위치 */
    .location {width: 100%;display: flex;flex-direction: row;padding-bottom:15px;}
    .location ul {display: flex;gap:5px;}/* 3픽셀 만큼 간격 */
    .location ul li { display: block; font-size: 0.86rem; color: #666;position: relative;padding-right:10px;font-family: "Inter", sans-serif;}
    .location ul li::after { content: '>'; position: absolute; right:0; top: 50%; transform: translateY(-50%); color: #929292;}
    .location ul li:last-child::after {content: none;}

    /* 서브페이지 텍스트공통 */
    .subpage-tit {text-align:left;font-size:1.2rem;font-weight:600;}
    .section-title1 { font-size:1.1rem; font-weight:600;margin-top:20px; margin-bottom:10px; border-bottom: 2px solid black; padding-bottom:5px; }
    .section-title2 { font-size:1.1rem; font-weight:600;margin-top:40px;border-bottom: 2px solid black; padding-bottom:5px; }
    .description-text1 { font-size: 0.8rem;margin-bottom:40px;letter-spacing:-0.5px;}
    .description-text1  span {color:#e30303;}
    .description-text2 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding-top:10px;margin-left:30%;line-height:1.2;}
    .description-text3 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding:15px 0 10px 0;margin-left:0;line-height:1.2;}
    .description-text3  span {color:#e30303;}


    /* 서브페이지 - 회사소개 */
    .company-02 ul {justify-content:space-evenly;}
    .company-02 ul li {width: 45%;height: 255px; margin-bottom: 0;position: relative; border-radius: 20px;}
    .company-02 ul li p {line-height:255px;font-size:2.3rem;}

    /* 서브페이지 - 일본직구가 처음이세요?*/
    .delivery-01 .delivery-main-desc {top:calc(50% - 90px);left: calc(50% - 45%);}
    .delivery-main-img {height:unset;}
    .delivery-01 .delivery-main-desc .delivery-line {margin-top:unset;}
    .delivery-02 {
        display: flex;
        flex-wrap:wrap;
        position: relative;
        justify-content: space-between;
        margin-bottom: 120px;
    }
    .delivery-02 .delivery-02-left {margin-top:0;width:100%;}
    .delivery-02 .delivery-02-left .strong-highlight {left:calc(50% - 128px);}
    .delivery-02 .delivery-02-left p {margin-top:30px;margin-bottom:40px;}
    .delivery-02 .delivery-02-left a {margin-bottom:80px; width:60%;}
    .delivery-02 .delivery-02-right {width:100%;}
    .delivery-04 {margin-bottom:unset;}
    .delivery-04 .delivery-04-desc {top:2vh;width:100%;left:calc(50% - 50%);}
    .delivery-04 .delivery-04-desc .delivery-04-left {width:20%;}
    .delivery-04 .delivery-04-desc .delivery-04-left img {width:100%;}
    .delivery-04 .delivery-04-desc .delivery-04-right {width:65%;margin-top:1vh;position:relative;}
    .delivery-04 .delivery-04-desc .delivery-04-right .delivery-04-right-desc {top:calc(50% - 180px);left:calc(50% - 27vw);}
    .delivery-04 .delivery-04-desc .delivery-04-right .delivery-04-right-desc p {text-align:center; width:100%;}
    .delivery-04 .delivery-04-background {height:360px;}
    .delivery-04 .delivery-04-background img {transform:scale(2.5) translateX(210px);}

    /* 공유하기 창 */
    .share-container {position:absolute;right:0;top:-7px;display: inline-block;}
    .share-container .btn-share {display:block;width:40px;height:40px;background:#fff url('../img/share.png') no-repeat center center;background-size:24px 24px;color:#222;cursor: pointer;text-indent: -9999px;}
    .sns-icons-window {display: none;position: absolute;top: 100%; /* 버튼 바로 아래 */left: -144px;background-color:#fff;border: 1px solid #dadada;padding: 12px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);margin-top: 8px;z-index: 1000; /* 아래 display: flex는 .show 클래스에서 제어합니다. */gap: 12px;}
    .sns-icons-window.show {display: flex; /* <<-- 중요: 이 클래스가 JS에 의해 추가되면 보여짐 */}
    .sns-icon {width: 30px;height: 30px;border-radius: 50%;background-color: #f0f0f0;display: flex;justify-content: center;align-items: center;cursor: pointer;overflow: hidden;}
    .sns-icon img {width: 100%;height: auto;}
    .sns-icon:hover {opacity: 0.8;}

}


/***************************************************************************/
/*					            노트북 (1024px ~ 1199px)		   	                             /
/***************************************************************************/
@media (min-width: 1024px) and (max-width: 1199px) {

    html {font-size: 16px;}
    body {font-size: 1rem;line-height: 1.6;}

    #wrap {position: relative;width: 100%;height: 100%;padding-top:180px;} /* 상단고정바 높이만큼 패딩값 적용 */
    #wrap-fixed-bar {position: relative;width: 100%;height:100%;padding:0;padding-top:180px;}

    /* 헤더 */
    header {position: relative;width:100%;border-bottom:none;}
    .top-fixed {position: fixed;top: 0;left: 0;width: 100%;z-index: 900;background: #fff;border-bottom: 1px solid #e1e1e1;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);}
    .top-fixed.scrolled {border-bottom: 1px solid #e1e1e1;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}
    .topmenu-wrap {width:100%;height:42px;border-bottom:1px solid #e1e1e1;}
    .topmenu-wrap .topmenu {width:900px;margin:0 auto;}
    .topmenu-wrap .topmenu ul {display:flex;justify-content: flex-end;}
    .topmenu-wrap .topmenu ul li {padding:0 8px;line-height:42px;font-size:0.76rem;letter-spacing:-0.5px;color:#666;font-family: "Nanum Gothic", sans-serif;}
    .topmenu-wrap .topmenu ul li:last-child {padding:0 0 0 8px;}
    .topmenu-wrap .topmenu ul li a {color:#666;}
    .m-area {width:900px;height:90px;margin:0 auto;display:flex;justify-content:space-between;}
    .m-area .logobox a {margin:25px 0 0 5px;width:145px;height:45px;display:block;background: url("../img/logo2.png") no-repeat left top;background-size:contain;cursor: pointer;color: transparent;text-indent: -9999px;}
    .m-area .rbanbox img {width:150px;height:51px;}
    .menu {width:900px;margin:0 auto 15px;}
    .menu ul li a {position: relative;display:inline-block;font-size:0.9rem;line-height:1;padding:12px 12px;background-color:#f7f7f7;margin-right:5px;border-radius: 999px;}
    .menu ul li img {width:14px;height:14px;margin-right:5px;}
    .search-container {width:400px;margin:23px auto 0;border: 2px solid #e60012; border-radius: 999px;/* 완전한 둥근 모서리 */display: flex;align-items: center;padding: 6px 12px 6px 22px;}

    /* 푸터 */
    .bmenu-wrap .bmenu {width:900px;margin:0 auto;display:flex;justify-content: space-between;flex-wrap: nowrap;}
    .footer-inner {width:900px;margin:50px auto 0;display:flex;justify-content: space-between;}
    .footer-inner .cominfo .info li {font-size:0.86rem;}

    /* 메인 배너3 */
    .ban-area {width:900px;margin:30px auto 0;display:flex;justify-content: space-between;flex-wrap: nowrap;}

    /* 상품목록 공통 */
    .goods {width:900px;margin:80px auto 0;}
    .goods > .tit {font-size:1.6rem;font-weight:600;letter-spacing:-1px;padding-bottom:40px;text-align:center;}

    /* 메인하단 */
    .main-footer {width:100%;margin-top:120px;background-color:#f7f7f7;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
    .main-footer-inner {width:900px;margin:0 auto;padding:70px 0;display:flex;justify-content: space-between;flex-wrap: wrap;}
    .main-footer-inner .notice {position: relative;width:55%;}
    .main-footer-inner .notice > .tit {font-size:1.2rem;font-weight:600;letter-spacing:-1px;padding-bottom:12px;}
    .main-footer-inner .notice .n-more {position:absolute;right:0;top:6px;background:url('../img/underline.png') repeat-x left bottom;padding:0;font-size:0.9rem;}
    .main-footer-inner .notice .row {width:100%;display:flex;justify-content: space-between;flex-wrap: nowrap;}
    .main-footer-inner .notice .row > .txt {width:75%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:0.9rem;line-height:1;padding:7px 0;}
    .main-footer-inner .notice .row > .txt a {color:#222;}
    .main-footer-inner .notice .row > .date {width:20%;font-size:0.86rem;line-height:1;padding:7px 0;text-align:right;}
    .main-footer-inner .cs {width:35%;}
    .main-footer-inner .cs > .tit {font-size:1.2rem;font-weight:600;letter-spacing:-1px;padding-bottom:12px;}
    .main-footer-inner .cs .call {color:#e20403;font-size:1.6rem;font-weight:600;line-height:1;}
    .main-footer-inner .cs ul {margin-top:10px;}
    .main-footer-inner .cs ul li {font-size:0.9rem;line-height:1.4;}
    .main-footer-bank {width:900px;margin:0 auto;padding:40px 0;display:flex;flex-direction: row;}
    .main-footer-bank > .tit {font-size:1.1rem;font-weight:600;letter-spacing:-1px;padding-right:40px;line-height:28px;}
    .main-footer-bank .bnum {padding-right:20px;line-height:28px;font-size:1rem;font-weight:500;}
    .main-footer-bank .bnum img {width:94px;height:26px;margin-right:10px;}
    .main-footer-bank .bname {line-height:28px;font-size:1rem;font-weight:500;}

    /* 서브페이지 공통 */
    .sub-page {width:900px;margin:30px auto 100px;}
    /* 서브페이지 - 회사소개 */
    .company-02 ul li {width: 430px;height: 255px; margin-bottom: 0;position: relative; border-radius: 20px;}
    .company-02 ul li p {line-height:255px;}

    /* 서브페이지 - 일본직구가 처음이세요?*/
    .delivery-main-img {height: 300px; overflow:hidden;}
    .delivery-main-img img {width: 200%; transform: translateX(-750px);}
    .delivery-01 .delivery-main-desc {left: calc(50% - 380px);}
    .delivery-02 {
        display: flex;
        flex-wrap:wrap;
        position: relative;
        justify-content: space-between;
        margin-bottom: 120px;
    }
    .delivery-02 .delivery-02-left {margin-top:0;width:100%;}
    .delivery-02 .delivery-02-left .strong-highlight {left:calc(50% - 128px);}
    .delivery-02 .delivery-02-left p {margin-top:30px;margin-bottom:40px;}
    .delivery-02 .delivery-02-left a {margin-bottom:80px; width:60%;}
    .delivery-02 .delivery-02-right {width:100%;}
    .delivery-04 .delivery-04-desc {top:40px;width:100%;left:calc(50% - 50%);}
    .delivery-04 .delivery-04-desc .delivery-04-left {width:20%;}
    .delivery-04 .delivery-04-desc .delivery-04-left img {width:100%;}
    .delivery-04 .delivery-04-desc .delivery-04-right {width:60%;margin-top:0.1vh;}
    .delivery-04 .delivery-04-desc .delivery-04-right .delivery-04-right-desc {top:calc(50% - 20vh);left:calc(50% - 240px);}
    .delivery-04 .delivery-04-desc .delivery-04-right .delivery-04-right-desc p {text-align:center;width:100%;}
    .delivery-04 .delivery-04-background {height:unset;}
    .delivery-04 .delivery-04-background img {transform:scale(1.3), translateX(-130px);}