@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Uiyeun';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105@1.1/Uiyeun.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root{
    --type-width:100%;

    /* 메인 최대크기 */
    --main-max-width:1200px;
    --main-grid:repeat(5,1fr);

    /* 사이트 pc 최소크기 */
	--site-min-width:1200px;

    --item-aspect-ratio:1/1;

	/* 공지 슬라이드 */
	--notice-height:50px;

	/* 헤더 */
	--default-color:#161616;
	--default-background:#ffffff;
	--header-margin:calc(var(--header-height) + var(--notice-height));

    /* 리뷰 */
    --rank-width:50px;
}
html{
        /* 화면을 길게 누르고 있을때 뜨는 팝업이나 액션시트를 제어 */
        /* -webkit-touch-callout:none; */
        /* 텍스트나 이미지를 선택할 수 있게 하는 여부를 제어 */
        /* -webkit-user-select:none; */
        /* 링크를 터치했을때 나오는 기본 영역의 색상을 제어 */
        -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

h3{margin:0}

.only-mobile{display:none}



    @keyframes rainbow {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
  }

  .rainbow-button {
    position: relative;
    padding: 15px 30px;
    font-size: 18px;
    /* border: none!important; */
    border-radius: 3px;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
    font-weight: bold;
  }

  /* 테두리 무지개 효과 */
  .rainbow-button-::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(
      /* to right, */
      45deg,
      #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3, #ff0000
    );
    background-size: 200% 200%;
    z-index: -1;
    border-radius: 3px;
    animation: rainbow 3s linear infinite;
  }

  /* 내부 흰색 배경 */
  .rainbow-button::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background-color: white;
    border-radius: 3px;
    z-index: -1;
  }

  /* 텍스트에 동일한 그라데이션 효과 */
  .rainbow-text {
    background-image: linear-gradient(
      to right,
      #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3, #ff0000
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    animation: rainbow 3s linear infinite;
    display: inline-block;
  }

a.od-button ,.od-button{font-size:16px;font-weight:600;max-width:500px;color:#ffffff;background:#161616;display:flex;align-items:center;justify-content:center;height:50px;margin:0 auto;box-shadow: 0 5px 10px 0 #00000040;}
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}


/* tosat */
.tosat-msg{z-index:1000000;position:fixed;left:49.9%;top:49.9%;
    display: none;min-width: 280px;min-height:40px;box-sizing: border-box;border-radius: 55px;
    align-items:center;justify-content:center;padding:10px 20px;
    background-color: rgba(0,0,0,0.85);font-size: 14px;color: #fff;
    letter-spacing: -0.5px;overflow: hidden;
    transform:translate(-50%,-50%)
}

[class*='price']{font-feature-settings: "tnum";}
/* 팝업설정 */
.popup{
    grid-template-columns: auto minmax(0, 1fr) auto;
    display:grid;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    grid-template-areas:
        "top-start top top-end"
        "center-start center center-end"
        "bottom-start bottom-center bottom-end"
        "gap gap gap";
    grid-template-rows: auto auto auto 0.625em;
    height: 100%;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    transition: opacity .15s ease-in-out;
}
.popup.active{opacity:1}

.popup-content{
	position: relative;
	box-sizing: border-box;
	/* max-height:90vh; */
	border: none;
	grid-column: 2;
	grid-row: 2;
	align-self: center;
	justify-self: center;
	transition: all .15s ease-in-out;
	width:calc(100% - 20px);
	max-width:768px;
	margin:10px;
	padding:15px;
    border-radius: 5px;
    background: #fff;
    font-family: inherit;
    font-size:14px;
    box-shadow:0 0 5px #00000020;
}

.popup .popup-content > .popup-close{right:10px;top:10px;color:#000000;font-size:20px}
.popup-background{position:fixed;left:0;top:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.7);transition: background-color 0.1s;}
.popup-close{border:none;background:transparent;font-size:28px;width:40px;height:40px;display:flex;align-items:center;justify-content: center;right:20px;top:20px;position:absolute;color:#fff;cursor:pointer;transition:opacity .2s;font-weight:800;z-index:1}
.popup-close:hover{opacity:.7}

/* 체크박스 */
.rd {display: none}
.rd + label{position:relative;cursor:pointer;word-break: keep-all;display:inline-flex;align-items:center;gap:3px;font-size:14px}
.rd + label:empty{}
.rd + label:before {content:'';display: inline-block;width: 16px;height: 16px;background:#f4f4f4;border:1px solid #ddd;border-radius:2px;box-sizing: border-box;}
.rd + label:hover:before {border-color:#bbb;background:#fafafa}
.rd:checked + label:before {background-color: #000000}
.rd:disabled + label{color:#aaaaaa}
.rd.readonly + label{color:#aaaaaa}
.rd:not(.readonly) + label:not(.orange):hover{color:#555555 }
.rd[type='radio'] + label:before {border-radius:5em}
.rd[type='radio']:checked + label:before{border:4px solid #000;background:#ffffff}
.rd[type='checkbox']:checked + label:before{border:none}
.rd[type='checkbox']:checked + label:after{position:absolute;top: calc(50% - 1px);transform: translate(0, -60%) rotate( 45deg );left:5px;content:'';display:block;border-bottom:2px solid #fff;border-right:2px solid #fff;width:6px;height:9px;}

.ip-80{max-width:80px;width:100%}
.ip-120{max-width:120px;width:100%}
.ip-140{max-width:140px;width:100%}
.ip-160{max-width:160px;width:100%}
.ip-180{max-width:180px;width:100%}
.ip-280{max-width:280px;width:100%}
.ip-400{max-width:400px;width:100%}
.is-flex{display:flex;align-items:center;gap:3px 10px;flex-wrap:wrap}
a.button-form, .button-form {background: #161616;border: 1px solid #161616;height: 35px;color: #fff;padding: 0 10px;font-size: 13px;font-weight: 600;display:inline-flex;vertical-align:middle;box-sizing:border-box;justify-content:center;align-items:center;cursor:pointer}
a.button, .button{display: inline-flex;align-items:center;justify-content:center;height: 28px;padding: 0 8px;border: 1px solid #d4d6db;color: #333;background: #fff;border-radius: 3px;font-size: 12px;font-weight: 600;cursor:pointer;vertical-align: middle;}


/* 테이블 */
.table{display:block;letter-spacing:-0.05em}
.table > .thead{min-height:40px;display:flex;align-items:center;font-size:14px;font-weight:600;text-align:center;white-space:nowrap;background:#f9f9f9}
.table > .tbody{min-height:40px;display:flex;align-items:center;font-size:14px}
.table [class^='td-']{padding:10px 0}
.table [class^='th-']{padding:10px 0;font-size:14px;font-weight:600;}
.table [class^='td-']:not(.td-flex){white-space:nowrap}
.table:not(.no-border) > .tbody{border-bottom:1px solid #d9d9d9}
.table:not(.no-border) > .thead{border-bottom:1px solid #d9d9d9}
.table.stretch .tbody{align-items:stretch}
.table > .empty{white-space:nowrap;text-align:center;border-bottom:1px solid #d9d9d9;padding: 120px 0;font-size: 14px;font-weight: 500;text-align: center;}
.table .price {display:inline-flex;align-items:center;gap:2px;font-weight:500}
.table .price > span{font-size:.9em}
.table .td-30{flex: 0 0 30px}
.table .td-40{flex: 0 0 40px}
.table .td-50{flex: 0 0 50px}
.table .td-60{flex: 0 0 60px}
.table .td-70{flex: 0 0 70px}
.table .td-80{flex: 0 0 80px}
.table .td-90{flex: 0 0 90px}
.table .td-100{flex: 0 0 100px}
.table .td-110{flex: 0 0 110px}
.table .td-120{flex: 0 0 120px}
.table .td-130{flex: 0 0 130px}
.table .td-140{flex: 0 0 140px}
.table .td-150{flex: 0 0 150px}
.table .td-160{flex: 0 0 160px}
.table .td-170{flex: 0 0 170px}
.table .td-180{flex: 0 0 180px}
.table .td-190{flex: 0 0 190px}
.table .td-200{flex: 0 0 200px}
.table .td-mobile{display:none}
.table .td-flex{flex: 1;white-space:wrap;word-break: auto-phrase;}

.table .th-30{flex: 0 0 30px}
.table .th-40{flex: 0 0 40px}
.table .th-50{flex: 0 0 50px}
.table .th-60{flex: 0 0 60px}
.table .th-70{flex: 0 0 70px}
.table .th-80{flex: 0 0 80px}
.table .th-90{flex: 0 0 90px}
.table .th-100{flex: 0 0 100px}
.table .th-110{flex: 0 0 110px}
.table .th-120{flex: 0 0 120px}
.table .th-130{flex: 0 0 130px}
.table .th-140{flex: 0 0 140px}
.table .th-150{flex: 0 0 150px}
.table .th-160{flex: 0 0 160px}
.table .th-170{flex: 0 0 170px}
.table .th-180{flex: 0 0 180px}
.table .th-190{flex: 0 0 190px}
.table .th-200{flex: 0 0 200px}
.table .th-flex{flex: 1;white-space:wrap;word-break: auto-phrase;}
.m-label{display:none}
/* 헤더 */
#logo img{filter: invert(100%)}
#hd {position:fixed;top:0;left:0;width:100%;z-index:100;background:var(--default-background);box-shadow: 0 0 5px #00000030}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {margin:0 auto;display:flex;align-items:center;justify-content:space-between;position: relative;padding:0 15px;height:var(--header-height)}
#hd-margin{height:var(--header-margin)}
#logo img{max-width:unset}

.hd_login{display:flex;align-items:center;display:flex;gap:20px;}
.hd_login > li {font-size:14px;font-weight:500}
.hd_login > li img{height:18px;filter: invert(100%)}
.hd_login > li a {color:var(--default-color);display:flex;align-items:center;gap:3px;transition:opacity .2s;white-space:nowrap}
.hd_login > li a:hover {opacity:.6}
.hd_login .fa-shopping-cart {font-size:1.6em}
.hd_login .count {display:inline-block;position:absolute;top:-3px;right:-5px;line-height:12px;padding:2px 5px;border-radius:10px;background:#262626;color:#fff;min-width:16px;height:16px;font-size:0.85em; opacity:0.7;filter:"alpha(opacity=70)"; -ms-filter:"alpha(opacity=70)";}

.cart-count{position:relative;z-index:1}
.cart-count-check{position:absolute;background:red;left:15px;top:1px;width:6px;height:6px;border-radius:6px}


/*메뉴*/
.gnb-menu-group{display:flex;align-items:center}
#gnb {margin-left:30px;/*position:absolute;top:50%;left:50%;transform:translate(-49.9%,-50%);*/background:var(--default-background);z-index:2;height:var(--header-height);}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative;height:100%}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size:16px;padding:0;zoom:1;display:flex;height:100%;letter-spacing:-0.05em}
#gnb .gnb_1dli {padding:0px;position:relative;height:100%;display:flex;align-items:center;transition:opacity .2s}
#gnb .gnb_1dli:hover > a {color:#000000;font-weight:800;}

.gnb_1dli .bg {position:absolute;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px;display:none}
a.gnb_1da {display:block;font-weight:500;padding:0 15px;color:var(--default-color);text-decoration:none;white-space:nowrap;letter-spacing:-0.05em}

.gnb_2dli:first-child {border:0}
.gnb_2dul {visibility:hidden;overflow:hidden;position:absolute;bottom:0;left:50%;opacity:0;transition:opacity 0.3s;transform:translate(-50%,100%)}

/* #gnb_1dul > li:last-child .gnb_2dul{left:unset;right:0} */
.gnb_2dul .gnb_2dul_box {display:flex;gap:0;height:100%}
.gnb_2dul .gnb_2dul_box > li{display:flex;align-items:center;justify-content:center}
.gnb_2dul .gnb_2dul_box > li > .gnb_2da{padding:5px 15px;color:#ffffff}
.gnb_2da {display:block;color:var(--default-color);font-size:15px;font-weight:500;text-align:left;text-decoration:none;white-space:nowrap}
a.gnb_2da:hover {font-weight:700;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}

.gnb_al_li_plus:hover .gnb_2dul{visibility:visible;opacity:1;height:50px;transition-delay: .1s;}
#hd:after{content:'';display:block;height:0;background:#333;width:100%;transition:all .2s ease-out;z-index:0}
/* #hd:has(.gnb_al_li_plus:hover) #hd_wrapper{box-shadow:none} */
#hd:has(.gnb_al_li_plus:hover):after{height:50px;width:100%;transition:all .2s ease-out;}




.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

.gnb_menu_btn {background:transparent;color:var(--default-color);border:0;vertical-align:top;font-size:21px;display:none;text-align:center;font-weight:900}
.gnb_close_btn {background:#fff;color:#b6b9bb;width:40px;height:60px;border:0;vertical-align:top;font-size:32px}
.gnb_mnal {padding:0;display:none}


/* 페이지 */
.pg_wrap{max-width:var(--main-max-width);min-width:var(--site-min-width);width:var(--site-width);margin:0 auto}


/* 메인 인덱스 */
.main-category{display:grid;grid-template-columns:repeat(10,1fr);gap:20px;padding:40px 15px 0;}
.main-category > a{display:grid;gap:5px;transition:transform .3s}
.main-category > a > img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;max-width:100px;margin:0 auto}
.main-category > a:hover{transform:scale(1.15)}
.main-category > a > span{text-align:center;font-size:16px;font-weight: 500;letter-spacing:-0.05em}
.main-category > a > span .g{font-family:"GmarketSansMedium", sans-serif; }


/* 메인 슬라이드 */
.main-grid{
  display: grid;
  grid-template-columns:var(--main-grid);
  gap: 20px 15px;
  max-width: var(--main-max-width);
  min-width: var(--site-min-width);
  width: var(--site-width);
  margin: 0 auto;
  padding: 15px;
}

.main-grid .empty{grid-column: 1 / -1;padding:120px 0;font-size:14px;font-weight:500;text-align:center}
.main-container{display:flex;flex-direction:column;gap:50px;max-width:var(--main-max-width);min-width:var(--site-min-width);width:var(--site-width);margin:0 auto}
.main-swiper .swiper{
    padding:15px 15px 25px;
    --swiper-scrollbar-sides-offset:35%;
    --swiper-scrollbar-bottom:0;
    --swiper-scrollbar-drag-bg-color:#000000ee;
}

.main-swiper .admin-link{position:absolute;z-index:5;right:25px;top:25px;opacity:.5;transition:opacity .3s}
.main-swiper .admin-link > i {font-size:20px;color:red}
.main-swiper .admin-link:hover{opacity:1}

/* 서브 타이틀 */
.sub-title {margin:40px auto;max-width:var(--site-max-width);min-width:var(--site-min-width);width:var(--site-width);text-align:center}
.sub-title > h2   {display:block;font-weight:600;font-size:34px;margin:0}
.sub-title > span {display:block;font-weight:500;font-size:16px}

/* 서브 검색 */
.sub-search{max-width:var(--site-max-width);min-width:var(--site-min-width);width:var(--site-width);margin:0 auto;display:flex;justify-content:center;padding:0 15px;align-items:center}
.sub-search.right{max-width:var(--main-max-width);margin:0 auto;display:flex;justify-content:flex-end;padding:15px;}
.sub-search.between{max-width:var(--main-max-width);margin:0 auto;display:flex;justify-content:space-between;padding:15px;}







dd,dl,dt,ul,li{margin:0;padding:0}
/* .main-swiper dd,.main-swiper dl,.main-swiper dt, .main-swiper ul,.main-swiper li{margin:0} */
.giks-item{width:var(--type-width);font-family: 'SUIT Variable', sans-serif;position:relative}
.giks-item > a{text-decoration:none;display:grid}
.giks-item > a > .image .soldout{width: 100%;height: 100%;object-fit: cover;transition: transform .3s;position: absolute;left: 0;top: 0;z-index:1;background:#000000aa;display:flex;align-items:center;justify-content:center;color:#f0a901;text-align:center;font-weight:900;font-size:26px;line-height:1.1em}
.giks-item > a > .image{width:100%;aspect-ratio:var(--item-aspect-ratio);border-radius:5px;overflow:hidden;position:relative;/*border: 1px solid #00000010;*/box-sizing: border-box;}
.giks-item > a > .image > img{width:100%;height:100%;object-fit:cover;transition:transform .3s;position:absolute;left:0;top:0}
.giks-item > a > .image > img.hover-image{opacity:0;transition:all .3s;background:#ffffff}
.giks-item > a > .image > .time{position:absolute;bottom:0;left:0;background:#000000cc;color:#ffffff;z-index:3;width:100%;padding:8px;font-size:15px;display:flex;align-items:center;gap:5px;}
.giks-item > a:hover > .image > img{transform:scale(1.08)}
.giks-item > a:hover > .image > img.hover-image{opacity:1}
.giks-item dl{letter-spacing:-0.05em;display:grid;gap:3px;padding:0;margin:10px 0 5px}
.giks-item dt {display:grid;gap:5px}
.giks-item dt > .title{font-size:13px;font-weight:400;line-height:1.2em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.giks-item dt > .desc{font-size:12px;color:#999;font-weight:500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.giks-item dt > .brand{/* text-transform: uppercase; */font-size:10px;font-weight:900;height:13px}
.giks-item dd.review{display: block;display: -webkit-box;max-width: 100%;margin:0;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 13px;font-weight: 400;color: #999;height:48px}
.giks-item dd {font-size:13px;display:flex;gap:0 10px;align-items:center;font-weight:800;flex-wrap:wrap}
.giks-item dd > .per > strike{font-weight:400;color:#999999;margin-right:5px}
.giks-item dd > .per{font-size:13px;color:#ff0000;font-weight:900;width:100%;order:1}
.giks-item dd > .price{font-size:14px;width:100%;order:2}
.giks-item dd.cust{font-size:13px;font-weight:400;color:#999}
.giks-item dd.user{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}
.giks-item .option{display:flex;gap:5px;flex-wrap:wrap}
.giks-item .option > div{border-radius:3px;background:#f1f1f1;color:#616161;font-size:10px;padding:3px 8px;font-weight:500}
.giks-item .option > div.red{background:#ff2200;color:#ffffff}
.giks-item .score{height:15px}
.giks-item .wish{display:flex;gap:5px;flex-wrap:wrap;justify-content:space-between}
.giks-item .wish > div{color:#616161;font-size:12px;font-weight:500}
.giks-item .wish > a i{color:#616161}
.giks-item .wish > a:hover i{color:#161616}
.giks-item .image .watermark{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(calc(-50%));
	backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);
	border-radius: 10px;
	display: flex;
	width: 34%;
    height:14%;
	align-items: center;
	justify-content: center;
}

.giks-item .image .watermark > img{margin-bottom:0;height:100%!important}
.giks-item > a.time-disabled > dl > dd:last-child{display:none}
.giks-item > a.time-disabled > .option{display:none}
.giks-item > a.time-disabled > .image > .time{background:#000000dd;height:100%;flex-direction:column;justify-content:center;gap:0}
.giks-item > a.time-disabled > .image > .time i{font-size:30px;margin-bottom:10px}
.giks-item > a.time-disabled > .image > .time span{font-size:20px;font-weight:600}
.giks-item > a.time-disabled > .image > .time div{font-size:16px;font-weight:600}


.main-swiper .type-item .swiper-pagination{display:none}
.main-swiper .type-banner .swiper-slide{width:var(--type-width);font-family: 'SUIT Variable', sans-serif;}
.main-swiper .type-banner .swiper-slide {display:flex}
.main-swiper .type-banner .swiper-slide > a{text-decoration:none;display:flex;flex:1}
.main-swiper .type-banner .swiper-slide img{width:100%;border-radius:5px}
/* .main-swiper .type-banner .swiper-scrollbar{display:none} */
.main-swiper .type-banner .swiper{padding:0 15px 25px}
.main-swiper .type-banner .admin-link{top:10px}
.main-swiper .type-banner .swiper-pagination-fraction{background:#000000aa;color:#ffffff;width:auto;left:unset;top:unset;right:25px;bottom:25px;;padding:5px 0;border-radius:50px;min-width:55px;font-size:12px}
.main-swiper .swiper-section.type-banner  > h2{display:none}
.main-swiper .swiper-section > h2,
.main-swiper .type-group > h2{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;margin:0;padding:0 15px;position:relative}
.main-swiper .swiper-section > .swiper-empty{padding:80px 0;text-align:center}
.main-swiper .swiper-section.group > h2{display:none}
.main-swiper .group{display:none}
.main-swiper .group.active{display:block}
.main-swiper .group.type-item{margin-top:-60px}
.main-swiper .type-group > ul{display:grid;grid-template-columns:repeat(5,1fr);;margin:15px;width:calc(100% - 30px);border-radius:10px;overflow:hidden}
.main-swiper .type-group > ul > li{background:#f2f2f2;color:#141414;cursor:pointer;display:flex;justify-content: center;align-items:center;font-size:16px;letter-spacing:-0.05em;font-weight:700;padding:15px;transition:background .3s, color .3s}
.main-swiper .type-group > ul > li br{display:none}
.main-swiper .type-group > ul > li:hover,
.main-swiper .type-group > ul > li.active{background:#141414;color:#ffffff;}




/* 사이즈표 */
.item-size-table{border-collapse: collapse;width:100%}
.item-size-table td{border:1px solid #e2e2e2;padding:10px;text-align:Center;min-width:50px}
.item-size-table td:first-child{background:#f8f8f8;font-weight:600;border-left:none}
.item-size-table td:last-child{border-right:none}
.item-size-table tr:first-child{background:#f8f8f8;font-weight:600}




/* 공지 슬라이드 */
.swiper-notice{background:#161616;position:relative;min-width:var(--site-min-width);width:var(--site-width)/*;position:fixed;top:0;left:0;z-index:100*/}
#swiper_notice {max-width:var(--site-max-width);min-width:var(--site-min-width);width:var(--site-width);height:var(--notice-height)}
#swiper_notice .swiper-slide {text-align:center}
#swiper_notice .swiper-slide > .slide-notice{height:100%;display:inline-flex;align-items:center;justify-content:center;gap:20px;color:#ffffff;font-size:18px;font-weight:500;letter-spacing:-0.05em}
#swiper_notice .swiper-slide > .slide-notice > span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#swiper_notice .swiper-slide > .slide-notice > i{font-size:24px}
#swiper_notice .swiper-slide > .slide-notice > img{height:18px}
.swiper-notice .admin-link{color:#ffffff;font-size:20px;position:absolute;right:20px;top:50%;transform:translateY(-50%);opacity:.7;transition:opacity .2s;z-index:1}
.swiper-notice .admin-link i{color:#ffffff}
.swiper-notice .admin-link:hover{opacity:1}

/* 상품 검색 */

.search-content {width:100%;max-width:620px;margin:0 auto;position:relative}
#search_field h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#search_field {display:flex;align-items:center;border-bottom:2px solid #ffffff}
#search_field #search_input {color:#ffffff;border:none;background:transparent;flex:1;font-size:16px;padding:10px 0;font-weight:400;letter-spacing:-0.05em}
#search_field #search_input::placeholder{font-weight:500}
#search_input:focus{box-shadow:none!important;outline:none!important;border:none!important}
#search_submit{border:none;background:transparent;transition:opacity .2s}
#search_submit:hover{opacity:.7}
.search-keyword > div {display:flex;flex-wrap:wrap;gap:10px}
.search-keyword > div > button{background:#ffffffee;border-radius:50px;color:#000000;border:none;font-size:16px;padding:5px 10px;font-weight:500;transition:opacity .2s;display: flex;align-items: center;}
.search-keyword > div > button::before{content:'#';display:inline-block;font-size:.8em}
.search-keyword > div > button:hover{opacity:.7}
#search_banner{margin-top:40px}
#search_banner .content{border-radius:5px;overflow:hidden;display:flex}
#search_banner img{max-width:100%}
#search_banner .swiper-pagination-fraction{background:#000000aa;color:#ffffff;width:auto;left:50%;bottom:20px;transform:translateX(-50%);padding:5px 0;border-radius:50px;min-width:55px;font-size:12px}
.popup.search .popup-background{background: rgba(0, 0, 0, 0.94);}
.popup.search .popup-content{box-shadow:none;background:transparent}
.popup.search h2{color:#ffffff;font-size:18px;font-weight:700;margin:40px 0 10px;letter-spacing:-0.05em}


.search-tab{padding:20px;display:flex;gap:15px}
.search-tab > button{font-size: 18px;font-weight: 900;letter-spacing: -0.03em;;color:#aaa;border:none;background:transparent}
.search-input{background:#f3f3f3;border-radius:5px;height:45px;display:flex;align-items:center;max-width: 450px;width: calc(100% - 30px);}
.search-input:before{content:'';background-image:url('/theme/dev/img/icon_search.png');background-position:center;height:100%;aspect-ratio:1/1.1;display:block;background-repeat:no-repeat;background-size:18px 18px;    filter: invert(100%);opacity:.3}
.search-input > input{flex:1;height:100%;border:none;background:transparent;font-size:14px}
.search-input > input:focus{outline:none!important;border:none!important;box-shadow:none!important}
.search-input > input::placeholder{color:#999}

.brand .search-tab > button#brandTab{color:#000000}
.price .search-tab > button#priceTab{color:#000000}
.brand-section{display:none}
.price-section{display:none}

.brand-section .search-input{max-width:unset;width:100%}
.brand .brand-section{display:block}
.price .price-section{display:block}
.search-btn{border-radius:3px;background:#000000;color:#ffffff;border:none;padding:0 10px;height:30px;font-size:13px;font-weight:600;box-sizing:border-box;letter-spacing: -0.05em;display: flex;align-items: center;}
.search-btn > span{margin-left:5px;Font-size:12px;font-weight:300}
.range-btn{border-radius:3px;background:#ffffff;color:#666;padding:0 10px;height:30px;font-size:13px;font-weight:600;box-sizing:border-box;border:1px solid #e8e8e8;letter-spacing: -0.05em;display: flex;align-items: center;}
.range-btn.check{background:#000000;color:#ffffff;border-color:#000000}
.range-btn > span{margin-left:5px;Font-size:12px;font-weight:300}

.item-sort-result{padding:0 15px 10px;display:flex;gap:5px;flex-wrap:wrap}
.item-sort-result > a {height:25px;font-size:12px;color:#fff}


/* 이미지 검색 */
.search-button{background:transparent;border:none;aspect-ratio:1;height:100%;display:flex;align-items:center;justify-content:center}
/* .search-button:hover{filter: invert(20%) sepia(96%) saturate(2143%) hue-rotate(208deg) brightness(96%) contrast(107%);} */
.search-button:hover{filter: invert(11%) sepia(80%) saturate(2424%) hue-rotate(206deg) brightness(93%) contrast(106%);}
.search-image{display:none;position:absolute;top:0;background:#f3f3f3;border-radius:5px;width:100%;z-index:5;box-shadow:0 0 5px #00000020;border:1px solid #00000025;padding:0 15px}
.search-image.active{display:block}
.search-image > h3{margin:0;padding:13px 0;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:space-between}
.search-image > h3 > button{background:transparent;border:none;font-weight:700}
.search-desc{padding:10px 0;font-size:13px;color:#333}
.search-drop {padding: 20px;position: relative;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#333;font-weight:500;background:#ffffff;border-radius:5px;border:1px dashed #ccc}
.search-drop button{background:#004fc9;border-radius:3px;color:#ffffff;padding:8px 20px;border:none;font-size:13px;font-weight:600}
.search-drop > img {max-width: 100%;max-height: 200px;}
.search-drop dl > dt > i{font-size:34px;color:#bbb}
.search-drop dl{display:inline-flex;flex-direction:column;margin:auto;text-align:left;align-items:center;gap:15px;text-align:center}
.search-drop dl b {color:#0068fe;text-decoration:underline;display:block}
.search-drop dl img{width:50px}
.search-drop-image{display:flex;flex-direction:column;align-items:center;gap:10px}
.search-drop-image > img{width:120px;aspect-ratio:1;object-fit:cover;border-radius:3px}

#searchImage2.search-image{background:transparent;padding:0;color:#ffffff;box-shadow:none}
#searchImage2.search-image .search-drop{background:#ffffff20;color:#ffffff;backdrop-filter: blur(10px);border:1px dashed #fff}
#searchImage2.search-image .search-desc{color:#ffffff}
#searchImage2.search-image .search-drop dl > dt > i{color:#fff}

/* 이미지 검색 등록 */
.search-request-container{display:flex;justify-content:center;padding:20px 15px 50px;border-bottom:1px solid #d9d9d9}
.search-request-container > dl{display:flex;gap:15px;margin:0 auto;align-items:center;max-width: 450px;width:100%}
.search-request-container > dl > dt{text-align: center}
.search-request-container > dl > dt > img{width:120px;aspect-ratio:1;object-fit:cover;border-radius:3px;border:1px solid #00000010}
.search-request-container > dl > dd {flex:1;font-size:16px}
#requestsubmit{white-space:nowrap}


/* 상품후기 */
.popup.review > .popup-close{display:none}
.popup.review .popup-content{max-width: 420px;max-height:800px;}
.popup.review .popup-body{position:relative;box-sizing: border-box;width: 100%;}
.popup.review .popup-close{position:absolute;top:-5px;right:-5px;border:none;background:transparent;font-size:20px;z-index:1;color:#000}


/* 메인비쥬얼 */
#main_banner1{min-width:var(--site-min-width);width:var(--site-width);height:600px;background:#000000;margin:0 auto}
#main_banner1 img{max-width:unset}
#main_banner1 .swiper-slide{overflow:hidden}
#main_banner1 .swiper-slide .image{height:100%}
#main_banner1 .swiper-slide .image > div {height:100%;background-repeat: no-repeat;background-position: center}
#main_banner1 .swiper-slide .youtube{position:absolute;min-height:100%;min-width:100%;z-index:-1;display:flex;align-items:center;justify-content:center;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#main_banner1 .swiper-slide .youtube > div {width:var(--site-width);aspect-ratio:16/9;background-size:cover;background-position:center;background-repeat:no-repeat}
#main_banner1 .swiper-slide .youtube > iframe{width:var(--site-width);aspect-ratio:16/9;}
#main_banner1 .swiper-slide .content{display:flex;height:100%;position:relative;margin:0 auto;justify-content:center;align-items:center;background:#00000099;z-index:2}
#main_banner1 .swiper-slide .content img{max-height:500px}
#main_banner1 .swiper-pagination-fraction{background:#000000aa;color:#ffffff;width:auto;left:50%;bottom:20px;transform:translateX(-50%);padding:5px 0;border-radius:50px;min-width:55px;font-size:12px}


/* 정밀 검수 */
.examine-title{background:#000000;color:#ffffff;display:flex;height:250px;justify-content:center;align-items:center;background-image:url('../img/examine_top.jpg');background-repeat:no-repeat;background-position:center;text-align:center;min-width:var(--site-min-width);width:var(--site-width)}
.examine-title .e1 {font-size:14px;font-weight:500}
.examine-title .e2 {font-size:50px;font-weight:700;line-height:1.2em}
.examine-title .e3 {font-size:18px;font-weight:500;margin-top:40px}
.ex-step{padding:15px}
.ex-step > h2{font-size:20px;margin:5px 0}
.ex-step > .brand{font-weight:900;font-size:12px}
.ex-step > .desc{font-size: 14px;color: #999;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom:10px}
.ex-step > .option{display: flex;gap: 5px;flex-wrap: wrap;margin-bottom:20px}
.ex-step > .option > div{border-radius: 3px;background: #f1f1f1;color: #616161;font-size: 12px;padding: 5px 10px;font-weight: 600;}
.ex-step > h3{font-size:18px;font-weight:700;margin:0 0 px}
.ex-step > ul{background:#f7f7f7;border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;display:grid;gap:20px;padding:15px;margin-bottom:15px}
.ex-step > ul > li{font-size:14px;letter-spacing:-0.05em;font-weight:600}
.ex-step > ul > li > span{display:block;font-size:10px;color:#666;font-weight:700;margin-bottom:5px}
.ex-container{display:flex;justify-content:space-between;margin:50px 0 0}
.ex-container > div{width:100%;max-width:550px}

/* 리뷰 */
.review-banner{margin:30px 0;background: rgb(2,0,36);background: linear-gradient(100deg, #1749b7 50%, #ffcc00 50.05%);display:flex;justify-content:center;min-width: var(--site-min-width);}
.review-banner img{max-width:100%}
.best-container.swiper {max-width:900px;margin:0 auto}
.best-container:not(.swiper) > div{display:flex;justify-content:center;gap:30px;max-width: var(--site-max-width);min-width: var(--site-min-width);width: var(--site-width);margin:0 auto}
.best-container .best-content{height:400px;width:280px;border-radius:10px;background:#00000020;position:relative;overflow:hidden}
.best-rank{position:absolute;left:15px;top:0;z-index:3}
.rank-content {width: var(--rank-width);height: calc(var(--rank-width) * 0.9);background-color: #1749b7;color:#ffffff;font-size:20px;font-weight:600;position: relative;display:flex;align-items:center;justify-content:center;}
.rank-content::after {content: "";position: absolute;display: block;bottom: calc(var(--rank-width) / 5 * -1);left: 0;height:calc(var(--rank-width) / 5);width:var(--rank-width);border: calc(var(--rank-width) / 2) solid #1749b7;border-top-width: 0;border-bottom-width: calc(var(--rank-width) / 5);border-bottom-color: transparent;box-sizing:border-box;}        .best-content > .image{width:100%;height:100%;overflow:hidden;position:relative;box-sizing: border-box;}
.best-content > .image > img{width:100%;height:100%;object-fit:cover;transition:transform .3s;position:absolute;left:0;top:0}
.best-content > .image > img.hover-image{opacity:0;transition:all .3s;background:#ffffff}
.best-content > i{font-size:30px;position:absolute;left:50%;transform:translateX(-50%);bottom:10px;color:#ffffff}
.best-content:hover > .image > img{transform:scale(1.08)}
.best-content:hover > .image > img.hover-image{opacity:1}
.best-point{background:#ffcc00;color:#0c2761;border-radius:10px;padding:5px 10px;position:absolute;right:10px;top:10px;font-weight:800;font-size:16px}
.best-text{background:#000000cc;width:100%;height:45%;position:absolute;left:0;bottom:0;padding:20px 20px 40px;color:#ffffff;display:flex;flex-direction:column;gap:3px}
.best-text .score{height:18px}
.best-text .user{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}
.best-container .swiper-scrollbar{display:none}
.review-photo{background:#ffcc00;width:35px;height:35px;font-size:18px;display:flex;justify-content:center;align-items:center;border-radius:5px;position:absolute;right:-5px;top:-5px;z-index:10}



/* 상품 리스트  */
.category-list1{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;padding:30px 15px;font-size:14px;max-width: var(--main-max-width);min-width: var(--site-min-width);width: var(--site-width);margin: 0 auto}
.category-list1 > a{font-weight:700;color:#000;text-align:center;position:relative;box-sizing:border-box;width: min(100px, 21%);}
.category-list1 > a > .image {position:relative;margin-bottom:3px;display:flex}
.category-list1 > a > .image > img{max-width:100px;width:100%!important;height:auto!important;aspect-ratio:1;border-radius:5px;object-fit:cover}
.category-list1 > a.active > .image::after{display:block;content:'';height:100%;aspect-ratio:1;background-image:url("../img/category_check.png");background-repeat:no-repeat;background-size:30% 30%;background-position:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.category-list2 {display:grid;gap:0;grid-template-columns:repeat(6,1fr);position:relative;overflow:hidden;max-width: var(--main-max-width);min-width: var(--site-min-width);width: var(--site-width);margin: 0 auto;}
.category-list2::before{content:'';display:block;width:100%;height:1px;position:absolute;top:0;left:0;background:#d9d9d9}
.category-list2:after{content:'';display:block;width:100%;height:1px;position:absolute;bottom:0;left:0;background:#d9d9d9;z-index:0}
.category-list2 > a {text-align:center;display: flex;justify-content:center;align-items:center;font-size:13px;font-weight: 700;color: #686868;letter-spacing:-0.03em;height:40px;position:relative;padding:10px}
.category-list2 > a::before{content:'';display:block;position:absolute;top:-1px;right:-1px;width:1px;height:100%;background:#d9d9d9}
.category-list2 > a::after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#d9d9d9}
.category-list2 + #sct_sortlst{border-top:none}
.category-list2 > a.active{color:#161616}
.category-list2 > a:hover::after,
.category-list2 > a.active::after{height:2px;background:#000000;z-index:1}
.category-list2 > a:nth-child(6n)::before{display:none}
.category-list1.search{padding:0 15px 30px}
.category-list1.search > a{width: min(200px, 51%);}
.category-list1.search > a > .image > img{max-width: 100%;aspect-ratio: 2/1}

/* 터치 장치에서 hover 효과 비활성화 */
@media (hover: none), (pointer: coarse) {
  .category-list2 > a:hover::after {
      background: #d9d9d9;
      height: 1px;
  }
}



#sct_sortlst{border:none;border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9;max-width: var(--main-max-width);min-width: var(--site-min-width);width: var(--site-width);margin: 0 auto;}
#item_sort{display:flex;align-items:center;justify-content:space-between;padding:0 15px;height:50px;max-width: var(--main-max-width);min-width: var(--site-min-width);width: var(--site-width);margin: 0 auto;position:relative}
#item_sort .item-sort-left{display:flex;align-items:center;gap:5px}
#item_sort .item-sort-left > span{padding:7px 10px;background:#ffffff;color:#161616;border-radius:3px;font-style:oblique;font-weight:900;font-size:12px;cursor:pointer;border:1px solid #ddd;box-sizing:border-box}
#item_sort .item-sort-left > span > i {color:#cccccc}
#item_sort .item-sort-left > span.active{color:#fff;background:#000000;border:none}
#item_sort .item-sort-left > span.active > i{color:#fff}
#item_sort .item-sort-right button {height:40px;line-height:40px;border:0;padding:0 10px;background:#fff}
#item_sort .item-sort-right ul:before {content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #bbb transparent}
#item_sort .item-sort-right ul:after {content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
#item_sort .item-sort-right ul {display:none;position:absolute;border:1px solid #bbb;z-index:99;right:0}
#item_sort .item-sort-right li {border-top:1px solid #eee}
#item_sort .item-sort-right li a {display:block;text-align:center;color:#666;background:#fff;border-color:#e9e9e9;padding:0 15px;line-height:40px;white-space:nowrap}


/* .selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.col-checkbox {position:relative}
.col-checkbox input[type="checkbox"] + label {position:relative;color:#676e70;display: flex;align-items: center;justify-content: center;}
.col-checkbox input[type="checkbox"] + label:hover{color:#2172f8}
.col-checkbox input[type="checkbox"] + label span {width:15px;height:15px;display:inline-block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.col-checkbox input[type="checkbox"]:checked + label {color:#000}
.col-checkbox input[type="checkbox"]:checked + label span {background:url('../img/chk.png') no-repeat 50% 50% #262626;border-color:#262626;border-radius:3px}
.col-checkbox input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.col-checkbox input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.col-checkbox input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #cdd6df;border-radius:50%}
.col-checkbox input[type="radio"]:checked + label {color:#305af9}
.col-checkbox input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#262626;content:'';position:absolute;top:3px;left:3px;border-radius:50%} */


[class^='status_']{background: #19191910;color: #191919;border:1px solid  #19191910;padding:5px 10px;font-weight:600;;border-radius:50px;display:inline-block;font-size:12px}
/* .status_01{background: #09a83610;color: #09a836;border:1px solid  #09a83610}
.status_02{background: #005e9a10;color: #005e9a;border:1px solid  #005e9a10}
.status_03{background: #ff720010;color: #ff7200;border:1px solid  #ff720010}
.status_04{background: #9a3c8a10;color: #9a3c8a;border:1px solid  #9a3c8a10}
.status_05{background: #19191910;color: #191919;border:1px solid  #19191910}
.status_06{background: #ff007310;color: #ff0073;border:1px solid  #ff007310} */

.form-button{grid-auto-flow: column;display:grid;grid-auto-columns: 1fr}
.form-button input[type='button'],
.form-button input[type='submit'],
.form-button button,
.form-button .button-white,
.form-button a {box-sizing:border-box;height:50px;font-size:16px;font-weight:600;background:#fff;border:1px solid #d9d9d9;color:#000;display:flex;justify-content:center;align-items:center}
.form-button .button-black,
.form-button input[type='submit'].button-black,
.form-button a.button-black{background:#161616;color:#fff;border-color:#161616;}
.form-button button.button-yellow, .form-button a.button-yellow{background:#ffcc00;border-color:#ffcc00;}

/* 마이페이지 */
    /* 회원정보 */
    #my_info{background:#161616;display:flex;align-items:center;justify-content:space-between;padding:50px 0;border-radius:10px;color:#ffffff;margin:0 15px;white-space:nowrap}
    #my_info a{color:#ffffff}
    #my_info > div{flex:1;padding:0 15px}
    #my_info .my-name{margin-left:30px;max-width:200px}
    #my_info .my-name > h2{font-size:30px;font-weight:700;margin-bottom:5px}
    #my_info .my-name > div{display:flex;align-items:center;gap:5px}
    #my_info .my-name > div > a{display:inline-block;padding:5px 8px;background:#ffffff;border-radius:3px;color:#333;font-size:12px;font-weight:600}
    #my_info .my-etc{font-size:16px}
    #my_info .my-etc-pe{display:flex;gap:0 25px;margin-bottom:5px;flex-wrap:wrap}
    #my_info .my-etc-pe > span{display:flex;align-items:center;gap:5px}
    #my_info .my-etc-pe i{color:#999;font-size:13px;}
    #my_info .my-coupon , .my-point{text-align:center;max-width:240px;border-left:1px solid #444444}
    #my_info .my-coupon h3, .my-point h3{font-size:16px;color:#f4f4f4;margin-bottom:5px}
    #my_info .my-coupon span, .my-point span{font-size:34px;font-weight:500}

    /* 주문통계 */
    .my-title{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:2px solid #161616;margin:0 15px}
    .my-title > h2{font-size:18px;font-weight:700;margin:0}
    .my-title > a{display:inline-block;padding:5px 8px;background:#ffffff;border-radius:3px;color:#333;font-size:12px;font-weight:600;border:1px solid #ccc;box-sizing:border-box}
    .my-step{display:flex;align-items:center;justify-content:space-evenly;border-bottom:2px solid #161616;border-top:2px solid #161616;padding:20px 100px;margin:0 15px}
    .my-title + .my-step{border-top:none;}
    .my-step > div{text-align:center;flex:1;max-width:100px}
    .my-step > div > h3{font-size:30px;margin-bottom:5px;font-weight:800}
    .my-step > div > span{font-size:14px;font-weight:600;color:#333;letter-spacing:-0.05em}
    .my-step > i{font-size:30px;color:#999}

    .table .tbody [class^='td-'].col-status .button{display:flex;margin:5px auto}

    /* 최근 주문내역 */
    .table[class*='table-itemlist-']{margin:0 15px}
    .table[class*='table-itemlist-'] .tbody {padding:15px 0;font-weight:500}
    .table[class*='table-itemlist-'] .tbody > [class^='td-']{padding:0}
    .table[class*='table-itemlist-'] .tbody{text-align:center}
    .table[class*='table-itemlist-'] .tbody .td-flex{text-align:left}
    .table[class*='table-itemlist-'] .close{top: 10px;color: #000000;font-size: 12px;background: transparent;border: 1px solid #d9d9d9;border-radius: 50px;padding: 0;display: flex;width: 23px;height: 23px;align-items: center;justify-content: center;}

    .table[class*='table-itemlist-'] .tbody.examine::before{content:'';width:100%;height:1px;display:block;background:#f0f0f0;top:-1px;left:0;position:absolute;}
    .table[class*='table-itemlist-'] .tbody.examine{background:#f7f7f7;position:relative;padding:0;}
    .table[class*='table-itemlist-'] .tbody.examine .col-examinelist{display: flex;align-items: center;gap: 5px;padding-left: 15px;}


    .table .tbody [class^='td-'] .it-option-btn {display:flex;gap:5px;align-items:center;margin-top:5px}
    .table .tbody .it-option-btn > a.button,
    .table .tbody .it-option-btn > button {height: 28px;padding: 0 8px;border: 1px solid #d4d6db;color: #161616;background: #fff;border-radius: 3px;font-size: 12px;font-weight: 600;}
    .table .tbody .it-option-btn > button.btn-buy{background:#161616;color:#ffffff;border-color:#161616}

    .table .tbody [class^='td-'].col-examine img{border-radius:3px;vertical-align: middle;height:80px;width:80px;aspect-ratio:1;object-fit:cover;cursor:pointer}
    .table .tbody [class^='td-'].col-item .item{display:flex;gap:10px;align-items:center}
    .table .tbody [class^='td-'].col-item .item .image img{border-radius:3px;vertical-align: middle;}
    .table .tbody [class^='td-'].col-item .item .info{}
    .table .tbody [class^='td-'].col-item .item .it-brand{font-size:10px;font-weight:900;height:13px}

    .table .tbody [class^='td-'].col-price {font-size:15px}
    .table .tbody [class^='td-'].col-price .price{font-weight:600}
    .table .tbody [class^='td-'].col-item .it-name{font-size:15px;font-weight:400}
    .table .tbody [class^='td-'].col-item .it-option{color:#777}
    .table .tbody [class^='td-'].col-item .it-option ul{display:grid;gap:5px;margin:5px 0}
    .table .tbody [class^='td-'].col-item .it-option li{display:flex;align-items:center;font-size:13px}
    .table .tbody [class^='td-'].col-item .it-option li:before {content:"옵션";display:inline-block;padding:3px;border-radius:3px;background:#e2eaf6;line-height:1em;color: #555;font-size: 12px;font-weight: 500;margin-right:5px}
    .table .tbody [class^='td-'].col-delivery{font-size:12px}

    /* 카트 */
    .table-itemlist-cart{border-top:2px solid #161616}
    .total-container > ul{display:grid;grid-template-columns:repeat(3,1fr);margin:60px 15px;border-top:2px solid #161616;letter-spacing:-0.05em;border-bottom:1px solid #d9d9d9}
    .total-container > ul > li{text-align:center;display:grid}
    .total-container > ul > li > span{padding: 10px 0;font-size: 14px;font-weight: 600;background:#f9f9f9;border-bottom:1px solid #d9d9d9}
    .total-container > ul > li > div{font-size:20px;font-weight:700;position:relative;}
    .total-container .price {display:flex;justify-content:center;align-items:center;gap:2px;padding:40px 0}
    .total-container .price > span{font-size:.9em}
    .total-container .total-cost .price{font-weight:500}
    .total-container .total-delivery .price{font-weight:500}
    .total-container .total-price .price{font-weight:700}
    .total-container .total-delivery .price::before{content:'+';display:block;font-size:22px;background:#161616;color:#ffffff;font-weight:300;border-radius:30px;position:absolute;;width:30px;height:30px;display:flex;align-items:center;justify-content:center;left:0;top:50%;transform:translate(-50%,-50%)}
    .total-container .total-delivery .price::after{content:'=';display:block;font-size:22px;background:#161616;color:#ffffff;font-weight:300;border-radius:30px;position:absolute;;width:30px;height:30px;display:flex;align-items:center;justify-content:center;right:0;top:50%;transform:translate(50%,-50%)}

    /* 공통 */
    #my_info, #smb_my_order, #smb_my_today, #smb_my_wish{margin-bottom:60px}


    /* 주문서작성 주문상세내역 */
    .sod-order{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin:60px 15px;letter-spacing:-0.05em}
    .sod-delivery{border-top:2px solid #161616;box-sizing:border-box;border-bottom:1px solid #161616}
    .sod-payment{border:5px solid #161616;box-sizing:border-box;padding:0 30px}
    .table-title {font-size:16px;display:flex;align-items:center;height:50px;border-bottom:1px solid #d9d9d9;padding:0 5px;justify-content:space-between;white-space:nowrap}
    .table-title > .desc{display:flex;align-items:center;gap:5px;font-size:13px;color:#888}
    .table-title > .required{background-image:none;font-size:13px;color:#888}
    .table-title > .required::before{content:'';display:inline-block;width:4px;height:4px;background:#ff0000;border-radius:10px}
    .table div.desc{color:#888;font-size:13px;margin-top:5px}

    .sod-delivery > .table-title{margin-top:3px}
    .sod-delivery .table{margin:10px}
    .sod-payment .table{margin:10px 5px}
    .sod-order .table [class^='th-']{font-size:14px;font-weight:500}
    .sod-order .table [class^='td-']{font-size:15px;font-weight:600}
    .sod-order .table .strong [class^='th-']{font-size:16px;font-weight:600}
    .sod-order .table .strong [class^='td-']{font-size:20px}
    .sod-order .table .strong [class^='td-'] .price{font-weight:800}
    .sod-order .sod-payment [class^='td-']{text-align:right}
    .sod-order .btn{height:auto;line-height:unset;padding:10px}
    .sod-order .price{font-weight:700}


    /* 주문상세내역 */
    .sod-odid{background:#161616;color:#ffffff;display:flex;align-items:center;justify-content:space-between;padding:15px;margin:0 15px;gap:5px}
    .sod-odid > dt{font-size:16px}
    .sod-odid > dd{font-size:14px}
    .sod-top{display:flex;align-items:center;justify-content:space-between;margin:0 15px}
    .sod-step{display:flex;align-items:center;gap:10px;font-weight:600;color:#999;font-size:15px;padding:10px 0}
    .sod-step .active{color:#161616}

    /* 주문서 작성 */
    .table-itemlist-order{border-top:2px solid #161616}
    .stretch.table [class^='td-']{padding:5px 0}
    .stretch.table [class^='th-'] label{vertical-align:unset;display:flex;align-items:center;gap:5px}
    .stretch.table [class^='th-'] label.required{background-image:none!important}
    .stretch.table [class^='th-'] label.required::after{content:'';display:inline-block;width:4px;height:4px;background:#ff0000;border-radius:10px}
    #sod_frm_paysel input[type='radio']{display:none}
    #sod_frm_paysel input[type='radio'] + label{background:#f1f1f1;border-radius:5px;display:flex;align-items:center;justify-content:center;height:40px;color:#666;font-weight:700;cursor:pointer}
    #sod_frm_paysel input[type='radio']:checked + label{background:#161616;color:#ffffff}
    #display_pay_button input[type='button']{
        box-sizing: border-box;height: 50px;font-size: 16px;font-weight: 600;background: #161616;border: 1px solid #161616;color: #fff;display: flex;justify-content: center;align-items: center;
        box-shadow: 0 0 10px #00000030;border-radius:0;width:100%;margin:30px 0;cursor:pointer
    }
    #display_pay_button a{display:none}
    #use_coupon, #use_dcoupon{display:none}



/* 검수사진 팝업 */
.popup-slide{
  --swiper-pagination-bottom:10px;
  --swiper-pagination-bullet-border-radius:50px;
  --swiper-pagination-bullet-size:10px;
  --swiper-pagination-bullet-inactive-opacity:1;
  --swiper-pagination-bullet-inactive-color:#969696;
  --swiper-pagination-bullet-opacity:1;
  --swiper-pagination-color:#444d55;
  --swiper-scrollbar-sides-offset: 35%;
  --swiper-scrollbar-bottom: 0;
  --swiper-scrollbar-drag-bg-color: #000000ee;
  padding-bottom:20px
}

.popup-slide .swiper-pagination-bullet {transition:width 0.2s ease,background 0.2s ease}
.popup-slide .swiper-pagination-bullet-active {width:40px}
.popup-slide .swiper-button-prev{transform: rotate(-45deg)}
.popup-slide .swiper-button-next{transform: rotate(135deg)}
.popup-slide .swiper-button-prev,
.popup-slide .swiper-button-next{width: 20px;height: 20px;display:inline-block;--arrow-color:#444d55;--arrow-width:8px;}
.popup-slide .swiper-button-prev::after,
.popup-slide .swiper-button-prev::before,
.popup-slide .swiper-button-next::after,
.popup-slide .swiper-button-next::before {content: '';position: absolute;border-radius:3px;background:var(--arrow-color)}
.popup-slide .swiper-button-next::before,
.popup-slide .swiper-button-prev::before {top: 1px; left: 0;width: var(--arrow-width);height: 30px}
.popup-slide .swiper-button-next::after,
.popup-slide .swiper-button-prev::after {top: 0;left: 1px;width: 30px;height: var(--arrow-width)}
.popup-slide .swiper-wrapper{}
.popup-slide .swiper-button-prev,
.popup-slide .swiper-button-next {--swiper-navigation-size:20px;--swiper-theme-color:#444d55;--swiper-navigation-sides-offset:0;--swiper-navigation-top-offset:50%;background:#ffffff99;padding:30px 20px;font-weight: normal}
.popup-slide {max-width:100%;max-height:100%;font-weight:800;--swiper-theme-color:#fff;--swiper-navigation-size:24px;--swiper-pagination-fraction-color:#fff;--swiper-pagination-bottom: 15px;}
.popup-slide .swiper-slide{display:flex;align-items:center;justify-content:center;user-select: none;aspect-ratio:1;}
.popup-slide .swiper-slide > div{width:100%;height:100%;position:relative;display:flex}
.popup-slide .swiper-slide > div > img{width:100%;aspect-ratio:1/1;object-fit:cover}

.popup-slide .swiper-slide > div > .watermark{position: absolute;right: 0;top: 50%;transform: translateY(calc(-50%));backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);border-radius: 10px;display: flex;width: 34%;height:14%;align-items: center;justify-content: center}
.popup-slide .swiper-slide > div > .watermark > img{margin-bottom:0;height:100%!important}




.examine-popup .popup-content{max-width:500px}
.examine-popup .popup-content > .title{margin-bottom:15px}
.examine-popup .popup-content .title-item{display:flex;gap:5px;align-items:center;padding:10px;background:#f4f4f4}
.examine-popup .popup-content .title-item > .title-image > img{height:50px;width:50px;aspect-ratio:1;object-fit:cover;border:1px solid #d9d9d9}
.examine-popup .popup-content .title-item h2{font-size:14px;font-weight:600}
.examine-popup .popup-content .title-item h3{font-weight:500;font-size:12px}
.examine-popup .popup-content .title-item > .title-name{flex:1}
.examine-popup .popup-content .title-item > div > span{color:#666666;font-size:13px;display:block}
.examine-popup .popup-content .title-item > div > span::before{content: "옵션";display: inline-block;padding: 3px;border-radius: 3px;background: #e2eaf6;line-height: 1em;color: #555;font-size: 12px;font-weight: 500;margin-right: 5px;}
.examine-popup .popup-content .title-item > div > div{color:#161616;font-size:13px}
.examine-popup .popup-content .title-item > .title-icon{font-size:24px;margin:10px}
.examine-popup .popup-content .title{position:relative;border:1px solid #d9d9d9}
.examine-popup .popup-content .title .title-select{display:none;position:absolute;left:0;bottom:0;transform:translateY(100%);box-shadow:0 5px 5px #00000025;width:100%;z-index:3}
.examine-popup .popup-content .title.active > .title-select{display:block}
.examine-popup .popup-content .title .title-select{border:1px solid #dfdfdf;box-sizing:border-box}
.examine-popup .popup-content .title .title-select > .title-item{background:#ffffff;cursor:pointer}
.examine-popup .popup-content .title .title-select > .title-item:not(:first-child){border-top:1px solid #d9d9d9}
.examine-popup .popup-content .title .title-select > .title-item:hover{background:#f4f4f4}

.examine-popup .popup-content > .title > span{font-size:13px;color:#666}
.examine-popup .aside-btn.big{max-width:100%;width:100%}
.examine-popup dl{letter-spacing:-0.05;margin-top:20px}
.examine-popup dt{font-size:14px;font-weight:600;padding:10px 0;border-bottom:1px solid #d9d9d9}
.examine-popup dd{font-size:14px;color:#333;padding:10px 0;line-height:1.8em}
.examine-popup .popup-content > .popup-close{right: 5px;top: 5px;color: #000000;font-size: 20px}
.examine-popup > .popup-close{display:none}



/* aside */
.aside-btn{max-width:400px;height:40px;border-radius:5px;display:flex;gap:5px;align-items:center;justify-content:center;font-size:13px;font-weight:700;box-sizing:border-box;border:1px solid #e4e4e4}
.aside-btn > img{height:20px}
.aside-btn.big{font-size:16px;font-weight:600;height:50px;max-width:250px}
.aside-btn.kakao{background:#feea00;margin-top:20px;color:#3b1d1d;border-color:#feea00}
.aside-btn.black{background:#000000;color:#ffffff;border-color:#000000}
.aside-btn.kakao > img{height:24px}
.aside-btn-container{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:10px;max-width:250px;}



 /* 접속 팝업 */
  .memeber-popup2{border-radius: 5px 5px 0 0;padding:20px;background:#000000;color:#ffffff;position:fixed;bottom:0;left:min(calc(50% + (var(--site-max-width) / 2) - 450px),calc(100% - 450px));width:400px;z-index:1000;
  -webkit-transform: translateY(100%); /* 크롬, 사파리, iOS */
    -moz-transform: translateY(100%); /* 파이어폭스 */
      -ms-transform: translateY(100%); /* IE 9 */
      -o-transform: translateY(100%); /* 구 오페라 */
          transform: translateY(100%); /* 표준 */

    -webkit-transition:transform .2s ease-out;
    -moz-transition:transform .2s ease-out;
    -ms-transition:transform .2s ease-out;
    -o-transition:transform .2s ease-out;
    transition:transform .2s ease-out;
  }

  .memeber-popup2.active{
    -webkit-transform: translateY(0); /* 크롬, 사파리, iOS */
      -moz-transform: translateY(0); /* 파이어폭스 */
        -ms-transform: translateY(0); /* IE 9 */
        -o-transform: translateY(0); /* 구 오페라 */
            transform: translateY(0); /* 표준 */
  }


 .pmemeber-content{font-size:16px;letter-spacing:-0.03em}
 .pmember-title span{color:#ffc600}
 .pmember-title > h3{font-weight:800;padding:0;font-size:18px}
 .pmember-close{font-size:14px;cursor:pointer}
 .pmember-close span{color:red}
 .pmember-examine{display:grid;grid-template-columns: repeat(4, 1fr);gap:4px;padding:15px 0}
 .pmember-examine > div{display:flex;border-radius:100px;width:100%;aspect-ratio:1;overflow:hidden}
 .pmember-examine > div > img {width:100%;height:100%;object-fit:cover;border-radius:2px;}
 .pmember-benefit{display:grid;grid-template-columns: repeat(2, 1fr);gap:10px;padding:10px 0}
 .pmember-benefit > a{background:#feea00;border-radius:5px;width:100%;color:#161616;padding:15px;letter-spacing: -0.05em;}
 .pmember-benefit > a > h3{font-size:12px;font-weight:500}
 .pmember-benefit > a > div{font-size:26px;text-align:center;font-weight:900}
 .pmember-review{width:100%;margin-top:10px}
 .pmember-review > a{background:#ffffff;border-radius:5px;width:100%;color:#161616;padding:15px;display:block;letter-spacing: -0.05em;}
 .pmember-review > a > h3{font-size:12px;font-weight:500}
 .pmember-review > a > div{font-size:26px}
 .pmember-review > a > div > b{font-weight:900;font-size:26px;letter-spacing: -0.05em;}



 /* 상품상세 후기 */
 .sit-review{margin-top:100px}
.sit-review-statistics{display:flex;align-items:center;justify-content:center;gap:30px;text-align:center;letter-spacing:-0.05em}
.sit-review-statistics li > h3{font-size:18px;font-weight:500;margin:0;line-height:1em}
.sit-review-statistics li > .per{font-size:48px;font-weight:800;display:flex;align-items:center;margin-left:10px;line-height:1em}
.sit-review-statistics li > .per > span{font-size:.7em}
.sit-review-statistics li > .graph{display:flex;align-items:center;justify-content:center;margin-top:5px;height:16px}
.sit-review-statistics li > .graph > img{height:16px}
.sit-review-statistics li > .graph > .bar{height:12px;background:#e7e7e7;border-radius:50px;width:100px;display:flex;;margin:0 auto}
.sit-review-statistics li > .graph > .bar > span{height:100%;background:#ffcc00;border-radius:50px}
.sit-review-desc{text-align:center;margin-top:30px;font-weight:500}
.sit-review-desc > b{font-weight:800}

.sit-review-ul{border-top:2px solid #000000;margin-top:50px}
.sit-review-ul > li {padding:20px 15px;border-bottom:1px solid #d9d9d9}
.sit-review-user > dt{display:flex;gap:10px;font-weight:500;font-size:14px}
.sit-review-user > dt > span{color:#999}
.sit-review-user > dd  img{height:14px}
.sit-review-user > dd > div{color:#888;display:flex;align-items:center;gap:10px;font-size:13px}
.sit-review-content {margin-top:10px;display:grid;gap:10px;font-size:14px;font-weight:500;text-align:left}
.sit-review-content > dt{color:#666;display:flex;align-items:center;gap:10px}
.sit-review-content > dt .line{width:1px;height:10px;background:#e4e4e4}
.sit-review-content .sit-review-image{display:grid;grid-template-columns:repeat(4,1fr);max-width:500px;width:100%;gap:5px}
.sit-review-content .sit-review-image > img{width:100%;object-fit:cover;aspect-ratio:10/12;border-radius:3px}
.sit-review-ul > li.sit-review-empty{padding:100px 0;text-align:center;font-size:14px;font-weight:500}

.sit-review-statistics li > h3{font-size:14px}
.sit-review-statistics li > .per{font-size:36px}
.sit-review-statistics li > .graph > img{height:14px}
.sit-review-statistics li > .graph > .bar{height:10px;width:80px}

.list-loading{margin: 20px auto;width: 300px;text-align: center;padding: 15px 20px;border: 1px solid #ddd;border-radius: 50px;font-weight: 500}
.list-loading:empty{display:none}