/*===========================================================================

	ℹ️ 메인 롤링상품진열 영역의 상품정보 스타일을 설정합니다.

	❗❗
	정보 표시설정 및 순서 변경은
	[괸리자 > 쇼핑몰설정 > 상품설정 > 상품 정보 표시 설정] 에서 설정해주세요.

	ℹ️ 기본적으로 사용되는 아래 예시 스타일 관련 태그를 참고하여 수정해주세요.
	ℹ️ 기존 설정된 태그 이외의 태그 설정 시, 오류가 발생 할 수 있습니다.

	▶️ 폰트크기 > -font_size: 12px; 또는 1.2rem;
	▶️ 폰트굵기 > -font_weight: 700; 또는 bold;
	▶️ 폰트색상 > -font_color : #000000;
	▶️ 폰트효과 > -font_deco : underline; 또는 line-through;
	▶️ 배경색상 > -bgcolor : #000000;
	▶️ 안쪽여백 > -padding : 0 0 0 0; 상단 우측 하단 좌측 순으로 입력
	▶️ 바깥여백 > -margin : 0 0 0 0; 상단 우측 하단 좌측 순으로 입력


============================================================================ */
.disp_main1 {

    /*상품명*/
    --item-prd_name-font_size: 1.4rem;
    --item-prd_name-font_color: var(--gray-90);
    --item-prd_name-font_weight: 600;
    --item-prd_name-line_height: 1.4;

    /*브랜드명*/
    --item-prd_brand-font_size: 1.3rem;
    --item-prd_brand-font_color: var(--gray-70);
    --item-prd_brand-font_weight: 500;
    --item-prd_brand-padding: 0 0 0.5rem 0;
    --item-prd_brand-line_height: 1.3;

    /*영문상품명*/
    --item-eng_product_name-font_size: 1.1rem;
    --item-eng_product_name-font_color: var(--font_color-gray);
    --item-eng_product_name-padding: 0.4rem 0 0.8rem 0;
    --item-eng_product_name-line_height: 1.3;

    /*요약설명*/
    --item-summary_desc-font_size: 1.2rem;
    --item-summary_desc-font_color: var(--font_color-gray);
    --item-summary_desc-padding: 1rem 0 0 0;
    --item-summary_desc-line_height: 1.5;

    /*간략설명*/
    --item-simple_desc-font_size: 1.1rem;
    --item-simple_desc-font_color: var(--font_color-gray);
    --item-simple_desc-padding: 0;
    --item-simple_desc-line_height: 1.5;

    /*소비자가*/
    --item-product_custom-font_size: 1.2rem;
    --item-product_custom-font_color: var(--gray-30);
    --item-product_custom-font_deco: line-through;
    --item-product_custom-margin: 0 0 0.7rem;

    /*할인율*/
    --item-sale_rate-font_size: 1.3rem;
    --item-sale_rate-font_weight: 600;
    --item-sale_rate-font_color: #cd7a47;
    --item-sale_rate-line_height: 1;
    --item-sale_rate-padding: 0;
    --item-sale_rate-margin: 0 0.5rem 0 0;
    --item-sale_rate-bgcolor: transparent;

    /*판매가*/
    --item-product_price-font_size: 1.3rem;
    --item-product_price-font_weight: 600;
    --item-product_price-font_color: var(--gray-80);
    --item-product_price-padding: 1rem 0 0 0;

    /*최적판매가*/
    --item-optimum_discount_price-font_size: 1.3rem;
    --item-optimum_discount_price-font_weight: 700;
    --item-optimum_discount_price-font_color: #fa6262;
    --item-optimum_discount_price-padding: 0.3rem 0 0 0;
}

/*===========================================================================

  📱 모바일 사이즈에서의 스타일을 별도로 정의 할 수 있습니다.

============================================================================ */
@media (max-width: 991.98px) {
    [theme-mode='r'] .disp_main1 {
    }
}
html.-html.-pc_template body #themeHeader {
  background-color: transparent;
  border-width: 0;
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
html.-html.-pc_template body #themeHeader.--main_on {
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
html.-html.-pc_template body #wrap #container #contents {
  padding: 0 !important;
}
html.-html.-pc_template body #wrap #container #contents main {
  padding-top: 0 !important;
}

#mainTop {
  padding: 0 5rem 10rem;
}
#mainTop .-inner {
  min-height: calc(var(--vh, 1vh) * 100 - var(--header-height) - 10rem);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: flex-end;
  gap: 5rem 10rem;
}
#mainTop .-inner .-lt {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
#mainTop .-inner .-lt h1 a img {
  height: 4rem;
}
#mainTop .-inner .-lt p {
  font-size: 3rem;
  line-height: 1.1;
  padding: 5rem 0 0;
}
#mainTop .-inner .-rt {
  display: flex;
  padding: 0 5rem;
}
#mainTop .-inner .-rt ul.-menus {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#mainTop .-inner .-rt ul.-menus li a {
  font-size: 2.6rem;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  position: relative;
}
#mainTop .-inner .-rt ul.-menus li a:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0.2rem;
  background-color: var(--font_color);
  content: "";
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#mainTop .-inner .-rt ul.-menus:has(a:hover) li a {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
}
#mainTop .-inner .-rt ul.-menus:has(a:hover) li a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: alpha(opacity=100);
}
#mainTop .-inner .-rt ul.-menus:has(a:hover) li a:hover:before {
  width: 100%;
}
@media (max-width: 991.98px) {
  #mainTop {
    padding: 3rem 2.6rem 7rem;
  }
  #mainTop .-inner {
    min-height: calc(var(--vh, 1vh) * 70 - var(--header-height) - 10rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem 0;
  }
  #mainTop .-inner .-lt h1 a img {
    height: 2rem;
  }
  #mainTop .-inner .-lt p {
    font-size: 1.4rem;
    line-height: 1.1;
    padding: 2rem 0 0;
  }
  #mainTop .-inner .-rt {
    margin-top: auto;
    padding: 0;
  }
  #mainTop .-inner .-rt ul.-menus {
    gap: 0.3rem 0;
  }
  #mainTop .-inner .-rt ul.-menus li a {
    font-size: 1.8rem;
  }
  #mainTop .-inner .-rt ul.-menus li a:before {
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
  }
}

#mainFullMovie {
  overflow: hidden;
}
#mainFullMovie:not(:has([use=Y])) {
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}
#mainFullMovie video {
  display: block;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  object-fit: cover;
}
@media (max-width: 991.98px) {
  #mainFullMovie video {
    height: auto !important;
    min-height: 50vh !important;
  }
}

#mainProduct {
  overflow: hidden;
  visibility: hidden;
  padding: 18rem var(--body-side_padding) 18rem;
}
#mainProduct:not(:has([use=Y])) {
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}
#mainProduct.-on {
  visibility: visible;
}
#mainProduct .-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 0 8rem;
  gap: 4rem 0;
  line-height: 1.4;
}
#mainProduct .-title h3 {
  font-size: 4rem;
  font-weight: 200;
}
#mainProduct .-title div {
  display: flex;
  justify-content: center;
}
#mainProduct .-title div a {
  display: inline-block;
  position: relative;
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--gray-50);
}
#mainProduct .-title div a:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0.1rem;
  padding: 0 0 0.2rem;
  background-color: var(--font_color);
  content: "";
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#mainProduct .-title div a:hover:before {
  width: 100%;
}
@media (max-width: 991.98px) {
  #mainProduct .-title {
    padding: 0 0 4rem;
  }
  #mainProduct .-title h3 {
    font-size: 2rem;
  }
  #mainProduct .-title h3 br {
    display: none;
  }
}

#mainFullBanners {
  display: block;
}
#mainFullBanners > div {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #f8f8f8;
  background-size: contain;
}
#mainFullBanners > div div > img {
  display: none;
}
#mainFullBanners > div:nth-child(2) {
  background-color: #fff;
  -webkit-box-shadow: 0 -80px 77px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 -80px 77px 0 rgba(0, 0, 0, 0.09);
}
#mainFullBanners > div:nth-child(2) a {
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  background: none !important;
}
#mainFullBanners > div:nth-child(2) a img {
  height: 50vh !important;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  overflow: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  margin: 0 auto !important;
}
#mainFullBanners > div:nth-child(2) a:hover img {
  -moz-transform: scale(1.012);
  -webkit-transform: scale(1.012);
  -o-transform: scale(1.012);
  -ms-transform: scale(1.012);
  transform: scale(1.012);
}
#mainFullBanners > div .-cont {
  color: #000;
  text-align: center;
  padding: 0 30px;
}
#mainFullBanners > div .-cont h2 {
  font-size: 42px;
  display: block;
  line-height: 1.1;
  padding: 0 0 12px;
}
@media (max-width: 991.98px) {
  #mainFullBanners > div .-cont h2 {
    font-size: 24px;
  }
}
#mainFullBanners > div .-cont h3 {
  font-size: 24px;
}
@media (max-width: 991.98px) {
  #mainFullBanners > div .-cont h3 {
    font-size: 17px;
    padding: 0 3rem;
  }
}
#mainFullBanners > div .-cont p {
  font-size: 15px;
  display: block;
  padding: 15px 0 24px;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: alpha(opacity=75);
}
@media (max-width: 991.98px) {
  #mainFullBanners > div .-cont p {
    font-size: 13px;
    padding: 0 3rem;
  }
}
#mainFullBanners > div .-cont a {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font-size: 13px;
  margin: 10px 0 0;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  position: relative;
  padding: 17px 22px;
  border: #fff 0.1rem solid;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  overflow: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#mainFullBanners > div .-cont a:hover {
  background-color: rgba(0, 0, 0, 0.15);
  color: #fff;
}
#mainFullBanners > div .-cont.--dark {
  color: rgba(0, 0, 0, 0.7);
}
#mainFullBanners > div .-cont.--dark h2 {
  color: rgba(0, 0, 0, 0.8);
}
#mainFullBanners > div .-cont.--dark a {
  border-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 991.98px) {
  #mainFullBanners > div .-cont a {
    padding: 15px 18px;
  }
}
#mainFullBanners .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#mainFullBanners .content--sticky {
  width: 100vw;
  position: sticky;
  top: 0;
  --offset: 0px;
  top: var(--offset);
  height: calc(100vh - var(--offset));
}
#mainFullBanners .content--grid,
#mainFullBanners .content--grid .content__inner {
  display: flex;
  overflow: hidden;
  align-content: center;
  justify-items: center;
}
#mainFullBanners .content--grid:has(.content__inner) {
  display: block;
  padding: 0;
}
#mainFullBanners .content__inner {
  width: 100%;
  height: 100%;
  border-radius: 0 0 2rem 2rem;
}
#mainFullBanners .content--card {
  display: flex;
  flex-direction: column;
  height: 80vh;
  width: 95vw;
  max-width: 500px;
  aspect-ratio: 0.8;
  top: 10vh;
  margin: auto;
  border-radius: 14px;
  gap: 3vh;
  text-align: center;
  margin-bottom: 5vh;
}
#mainFullBanners .content--card .content__title {
  font-size: clamp(1.5rem, 4vw, 3.5rem);
}
#mainFullBanners .content--card .content__title i {
  display: block;
}
#mainFullBanners .content--half {
  display: flex;
  flex-direction: column;
  gap: 3vh;
  text-align: center;
}
#mainFullBanners .content--half:nth-child(odd) {
  margin-left: auto;
}
#mainFullBanners .content__img {
  grid-area: content-img;
  width: 50%;
  max-width: 300px;
  height: auto;
}
#mainFullBanners .content__img--large {
  width: 60%;
  height: auto;
}
#mainFullBanners .content__img--small {
  height: 35%;
  width: auto;
}
#mainFullBanners .spacer {
  margin-top: 20vh;
}

/*# sourceMappingURL=main.css.map */

@charset "utf-8";

/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */

/* tag reset */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
body#popup { min-width:0; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }
hr.layout { display:none; }
a { text-decoration:none; color: inherit; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-100rem; top:-100rem; height:0; width:0; }
#content_CONTAINER table, #bi_inquire_content_CONTAINER table { border:0; margin:0 0 -0.1rem; }
#content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before { display:none; }
#content_CONTAINER td, #bi_inquire_content_CONTAINER td { width:auto !important; padding:0; }
table.nneditor-table { width:auto !important; }

/* 결제진행바 */
#progressPaybarBackground { position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; }
#progressPaybarView { position:absolute; z-index:100; top:16rem; left:2rem; width:47.1rem; font-size:1.2rem; }
#progressPaybarView .box { height:18rem; background:url(//img.cafe24.com/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0 0 no-repeat; }
#progressPaybarView .box .graph { padding:1.5rem 0 0 0; text-align:center;}
#progressPaybarView .box .graph span { display:block; text-align:center; margin:2rem 0; }
#progressPaybarView .box .txt { text-align:center; padding:1.5rem 0 0; color: var(--colors-font-404040); }
div.layerProgress { filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; background-color: var(--colors-bg-939393); }

/* contents */
#skipNavigation {position:absolute; top:0; left:0; z-index:100; width:100%; height:0;}
#skipNavigation p, #skipNavigation ul, #skipNavigation ul li {height:0;}
#skipNavigation p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:0.1rem; height:0.1rem; margin-left:-0.1rem; margin-bottom:-0.1rem; text-align:center; color:var(--colors-font-000000); white-space:nowrap;}
#skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active {width:100%; height:auto; padding:1rem 0; background:#c4122f; color:var(--colors-font-ffffff); z-index:100;}

.displaynone { display:none; }


.dimmed { position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background: var(--body-bgcolor); opacity:0.8; filter:alpha(opacity=80); }

/* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */
@charset "utf-8";

/* Layout */
#header { position:relative; border-bottom:0.1rem solid var(--colors-border-d8d8d8);  }
#header:before { position:absolute; top:3.5rem; left:0; content:""; width:100%; height:0; border-top:0.1rem solid var(--colors-border-d8d8d8); }
#header:after { position:absolute; bottom:4.5rem; left:0; content:""; width:100%; height:0; border-top:0.1rem solid var(--colors-border-d8d8d8); }
#header .inner { position:relative; width:121.8rem; margin:0 auto; *zoom:1; }
#header .inner:after { content:""; display:block; clear:both; }
#header .topArea { height:112px; padding:8.3rem 0 0; text-align:center; *zoom:1; }
#header .topArea:after { content:""; display:block; clear:both; }
#header .special { float:left; border-left:0.1rem solid var(--colors-border-d8d8d8); }
#header .special li { float:left; }
#header .special a { display:block; height:2rem; padding:1.6rem 1.5rem 0.9rem; border-right:0.1rem solid var(--colors-border-d8d8d8); color:var(--colors-font-353535); text-decoration:none; }
#header .special a:hover { color:var(--colors-font-008bcc); padding-bottom:0.7rem; border-bottom:0.2rem solid #008bcc; }
#header .link { position:absolute; left:0; top:0; height:3.5rem; line-height:3.5rem; }
#header .link > a,
#header .link > span { float:left; }
#header .link > a { margin:0 0.9rem 0 0; padding:0 1rem 0 0; color:var(--colors-font-666666); text-decoration:none; background:url("//img.echosting.cafe24.com/skin/base/common/ico_bar.gif") no-repeat 100% 1.2rem; }
#header .link > span img { vertical-align:middle; }
#header .link .xans-layout-bookmark span { padding-left:1.7rem; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_bookmark.png") no-repeat 0 0.1rem; }

#wrap { position:relative; width:146rem; margin:2.7rem auto 0; }
#container { width:121.8rem; margin:0 auto; *zoom:1; }
#container:after { content:""; display:block; clear:both; }
#sidebar { float:left; width:18rem; }
#sidebar .banner { padding:0 0 2rem; border-bottom:0.1rem solid var(--colors-border-e8e8e8); }
#sidebar .banner p a { display:block; position:relative; height:2rem; margin:0 0 0 1rem; padding:1rem 0 1rem 2.5rem; font-size:1.3rem; font-weight:700; line-height:2rem; }
#sidebar .banner [class*="Banner"]:before {  position:absolute; top:1.1rem; left:0;  content:""; display:block; width:2rem; height:2rem; background:url("//img.echosting.cafe24.com/skin/base/layout/sfix_sidebar_banner.png") no-repeat; }
  #sidebar .banner p a.giftBanner:before { background-position:0 0; }
  #sidebar .banner p a.opdiaryBanner:before { background-position:-5rem 0; }
  #sidebar .banner p a.sosBanner:before { background-position:-10rem 0; }
  #sidebar .banner p a.attendBanner:before { background-position:0 -5rem; }
  #sidebar .banner p a.couponzoneBanner:before { background-position:-5rem -5rem; }
  #sidebar .banner p a.calendarBanner:before { background-position:-10rem -5rem; }
#sidebar .banner [class*="Banner"]:hover { text-decoration:none; }
#contents { float:right; width:1014px; }
#contents .visual img { max-width:100%; }
#banner { position:absolute; top:0; left:0; width:9rem; }
#quick { position:absolute; top:0; right:0; width:9rem; }
#quick .banner a { display:block; margin:1.5rem 0 0; }

#footer { position:relative; margin:4rem 0 0 0; border-top:0.1rem solid var(--colors-border-e8e8e8);  border-bottom:4.5rem solid var(--colors-border-e8e8e8); }
#footer:before { position:absolute; top:4.4rem; left:0; content:""; width:100%; height:0; border-bottom:0.1rem solid var(--colors-border-e8e8e8); }
#footer .inner { overflow:hidden; position:relative; width:121.8rem; margin:0 auto -4.5rem; *zoom:1; }
#footer .inner:after {  content:""; display:block; clear:both; }

/* Main */
#boardArea { overflow:hidden; margin:5rem 0 0; border-top:0.1rem solid var(--colors-border-d8d8d8); }
#bannerArea { margin:2.2rem 0 0; }
#bannerArea h2 { margin:0 0 1.6rem; font-weight:normal; font-size:2rem; color:var(--colors-font-2e2e2e); text-align:center; }

/* 게시판 메인 */
.boardMain { overflow:hidden; *zoom:1; }
.boardMain td img { vertical-align:middle; margin:0.1rem; }
.boardMain .board { position:relative; margin:0 0 6.5rem; }
.boardMain .leftArea { float:left; width:50%; }
.boardMain .leftArea .board { margin:0 2.3rem 6.5rem 0; }
.boardMain .rightArea { float:right; width:50%; }
.boardMain .rightArea .board { margin:0 0 6.5rem 2.3rem; }
.boardMain .board h3 { margin:0 0 1.3rem; height:2.8rem; font-size:1.6rem; color:var(--colors-font-2e2e2e); border-bottom:0.2rem solid #626672; }
.boardMain .board .btnLink { position:absolute; top:0.3rem; right:0; }
.boardMain .board .ec-base-table.typeList td { color:#a4a4a4; }
.boardMain .board .ec-base-table.typeList td.title a,
.boardMain .board .ec-base-table.typeList td.title a:hover { color:#4f4f4f; }
.boardMain .board .galleryList { overflow:hidden; }
.boardMain .board .galleryList ul { overflow:hidden; margin:0 -1rem; }
.boardMain .board .galleryList li { float:left; position:relative; width:20%; padding:0 0 1.2rem 0; word-break:break-all; }
.boardMain .board .galleryList li span { display:block; margin:0 1rem; font-size:1.1rem; color:#a4a4a4; }
.boardMain .board .galleryList li .imgLink,
.boardMain .board .galleryList li .imgLink:hover { display:block; margin:0 1rem 0.5rem; font-size:1.2rem; }
.boardMain .board .galleryList li .imgLink img { width:100%; max-height:11rem; border:0.1rem solid var(--colors-border-ededed); }

/* 퀵뷰 모달 */
#modalBackpanel { display:none; position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:var(--colors-bg-000000); }
#modalContainer { display:none; position:absolute; top:10rem; left:10rem; z-index:10001; width:97.5rem; height:72rem; border:0.1rem solid #333; background:var(--colors-bg-ffffff); }
#modalContainer #modalContent { width:100%; height:100%; }
/* Font */
.txtInfo { color: var(--colors-font-707070); }
.txtWarn { color: var(--colors-font-f76560); }
.txtEm { color:var(--colors-font-008bcc); }
.txtDel, .strike, .discount { text-decoration:line-through; font-weight:normal; }
.strike strong, .discount strong { font-weight:normal; }
.txtNormal { font-weight:normal; font-style:normal; }
.txtNum { display:inline-block; font-size:1.1rem; color: var(--colors-font-939393); word-break:normal; }
.txt11 { font-size:1.1rem; }
.txt12 { font-size:1.2rem; }
.txt14 { font-size:1.4rem; }
.txt16 { font-size:1.6rem; }
.txt18 { font-size:1.8rem; letter-spacing:-0.1rem; }
.txtIcon { font-size:1.2rem; font-style:normal; }
.txtBreak { word-break:break-all; word-wrap:break-word; }
  /* JP, TW, CN */
  html:lang(ja) .txt11,
  html:lang(zh) .txt11,
  html:lang(zh-tw) .txt11 { font-size:1.2rem; }

/* grid */
.gBlank5 { display:block; margin-top:0.5rem; }
.gBlank10 { display:block; margin-top:1rem; }
.gBlank20 { display:block; margin-top:2rem; }
.gBlank30 { display:block; margin-top:3rem; }
.gIndent10 { margin-left:1rem; }
.gIndent20 { margin-left:2rem; }
.gSpace10 { margin-right:1rem; }
.gSpace20 { margin-right:2rem; }
.gMerge { position:relative; z-index:1; margin-top:-0.1rem; }

/* ec-base-qty */
.ec-base-qty { position:relative; display:inline-block; width:5rem; margin:0 0.1rem 0 0; text-align:left; }
.ec-base-qty input[type="text"] { width:2.2rem; height:2.3rem; padding:0 0 0 0.5rem; line-height:2.5rem; border:0.1rem solid var(--colors-border-d4d8d9); border-radius:0.3rem 0 0 0.3rem; }
.ec-base-qty .up { position:absolute; left:2.7rem; top:0; }
.ec-base-qty .down { position:absolute; left:2.7rem; bottom:0; }
.ec-base-qty .qtyUp {position:absolute; left:2.7rem; top:0;}
.ec-base-qty .qtyDown { position:absolute; left:2.7rem; bottom:0;}
.ec-base-qty .qtyUp .up { position:static; left:auto; top:auto; }
.ec-base-qty .qtyDown .down { position:static; left:auto; top:auto; }

/* ec-base-chk */
.ec-base-chk { display:inline-block; position:relative; margin:0 0.8rem 0 0; width:2.2rem; height:2.2rem; vertical-align:top; cursor:pointer; }
.ec-base-chk input { z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.ec-base-chk .checkbox { position:absolute; top:0; left:0; width:100%; height:100%; background:url("//img.echosting.cafe24.com/skin/base/common/bg_join_check.png") no-repeat 0 0; }
.ec-base-chk input:checked + .checkbox { background-position:-3.4rem 0; }

/* Form */
input,select,textarea { font-size:100%; color:var(--colors-font-353535); vertical-align:middle; }
input[type=radio],
input[type=checkbox] { width:1.3rem; height:1.3rem; border:0; }
input[type=text],
input[type=password] { height:2.4rem; line-height:2rem; padding:0.2rem 0.4rem; border:0.1rem solid var(--colors-border-d5d5d5); color:var(--colors-font-353535); font-size:1.2rem; }
input[type=radio] + label, input[type=checkbox] + label { margin:0 0.4rem 0 0.2rem; }
select { height:2.4rem; border:0.1rem solid var(--colors-border-d5d5d5); }
textarea { padding:0.5rem 0.6rem; border:0.1rem solid var(--colors-border-d5d5d5); line-height:1.5; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: var(--colors-font-cccccc); }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: var(--colors-font-cccccc); }
input::-moz-placeholder, textarea::-moz-placeholder { color: var(--colors-font-cccccc); opacity:1; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }

table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 0.3rem 0 0 !important; vertical-align:middle !important; background:none !important; }

.gLabel { display:inline-block; }
.gLabel label { margin-right:2rem; line-height:2.2rem; }
.fWidthFull input[type=text] { width:100%; height:2.4rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fWidthFull textarea { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fWidthFull select { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fList.typeHor .gLabel { margin-right:2rem; }
.fList.typeVer .gLabel { display:block; }

/* ec-base-radio */
.ec-base-radio.typeDelivery .ec-base-label{display:block;}

.ec-base-tooltip { display:none; z-index:2; position:absolute; top:2.4rem; padding:1.5rem; border:0.1rem solid var(--colors-border-565960); background:var(--colors-bg-ffffff);
    -webkit-box-shadow: 0.3rem 0.3rem 0.3rem 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0.3rem 0.3rem 0.3rem 0px rgba(0,0,0,0.15);
    box-shadow: 0.3rem 0.3rem 0.3rem 0px rgba(0,0,0,0.15);
}
.ec-base-tooltip h3 { margin:0 0 0.8rem; padding:0 1rem; font-size:1.2rem; border-bottom:0; background:url("//img.echosting.cafe24.com/skin/base/common/ico_layer_title.gif") no-repeat 0 50%; }
.ec-base-tooltip h3 + p { margin:0 0.5rem 1rem; }
.ec-base-tooltip h4 { margin:1.5rem 1rem 0.8rem 0.5rem; font-size:1.2rem; }
.ec-base-tooltip h4:before { display:inline-block; content:""; margin:0 0.5rem 0 0; width:0.3rem; height:0.3rem; background:#666; vertical-align:middle; }
.ec-base-tooltip .btnClose { position:absolute; right:1.4rem; top:1.4rem; }
.ec-base-tooltip .edge { z-index:20; position:absolute; left:50%; top:-0.6rem; display:block; margin:0 0 0 -0.5rem; width:1rem; height:0.6rem; }
.ec-base-tooltip .edge:before,
.ec-base-tooltip .edge:after { display:inline-block; content:""; position:absolute; top:0; width:0; height:0; border:solid transparent; }
.ec-base-tooltip .edge:before { margin:0.1rem 0 0; border-bottom-color:#565960; border-width:0 0.5rem 0.5rem 0.5rem; }
.ec-base-tooltip .edge:after { left:0.1rem; margin:0.2rem 0 0; border-bottom-color:var(--colors-font-ffffff); border-width:0 0.4rem 0.4rem 0.4rem; }
.ec-base-tooltip table th,
.ec-base-tooltip table td { padding:0.8rem 1rem 0.7rem 1rem; border:0.1rem solid var(--colors-border-e8e8e8); line-height:1.5em; }
.ec-base-tooltip table th { padding-right:0; background:var(--colors-bg-fbf9fa); }
.ec-base-tooltip table thead th { text-align:center; }
.ec-base-tooltip table tbody th { text-align:left; }
.ec-base-tooltip table .left { text-align:left; }
.ec-base-tooltip table .center { text-align:center; }
.ec-base-tooltip table .right { text-align:right; }
.ec-base-tooltip table .info { padding:0; color:var(--colors-font-757575); }
.ec-base-tooltip table p.info:before,
.ec-base-tooltip table ul.info li:before { display:inline-block; content:""; margin:0 0.3rem 0 0; width:0.4rem; height:0.1rem; background:#757575; vertical-align:middle; }
.ec-base-tooltip .info { padding:1rem 1rem 0; margin:0.5rem 0 0; }
.ec-base-tooltip p.bullet,
.ec-base-tooltip ul.bullet { margin:0.8rem 1rem; }
.ec-base-tooltip p.bullet:before,
.ec-base-tooltip ul.bullet li:before { display:inline-block; content:""; margin:-0.3rem 0.3rem 0 0; width:0; height:0; border:solid transparent; border-left-color:var(--colors-font-333333); border-width:0.2rem 0 0.2rem 0.2rem; vertical-align:middle; }
.ec-base-tooltip ul.bullet li { line-height:1.5em; }
.ec-base-tooltip .txtEm { color:var(--colors-font-008bcc); }
.ec-base-tooltip .txtWarn { color:#f65b54; }

/* typeUpper */
.ec-base-tooltip.typeUpper { top:auto; bottom:3.4rem; }
.ec-base-tooltip.typeUpper .edge { top:auto; bottom:-0.6rem; }
.ec-base-tooltip.typeUpper .edge:before { margin:0 0 -0.5rem; border-top-color:#565960; border-width:0.5rem 0.5rem 0 0.5rem; }
.ec-base-tooltip.typeUpper .edge:after { left:0.1rem; margin:0 0 -0.4rem; border-top-color:var(--colors-font-ffffff); border-width:0.4rem 0.4rem 0 0.4rem; }
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li { margin:0.2rem 0.9rem; padding:0.1rem 0 0.1rem 2rem; line-height:1.4; text-align:left; background:url('//img.echosting.cafe24.com/skin/base/common/ico_info.gif') no-repeat 0 0.2rem; }

div.ec-base-help { margin:2rem 0; border:0.1rem solid var(--colors-border-d6d4d4); line-height:1.8rem; }
div.ec-base-help > h2,
div.ec-base-help > h3 { padding:0.9rem 0 0.6rem 1rem; border-bottom:0.1rem solid var(--colors-border-e8e7e7); color: var(--colors-font-101010); font-size:1.2rem; background:var(--colors-bg-fbfbfb); }
div.ec-base-help .inner { padding:0 0.9rem 1.2rem; }
div.ec-base-help h4 { margin:2.2rem 0 -0.4rem; color:var(--colors-font-404040); font-size:1.2rem; font-weight:normal; }
div.ec-base-help h4:first-child { margin-top:1.3rem; }
div.ec-base-help p { margin:1.5rem 0 0 1rem; color: var(--colors-font-707070); }
div.ec-base-help ul,
div.ec-base-help ol { margin:1.5rem 0 0 1.1rem; }
div.ec-base-help li { color: var(--colors-font-707070); }

/* number */
div.ec-base-help ol li { padding:0 0 0 2.5rem; background:url('//img.echosting.cafe24.com/skin/base/common/ico_number.png') no-repeat; }
div.ec-base-help ol .item1 { background-position:-48.4rem 0; }
div.ec-base-help ol .item2 { background-position:-43.4rem -10rem; }
div.ec-base-help ol .item3 { background-position:-38.4rem -20rem; }
div.ec-base-help ol .item4 { background-position:-33.4rem -30rem; }
div.ec-base-help ol .item5 { background-position:-28.4rem -40rem; }
div.ec-base-help ol .item6 { background-position:-23.4rem -50rem; }
div.ec-base-help ol .item7 { background-position:-18.4rem -60rem; }
div.ec-base-help ol .item8 { background-position:-13.4rem -70rem; }
div.ec-base-help ol .item9 { background-position:-8.4rem -80rem; }
div.ec-base-help ol .item10 { background-position:-3.4rem -90rem; }

/* typeDash */
div.ec-base-help ul li { padding:0 0 0 1.1rem; background:url('//img.echosting.cafe24.com/skin/base/common/ico_dash.gif') no-repeat 0 0.7rem; }
.ec-base-help.typeDash li { padding:0 0 0 1.1rem; background:url("//img.echosting.cafe24.com/skin/base/common/ico_dash.gif") no-repeat 0 0.7rem; }
.ec-base-tooltip .ec-base-help.typeDash li { margin:0.2rem 0; }
.ec-base-product { margin: 2.2rem 0 0; }
.ec-base-product .title { margin:0 0 1.7rem; }
.ec-base-product .title h2 { font-weight:normal; font-size:2rem; color:var(--colors-font-2e2e2e); text-align:center; }
.ec-base-product .title h3 { font-weight:normal; font-size:2rem; color:var(--colors-font-2e2e2e); text-align:center; }
.ec-base-product img { vertical-align:middle; }
.ec-base-product a[href^='/product/detail.html'] > img { border:0.1rem solid var(--colors-border-ececec); }

.ec-base-product .prdList { width:100%; margin: 0; font-size:0; line-height:0; display: grid;}
.ec-base-product .prdList > li { position:relative; display:inline-block; margin: 0; color:var(--colors-font-757575); vertical-align:top; }

.ec-base-product .prdList .chk { position:absolute; top:-1rem; left:0; right:0; display:block; margin:0 0 1rem; }
.ec-base-product .prdList .thumbnail { position:relative; margin:1rem 0.7rem; text-align:center; }
.ec-base-product .prdList .thumbnail .prdImg { position:relative; }
.ec-base-product .prdList .thumbnail a img { max-width:100%; box-sizing:border-box; }
.ec-base-product .prdList .thumbnail .wish { position:absolute; right:0.3rem; bottom:0.4rem; z-index:1; cursor:pointer; }
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }
.ec-base-product .prdList .thumbnail .icon { margin:1rem 0 0; border-bottom:0.1rem solid var(--colors-border-e8e8e8); vertical-align:middle; }
.ec-base-product .prdList .thumbnail .icon:after { content:""; display:block; clear:both; }
.ec-base-product .prdList .thumbnail .promotion { float:left; margin:0 0 0.4rem; text-align:left; }
.ec-base-product .prdList .thumbnail .promotion img { margin:0 0.4rem 0 0; }
.ec-base-product .prdList .thumbnail .button { float:right; margin:0 0 0.4rem; }
.ec-base-product .prdList .thumbnail .button img { margin:0 0.2rem 0 0; cursor:pointer; }
.ec-base-product .prdList .thumbnail .button .option { display:inline; position:relative; }
.ec-base-product .prdList .thumbnail .button .likeButton { display:inline-block; margin:0 0.5rem; }
.ec-base-product .prdList .thumbnail .button .likeButton button { font-family:verdana; color:var(--colors-font-9a9a9a); letter-spacing:-0.1rem; background:none; }
.ec-base-product .prdList .thumbnail .button .likeButton button img { margin:0; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .button .likeButton button strong {height:1.6rem; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .button .likeButton.selected button { color:var(--colors-font-353535); }

.ec-base-product .prdList .description { margin:0 auto; padding:0 0.7rem; font-size:1.2rem; line-height:1.8rem; text-align:center; }
.ec-base-product .prdList .description .name { display:block; text-align:left; font-weight:normal; }
.ec-base-product .prdList .description .name a { color:var(--colors-font-2e2e2e); }
.ec-base-product .prdList .description .mileage { display:block; }
.ec-base-product .prdList .description span.grid { display:block; }
.ec-base-product .prdList .description .ec-base-help { margin-left:0; }

/* grid */
.ec-base-product ul.prdList.grid1 {grid-template-columns: repeat(1, 1fr); gap: var(--prdList-gap_1);}
.ec-base-product ul.prdList.grid2 {grid-template-columns: repeat(2, 1fr); gap: var(--prdList-gap_2);}
.ec-base-product ul.prdList.grid3 {grid-template-columns: repeat(3, 1fr); gap: var(--prdList-gap_3);}
.ec-base-product ul.prdList.grid4 {grid-template-columns: repeat(4, 1fr); gap: var(--prdList-gap_4);}
.ec-base-product ul.prdList.grid5 {grid-template-columns: repeat(5, 1fr); gap: var(--prdList-gap_5);}
.ec-base-product ul.prdList.grid6 {grid-template-columns: repeat(6, 1fr); gap: var(--prdList-gap_6);}

/*.ec-base-product ul.grid2 > li { width:50%; }*/
/*.ec-base-product ul.grid3 > li { width:33.33%; }*/
/*.ec-base-product ul.grid4 > li { width:25%; }*/
/*.ec-base-product ul.grid5 > li { width:20%; }*/
/*.ec-base-product ul.grid3 > li .color { max-width:23rem; }*/
/*.ec-base-product ul.grid4 > li .color { max-width:19rem; }*/
/*.ec-base-product ul.grid5 > li .color { max-width:13rem; }*/
/*  !* right display *!*/
/*  .ec-base-product ul.grid2 li:after { content:""; display:block; clear:both; }*/
/*  .ec-base-product ul.grid2 li .thumbnail { float:left; width:22rem; text-align:left; margin:0; }*/
/*  .ec-base-product ul.grid2 li .description { float:left; width:24.7rem; padding:0 2rem; }*/
/*  .ec-base-product ul.grid2 li .description .chk { position:static; text-align:left; }*/

/* module="product_ListItem" */
.ec-base-product .spec { margin:0; }
.ec-base-product .spec li { text-align:left; }
.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; }
.ec-base-product .spec li .title span { vertical-align:top; }
.ec-base-product .spec li .color { overflow:hidden; display:inline-block; margin:0.3rem 0 0 0; }
.ec-base-product .spec li .chips { float:left; width:1rem; height:1rem; margin:0 0.2rem 0.2rem 0; border:0.1rem solid var(--colors-border-e3e3e3); font-size:0; line-height:0; }

.ec-base-product .discountPeriod { display:inline-block; z-index:10; position:relative; width:5.5rem; height:1.9rem; vertical-align:middle; }
.ec-base-product .layerDiscountPeriod { left:50%; top:2.6rem; width:24.7rem; margin:0 0 0 -12.4rem; }
.ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 1.2rem; padding:0 3.5rem 0 0; font-weight:700; color:var(--colors-font-2e2e2e); }
.ec-base-product .layerDiscountPeriod .content p { margin:0.2rem 0 0; font-size:1.1rem; line-height:1.6rem; color:var(--colors-font-757575); letter-spacing:-0.1rem; }
.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:1.2rem; color:var(--colors-font-2e2e2e); }
.ec-base-product .layerDiscountPeriod .content p strong span { font-size:1.1rem; }

.ec-base-product .prdList .shippingFee { position:relative; display:inline-block; }
.ec-base-product .prdList .shippingFee .button { display:inline-block; float:none; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip { z-index:11; display:block; margin:0 0 0 -17rem; width:36rem; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th { width:4rem; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td { padding:0.7rem 1rem 0.8rem 1rem; }

.ec-base-product .btnTooltip { position:relative; display:inline-block; }
.differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:1.7rem; z-index:100; width:35rem; margin:0 0 0 -17.6rem; }
.differentialShipping h3.title { margin:0; height:3.5rem; padding:0 3.5rem 0 1.9rem; border:0; color:var(--colors-font-ffffff); font-size:1.4rem; line-height:3.5rem; background:var(--colors-bg-495164); }
.differentialShipping .content { padding:1.2rem 1.8rem 1.4rem 1.8rem; border:0.1rem solid var(--colors-border-757575); border-top:0; text-align:center; background:var(--colors-bg-ffffff); }
.differentialShipping .close { position:absolute; right:1.4rem; top:1.2rem; }
.differentialShipping .close img { cursor:pointer; }
.differentialShipping .content ul { color:var(--colors-font-757575); line-height:2.5rem; }
.differentialShipping .content li { overflow:hidden; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:var(--colors-font-2e2e2e); }
.differentialShipping .content .info { margin:0.7rem 0 0; padding:0.7rem 0 0; border-top:0.1rem dotted var(--colors-border-b0b1b3); color:var(--colors-font-80aeef); text-align:right; }

/* Thumbnail icon position */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }

.ec-base-paginate { margin:3rem 0; text-align:center; font-size:0; line-height:0; }
.ec-base-paginate ol { display:inline-block; font-size:0; line-height:0; vertical-align:top; *display:inline; *zoom:1; *margin:0; }
.ec-base-paginate li { display:inline-block; margin:0; border:0.1rem solid var(--colors-border-d7d5d5); font-size:1.2rem; color:var(--colors-font-757575); vertical-align:top; *display:inline; *zoom:1; }
.ec-base-paginate li:first-child { margin-left:0; }
.ec-base-paginate img { vertical-align:top; }
.ec-base-paginate li a { display:block; width:3.3rem; padding:0.9rem 0; font-weight:700; color: var(--colors-font-939393); line-height:1.4rem; background:var(--colors-bg-ffffff); }
.ec-base-paginate li a:hover { text-decoration:none; background:#f0f2f2; }
.ec-base-paginate li a.this { padding-bottom:0.6rem; border-bottom:0.3rem solid var(--colors-border-495164); color:#495164; }
.ec-base-paginate a.nolink { cursor:default; }

/* typeSub */
.ec-base-paginate.typeSub ol { margin:0 1.5rem; vertical-align:middle; }
.ec-base-paginate.typeSub li { font-size:1.2rem; border:0; }
.ec-base-paginate.typeSub img { vertical-align:middle; }
.ec-base-paginate.typeSub li a { width:auto; margin:0 0.5rem 0; padding:0.2rem; color:var(--colors-font-353535); background:none; }
.ec-base-paginate.typeSub li a.this { color:var(--colors-font-008bcc); text-decoration:underline; border:0; }
.ec-base-paginate.typeSub .first { margin-right:0.3rem; }
.ec-base-paginate.typeSub .last { margin-left:0.3rem; }

.ec-base-tab { position:relative; }
.ec-base-tab .menu {
    margin:0 0 2rem; border:0.1rem solid var(--tabs-color_cbcdce); border-bottom-color:var(--tabs-color_202020); border-left:0; background:var(--tabs-color_f2f2f2);
    box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
}
.ec-base-tab .menu:after { content:""; display:block; clear:both; }
.ec-base-tab .menu li { float:left; border-left:0.1rem solid var(--tabs-color_cbcdce); background: var(--tabs-color_f2f2f2); }
.ec-base-tab .menu li a { display:block; min-width:18.7rem; margin:0 0 0 -0.1rem; padding:1.2rem 0.5rem 1.1rem; border-right:0.1rem solid var(--tabs-color_cbcdce); color: var(--tabs-li-a-font_color); text-decoration:none; outline:0; text-align:center; background:var(--tabs-color_f2f2f2); }
.ec-base-tab .menu li:first-child a { margin-left:0; }
.ec-base-tab .menu li.selected a { position:relative; top:-0.1rem; left:-0.2rem; margin:0 0 -0.1rem; border:0.1rem solid var(--tabs-color_202020); border-bottom:0; color:var(--tabs-color_ffffff); font-weight:700; background:var(--tabs-color_4a5164); }
.ec-base-tab .menu li.selected:first-child a { left:-0.1rem; }
.ec-base-tab > .right { position:absolute; top:0.8rem; right:1rem; line-height:2.4rem; color:var(--tabs-color_909090); }
  /* typeLight */
  .ec-base-tab.typeLight .menu li.selected a { margin:0 0 -0.2rem; border-bottom:0.1rem solid var(--tabs-color_ffffff); color:var(--colors-font-404040); background:var(--tabs-color_ffffff); }
  /* grid (2~7) */
  .ec-base-tab[class*="grid"] .menu { display:table; table-layout:fixed; width:100%; }
  .ec-base-tab[class*="grid"] .menu li { float:none; display:table-cell; vertical-align:middle; }
  .ec-base-tab[class*="grid"] .menu li a { display:inline-block; width:100%; min-width:0; margin:0; padding:1.1rem 0; border:0; }
  .ec-base-tab[class*="grid"] .menu li.selected { position:relative; top:0; right:-0.1rem; border:0.1rem solid var(--tabs-color_292929); border-bottom:0; background:var(--tabs-color_4a5164); }
  .ec-base-tab[class*="grid"] .menu li:first-child.selected { right:0; }
  .ec-base-tab[class*="grid"] .menu li.selected a { position:static; background:none; }
    .ec-base-tab.grid2 .menu li { width:50.5%; }
    .ec-base-tab.grid3 .menu li { width:34%; }
    .ec-base-tab.grid4 .menu li { width:25.5%; }
    .ec-base-tab.grid5 .menu li { width:20.5%; }
    .ec-base-tab.grid6 .menu li { width:17%; }
    .ec-base-tab.grid7 .menu li { width:14.8%; width:15% \0/; }
    .ec-base-tab.grid7 .menu li:first-child { width:13% \0/; }
  /* gFlex */
  .ec-base-tab.gFlex .menu { display:flex; border-right:0; }
  .ec-base-tab.gFlex .menu:after { display:none; }
  .ec-base-tab.gFlex .menu li { display:flex; align-items: center; float:none; flex:1; position:relative; }  
  .ec-base-tab.gFlex .menu li:last-child { border-right:0.1rem solid var(--tabs-color_cbcdce); }
  .ec-base-tab.gFlex .menu li a { width:100%; min-width:0; border-right:0; background:none; word-break:break-all; }
  .ec-base-tab.gFlex .menu li a:after { content:''; width:100%; height:100%; position:absolute; top:0; left:0; }
  .ec-base-tab.gFlex .menu li.selected { border:0.1rem solid var(--tabs-color_292929); border-bottom:0; background:var(--tabs-color_4a5164); }
  .ec-base-tab.gFlex .menu li.selected a { left:0; margin:0 0 -0.1rem -0.1rem; background:var(--tabs-color_4a5164); border:0; position: initial;}
[class^=btnNormal],
a[class^=btnNormal],
[class^=btnSubmit],
a[class^=btnSubmit],
[class^=btnEm],
a[class^=btnEm],
[class^=btnBasic],
a[class^=btnBasic] {
  display: inline-block;
  padding: var(--buttons-padding);
  font-size: var(--buttons-font_size);
  line-height: var(--buttons-line_height);
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  word-spacing: -0.05rem;
  letter-spacing: 0;
  white-space: nowrap;
  border: 0.1rem solid transparent;
  -webkit-border-radius: var(--buttons-radius);
  border-radius: var(--buttons-radius);
  overflow: hidden;
}
[class^=btnNormal].disabled,
a[class^=btnNormal].disabled,
[class^=btnSubmit].disabled,
a[class^=btnSubmit].disabled,
[class^=btnEm].disabled,
a[class^=btnEm].disabled,
[class^=btnBasic].disabled,
a[class^=btnBasic].disabled {
  cursor: not-allowed !important;
}
[class^=btnNormal]:not(.disabled),
a[class^=btnNormal]:not(.disabled),
[class^=btnSubmit]:not(.disabled),
a[class^=btnSubmit]:not(.disabled),
[class^=btnEm]:not(.disabled),
a[class^=btnEm]:not(.disabled),
[class^=btnBasic]:not(.disabled),
a[class^=btnBasic]:not(.disabled) {
  -webkit-transition: var(--buttons-transition);
  -moz-transition: var(--buttons-transition);
  -ms-transition: var(--buttons-transition);
  -o-transition: var(--buttons-transition);
  transition: var(--buttons-transition);
}

[class^=btnNormal],
a[class^=btnNormal] {
  border-color: var(--buttons-Normal-border_color);
  color: var(--buttons-Normal-font_color);
  background-color: var(--buttons-Normal-bg_color);
}
[class^=btnNormal]:not(.disabled):hover,
a[class^=btnNormal]:not(.disabled):hover {
  background-color: var(--buttons-Normal-bg_color--hover);
  border-color: var(--buttons-Normal-border_color--hover);
  color: var(--buttons-Normal-font_color--hover);
}
[class^=btnNormal].disabled,
a[class^=btnNormal].disabled {
  border-color: var(--buttons-Normal-disabled-border_color);
  color: var(--buttons-Normal-disabled-font_color);
  background-color: var(--buttons-Normal-disabled-bg_color);
}

[class^=btnSubmit],
a[class^=btnSubmit] {
  border-color: var(--buttons-Submit-border_color);
  color: var(--buttons-Submit-font_color);
  background-color: var(--buttons-Submit-bg_color);
}
[class^=btnSubmit]:not(.disabled):hover,
a[class^=btnSubmit]:not(.disabled):hover {
  background-color: var(--buttons-Submit-bg_color--hover);
  border-color: var(--buttons-Submit-border_color--hover);
  color: var(--buttons-Submit-font_color--hover);
}
[class^=btnSubmit].disabled,
a[class^=btnSubmit].disabled {
  border-color: var(--buttons-Submit-disabled-border_color);
  color: var(--buttons-Submit-disabled-font_color);
  background-color: var(--buttons-Submit-disabled-bg_color);
}

[class^=btnEm],
a[class^=btnEm] {
  border-color: var(--buttons-Em-border_color);
  color: var(--buttons-Em-font_color);
  background-color: var(--buttons-Em-bg_color);
}
[class^=btnEm]:not(.disabled):hover,
a[class^=btnEm]:not(.disabled):hover {
  background-color: var(--buttons-Em-bg_color--hover);
  border-color: var(--buttons-Em-border_color--hover);
  color: var(--buttons-Em-font_color--hover);
}
[class^=btnEm].disabled,
a[class^=btnEm].disabled {
  border-color: var(--buttons-Em-disabled-border_color);
  color: var(--buttons-Em-disabled-font_color);
  background-color: var(--buttons-Em-disabled-bg_color);
}

[class^=btnBasic],
a[class^=btnBasic] {
  border-color: var(--buttons-Basic-border_color);
  color: var(--buttons-Basic-font_color);
  background-color: var(--buttons-Basic-bg_color);
}
[class^=btnBasic]:not(.disabled):hover,
a[class^=btnBasic]:not(.disabled):hover {
  background-color: var(--buttons-Basic-bg_color--hover);
  border-color: var(--buttons-Basic-border_color--hover);
  color: var(--buttons-Basic-font_color--hover);
}
[class^=btnBasic].disabled,
a[class^=btnBasic].disabled {
  border-color: var(--buttons-Basic-disabled-border_color);
  color: var(--buttons-Basic-disabled-font_color);
  background-color: var(--buttons-Basic-disabled-bg_color);
}

[class^=btn].sizeS {
  padding: var(--buttons-sizeS-padding);
}

[class^=btn].sizeM {
  padding: var(--buttons-sizeM-padding);
}

[class^=btn].sizeL {
  padding: var(--buttons-sizeL-padding);
  min-width: var(--buttons-sizeL-min_width);
  font-weight: 700;
}

[class^=btn][class*=Fix] {
  width: var(--buttons-fixed-width);
  word-break: keep-all;
  word-wrap: break-word;
}

[class^=btn][class*=Fix].sizeS {
  width: var(--buttons-fixed-sizeS-width);
}

[class^=btn][class*=Fix].sizeM {
  width: var(--buttons-fixed-sizeM-width);
  padding: var(--buttons-fixed-sizeM-padding);
}

[class^=btn][class*=Fix].sizeL {
  width: var(--buttons-fixed-sizeL-width);
  padding: var(--buttons-fixed-sizeL-padding);
}

/* icon button */
a.btnLink {
  color: var(--colors-font-222222);
}

a.btnLink:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0.1rem 0 0 var(--colors-font-222222);
  -moz-box-shadow: 0 0.1rem 0 0 var(--colors-font-222222);
  box-shadow: 0 0.1rem 0 0 var(--colors-font-222222);
}

a.btnLink:after {
  content: "";
  display: inline-block;
  margin: -0.2rem -0.2rem 0 0.3rem;
  vertical-align: middle;
  border-width: 0.1rem;
  border-style: solid;
  border-color: var(--colors-border-77797d);
}

[class^=btn] i {
  display: none \0 /IE8;
}

[class^=btn] .icoArrow {
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  margin: -0.2rem 0.1rem 0 0.1rem;
  border: 0.2rem solid var(--colors-border-77797d);
  border-width: 0 0.2rem 0.2rem 0;
  vertical-align: middle;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

[class^=btnSubmit] .icoArrow,
[class^=btnEm] .icoArrow {
  border-color: var(--colors-border-f0f0f0);
}

[class^=btn] .icoDelete {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: -0.2rem 0.2rem 0 0;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

[class^=btn] .icoDelete:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0.4rem;
  width: 0.2rem;
  height: 1rem;
  background: var(--colors-bg-77797d);
}

[class^=btn] .icoDelete:after {
  content: "";
  position: absolute;
  top: 0.4rem;
  right: 0;
  width: 1rem;
  height: 0.2rem;
  background: var(--colors-bg-77797d);
}

[class^=btnSubmit] .icoDelete:before, [class^=btnSubmit] .icoDelete:after,
[class^=btnEm] .icoDelete:before, [class^=btnEm] .icoDelete:after {
  background: var(--colors-bg-f0f0f0);
}

[class^=btn] .icoAdd, [class^=btn] .icoRemove {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  margin: -0.2rem 0.2rem 0 0;
  vertical-align: middle;
}

[class^=btn] .icoAdd:before, [class^=btn] .icoAdd:after, [class^=btn] .icoRemove:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.2rem;
  background: var(--colors-bg-77797d);
}

[class^=btn] .icoAdd:before, [class^=btn] .icoRemove:before {
  height: 0.2rem;
  margin: -0.1rem 0 0 -0.4rem;
}

[class^=btn] .icoAdd:after {
  width: 0.2rem;
  margin: -0.4rem 0 0 -0.1rem;
}

[class^=btn] img {
  margin: -0.2rem 0.1rem 0;
  vertical-align: middle;
}

[class^=btn].addWidth {
  padding: 0.2rem 0.2rem;
}

/* unique */
.btnLogin,
a.btnLogin {
  display: inline-block;
  box-sizing: border-box;
  width: 10rem;
  height: 7rem;
  line-height: 7rem;
  border-radius: 0.2rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background-color: #4a5164;
}
.btnLogin:hover,
a.btnLogin:hover {
  background-color: #43495a;
}

.btnAgree,
a.btnAgree {
  display: inline-block;
  box-sizing: border-box;
  width: 8rem;
  height: 7rem;
  line-height: 7rem;
  border: 0.1rem solid #d1d1d1;
  border-radius: 0.2rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--colors-font-222222);
  text-decoration: none;
  background-color: var(--colors-bg-ffffff);
}
.btnAgree:hover,
a.btnAgree:hover {
  background-color: #f3f3f3;
}

.btnToggle {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
.btnToggle button {
  display: inline-block;
  box-sizing: border-box;
  border: 0.1rem solid #d1d1d1;
  margin: 0 -0.1rem 0 0;
  padding: 0 0.7rem;
  height: 2.4rem;
  line-height: 2.4rem;
  text-align: center;
  font-size: 1.2rem;
  outline: 0;
  text-decoration: none;
  color: var(--colors-font-222222);
  background: #fff;
}
.btnToggle button:first-child {
  border-radius: 0.2rem 0 0 0.2rem;
}
.btnToggle button:last-child {
  border-radius: 0 0.2rem 0.2rem 0;
}
.btnToggle button.selected {
  position: relative;
  border: 0.1rem solid #84868b;
  color: var(--colors-font-ffffff);
  background: #84868b;
}

/* ec-base-button */
.ec-base-button {
  padding: 1rem 0;
  text-align: center;
}

.ec-base-button.justify {
  position: relative;
}

.ec-base-button:after {
  display: block;
  content: "";
  clear: both;
}

.ec-base-button .gLeft {
  float: left;
  text-align: left;
}

.ec-base-button .gRight {
  float: right;
  text-align: right;
}

.ec-base-button.justify .gLeft {
  position: absolute;
  left: 0;
}

.ec-base-button.justify .gRight {
  position: absolute;
  right: 0;
}

.ec-base-button .text {
  margin: 0 0.6rem 0 1rem;
  color: var(--colors-font-353535);
  line-height: 2.4rem;
}

/* type */
.ec-base-button.typeBorder {
  margin-top: -0.1rem;
  padding: 1rem 2rem;
  border: 0.1rem solid var(--colors-border-d7d5d5);
}

.ec-base-button.typeBG {
  padding: 1rem 2rem;
  border: 0.1rem solid var(--colors-border-d7d5d5);
  background: var(--colors-bg-fbfafa);
}

/* gColumn */
.ec-base-button[class*=gColumn] {
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.ec-base-button[class*=gColumn]:after {
  display: none;
}

.ec-base-button[class*=gColumn] [class^=btn] {
  margin: 0 0.2rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  word-break: keep-all;
  word-wrap: break-word;
  white-space: normal;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.ec-base-button[class*=gColumn] [class^=btn][class*=Fix] {
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  flex: none;
}

/* gFlex */
.ec-base-button[class*=gColumn] .gFlex2 {
  -webkit-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.ec-base-button[class*=gColumn] .gFlex3 {
  -webkit-flex: 3;
  -moz-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.ec-base-button[class*=gColumn] .gFlex4 {
  -webkit-flex: 4;
  -moz-flex: 4;
  -ms-flex: 4;
  flex: 4;
}

/*# sourceMappingURL=ec-base-button.css.map */

/* base */
.ec-base-box { padding: 2rem; margin-left:auto; margin-right:auto; border: 0.5rem solid var(--colors-border-e8e8e8); color:var(--colors-font-404040); }
.ec-base-box.gHalf { position:relative; padding:2rem 0; }
.ec-base-box.gHalf:before { position:absolute; top:0; left:50%; display:block; content:""; width:0.1rem; height:100%; background-color: var(--colors-border-e6e6e6); }
.ec-base-box.typeBg { background-color:var(--colors-bg-fbfafa); }
.ec-base-box.typeThin { border-width:0.1rem; border-color:var(--colors-border-d7d5d5); }
.ec-base-box.typeThin h3.boxTitle { margin:0 0 2rem; font-size:2rem; text-align:center; }
.ec-base-box.typeThinBg { border-width:0.1rem; border-color:var(--colors-border-d7d5d5); background-color:var(--colors-bg-fbfafa); }
.ec-base-box.center { text-align:center; }
    /* 약관 */
    .ec-base-box.typeThinBg > .agree { padding:2rem; border:0.1rem solid var(--colors-border-e6e6e6); background: var(--body-bgcolor); }
    .ec-base-box.typeThinBg > .agree p { padding:0 0 1.7rem; }

/* typeMember */
.ec-base-box.typeMember { padding:0; }
/*.ec-base-box.typeMember .information { display:table; table-layout:fixed; padding:1rem 0; width:100%; box-sizing:border-box; }*/
/*.ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail { display:table-cell; padding:0 1.5rem; width:7rem; text-align:center; vertical-align:middle; }*/
/*.ec-base-box.typeMember .information > .title { vertical-align:middle; }*/
/*.ec-base-box.typeMember .information > .thumbnail img { max-width:7rem; }*/
/*.ec-base-box.typeMember .information .description { display:table-cell; padding:0 1rem; width:auto; line-height:1.5em; border-left:0.1rem solid var(--colors-border-e8e8e8); vertical-align:middle; }*/
.ec-base-box.typeMember .information { display:grid; padding:1rem 1.5rem; width:100%; grid-template-columns: 7rem 1fr; gap: 0 1.4rem;}
.ec-base-box.typeMember .information > .title,
.ec-base-box.typeMember .information > .thumbnail { display:block; padding:0; width:7rem; text-align:center; vertical-align:middle; }
.ec-base-box.typeMember .information > .title { vertical-align:middle; }
.ec-base-box.typeMember .information > .thumbnail img { width: 100%; }
.ec-base-box.typeMember .information .description { display:block; padding:0 1rem; width:auto; line-height:1.5em; border-left:0.1rem solid var(--colors-border-e8e8e8); vertical-align:middle; }
.ec-base-box.typeMember.gMessage { border-width:0.1rem; border-color:var(--colors-border-d7d5d5); }
.ec-base-box .message { display:block; padding:1rem 0 1rem 3.5rem; border-bottom:0.1rem solid var(--colors-border-e8e7e7); background:var(--colors-bg-fbfbfb) url("//img.echosting.cafe24.com/skin/base/common/ico_info.gif") no-repeat 1rem center; }

/* typeProduct */
.ec-base-box.typeProduct { display:table; table-layout:fixed; padding:1.5rem 0; width:100%; box-sizing:border-box; }
.ec-base-box.typeProduct .thumbnail, .ec-base-box.typeProduct .information { display:table-cell; padding:0 2rem; vertical-align:middle; }
.ec-base-box.typeProduct .thumbnail { width:10rem; }
.ec-base-box.typeProduct .thumbnail img { max-width:9rem; border:0.1rem solid var(--colors-border-d7d5d5); }
.ec-base-box.typeProduct .information { padding-left:0; }
.ec-base-table table { position:relative; margin:1rem 0 0; border:0.1rem solid var(--colors-border-d7d5d5); border-top:0; color: transparent; line-height:1.5; }
  .ec-base-table.gLayoutFixed table { table-layout:fixed; }
  .ec-base-table.gLayoutFixed .gLayoutAuto table { table-layout:auto; }
.ec-base-table table:before { position:absolute; top:0; left:0; display:block; content:""; width:100%; height:0.1rem; background: var(--colors-border-d7d5d5); }
.ec-base-table thead th { padding:1.1rem 0 1rem; border-left:0.1rem solid var(--colors-border-dfdfdf); border-bottom:0.1rem solid var(--colors-border-dfdfdf); color:var(--colors-font-353535); vertical-align:middle; font-weight:normal; background:var(--colors-bg-fbfafa); }
.ec-base-table tbody th { padding:1.1rem 0 1rem 1.8rem; border:0.1rem solid var(--colors-border-dfdfdf); border-bottom-width:0; color:var(--colors-font-353535); text-align:left; font-weight:normal; background-color:var(--colors-bg-fbfafa); }
.ec-base-table th { word-break:break-all; word-wrap:break-word; }
.ec-base-table th:first-child { border-left:0; }
.ec-base-table td { padding:1.1rem 1rem 1rem; border-top:0.1rem solid var(--colors-border-dfdfdf); color:var(--colors-font-353535); vertical-align:middle; word-break:break-all; word-wrap:break-word; }
.ec-base-table td.clear { padding:0 !important; border:0 !important; }
.ec-base-table tr.payDetail td { padding:2.1rem 1rem 2rem 0; background:var(--colors-bg-fbfafa); }

/* horizontal */
  /* typeWrite */
    .ec-base-table.typeWrite td { padding:0.8rem 1rem 0.7rem; }
    .ec-base-table.typeWrite img { max-width:100% !important; height:auto !important; }

/* vertical */
  /* typeList */
    .ec-base-table.typeList table { border-top:0.1rem solid var(--colors-border-d7d5d5); }
    .ec-base-table.typeList table:before { display:none; }
    .ec-base-table.typeList td { padding:0.8rem 1rem 0.7rem; }
    .ec-base-table.typeList tfoot td { padding:1.5rem 1rem 1.7rem; background:var(--colors-bg-fbfafa); }
    .ec-base-table .message { border:0.1rem solid var(--colors-border-d7d5d5); padding:5rem 0; text-align:center; color:var(--colors-font-757575); font-weight:700; }
    .ec-base-table table + .message { margin:-0.1rem 0 0; }
    .ec-base-table table td.message { padding:5rem 0; }
    .ec-base-table .scroll .message { border:0; }
  /* scroll */
    .ec-base-table.typeList .head td { padding:1.1rem 0 1rem; border-left:0.1rem solid var(--colors-border-dfdfdf); border-bottom:0.1rem solid var(--colors-border-dfdfdf); color:var(--colors-font-353535); vertical-align:middle; text-align:center; background:var(--colors-bg-fbfafa); }
    .ec-base-table.typeList .head td:first-child { border-left:0; }
    .ec-base-table.typeList .scroll { position:relative; overflow-x:hidden; overflow-y:scroll; max-height:18.5rem; min-height:10rem; border:0.1rem solid var(--colors-border-d7d5d5); border-top-width:0; margin-top:-0.1rem; }
    .ec-base-table.typeList .scroll table { border:0; margin:0; }
    .ec-base-table.typeList .scroll table:before { display:none; }
    .ec-base-table.typeList .scroll .message { border: 0; }
  /* thead - blind */
    .ec-base-table thead.blind,
    .ec-base-table thead.blind th { display:none; }
    .ec-base-table thead.blind + tbody tr:first-child th,
    .ec-base-table thead.blind + tbody tr:first-child td { border-top-width:0; }
  /* Line */
    .ec-base-table.typeList.gLine table { border-width:0; border-bottom-width:0.1rem; }

/* common */
  /* border, background style none */
    .ec-base-table.typeClear table:before { display:none; }
    .ec-base-table.typeClear table,
    .ec-base-table.typeClear th,
    .ec-base-table.typeClear td { border:0 none; background:none; }
    .ec-base-table.typeClear th { font-weight:700; }
  /* border */
    .ec-base-table.gBorder td { border-left:0.1rem solid var(--colors-border-dfdfdf); }
    .ec-base-table.gBorder td:first-child { border-left:0; }
    .ec-base-table.gBorder td.gClearLine { border-left:0; }
    .ec-base-table.typeList.gBorder tbody td { border-color:#eee; }
  /* align */
    .ec-base-table .left { text-align:left; }
    .ec-base-table .center { text-align:center; }
    .ec-base-table .right { text-align:right; }
    .ec-base-table.typeList .center td,
    .ec-base-table.typeList td.center { padding-left:0; padding-right:0; }
    .ec-base-table.typeList .center td.left { padding-left:1rem; }
    .ec-base-table.typeList .center td.right { padding-right:1rem; }
    .ec-base-table .top th, .ec-base-table th.top,
    .ec-base-table .top td, .ec-base-table td.top { vertical-align:top; }
    .ec-base-table .middle th, .ec-base-table th.middle,
    .ec-base-table .middle td, .ec-base-table td.middle { vertical-align:middle; }
  /* form */
    .ec-base-table img { vertical-align:middle; }
  /* address */
    .ec-base-table .ec-address { margin:-0.9rem -1rem -0.7rem; }
    .ec-base-table .ec-address > li { padding:0.8rem 1rem 0.7rem; border-top:0.1rem solid var(--colors-border-dfdfdf); }
    .ec-base-table .ec-address > li input[type="text"] { width:37.3rem; }
    .ec-base-table .ec-address > li select { width:38.3rem; }
    .ec-base-table .ec-address .ec-base-help { margin-left:0; }
    .ec-base-table .ec-address .ec-address-area select { display:block; }
    .ec-base-table .ec-address .ec-address-area select:not(:first-child) { margin-top:0.6rem; }
    .ec-base-table .ec-address .ec-address-zipcode input[type="text"] { width:8rem; margin-right:0.3rem; }
    .ec-base-table .ec-address .ec-address-zipcode .btnBasic { margin-right:0.4rem; }

@media print {
  .ec-base-table table:before { display:none; }
}
.ec-base-desc { overflow:hidden; text-align:left; }
.ec-base-desc:after { content:""; display:block; clear:both; }
.ec-base-desc dt, .ec-base-desc .term { float:left; width:10rem; margin:0 0 0.2rem; padding:0 0.1rem 0 0; line-height:2.2rem;-webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; font-weight:normal; }
.ec-base-desc dd, .ec-base-desc .desc { display:block; margin:0 0 0.2rem; padding:0 0.5rem 0 10rem; min-height:2.2rem; line-height:2.2rem; word-wrap:break-word; word-break:break-all; }
.ec-base-desc dd:after, .ec-base-desc .desc:after { content:""; display:block; clear:left; }

/* size */
.ec-base-desc.gSmall dt, .ec-base-desc.gSmall .term { width:30%; }
.ec-base-desc.gSmall dd, .ec-base-desc.gSmall .desc { padding-left:30%; }
.ec-base-desc.gMedium dt, .ec-base-desc.gMedium .term { width:40%; }
.ec-base-desc.gMedium dd, .ec-base-desc.gMedium .desc { padding-left:40%; }
.ec-base-desc.gLarge dt, .ec-base-desc.gLarge .term { width:50%; }
.ec-base-desc.gLarge dd, .ec-base-desc.gLarge .desc { padding:0 0 0 50%; }

/* align */
.ec-base-desc.centerDT dt, .ec-base-desc.centerDD dd, .ec-base-desc.centerDT .term, .ec-base-desc.centerDD .desc,
.ec-base-desc.center, .ec-base-desc .center { text-align:center; }
.ec-base-desc.rightDT dt, .ec-base-desc.rightDD dd, .ec-base-desc.rightDT .term, .ec-base-desc.rightDD .desc,
.ec-base-desc.right, .ec-base-desc .right { text-align:right; }
.ec-base-desc.rightDD dd, .ec-base-desc.rightDD .desc { padding-right:0; }

/* typeBullet */
.ec-base-desc.typeBullet dt,
.ec-base-desc.typeBullet .term { padding:0 0.4rem 0 1rem; background:url("//img.echosting.cafe24.com/skin/base/common/ico_arrow.png") no-repeat 0 0.7rem; }

/* typeDot */
.ec-base-desc.typeDot dt,
.ec-base-desc.typeDot .term { position:relative; padding:0 0.4rem 0 1rem; }
.ec-base-desc.typeDot dt:before,
.ec-base-desc.typeDot .term:before { position:absolute; top:50%; left:0; content:""; display:block; width:0.2rem; height:0.2rem; margin:-0.2rem 0 0 0; background:#383838; }

@charset "UTF-8";
/*
  해당파일은 디자인 전체를 관리하는 파일 입니다.
  임의 수정 시, 업데이트 및 수정 지원이 절대 불가능 합니다.
  스타일 수정이 필요한 경우
  /themes/common/user/style.css 파일에서 스타일을 새로 작성해주세요.
*/
:root {
  --black-opacity-1: rgba(0, 0, 0, 0.01);
  --black-opacity-2: rgba(0, 0, 0, 0.02);
  --black-opacity-3: rgba(0, 0, 0, 0.03);
  --black-opacity-4: rgba(0, 0, 0, 0.04);
  --black-opacity-5: rgba(0, 0, 0, 0.05);
  --black-opacity-6: rgba(0, 0, 0, 0.06);
  --black-opacity-7: rgba(0, 0, 0, 0.07);
  --black-opacity-8: rgba(0, 0, 0, 0.08);
  --black-opacity-9: rgba(0, 0, 0, 0.09);
  --black-opacity-10: rgba(0, 0, 0, 0.1);
  --black-opacity-11: rgba(0, 0, 0, 0.11);
  --black-opacity-12: rgba(0, 0, 0, 0.12);
  --black-opacity-13: rgba(0, 0, 0, 0.13);
  --black-opacity-14: rgba(0, 0, 0, 0.14);
  --black-opacity-15: rgba(0, 0, 0, 0.15);
  --black-opacity-16: rgba(0, 0, 0, 0.16);
  --black-opacity-17: rgba(0, 0, 0, 0.17);
  --black-opacity-18: rgba(0, 0, 0, 0.18);
  --black-opacity-19: rgba(0, 0, 0, 0.19);
  --black-opacity-20: rgba(0, 0, 0, 0.2);
  --black-opacity-25: rgba(0, 0, 0, 0.25);
  --black-opacity-30: rgba(0, 0, 0, 0.3);
  --black-opacity-35: rgba(0, 0, 0, 0.35);
  --black-opacity-40: rgba(0, 0, 0, 0.4);
  --black-opacity-45: rgba(0, 0, 0, 0.45);
  --black-opacity-50: rgba(0, 0, 0, 0.5);
  --black-opacity-55: rgba(0, 0, 0, 0.55);
  --black-opacity-60: rgba(0, 0, 0, 0.6);
  --black-opacity-65: rgba(0, 0, 0, 0.65);
  --black-opacity-70: rgba(0, 0, 0, 0.7);
  --black-opacity-75: rgba(0, 0, 0, 0.75);
  --black-opacity-80: rgba(0, 0, 0, 0.8);
  --black-opacity-85: rgba(0, 0, 0, 0.85);
  --black-opacity-90: rgba(0, 0, 0, 0.9);
  --black-opacity-95: rgba(0, 0, 0, 0.95);
  --black-opacity-100: rgba(0, 0, 0, 1);
  --white-opacity-1: rgba(255, 255, 255, 0.01);
  --white-opacity-2: rgba(255, 255, 255, 0.02);
  --white-opacity-3: rgba(255, 255, 255, 0.03);
  --white-opacity-4: rgba(255, 255, 255, 0.04);
  --white-opacity-5: rgba(255, 255, 255, 0.05);
  --white-opacity-6: rgba(255, 255, 255, 0.06);
  --white-opacity-7: rgba(255, 255, 255, 0.07);
  --white-opacity-8: rgba(255, 255, 255, 0.08);
  --white-opacity-9: rgba(255, 255, 255, 0.09);
  --white-opacity-10: rgba(255, 255, 255, 0.1);
  --white-opacity-11: rgba(255, 255, 255, 0.11);
  --white-opacity-12: rgba(255, 255, 255, 0.12);
  --white-opacity-13: rgba(255, 255, 255, 0.13);
  --white-opacity-14: rgba(255, 255, 255, 0.14);
  --white-opacity-15: rgba(255, 255, 255, 0.15);
  --white-opacity-16: rgba(255, 255, 255, 0.16);
  --white-opacity-17: rgba(255, 255, 255, 0.17);
  --white-opacity-18: rgba(255, 255, 255, 0.18);
  --white-opacity-19: rgba(255, 255, 255, 0.19);
  --white-opacity-20: rgba(255, 255, 255, 0.2);
  --white-opacity-25: rgba(255, 255, 255, 0.25);
  --white-opacity-30: rgba(255, 255, 255, 0.3);
  --white-opacity-35: rgba(255, 255, 255, 0.35);
  --white-opacity-40: rgba(255, 255, 255, 0.4);
  --white-opacity-45: rgba(255, 255, 255, 0.45);
  --white-opacity-50: rgba(255, 255, 255, 0.5);
  --white-opacity-55: rgba(255, 255, 255, 0.55);
  --white-opacity-60: rgba(255, 255, 255, 0.6);
  --white-opacity-65: rgba(255, 255, 255, 0.65);
  --white-opacity-70: rgba(255, 255, 255, 0.7);
  --white-opacity-75: rgba(255, 255, 255, 0.75);
  --white-opacity-80: rgba(255, 255, 255, 0.8);
  --white-opacity-85: rgba(255, 255, 255, 0.85);
  --white-opacity-90: rgba(255, 255, 255, 0.9);
  --white-opacity-95: rgba(255, 255, 255, 0.95);
  --white-opacity-100: rgba(255, 255, 255, 1);
  --sns-naver-color: #00c73c;
  --sns-naver-color-hover-dark: #00bb37;
  --sns-naver-color-hover-light: #00cb3e;
  --sns-naver-font: #FFFFFF;
  --sns-facebook-color: #1877f2;
  --sns-facebook-color-hover-dark: #0f68da;
  --sns-facebook-color-hover-light: #2a7eee;
  --sns-facebook-font: #FFFFFF;
  --sns-google-color: #e84d49;
  --sns-google-color-hover-dark: #c72b27;
  --sns-google-color-hover-light: #ea5854;
  --sns-google-font: #FFFFFF;
  --sns-kakao-color: #ffd200;
  --sns-kakao-color-hover-dark: #e3ba00;
  --sns-kakao-color-hover-light: #ffd720;
  --sns-kakao-font: #402325;
  --sns-line-color: #03c302;
  --sns-line-color-hover-dark: #11ab11;
  --sns-line-color-hover-light: #17d516;
  --sns-line-font: #FFFFFF;
  --sns-apple-color: var(--black-opacity-90);
  --sns-apple-color-hover-dark: var(--black-opacity-100);
  --sns-apple-color-hover-light: var(--black-opacity-80);
  --sns-apple-font: var(--white-opacity-100);
  --sns-yahoo-color: #6f1ee7;
  --sns-yahoo-color-hover-dark: #6315d5;
  --sns-yahoo-color-hover-light: #874ae5;
  --sns-yahoo-font: #FFFFFF;
}

[theme-color=dark]:root {
  --black-opacity-1: rgba(255, 255, 255, 0.01);
  --black-opacity-2: rgba(255, 255, 255, 0.02);
  --black-opacity-3: rgba(255, 255, 255, 0.03);
  --black-opacity-4: rgba(255, 255, 255, 0.04);
  --black-opacity-5: rgba(255, 255, 255, 0.05);
  --black-opacity-6: rgba(255, 255, 255, 0.06);
  --black-opacity-7: rgba(255, 255, 255, 0.07);
  --black-opacity-8: rgba(255, 255, 255, 0.08);
  --black-opacity-9: rgba(255, 255, 255, 0.09);
  --black-opacity-10: rgba(255, 255, 255, 0.1);
  --black-opacity-11: rgba(255, 255, 255, 0.11);
  --black-opacity-12: rgba(255, 255, 255, 0.12);
  --black-opacity-13: rgba(255, 255, 255, 0.13);
  --black-opacity-14: rgba(255, 255, 255, 0.14);
  --black-opacity-15: rgba(255, 255, 255, 0.15);
  --black-opacity-16: rgba(255, 255, 255, 0.16);
  --black-opacity-17: rgba(255, 255, 255, 0.17);
  --black-opacity-18: rgba(255, 255, 255, 0.18);
  --black-opacity-19: rgba(255, 255, 255, 0.19);
  --black-opacity-20: rgba(255, 255, 255, 0.2);
  --black-opacity-25: rgba(255, 255, 255, 0.25);
  --black-opacity-30: rgba(255, 255, 255, 0.3);
  --black-opacity-35: rgba(255, 255, 255, 0.35);
  --black-opacity-40: rgba(255, 255, 255, 0.4);
  --black-opacity-45: rgba(255, 255, 255, 0.45);
  --black-opacity-50: rgba(255, 255, 255, 0.5);
  --black-opacity-55: rgba(255, 255, 255, 0.55);
  --black-opacity-60: rgba(255, 255, 255, 0.6);
  --black-opacity-65: rgba(255, 255, 255, 0.65);
  --black-opacity-70: rgba(255, 255, 255, 0.7);
  --black-opacity-75: rgba(255, 255, 255, 0.75);
  --black-opacity-80: rgba(255, 255, 255, 0.8);
  --black-opacity-85: rgba(255, 255, 255, 0.85);
  --black-opacity-90: rgba(255, 255, 255, 0.9);
  --black-opacity-95: rgba(255, 255, 255, 0.95);
  --black-opacity-100: rgba(255, 255, 255, 1);
  --white-opacity-1: rgba(0, 0, 0, 0.01);
  --white-opacity-2: rgba(0, 0, 0, 0.02);
  --white-opacity-3: rgba(0, 0, 0, 0.03);
  --white-opacity-4: rgba(0, 0, 0, 0.04);
  --white-opacity-5: rgba(0, 0, 0, 0.05);
  --white-opacity-6: rgba(0, 0, 0, 0.06);
  --white-opacity-7: rgba(0, 0, 0, 0.07);
  --white-opacity-8: rgba(0, 0, 0, 0.08);
  --white-opacity-9: rgba(0, 0, 0, 0.09);
  --white-opacity-10: rgba(0, 0, 0, 0.1);
  --white-opacity-11: rgba(0, 0, 0, 0.11);
  --white-opacity-12: rgba(0, 0, 0, 0.12);
  --white-opacity-13: rgba(0, 0, 0, 0.13);
  --white-opacity-14: rgba(0, 0, 0, 0.14);
  --white-opacity-15: rgba(0, 0, 0, 0.15);
  --white-opacity-16: rgba(0, 0, 0, 0.16);
  --white-opacity-17: rgba(0, 0, 0, 0.17);
  --white-opacity-18: rgba(0, 0, 0, 0.18);
  --white-opacity-19: rgba(0, 0, 0, 0.19);
  --white-opacity-20: rgba(255, 255, 255, 0.2);
  --white-opacity-25: rgba(255, 255, 255, 0.25);
  --white-opacity-30: rgba(255, 255, 255, 0.3);
  --white-opacity-35: rgba(255, 255, 255, 0.35);
  --white-opacity-40: rgba(255, 255, 255, 0.4);
  --white-opacity-45: rgba(255, 255, 255, 0.45);
  --white-opacity-50: rgba(255, 255, 255, 0.5);
  --white-opacity-55: rgba(255, 255, 255, 0.55);
  --white-opacity-60: rgba(255, 255, 255, 0.6);
  --white-opacity-65: rgba(255, 255, 255, 0.65);
  --white-opacity-70: rgba(255, 255, 255, 0.7);
  --white-opacity-75: rgba(255, 255, 255, 0.75);
  --white-opacity-80: rgba(255, 255, 255, 0.8);
  --white-opacity-85: rgba(255, 255, 255, 0.85);
  --white-opacity-90: rgba(255, 255, 255, 0.9);
  --white-opacity-95: rgba(255, 255, 255, 0.95);
  --white-opacity-100: rgba(255, 255, 255, 1);
}

.--hidden,
.--hidden * {
  width: 0px !important;
  max-width: 0px !important;
  height: 0px !important;
  max-height: 0px !important;
  overflow: hidden !important;
  font-size: 0px !important;
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999999px !important;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
}

.-html .displaynone {
  display: none !important;
}

.--noScroll {
  overflow: hidden !important;
}
.--noScroll body {
  overflow: hidden !important;
}

.--iframe_movie {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
.--iframe_movie > div {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.--iframe_movie > div > iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.--mscroll {
  max-height: 100%;
  height: 100%;
}

.--tossface,
.-html[theme-fonts=sans-serif] body *.--tossface,
.-html[theme-fonts=serif] body *.--tossface {
  font-family: "Tossface" !important;
}

* {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /*scroll-behavior: smooth;*/
  word-break: keep-all;
  outline: none;
  outline-style: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -o-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
  text-decoration: none;
}

.-html {
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  font-size: var(--rem_ratio);
}
@media (max-width: 991.98px) {
  .-html.-pc_template[theme-mode=r] {
    font-size: var(--rem_ratio-mobile, 62.5%);
  }
}

html.-html {
  width: 100%;
  height: 100%;
}

#LoadLayer {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 99999999999;
  width: 100vw;
  height: 100%;
  background-color: var(--LoadLayer-bgcolor);
  -webkit-transition: var(--LoadLayer-transition);
  -moz-transition: var(--LoadLayer-transition);
  -ms-transition: var(--LoadLayer-transition);
  -o-transition: var(--LoadLayer-transition);
  transition: var(--LoadLayer-transition);
}

.-html body,
.-html code {
  font-family: var(--font_family);
  font-weight: var(--font_weight);
  font-size: var(--font_size);
  line-height: var(--body-line_height);
  color: var(--font_color);
  letter-spacing: var(--font_letter_spacing, 0);
}

#FullCategoryImport {
  width: 300px;
  background-color: #f5f5f5;
}
#FullCategoryImport li {
  position: relative;
}
#FullCategoryImport li.-all a {
  font-size: 1.2rem;
}
#FullCategoryImport li a span {
  font-size: 1.3rem;
}
#FullCategoryImport li.-depth1 .-arrow {
  position: absolute;
  right: 0px;
  top: 1rem;
}
#FullCategoryImport li.-depth1 .-arrow:after {
  font-family: "Material Symbols Rounded";
  content: "\e5cf";
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}
#FullCategoryImport li.-depth1 > a {
  font-weight: 700;
}
#FullCategoryImport li.-depth1 ul.-depth2 {
  padding-left: 1rem;
}
#FullCategoryImport li.-depth1 ul.-depth2 > li ul.-depth3 {
  padding-left: 1rem;
}
#FullCategoryImport li.-depth1 ul.-depth2 > li ul.-depth3 li ul.-depth4 {
  padding-left: 1rem;
}

.-html input[type=number]::-webkit-outer-spin-button, .-html input[type=number]::-webkit-inner-spin-button {
  margin: 0 !important;
  webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
}

.-html:not([theme-type=full]) #themePrdSearch input[type=text], .-html:not([theme-type=full]) #themePrdSearch input[type=password], .-html:not([theme-type=full]) #themePrdSearch input[type=number], .-html:not([theme-type=full]) #themePrdSearch input[type=tel], .-html:not([theme-type=full]) #themePrdList input[type=text], .-html:not([theme-type=full]) #themePrdList input[type=password], .-html:not([theme-type=full]) #themePrdList input[type=number], .-html:not([theme-type=full]) #themePrdList input[type=tel], .-html:not([theme-type=full]) #themeJoin input[type=text], .-html:not([theme-type=full]) #themeJoin input[type=password], .-html:not([theme-type=full]) #themeJoin input[type=number], .-html:not([theme-type=full]) #themeJoin input[type=tel], .-html[theme-type=full] input[type=text], .-html[theme-type=full] input[type=password], .-html[theme-type=full] input[type=number], .-html[theme-type=full] input[type=tel] {
  text-decoration: none;
  font-family: inherit;
  outline: none !important;
  webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
  -webkit-backface-visibility: hidden !important;
  -moz-backface-visibility: hidden !important;
  -ms-backface-visibility: hidden !important;
  -o-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  border: transparent 0 solid;
  border-color: var(--input-border_color);
  border-width: var(--input-border_width);
  -webkit-border-radius: var(--input-radius);
  border-radius: var(--input-radius);
  color: var(--input-font_color);
  background-color: var(--input-bgcolor);
}
.-html:not([theme-type=full]) #themePrdSearch input[type=text]:focus, .-html:not([theme-type=full]) #themePrdSearch input[type=password]:focus, .-html:not([theme-type=full]) #themePrdSearch input[type=number]:focus, .-html:not([theme-type=full]) #themePrdSearch input[type=tel]:focus, .-html:not([theme-type=full]) #themePrdList input[type=text]:focus, .-html:not([theme-type=full]) #themePrdList input[type=password]:focus, .-html:not([theme-type=full]) #themePrdList input[type=number]:focus, .-html:not([theme-type=full]) #themePrdList input[type=tel]:focus, .-html:not([theme-type=full]) #themeJoin input[type=text]:focus, .-html:not([theme-type=full]) #themeJoin input[type=password]:focus, .-html:not([theme-type=full]) #themeJoin input[type=number]:focus, .-html:not([theme-type=full]) #themeJoin input[type=tel]:focus, .-html[theme-type=full] input[type=text]:focus, .-html[theme-type=full] input[type=password]:focus, .-html[theme-type=full] input[type=number]:focus, .-html[theme-type=full] input[type=tel]:focus {
  border-color: var(--input--focus-border_color) !important;
  color: var(--input--focus-font_color) !important;
  background-color: var(--input--focus-bgcolor) !important;
}
.-html:not([theme-type=full]) #themePrdSearch input[type=text]::placeholder, .-html:not([theme-type=full]) #themePrdSearch input[type=password]::placeholder, .-html:not([theme-type=full]) #themePrdSearch input[type=number]::placeholder, .-html:not([theme-type=full]) #themePrdSearch input[type=tel]::placeholder, .-html:not([theme-type=full]) #themePrdList input[type=text]::placeholder, .-html:not([theme-type=full]) #themePrdList input[type=password]::placeholder, .-html:not([theme-type=full]) #themePrdList input[type=number]::placeholder, .-html:not([theme-type=full]) #themePrdList input[type=tel]::placeholder, .-html:not([theme-type=full]) #themeJoin input[type=text]::placeholder, .-html:not([theme-type=full]) #themeJoin input[type=password]::placeholder, .-html:not([theme-type=full]) #themeJoin input[type=number]::placeholder, .-html:not([theme-type=full]) #themeJoin input[type=tel]::placeholder, .-html[theme-type=full] input[type=text]::placeholder, .-html[theme-type=full] input[type=password]::placeholder, .-html[theme-type=full] input[type=number]::placeholder, .-html[theme-type=full] input[type=tel]::placeholder {
  color: var(--input--placholder-font_color) !important;
}
.-html:not(.--mobile_device):not([theme-type=full]) #themeJoin input[type=text]:hover, .-html:not(.--mobile_device):not([theme-type=full]) #themeJoin input[type=password]:hover, .-html:not(.--mobile_device):not([theme-type=full]) #themeJoin input[type=number]:hover, .-html:not(.--mobile_device):not([theme-type=full]) #themeJoin input[type=tel]:hover, .-html:not(.--mobile_device)[theme-type=full] input[type=text]:hover, .-html:not(.--mobile_device)[theme-type=full] input[type=password]:hover, .-html:not(.--mobile_device)[theme-type=full] input[type=number]:hover, .-html:not(.--mobile_device)[theme-type=full] input[type=tel]:hover {
  border-color: var(--input--hover-border_color);
  color: var(--input--hover-font_color);
  background-color: var(--input--hover-bgcolor);
}

.-html[theme-type=full] textarea {
  outline: none !important;
  webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
  -webkit-backface-visibility: hidden !important;
  -moz-backface-visibility: hidden !important;
  -ms-backface-visibility: hidden !important;
  -o-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  border: transparent 0 solid;
  border-color: var(--textarea-border_color);
  border-width: var(--textarea-border_width);
  -webkit-border-radius: var(--textarea-radius);
  border-radius: var(--textarea-radius);
  background: none;
  background-color: var(--textarea-bgcolor);
}
.-html[theme-type=full] textarea:focus {
  border-color: var(--textarea--focused-border_color) !important;
  background-color: var(--textarea--focused-bgcolor) !important;
}

.-html:not([theme-type=full]) #themePrdSearch input[type=checkbox], .-html:not([theme-type=full]) #themePrdList input[type=checkbox], .-html:not([theme-type=full]) #themeJoin input[type=checkbox], .-html[theme-type=full] input[type=checkbox] {
  outline: none !important;
  webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
  -webkit-backface-visibility: hidden !important;
  -moz-backface-visibility: hidden !important;
  -ms-backface-visibility: hidden !important;
  -o-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  border: transparent 0 solid;
  border-color: var(--checkbox-border_color);
  border-width: var(--checkbox-border_width);
  -webkit-border-radius: var(--checkbox-radius);
  border-radius: var(--checkbox-radius);
  background: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--checkbox-bgcolor);
  background-size: var(--checkbox-icon_size);
  background-image: var(--checkbox-icon_img);
}
.-html:not([theme-type=full]) #themePrdSearch input[type=checkbox]:checked, .-html:not([theme-type=full]) #themePrdList input[type=checkbox]:checked, .-html:not([theme-type=full]) #themeJoin input[type=checkbox]:checked, .-html[theme-type=full] input[type=checkbox]:checked {
  border-color: var(--checkbox--checked-border_color) !important;
  background-color: var(--checkbox--checked-bgcolor) !important;
  background-image: var(--checkbox--checked-icon_img) !important;
}
.-html:not(.--mobile_device):not([theme-type=full]) #themeJoin input[type=checkbox]:hover, .-html:not(.--mobile_device)[theme-type=full] input[type=checkbox]:hover {
  border-color: var(--checkbox--hover-border_color);
  background-color: var(--checkbox--hover-bgcolor);
  background-image: var(--checkbox--hover-icon_img);
}

.-html:not([theme-type=full]) #themePrdSearch select, .-html:not([theme-type=full]) #themePrdList select, .-html:not([theme-type=full]) #themeJoin select, .-html[theme-type=full] select {
  outline: none !important;
  webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
  -webkit-backface-visibility: hidden !important;
  -moz-backface-visibility: hidden !important;
  -ms-backface-visibility: hidden !important;
  -o-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  border: transparent 0 solid;
  border-color: var(--selectbox-border_color);
  border-width: var(--selectbox-border_width);
  -webkit-border-radius: var(--selectbox-radius);
  border-radius: var(--selectbox-radius);
  background: none;
  background-repeat: no-repeat;
  background-color: var(--selectbox-bgcolor);
  background-position: var(--selectbox-icon_position);
  background-size: var(--selectbox-icon_size);
  background-image: var(--selectbox-icon_img);
  color: var(--selectbox-font_color);
}
.-html:not([theme-type=full]) #themePrdSearch select:focus, .-html:not([theme-type=full]) #themePrdList select:focus, .-html:not([theme-type=full]) #themeJoin select:focus, .-html[theme-type=full] select:focus {
  color: var(--selectbox--focus-font_color);
  border-color: var(--selectbox--focus-border_color) !important;
  background-color: var(--selectbox--focus-bgcolor) !important;
  background-image: var(--selectbox--focus-icon_img) !important;
}
.-html:not(.--mobile_device):not([theme-type=full]) #themeJoin select:hover, .-html:not(.--mobile_device)[theme-type=full] select:hover {
  color: var(--selectbox--hover-font_color);
  border-color: var(--selectbox--hover-border_color);
  background-color: var(--selectbox--hover-bgcolor);
  background-image: var(--selectbox--hover-icon_img);
}

.-html .fr-view table td,
.-html .fr-view table th {
  border: 0.1rem solid var(--colors-border-dddddd);
}

.themePrdItems [spec=prd_name] {
  padding: var(--item-prd_name-padding, 0);
  margin: var(--item-prd_name-margin, 0);
  font-size: var(--item-prd_name-font_size, 1.2rem);
  font-weight: var(--item-prd_name-font_weight, 400);
  color: var(--item-prd_name-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-prd_name-font_deco, none);
  line-height: var(--item-prd_name-line_height, 1);
}
.themePrdItems [spec=eng_product_name] {
  padding: var(--item-eng_product_name-padding, 0);
  margin: var(--item-eng_product_name-margin, 0);
  font-size: var(--item-eng_product_name-font_size, 1.2rem);
  font-weight: var(--item-eng_product_name-font_weight, 400);
  color: var(--item-eng_product_name-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-eng_product_name-font_deco, none);
  line-height: var(--item-eng_product_name-line_height, 1);
}
.themePrdItems [spec=prd_brand] {
  padding: var(--item-prd_brand-padding, 0);
  margin: var(--item-prd_brand-margin, 0);
  font-size: var(--item-prd_brand-font_size, 1.2rem);
  font-weight: var(--item-prd_brand-font_weight, 400);
  color: var(--item-prd_brand-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-prd_brand-font_deco, none);
  line-height: var(--item-prd_brand-line_height, 1);
}
.themePrdItems [spec=summary_desc] {
  padding: var(--item-summary_desc-padding, 0);
  margin: var(--item-summary_desc-margin, 0);
  font-size: var(--item-summary_desc-font_size, 1.2rem);
  font-weight: var(--item-summary_desc-font_weight, 400);
  color: var(--item-summary_desc-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-summary_desc-font_deco, none);
  line-height: var(--item-summary_desc-line_height, 1);
}
.themePrdItems [spec=simple_desc] {
  padding: var(--item-simple_desc-padding, 0);
  margin: var(--item-simple_desc-margin, 0);
  font-size: var(--item-simple_desc-font_size, 1.2rem);
  font-weight: var(--item-simple_desc-font_weight, 400);
  color: var(--item-simple_desc-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-simple_desc-font_deco, none);
  line-height: var(--item-simple_desc-line_height, 1);
}
.themePrdItems [spec=sale_rate] {
  padding: var(--item-sale_rate-padding, 0);
  margin: var(--item-sale_rate-margin, 0);
  font-size: var(--item-sale_rate-font_size, 1.2rem);
  font-weight: var(--item-sale_rate-font_weight, 400);
  color: var(--item-sale_rate-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-sale_rate-font_deco, none);
  line-height: var(--item-sale_rate-line_height, 1);
}
.themePrdItems [spec=product_custom] {
  padding: var(--item-product_custom-padding, 0);
  margin: var(--item-product_custom-margin, 0);
  font-size: var(--item-product_custom-font_size, 1.2rem);
  font-weight: var(--item-product_custom-font_weight, 400);
  color: var(--item-product_custom-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-product_custom-font_deco, none);
  line-height: var(--item-product_custom-line_height, 1);
}
.themePrdItems [spec=product_price] {
  padding: var(--item-product_price-padding, 0);
  margin: var(--item-product_price-margin, 0);
  font-size: var(--item-product_price-font_size, 1.2rem);
  font-weight: var(--item-product_price-font_weight, 400);
  color: var(--item-product_price-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-product_price-font_deco, none);
  line-height: var(--item-product_price-line_height, 1);
}
.themePrdItems [spec=prd_price_sale] {
  padding: var(--item-prd_price_sale-padding, 0);
  margin: var(--item-prd_price_sale-margin, 0);
  font-size: var(--item-prd_price_sale-font_size, 1.2rem);
  font-weight: var(--item-prd_price_sale-font_weight, 400);
  color: var(--item-prd_price_sale-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-prd_price_sale-font_deco, none);
  line-height: var(--item-prd_price_sale-line_height, 1);
}
.themePrdItems [spec=product_price_sale_login] {
  padding: var(--item-product_price_sale_login-padding, 0);
  margin: var(--item-product_price_sale_login-margin, 0);
  font-size: var(--item-product_price_sale_login-font_size, 1.2rem);
  font-weight: var(--item-product_price_sale_login-font_weight, 400);
  color: var(--item-product_price_sale_login-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-product_price_sale_login-font_deco, none);
  line-height: var(--item-product_price_sale_login-line_height, 1);
}
.themePrdItems [spec=optimum_discount_price] {
  padding: var(--item-optimum_discount_price-padding, 0);
  margin: var(--item-optimum_discount_price-margin, 0);
  font-size: var(--item-optimum_discount_price-font_size, 1.2rem);
  font-weight: var(--item-optimum_discount_price-font_weight, 400);
  color: var(--item-optimum_discount_price-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-optimum_discount_price-font_deco, none);
  line-height: var(--item-optimum_discount_price-line_height, 1);
}
.themePrdItems [spec=optimum_discount_price_login] {
  padding: var(--item-optimum_discount_price_login-padding, 0);
  margin: var(--item-optimum_discount_price_login-margin, 0);
  font-size: var(--item-optimum_discount_price_login-font_size, 1.2rem);
  font-weight: var(--item-optimum_discount_price_login-font_weight, 400);
  color: var(--item-optimum_discount_price_login-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-optimum_discount_price_login-font_deco, none);
  line-height: var(--item-optimum_discount_price_login-line_height, 1);
}
.themePrdItems [spec=prd_promotion_date] {
  padding: var(--item-prd_promotion_date-padding, 0);
  margin: var(--item-prd_promotion_date-margin, 0);
  font-size: var(--item-prd_promotion_date-font_size, 1.2rem);
  font-weight: var(--item-prd_promotion_date-font_weight, 400);
  color: var(--item-prd_promotion_date-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-prd_promotion_date-font_deco, none);
  line-height: var(--item-prd_promotion_date-line_height, 1);
}
.themePrdItems [spec=c_dc_price] {
  padding: var(--item-c_dc_price-padding, 0);
  margin: var(--item-c_dc_price-margin, 0);
  font-size: var(--item-c_dc_price-font_size, 1.2rem);
  font-weight: var(--item-c_dc_price-font_weight, 400);
  color: var(--item-c_dc_price-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-c_dc_price-font_deco, none);
  line-height: var(--item-c_dc_price-line_height, 1);
}
.themePrdItems [spec=mileage_value] {
  padding: var(--item-mileage_value-padding, 0);
  margin: var(--item-mileage_value-margin, 0);
  font-size: var(--item-mileage_value-font_size, 1.2rem);
  font-weight: var(--item-mileage_value-font_weight, 400);
  color: var(--item-mileage_value-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-mileage_value-font_deco, none);
  line-height: var(--item-mileage_value-line_height, 1);
}
.themePrdItems [spec=delivery_title] {
  padding: var(--item-delivery_title-padding, 0);
  margin: var(--item-delivery_title-margin, 0);
  font-size: var(--item-delivery_title-font_size, 1.2rem);
  font-weight: var(--item-delivery_title-font_weight, 400);
  color: var(--item-delivery_title-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-delivery_title-font_deco, none);
  line-height: var(--item-delivery_title-line_height, 1);
}
.themePrdItems [spec=delivery_price] {
  padding: var(--item-delivery_price-padding, 0);
  margin: var(--item-delivery_price-margin, 0);
  font-size: var(--item-delivery_price-font_size, 1.2rem);
  font-weight: var(--item-delivery_price-font_weight, 400);
  color: var(--item-delivery_price-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-delivery_price-font_deco, none);
  line-height: var(--item-delivery_price-line_height, 1);
}
.themePrdItems [spec=delivery] {
  padding: var(--item-delivery-padding, 0);
  margin: var(--item-delivery-margin, 0);
  font-size: var(--item-delivery-font_size, 1.2rem);
  font-weight: var(--item-delivery-font_weight, 400);
  color: var(--item-delivery-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-delivery-font_deco, none);
  line-height: var(--item-delivery-line_height, 1);
}
.themePrdItems [spec=prd_free_cnt] {
  padding: var(--item-prd_free_cnt-padding, 0);
  margin: var(--item-prd_free_cnt-margin, 0);
  font-size: var(--item-prd_free_cnt-font_size, 1.2rem);
  font-weight: var(--item-prd_free_cnt-font_weight, 400);
  color: var(--item-prd_free_cnt-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-prd_free_cnt-font_deco, none);
  line-height: var(--item-prd_free_cnt-line_height, 1);
}
.themePrdItems [spec=prd_model] {
  padding: var(--item-prd_model-padding, 0);
  margin: var(--item-prd_model-margin, 0);
  font-size: var(--item-prd_model-font_size, 1.2rem);
  font-weight: var(--item-prd_model-font_weight, 400);
  color: var(--item-prd_model-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-prd_model-font_deco, none);
  line-height: var(--item-prd_model-line_height, 1);
}
.themePrdItems [spec=prd_price_org] {
  padding: var(--item-prd_price_org-padding, 0);
  margin: var(--item-prd_price_org-margin, 0);
  font-size: var(--item-prd_price_org-font_size, 1.2rem);
  font-weight: var(--item-prd_price_org-font_weight, 400);
  color: var(--item-prd_price_org-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-prd_price_org-font_deco, none);
  line-height: var(--item-prd_price_org-line_height, 1);
}
.themePrdItems [spec=prd_price_tax] {
  padding: var(--item-prd_price_tax-padding, 0);
  margin: var(--item-prd_price_tax-margin, 0);
  font-size: var(--item-prd_price_tax-font_size, 1.2rem);
  font-weight: var(--item-prd_price_tax-font_weight, 400);
  color: var(--item-prd_price_tax-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-prd_price_tax-font_deco, none);
  line-height: var(--item-prd_price_tax-line_height, 1);
}
.themePrdItems [spec=prd_trand] {
  padding: var(--item-prd_trand-padding, 0);
  margin: var(--item-prd_trand-margin, 0);
  font-size: var(--item-prd_trand-font_size, 1.2rem);
  font-weight: var(--item-prd_trand-font_weight, 400);
  color: var(--item-prd_trand-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-prd_trand-font_deco, none);
  line-height: var(--item-prd_trand-line_height, 1);
}
.themePrdItems [spec=print_date] {
  padding: var(--item-print_date-padding, 0);
  margin: var(--item-print_date-margin, 0);
  font-size: var(--item-print_date-font_size, 1.2rem);
  font-weight: var(--item-print_date-font_weight, 400);
  color: var(--item-print_date-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-print_date-font_deco, none);
  line-height: var(--item-print_date-line_height, 1);
}
.themePrdItems [spec=product_code] {
  padding: var(--item-product_code-padding, 0);
  margin: var(--item-product_code-margin, 0);
  font-size: var(--item-product_code-font_size, 1.2rem);
  font-weight: var(--item-product_code-font_weight, 400);
  color: var(--item-product_code-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-product_code-font_deco, none);
  line-height: var(--item-product_code-line_height, 1);
}
.themePrdItems [spec=qna_cnt] {
  padding: var(--item-qna_cnt-padding, 0);
  margin: var(--item-qna_cnt-margin, 0);
  font-size: var(--item-qna_cnt-font_size, 1.2rem);
  font-weight: var(--item-qna_cnt-font_weight, 400);
  color: var(--item-qna_cnt-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-qna_cnt-font_deco, none);
  line-height: var(--item-qna_cnt-line_height, 1);
}
.themePrdItems [spec=review_cnt] {
  padding: var(--item-review_cnt-padding, 0);
  margin: var(--item-review_cnt-margin, 0);
  font-size: var(--item-review_cnt-font_size, 1.2rem);
  font-weight: var(--item-review_cnt-font_weight, 400);
  color: var(--item-review_cnt-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-review_cnt-font_deco, none);
  line-height: var(--item-review_cnt-line_height, 1);
}
.themePrdItems [spec=stock_quantity] {
  padding: var(--item-stock_quantity-padding, 0);
  margin: var(--item-stock_quantity-margin, 0);
  font-size: var(--item-stock_quantity-font_size, 1.2rem);
  font-weight: var(--item-stock_quantity-font_weight, 400);
  color: var(--item-stock_quantity-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-stock_quantity-font_deco, none);
  line-height: var(--item-stock_quantity-line_height, 1);
}
.themePrdItems [spec=supplier_id] {
  padding: var(--item-supplier_id-padding, 0);
  margin: var(--item-supplier_id-margin, 0);
  font-size: var(--item-supplier_id-font_size, 1.2rem);
  font-weight: var(--item-supplier_id-font_weight, 400);
  color: var(--item-supplier_id-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-supplier_id-font_deco, none);
  line-height: var(--item-supplier_id-line_height, 1);
}
.themePrdItems [spec=allotment_product] {
  padding: var(--item-allotment_product-padding, 0);
  margin: var(--item-allotment_product-margin, 0);
  font-size: var(--item-allotment_product-font_size, 1.2rem);
  font-weight: var(--item-allotment_product-font_weight, 400);
  color: var(--item-allotment_product-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-allotment_product-font_deco, none);
  line-height: var(--item-allotment_product-line_height, 1);
}
.themePrdItems [spec=expiration_date] {
  padding: var(--item-expiration_date-padding, 0);
  margin: var(--item-expiration_date-margin, 0);
  font-size: var(--item-expiration_date-font_size, 1.2rem);
  font-weight: var(--item-expiration_date-font_weight, 400);
  color: var(--item-expiration_date-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-expiration_date-font_deco, none);
  line-height: var(--item-expiration_date-line_height, 1);
}
.themePrdItems [spec=ma_product_code] {
  padding: var(--item-ma_product_code-padding, 0);
  margin: var(--item-ma_product_code-margin, 0);
  font-size: var(--item-ma_product_code-font_size, 1.2rem);
  font-weight: var(--item-ma_product_code-font_weight, 400);
  color: var(--item-ma_product_code-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-ma_product_code-font_deco, none);
  line-height: var(--item-ma_product_code-line_height, 1);
}
.themePrdItems [spec=made_in] {
  padding: var(--item-made_in-padding, 0);
  margin: var(--item-made_in-margin, 0);
  font-size: var(--item-made_in-font_size, 1.2rem);
  font-weight: var(--item-made_in-font_weight, 400);
  color: var(--item-made_in-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-made_in-font_deco, none);
  line-height: var(--item-made_in-line_height, 1);
}
.themePrdItems [spec=custom_option1] {
  padding: var(--item-custom_option1-padding, 0);
  margin: var(--item-custom_option1-margin, 0);
  font-size: var(--item-custom_option1-font_size, 1.2rem);
  font-weight: var(--item-custom_option1-font_weight, 400);
  color: var(--item-custom_option1-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-custom_option1-font_deco, none);
  line-height: var(--item-custom_option1-line_height, 1);
}
.themePrdItems [spec=custom_option2] {
  padding: var(--item-custom_option2-padding, 0);
  margin: var(--item-custom_option2-margin, 0);
  font-size: var(--item-custom_option2-font_size, 1.2rem);
  font-weight: var(--item-custom_option2-font_weight, 400);
  color: var(--item-custom_option2-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-custom_option2-font_deco, none);
  line-height: var(--item-custom_option2-line_height, 1);
}
.themePrdItems [spec=custom_option3] {
  padding: var(--item-custom_option3-padding, 0);
  margin: var(--item-custom_option3-margin, 0);
  font-size: var(--item-custom_option3-font_size, 1.2rem);
  font-weight: var(--item-custom_option3-font_weight, 400);
  color: var(--item-custom_option3-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-custom_option3-font_deco, none);
  line-height: var(--item-custom_option3-line_height, 1);
}
.themePrdItems [spec=custom_option4] {
  padding: var(--item-custom_option4-padding, 0);
  margin: var(--item-custom_option4-margin, 0);
  font-size: var(--item-custom_option4-font_size, 1.2rem);
  font-weight: var(--item-custom_option4-font_weight, 400);
  color: var(--item-custom_option4-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-custom_option4-font_deco, none);
  line-height: var(--item-custom_option4-line_height, 1);
}
.themePrdItems [spec=custom_option5] {
  padding: var(--item-custom_option5-padding, 0);
  margin: var(--item-custom_option5-margin, 0);
  font-size: var(--item-custom_option5-font_size, 1.2rem);
  font-weight: var(--item-custom_option5-font_weight, 400);
  color: var(--item-custom_option5-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-custom_option5-font_deco, none);
  line-height: var(--item-custom_option5-line_height, 1);
}
.themePrdItems [spec=custom_option6] {
  padding: var(--item-custom_option6-padding, 0);
  margin: var(--item-custom_option6-margin, 0);
  font-size: var(--item-custom_option6-font_size, 1.2rem);
  font-weight: var(--item-custom_option6-font_weight, 400);
  color: var(--item-custom_option6-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-custom_option6-font_deco, none);
  line-height: var(--item-custom_option6-line_height, 1);
}
.themePrdItems [spec=custom_option7] {
  padding: var(--item-custom_option7-padding, 0);
  margin: var(--item-custom_option7-margin, 0);
  font-size: var(--item-custom_option7-font_size, 1.2rem);
  font-weight: var(--item-custom_option7-font_weight, 400);
  color: var(--item-custom_option7-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-custom_option7-font_deco, none);
  line-height: var(--item-custom_option7-line_height, 1);
}
.themePrdItems [spec=custom_option8] {
  padding: var(--item-custom_option8-padding, 0);
  margin: var(--item-custom_option8-margin, 0);
  font-size: var(--item-custom_option8-font_size, 1.2rem);
  font-weight: var(--item-custom_option8-font_weight, 400);
  color: var(--item-custom_option8-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-custom_option8-font_deco, none);
  line-height: var(--item-custom_option8-line_height, 1);
}
.themePrdItems [spec=custom_option9] {
  padding: var(--item-custom_option9-padding, 0);
  margin: var(--item-custom_option9-margin, 0);
  font-size: var(--item-custom_option9-font_size, 1.2rem);
  font-weight: var(--item-custom_option9-font_weight, 400);
  color: var(--item-custom_option9-font_color, var(--gray-50)) !important;
  text-decoration: var(--item-custom_option9-font_deco, none);
  line-height: var(--item-custom_option9-line_height, 1);
}
.themePrdItems [spec=sale_rate] {
  background-color: var(--item-sale_rate-bgcolor);
}
.themePrdItems .-info ul.-spec > li[spec=prd_promotion_date] {
  display: none;
}
.themePrdItems .-info ul.-spec > li[spec=prd_brand][spec-data=자체브랜드], .themePrdItems .-info ul.-spec > li[spec=prd_brand][spec-data="Own label brand"],
.themePrdItems div.-brand[spec-data=자체브랜드],
.themePrdItems div.-brand[spec-data="Own label brand"] {
  display: none !important;
}

.-html .xans-product-detaildesign [spec=product_name_css] {
  padding: var(--detail_spec-product_name-padding, 0) !important;
  margin: var(--detail_spec-product_name-margin, 0) !important;
  font-size: var(--detail_spec-product_name-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-product_name-font_weight, 400) !important;
  color: var(--detail_spec-product_name-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-product_name-font_deco, none) !important;
  line-height: var(--detail_spec-product_name-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-product_name-border_color, transparent);
  border-width: var(--detail_spec-product_name-border_width, 0);
}
.-html .xans-product-detaildesign [spec=eng_product_name_css] {
  padding: var(--detail_spec-eng_product_name-padding, 0) !important;
  margin: var(--detail_spec-eng_product_name-margin, 0) !important;
  font-size: var(--detail_spec-eng_product_name-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-eng_product_name-font_weight, 400) !important;
  color: var(--detail_spec-eng_product_name-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-eng_product_name-font_deco, none) !important;
  line-height: var(--detail_spec-eng_product_name-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-eng_product_name-border_color, transparent);
  border-width: var(--detail_spec-eng_product_name-border_width, 0);
}
.-html .xans-product-detaildesign [spec=prd_brand_css] {
  padding: var(--detail_spec-prd_brand-padding, 0) !important;
  margin: var(--detail_spec-prd_brand-margin, 0) !important;
  font-size: var(--detail_spec-prd_brand-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-prd_brand-font_weight, 400) !important;
  color: var(--detail_spec-prd_brand-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-prd_brand-font_deco, none) !important;
  line-height: var(--detail_spec-prd_brand-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-prd_brand-border_color, transparent);
  border-width: var(--detail_spec-prd_brand-border_width, 0);
}
.-html .xans-product-detaildesign [spec=summary_desc_css] {
  padding: var(--detail_spec-summary_desc-padding, 0) !important;
  margin: var(--detail_spec-summary_desc-margin, 0) !important;
  font-size: var(--detail_spec-summary_desc-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-summary_desc-font_weight, 400) !important;
  color: var(--detail_spec-summary_desc-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-summary_desc-font_deco, none) !important;
  line-height: var(--detail_spec-summary_desc-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-summary_desc-border_color, transparent);
  border-width: var(--detail_spec-summary_desc-border_width, 0);
}
.-html .xans-product-detaildesign [spec=simple_desc_css] {
  padding: var(--detail_spec-simple_desc-padding, 0) !important;
  margin: var(--detail_spec-simple_desc-margin, 0) !important;
  font-size: var(--detail_spec-simple_desc-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-simple_desc-font_weight, 400) !important;
  color: var(--detail_spec-simple_desc-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-simple_desc-font_deco, none) !important;
  line-height: var(--detail_spec-simple_desc-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-simple_desc-border_color, transparent);
  border-width: var(--detail_spec-simple_desc-border_width, 0);
}
.-html .xans-product-detaildesign [spec=sale_rate_css] {
  padding: var(--detail_spec-sale_rate-padding, 0) !important;
  margin: var(--detail_spec-sale_rate-margin, 0) !important;
  font-size: var(--detail_spec-sale_rate-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-sale_rate-font_weight, 400) !important;
  color: var(--detail_spec-sale_rate-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-sale_rate-font_deco, none) !important;
  line-height: var(--detail_spec-sale_rate-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-sale_rate-border_color, transparent);
  border-width: var(--detail_spec-sale_rate-border_width, 0);
}
.-html .xans-product-detaildesign [spec=product_custom_css] {
  padding: var(--detail_spec-product_custom-padding, 0) !important;
  margin: var(--detail_spec-product_custom-margin, 0) !important;
  font-size: var(--detail_spec-product_custom-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-product_custom-font_weight, 400) !important;
  color: var(--detail_spec-product_custom-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-product_custom-font_deco, none) !important;
  line-height: var(--detail_spec-product_custom-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-product_custom-border_color, transparent);
  border-width: var(--detail_spec-product_custom-border_width, 0);
}
.-html .xans-product-detaildesign [spec=product_price_css] {
  padding: var(--detail_spec-product_price-padding, 0) !important;
  margin: var(--detail_spec-product_price-margin, 0) !important;
  font-size: var(--detail_spec-product_price-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-product_price-font_weight, 400) !important;
  color: var(--detail_spec-product_price-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-product_price-font_deco, none) !important;
  line-height: var(--detail_spec-product_price-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-product_price-border_color, transparent);
  border-width: var(--detail_spec-product_price-border_width, 0);
}
.-html .xans-product-detaildesign [spec=prd_price_sale_css] {
  padding: var(--detail_spec-prd_price_sale-padding, 0) !important;
  margin: var(--detail_spec-prd_price_sale-margin, 0) !important;
  font-size: var(--detail_spec-prd_price_sale-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-prd_price_sale-font_weight, 400) !important;
  color: var(--detail_spec-prd_price_sale-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-prd_price_sale-font_deco, none) !important;
  line-height: var(--detail_spec-prd_price_sale-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-prd_price_sale-border_color, transparent);
  border-width: var(--detail_spec-prd_price_sale-border_width, 0);
}
.-html .xans-product-detaildesign [spec=product_price_sale_login_css] {
  padding: var(--detail_spec-product_price_sale_login-padding, 0) !important;
  margin: var(--detail_spec-product_price_sale_login-margin, 0) !important;
  font-size: var(--detail_spec-product_price_sale_login-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-product_price_sale_login-font_weight, 400) !important;
  color: var(--detail_spec-product_price_sale_login-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-product_price_sale_login-font_deco, none) !important;
  line-height: var(--detail_spec-product_price_sale_login-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-product_price_sale_login-border_color, transparent);
  border-width: var(--detail_spec-product_price_sale_login-border_width, 0);
}
.-html .xans-product-detaildesign [spec=optimum_discount_price_css] {
  padding: var(--detail_spec-optimum_discount_price-padding, 0) !important;
  margin: var(--detail_spec-optimum_discount_price-margin, 0) !important;
  font-size: var(--detail_spec-optimum_discount_price-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-optimum_discount_price-font_weight, 400) !important;
  color: var(--detail_spec-optimum_discount_price-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-optimum_discount_price-font_deco, none) !important;
  line-height: var(--detail_spec-optimum_discount_price-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-optimum_discount_price-border_color, transparent);
  border-width: var(--detail_spec-optimum_discount_price-border_width, 0);
}
.-html .xans-product-detaildesign [spec=optimum_discount_price_login_css] {
  padding: var(--detail_spec-optimum_discount_price_login-padding, 0) !important;
  margin: var(--detail_spec-optimum_discount_price_login-margin, 0) !important;
  font-size: var(--detail_spec-optimum_discount_price_login-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-optimum_discount_price_login-font_weight, 400) !important;
  color: var(--detail_spec-optimum_discount_price_login-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-optimum_discount_price_login-font_deco, none) !important;
  line-height: var(--detail_spec-optimum_discount_price_login-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-optimum_discount_price_login-border_color, transparent);
  border-width: var(--detail_spec-optimum_discount_price_login-border_width, 0);
}
.-html .xans-product-detaildesign [spec=prd_promotion_date_css] {
  padding: var(--detail_spec-prd_promotion_date-padding, 0) !important;
  margin: var(--detail_spec-prd_promotion_date-margin, 0) !important;
  font-size: var(--detail_spec-prd_promotion_date-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-prd_promotion_date-font_weight, 400) !important;
  color: var(--detail_spec-prd_promotion_date-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-prd_promotion_date-font_deco, none) !important;
  line-height: var(--detail_spec-prd_promotion_date-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-prd_promotion_date-border_color, transparent);
  border-width: var(--detail_spec-prd_promotion_date-border_width, 0);
}
.-html .xans-product-detaildesign [spec=c_dc_price_css] {
  padding: var(--detail_spec-c_dc_price-padding, 0) !important;
  margin: var(--detail_spec-c_dc_price-margin, 0) !important;
  font-size: var(--detail_spec-c_dc_price-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-c_dc_price-font_weight, 400) !important;
  color: var(--detail_spec-c_dc_price-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-c_dc_price-font_deco, none) !important;
  line-height: var(--detail_spec-c_dc_price-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-c_dc_price-border_color, transparent);
  border-width: var(--detail_spec-c_dc_price-border_width, 0);
}
.-html .xans-product-detaildesign [spec=mileage_value_css] {
  padding: var(--detail_spec-mileage_value-padding, 0) !important;
  margin: var(--detail_spec-mileage_value-margin, 0) !important;
  font-size: var(--detail_spec-mileage_value-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-mileage_value-font_weight, 400) !important;
  color: var(--detail_spec-mileage_value-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-mileage_value-font_deco, none) !important;
  line-height: var(--detail_spec-mileage_value-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-mileage_value-border_color, transparent);
  border-width: var(--detail_spec-mileage_value-border_width, 0);
}
.-html .xans-product-detaildesign [spec=delivery_title_css] {
  padding: var(--detail_spec-delivery_title-padding, 0) !important;
  margin: var(--detail_spec-delivery_title-margin, 0) !important;
  font-size: var(--detail_spec-delivery_title-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-delivery_title-font_weight, 400) !important;
  color: var(--detail_spec-delivery_title-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-delivery_title-font_deco, none) !important;
  line-height: var(--detail_spec-delivery_title-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-delivery_title-border_color, transparent);
  border-width: var(--detail_spec-delivery_title-border_width, 0);
}
.-html .xans-product-detaildesign [spec=delivery_price_css] {
  padding: var(--detail_spec-delivery_price-padding, 0) !important;
  margin: var(--detail_spec-delivery_price-margin, 0) !important;
  font-size: var(--detail_spec-delivery_price-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-delivery_price-font_weight, 400) !important;
  color: var(--detail_spec-delivery_price-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-delivery_price-font_deco, none) !important;
  line-height: var(--detail_spec-delivery_price-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-delivery_price-border_color, transparent);
  border-width: var(--detail_spec-delivery_price-border_width, 0);
}
.-html .xans-product-detaildesign [spec=delivery_css] {
  padding: var(--detail_spec-delivery-padding, 0) !important;
  margin: var(--detail_spec-delivery-margin, 0) !important;
  font-size: var(--detail_spec-delivery-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-delivery-font_weight, 400) !important;
  color: var(--detail_spec-delivery-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-delivery-font_deco, none) !important;
  line-height: var(--detail_spec-delivery-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-delivery-border_color, transparent);
  border-width: var(--detail_spec-delivery-border_width, 0);
}
.-html .xans-product-detaildesign [spec=prd_free_cnt_css] {
  padding: var(--detail_spec-prd_free_cnt-padding, 0) !important;
  margin: var(--detail_spec-prd_free_cnt-margin, 0) !important;
  font-size: var(--detail_spec-prd_free_cnt-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-prd_free_cnt-font_weight, 400) !important;
  color: var(--detail_spec-prd_free_cnt-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-prd_free_cnt-font_deco, none) !important;
  line-height: var(--detail_spec-prd_free_cnt-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-prd_free_cnt-border_color, transparent);
  border-width: var(--detail_spec-prd_free_cnt-border_width, 0);
}
.-html .xans-product-detaildesign [spec=prd_model_css] {
  padding: var(--detail_spec-prd_model-padding, 0) !important;
  margin: var(--detail_spec-prd_model-margin, 0) !important;
  font-size: var(--detail_spec-prd_model-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-prd_model-font_weight, 400) !important;
  color: var(--detail_spec-prd_model-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-prd_model-font_deco, none) !important;
  line-height: var(--detail_spec-prd_model-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-prd_model-border_color, transparent);
  border-width: var(--detail_spec-prd_model-border_width, 0);
}
.-html .xans-product-detaildesign [spec=prd_price_org_css] {
  padding: var(--detail_spec-prd_price_org-padding, 0) !important;
  margin: var(--detail_spec-prd_price_org-margin, 0) !important;
  font-size: var(--detail_spec-prd_price_org-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-prd_price_org-font_weight, 400) !important;
  color: var(--detail_spec-prd_price_org-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-prd_price_org-font_deco, none) !important;
  line-height: var(--detail_spec-prd_price_org-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-prd_price_org-border_color, transparent);
  border-width: var(--detail_spec-prd_price_org-border_width, 0);
}
.-html .xans-product-detaildesign [spec=prd_price_tax_css] {
  padding: var(--detail_spec-prd_price_tax-padding, 0) !important;
  margin: var(--detail_spec-prd_price_tax-margin, 0) !important;
  font-size: var(--detail_spec-prd_price_tax-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-prd_price_tax-font_weight, 400) !important;
  color: var(--detail_spec-prd_price_tax-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-prd_price_tax-font_deco, none) !important;
  line-height: var(--detail_spec-prd_price_tax-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-prd_price_tax-border_color, transparent);
  border-width: var(--detail_spec-prd_price_tax-border_width, 0);
}
.-html .xans-product-detaildesign [spec=prd_trand_css] {
  padding: var(--detail_spec-prd_trand-padding, 0) !important;
  margin: var(--detail_spec-prd_trand-margin, 0) !important;
  font-size: var(--detail_spec-prd_trand-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-prd_trand-font_weight, 400) !important;
  color: var(--detail_spec-prd_trand-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-prd_trand-font_deco, none) !important;
  line-height: var(--detail_spec-prd_trand-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-prd_trand-border_color, transparent);
  border-width: var(--detail_spec-prd_trand-border_width, 0);
}
.-html .xans-product-detaildesign [spec=print_date_css] {
  padding: var(--detail_spec-print_date-padding, 0) !important;
  margin: var(--detail_spec-print_date-margin, 0) !important;
  font-size: var(--detail_spec-print_date-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-print_date-font_weight, 400) !important;
  color: var(--detail_spec-print_date-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-print_date-font_deco, none) !important;
  line-height: var(--detail_spec-print_date-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-print_date-border_color, transparent);
  border-width: var(--detail_spec-print_date-border_width, 0);
}
.-html .xans-product-detaildesign [spec=product_code_css] {
  padding: var(--detail_spec-product_code-padding, 0) !important;
  margin: var(--detail_spec-product_code-margin, 0) !important;
  font-size: var(--detail_spec-product_code-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-product_code-font_weight, 400) !important;
  color: var(--detail_spec-product_code-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-product_code-font_deco, none) !important;
  line-height: var(--detail_spec-product_code-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-product_code-border_color, transparent);
  border-width: var(--detail_spec-product_code-border_width, 0);
}
.-html .xans-product-detaildesign [spec=qna_cnt_css] {
  padding: var(--detail_spec-qna_cnt-padding, 0) !important;
  margin: var(--detail_spec-qna_cnt-margin, 0) !important;
  font-size: var(--detail_spec-qna_cnt-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-qna_cnt-font_weight, 400) !important;
  color: var(--detail_spec-qna_cnt-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-qna_cnt-font_deco, none) !important;
  line-height: var(--detail_spec-qna_cnt-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-qna_cnt-border_color, transparent);
  border-width: var(--detail_spec-qna_cnt-border_width, 0);
}
.-html .xans-product-detaildesign [spec=review_cnt_css] {
  padding: var(--detail_spec-review_cnt-padding, 0) !important;
  margin: var(--detail_spec-review_cnt-margin, 0) !important;
  font-size: var(--detail_spec-review_cnt-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-review_cnt-font_weight, 400) !important;
  color: var(--detail_spec-review_cnt-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-review_cnt-font_deco, none) !important;
  line-height: var(--detail_spec-review_cnt-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-review_cnt-border_color, transparent);
  border-width: var(--detail_spec-review_cnt-border_width, 0);
}
.-html .xans-product-detaildesign [spec=stock_quantity_css] {
  padding: var(--detail_spec-stock_quantity-padding, 0) !important;
  margin: var(--detail_spec-stock_quantity-margin, 0) !important;
  font-size: var(--detail_spec-stock_quantity-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-stock_quantity-font_weight, 400) !important;
  color: var(--detail_spec-stock_quantity-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-stock_quantity-font_deco, none) !important;
  line-height: var(--detail_spec-stock_quantity-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-stock_quantity-border_color, transparent);
  border-width: var(--detail_spec-stock_quantity-border_width, 0);
}
.-html .xans-product-detaildesign [spec=supplier_id_css] {
  padding: var(--detail_spec-supplier_id-padding, 0) !important;
  margin: var(--detail_spec-supplier_id-margin, 0) !important;
  font-size: var(--detail_spec-supplier_id-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-supplier_id-font_weight, 400) !important;
  color: var(--detail_spec-supplier_id-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-supplier_id-font_deco, none) !important;
  line-height: var(--detail_spec-supplier_id-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-supplier_id-border_color, transparent);
  border-width: var(--detail_spec-supplier_id-border_width, 0);
}
.-html .xans-product-detaildesign [spec=allotment_product_css] {
  padding: var(--detail_spec-allotment_product-padding, 0) !important;
  margin: var(--detail_spec-allotment_product-margin, 0) !important;
  font-size: var(--detail_spec-allotment_product-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-allotment_product-font_weight, 400) !important;
  color: var(--detail_spec-allotment_product-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-allotment_product-font_deco, none) !important;
  line-height: var(--detail_spec-allotment_product-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-allotment_product-border_color, transparent);
  border-width: var(--detail_spec-allotment_product-border_width, 0);
}
.-html .xans-product-detaildesign [spec=expiration_date_css] {
  padding: var(--detail_spec-expiration_date-padding, 0) !important;
  margin: var(--detail_spec-expiration_date-margin, 0) !important;
  font-size: var(--detail_spec-expiration_date-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-expiration_date-font_weight, 400) !important;
  color: var(--detail_spec-expiration_date-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-expiration_date-font_deco, none) !important;
  line-height: var(--detail_spec-expiration_date-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-expiration_date-border_color, transparent);
  border-width: var(--detail_spec-expiration_date-border_width, 0);
}
.-html .xans-product-detaildesign [spec=ma_product_code_css] {
  padding: var(--detail_spec-ma_product_code-padding, 0) !important;
  margin: var(--detail_spec-ma_product_code-margin, 0) !important;
  font-size: var(--detail_spec-ma_product_code-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-ma_product_code-font_weight, 400) !important;
  color: var(--detail_spec-ma_product_code-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-ma_product_code-font_deco, none) !important;
  line-height: var(--detail_spec-ma_product_code-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-ma_product_code-border_color, transparent);
  border-width: var(--detail_spec-ma_product_code-border_width, 0);
}
.-html .xans-product-detaildesign [spec=made_in_css] {
  padding: var(--detail_spec-made_in-padding, 0) !important;
  margin: var(--detail_spec-made_in-margin, 0) !important;
  font-size: var(--detail_spec-made_in-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-made_in-font_weight, 400) !important;
  color: var(--detail_spec-made_in-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-made_in-font_deco, none) !important;
  line-height: var(--detail_spec-made_in-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-made_in-border_color, transparent);
  border-width: var(--detail_spec-made_in-border_width, 0);
}
.-html .xans-product-detaildesign [spec=custom_option1_css] {
  padding: var(--detail_spec-custom_option1-padding, 0) !important;
  margin: var(--detail_spec-custom_option1-margin, 0) !important;
  font-size: var(--detail_spec-custom_option1-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-custom_option1-font_weight, 400) !important;
  color: var(--detail_spec-custom_option1-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-custom_option1-font_deco, none) !important;
  line-height: var(--detail_spec-custom_option1-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-custom_option1-border_color, transparent);
  border-width: var(--detail_spec-custom_option1-border_width, 0);
}
.-html .xans-product-detaildesign [spec=custom_option2_css] {
  padding: var(--detail_spec-custom_option2-padding, 0) !important;
  margin: var(--detail_spec-custom_option2-margin, 0) !important;
  font-size: var(--detail_spec-custom_option2-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-custom_option2-font_weight, 400) !important;
  color: var(--detail_spec-custom_option2-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-custom_option2-font_deco, none) !important;
  line-height: var(--detail_spec-custom_option2-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-custom_option2-border_color, transparent);
  border-width: var(--detail_spec-custom_option2-border_width, 0);
}
.-html .xans-product-detaildesign [spec=custom_option3_css] {
  padding: var(--detail_spec-custom_option3-padding, 0) !important;
  margin: var(--detail_spec-custom_option3-margin, 0) !important;
  font-size: var(--detail_spec-custom_option3-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-custom_option3-font_weight, 400) !important;
  color: var(--detail_spec-custom_option3-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-custom_option3-font_deco, none) !important;
  line-height: var(--detail_spec-custom_option3-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-custom_option3-border_color, transparent);
  border-width: var(--detail_spec-custom_option3-border_width, 0);
}
.-html .xans-product-detaildesign [spec=custom_option4_css] {
  padding: var(--detail_spec-custom_option4-padding, 0) !important;
  margin: var(--detail_spec-custom_option4-margin, 0) !important;
  font-size: var(--detail_spec-custom_option4-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-custom_option4-font_weight, 400) !important;
  color: var(--detail_spec-custom_option4-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-custom_option4-font_deco, none) !important;
  line-height: var(--detail_spec-custom_option4-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-custom_option4-border_color, transparent);
  border-width: var(--detail_spec-custom_option4-border_width, 0);
}
.-html .xans-product-detaildesign [spec=custom_option5_css] {
  padding: var(--detail_spec-custom_option5-padding, 0) !important;
  margin: var(--detail_spec-custom_option5-margin, 0) !important;
  font-size: var(--detail_spec-custom_option5-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-custom_option5-font_weight, 400) !important;
  color: var(--detail_spec-custom_option5-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-custom_option5-font_deco, none) !important;
  line-height: var(--detail_spec-custom_option5-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-custom_option5-border_color, transparent);
  border-width: var(--detail_spec-custom_option5-border_width, 0);
}
.-html .xans-product-detaildesign [spec=custom_option6_css] {
  padding: var(--detail_spec-custom_option6-padding, 0) !important;
  margin: var(--detail_spec-custom_option6-margin, 0) !important;
  font-size: var(--detail_spec-custom_option6-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-custom_option6-font_weight, 400) !important;
  color: var(--detail_spec-custom_option6-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-custom_option6-font_deco, none) !important;
  line-height: var(--detail_spec-custom_option6-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-custom_option6-border_color, transparent);
  border-width: var(--detail_spec-custom_option6-border_width, 0);
}
.-html .xans-product-detaildesign [spec=custom_option7_css] {
  padding: var(--detail_spec-custom_option7-padding, 0) !important;
  margin: var(--detail_spec-custom_option7-margin, 0) !important;
  font-size: var(--detail_spec-custom_option7-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-custom_option7-font_weight, 400) !important;
  color: var(--detail_spec-custom_option7-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-custom_option7-font_deco, none) !important;
  line-height: var(--detail_spec-custom_option7-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-custom_option7-border_color, transparent);
  border-width: var(--detail_spec-custom_option7-border_width, 0);
}
.-html .xans-product-detaildesign [spec=custom_option8_css] {
  padding: var(--detail_spec-custom_option8-padding, 0) !important;
  margin: var(--detail_spec-custom_option8-margin, 0) !important;
  font-size: var(--detail_spec-custom_option8-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-custom_option8-font_weight, 400) !important;
  color: var(--detail_spec-custom_option8-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-custom_option8-font_deco, none) !important;
  line-height: var(--detail_spec-custom_option8-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-custom_option8-border_color, transparent);
  border-width: var(--detail_spec-custom_option8-border_width, 0);
}
.-html .xans-product-detaildesign [spec=custom_option9_css] {
  padding: var(--detail_spec-custom_option9-padding, 0) !important;
  margin: var(--detail_spec-custom_option9-margin, 0) !important;
  font-size: var(--detail_spec-custom_option9-font_size, 1.2rem) !important;
  font-weight: var(--detail_spec-custom_option9-font_weight, 400) !important;
  color: var(--detail_spec-custom_option9-font_color, var(--font_color-gray)) !important;
  text-decoration: var(--detail_spec-custom_option9-font_deco, none) !important;
  line-height: var(--detail_spec-custom_option9-line_height, 1.4) !important;
  border: transparent 0 solid;
  border-color: var(--detail_spec-custom_option9-border_color, transparent);
  border-width: var(--detail_spec-custom_option9-border_width, 0);
}
.-html .xans-product-detaildesign [spec=sale_rate_css] {
  background-color: var(--detail_spec-sale_rate-bgcolor);
}
.-html .xans-product-detaildesign > ul > li[spec=product_custom_css] {
  display: none !important;
}

#zipcodeLayer,
#LoadLayer {
  z-index: 99999999999999 !important;
}

@media (max-width: 991.98px) {
  [theme-mode=r] #buyLayer {
    z-index: 1013;
  }
}
[theme-mode=m] #buyLayer {
  z-index: 1013;
}

#themeSearchLayer {
  z-index: 1012;
}

#themeLNB {
  z-index: 1011;
}

#themeGNB {
  z-index: 1010;
}

#themeHeader {
  z-index: 1001;
}

#buybtnsClone {
  z-index: 1000;
}

/*# sourceMappingURL=common.css.map */

@charset "UTF-8";
/*
  해당파일은 디자인 전체를 관리하는 파일 입니다.
  임의 수정 시, 업데이트 및 수정 지원이 절대 불가능 합니다.
  스타일 수정이 필요한 경우
  /themes/common/user/style.css 파일에서 스타일을 새로 작성해주세요.
*/
.-html.-pc_template body {
  background: var(--body-bgcolor);
  min-width: var(--body-min_width);
}
.-html.-pc_template body #wrap {
  width: 100%;
  margin: 0;
}
.-html.-pc_template body #wrap #container {
  width: 100%;
}
.-html.-pc_template body #wrap #container:after {
  display: none;
}
.-html.-pc_template body #wrap #container #contents {
  float: none;
  width: 100%;
  padding: 0 var(--body-side_padding);
  margin: 0 auto;
}
.-html.-pc_template body #wrap #container #contents > main {
  width: 100%;
  padding-top: var(--body-top_padding);
  padding-bottom: var(--body-bottom_padding);
  min-height: var(--body-min_height);
  max-width: var(--body-max_width);
  margin-left: auto;
  margin-right: auto;
}
.-html.-pc_template body #wrap #container:has(#sidebar) {
  padding-left: 22rem !important;
  position: relative;
}
.-html.-pc_template body #wrap #container:has(#sidebar) #sidebar {
  position: absolute;
  left: var(--body-side_padding);
  top: var(--body-top_padding);
}

[theme-mode=r] #popup {
  max-width: 100vw;
}

:root {
  --colors-font-000000: #000000;
  --colors-font-070705: #070705;
  --colors-font-1c1c1c: #1c1c1c;
  --colors-font-101010: #101010;
  --colors-font-1B1E26: #1B1E26;
  --colors-font-131313: #131313;
  --colors-font-222222: #222222;
  --colors-font-2e2e2e: #2e2e2e;
  --colors-font-202020: #202020;
  --colors-font-333333: #333333;
  --colors-font-353535: #353535;
  --colors-font-383838: #383838;
  --colors-font-363636: #363636;
  --colors-font-363437: #363437;
  --colors-font-404040: #404040;
  --colors-font-444444: #444444;
  --colors-font-464c4e: #464c4e;
  --colors-font-4a5164: #4a5164;
  --colors-font-505050: #525252;
  --colors-font-525252: #525252;
  --colors-font-575a63: #575a63;
  --colors-font-6b6b6b: #6b6b6b;
  --colors-font-666666: #666666;
  --colors-font-777777: #777777;
  --colors-font-707070: #707070;
  --colors-font-7c8389: #7c8389;
  --colors-font-757575: #757575;
  --colors-font-737373: #737373;
  --colors-font-767479: #767479;
  --colors-font-999999: #999999;
  --colors-font-939393: #939393;
  --colors-font-919399: #919399;
  --colors-font-888888: #888888;
  --colors-font-8f8f8f: #8f8f8f;
  --colors-font-8F8F91: #8F8F91;
  --colors-font-828282: #828282;
  --colors-font-9a9a9a: #9a9a9a;
  --colors-font-aaaaaa: #aaaaaa;
  --colors-font-cccccc: #cccccc;
  --colors-font-c9c9c9: #cccccc;
  --colors-font-d7d7d7: #d7d7d7;
  --colors-font-d7d7d8: #d7d7d8;
  --colors-font-e5e5e5: #e5e5e5;
  --colors-font-fbfafa: #fbfafa;
  --colors-font-ffffff: #ffffff;
  --colors-font-008bcc: #008bcc;
  --colors-font-6292db: #6292db;
  --colors-font-34a7b3: #34a7b3;
  --colors-font-2f8cce: #2f8cce;
  --colors-font-295cef: #295cef;
  --colors-font-0088d4: #0088d4;
  --colors-font-508bed: #508bed;
  --colors-font-80aeef: #80aeef;
  --colors-font-f76560: #f76560;
  --colors-font-f26323: #f26323;
  --colors-font-ff8a56: #ff8a56;
  --colors-font-ff5454: #ff8a56;
  --colors-font-fe7b05: #fe7b05;
  --colors-border-ffffff: #ffffff;
  --colors-border-f0f0f0: #f0f0f0;
  --colors-border-eeeeee: #eeeeee;
  --colors-border-e1e1e1: #e1e1e1;
  --colors-border-e6e6e6: #e6e6e6;
  --colors-border-e8e8e8: #e8e8e8;
  --colors-border-e8e7e7: #e8e7e7;
  --colors-border-e8e5e4: #e8e5e4;
  --colors-border-e9e9e9: #e9e9e9;
  --colors-border-ebebeb: #ebebeb;
  --colors-border-edeeef: #edeeef;
  --colors-border-ededed: #ededed;
  --colors-border-ececec: #ececec;
  --colors-border-e3e3e3: #e3e3e3;
  --colors-border-eaeaea: #eaeaea;
  --colors-border-dddddd: #dddddd;
  --colors-border-dddcdd: #dddcdd;
  --colors-border-dadada: #dadada;
  --colors-border-d9d9d8: #d9d9d8;
  --colors-border-d9d9d9: #d9d9d9;
  --colors-border-d8d8d8: #d8d8d8;
  --colors-border-d7d7d7: #d7d7d7;
  --colors-border-d7d5d5: #d7d5d5;
  --colors-border-d6d4d4: #d6d4d4;
  --colors-border-d6d6d6: #d6d6d6;
  --colors-border-d7d5d6: #d7d5d6;
  --colors-border-D6DAE1: #D6DAE1;
  --colors-border-dedede: #dedede;
  --colors-border-d5d5d5: #d5d5d5;
  --colors-border-d4d8d9: #d4d8d9;
  --colors-border-dfdfdf: #dfdfdf;
  --colors-border-bbbbbb: #bbbbbb;
  --colors-border-b4b4b4: #b4b4b4;
  --colors-border-bcbcbc: #bcbcbc;
  --colors-border-b0b1b3: #b0b1b3;
  --colors-border-cbcdce: #cbcdce;
  --colors-border-c9c7ca: #c9c7ca;
  --colors-border-c6cbd6: #c6cbd6;
  --colors-border-c5c5c5: #c5c5c5;
  --colors-border-cbcbcb: #cbcbcb;
  --colors-border-cdcdcd: #cdcdcd;
  --colors-border-cccccc: #cccccc;
  --colors-border-aaaaaa: #aaaaaa;
  --colors-border-9a9ba0: #9a9ba0;
  --colors-border-9fa4ac: #9fa4ac;
  --colors-border-969696: #969696;
  --colors-border-868686: #868686;
  --colors-border-77797d: #77797d;
  --colors-border-777777: #777777;
  --colors-border-757575: #757575;
  --colors-border-508bed: #508bed;
  --colors-border-565960: #565960;
  --colors-border-495164: #495164;
  --colors-border-3d7ce4: #3d7ce4;
  --colors-border-000000: #000000;
  --colors-border-ff5454: #ff5454;
  --colors-bg-000000: #000000;
  --colors-bg-3A4050: #3A4050;
  --colors-bg-495164: #495164;
  --colors-bg-4b5165: #4b5165;
  --colors-bg-4d4d4d: #4d4d4d;
  --colors-bg-555555: #555555;
  --colors-bg-767676: #767676;
  --colors-bg-77797d: #77797d;
  --colors-bg-777777: #777777;
  --colors-bg-939393: #939393;
  --colors-bg-d3d1d2: #d3d1d2;
  --colors-bg-D9D9D9: #D9D9D9;
  --colors-bg-a1a4ae: #a1a4ae;
  --colors-bg-e7e7e7: #a1a4ae;
  --colors-bg-f6f7f9: #f6f7f9;
  --colors-bg-fbfbfb: #fbfbfb;
  --colors-bg-f5f5f5: #f5f5f5;
  --colors-bg-f6f6f6: #f6f6f6;
  --colors-bg-F4F9FF: #F4F9FF;
  --colors-bg-fbfafa: #fbfafa;
  --colors-bg-fbf9fa: #fbf9fa;
  --colors-bg-f3f3f3: #f3f3f3;
  --colors-bg-f0f2f2: #f0f2f2;
  --colors-bg-f0f0f0: #f0f0f0;
  --colors-bg-f1f1f1: #f1f1f1;
  --colors-bg-fff8f5: #fff8f5;
  --colors-bg-f2f2f2: #f2f2f2;
  --colors-bg-ffffff: #ffffff;
  --colors-bg-508bed: #508bed;
  --colors-bg-009ffa: #009ffa;
}

[theme-color=dark]:root {
  --colors-font-000000: #ffffff;
  --colors-font-070705: #fafafa;
  --colors-font-1c1c1c: #f6f6f6;
  --colors-font-101010: #eeeeee;
  --colors-font-1B1E26: #eeeeee;
  --colors-font-131313: #eeeeee;
  --colors-font-222222: #dddddd;
  --colors-font-2e2e2e: #dddddd;
  --colors-font-202020: #dddddd;
  --colors-font-333333: #cccccc;
  --colors-font-353535: #cccccc;
  --colors-font-383838: #cccccc;
  --colors-font-363636: #cccccc;
  --colors-font-363437: #cccccc;
  --colors-font-404040: #bbbbbb;
  --colors-font-444444: #bbbbbb;
  --colors-font-464c4e: #bbbbbb;
  --colors-font-4a5164: #bbbbbb;
  --colors-font-505050: #aaaaaa;
  --colors-font-525252: #aaaaaa;
  --colors-font-575a63: #aaaaaa;
  --colors-font-6b6b6b: #999999;
  --colors-font-666666: #999999;
  --colors-font-777777: #888888;
  --colors-font-707070: #888888;
  --colors-font-7c8389: #888888;
  --colors-font-757575: #888888;
  --colors-font-737373: #888888;
  --colors-font-767479: #888888;
  --colors-font-999999: #666666;
  --colors-font-939393: #666666;
  --colors-font-919399: #666666;
  --colors-font-888888: #555555;
  --colors-font-8f8f8f: #555555;
  --colors-font-8F8F91: #555555;
  --colors-font-828282: #555555;
  --colors-font-9a9a9a: #444444;
  --colors-font-aaaaaa: #444444;
  --colors-font-cccccc: #4e4e4e;
  --colors-font-c9c9c9: #4e4e4e;
  --colors-font-d7d7d7: #3e3e3e;
  --colors-font-d7d7d8: #3e3e3e;
  --colors-font-e5e5e5: #333333;
  --colors-font-fbfafa: #444444;
  --colors-font-ffffff: #000000;
  --colors-font-008bcc: #008bcc;
  --colors-font-6292db: #6292db;
  --colors-font-34a7b3: #34a7b3;
  --colors-font-2f8cce: #2f8cce;
  --colors-font-295cef: #295cef;
  --colors-font-0088d4: #0088d4;
  --colors-font-508bed: #508bed;
  --colors-font-80aeef: #80aeef;
  --colors-font-f76560: #f76560;
  --colors-font-f26323: #f26323;
  --colors-font-ff8a56: #ff8a56;
  --colors-font-ff5454: #ff8a56;
  --colors-font-fe7b05: #fe7b05;
  --colors-border-ffffff: var(--body-bgcolor);
  --colors-border-f0f0f0: #333333;
  --colors-border-eeeeee: #333333;
  --colors-border-e1e1e1: #333333;
  --colors-border-e6e6e6: #333333;
  --colors-border-e8e8e8: #333333;
  --colors-border-e8e7e7: #333333;
  --colors-border-e8e5e4: #333333;
  --colors-border-e9e9e9: #333333;
  --colors-border-ebebeb: #333333;
  --colors-border-edeeef: #333333;
  --colors-border-ededed: #333333;
  --colors-border-ececec: #333333;
  --colors-border-e3e3e3: #333333;
  --colors-border-eaeaea: #333333;
  --colors-border-dddddd: #3e3e3e;
  --colors-border-dddcdd: #3e3e3e;
  --colors-border-dadada: #3e3e3e;
  --colors-border-d9d9d8: #3e3e3e;
  --colors-border-d9d9d9: #3e3e3e;
  --colors-border-d8d8d8: #3e3e3e;
  --colors-border-d7d7d7: #3e3e3e;
  --colors-border-d7d5d5: #3e3e3e;
  --colors-border-d6d4d4: #3e3e3e;
  --colors-border-d6d6d6: #3e3e3e;
  --colors-border-d7d5d6: #3e3e3e;
  --colors-border-D6DAE1: #3e3e3e;
  --colors-border-dedede: #3e3e3e;
  --colors-border-d5d5d5: #3e3e3e;
  --colors-border-d4d8d9: #3e3e3e;
  --colors-border-dfdfdf: #3e3e3e;
  --colors-border-bbbbbb: #4e4e4e;
  --colors-border-b4b4b4: #4e4e4e;
  --colors-border-bcbcbc: #4e4e4e;
  --colors-border-b0b1b3: #4e4e4e;
  --colors-border-cbcdce: #4e4e4e;
  --colors-border-c9c7ca: #4e4e4e;
  --colors-border-c6cbd6: #4e4e4e;
  --colors-border-c5c5c5: #4e4e4e;
  --colors-border-cbcbcb: #4e4e4e;
  --colors-border-cdcdcd: #4e4e4e;
  --colors-border-cccccc: #4e4e4e;
  --colors-border-aaaaaa: #444444;
  --colors-border-9a9ba0: #444444;
  --colors-border-9fa4ac: #444444;
  --colors-border-969696: #444444;
  --colors-border-868686: #555555;
  --colors-border-77797d: #888888;
  --colors-border-777777: #888888;
  --colors-border-757575: #888888;
  --colors-border-508bed: #aaaaaa;
  --colors-border-565960: #aaaaaa;
  --colors-border-495164: #bbbbbb;
  --colors-border-3d7ce4: #3d7ce4;
  --colors-border-000000: #ffffff;
  --colors-border-ff5454: #ff5454;
  --colors-bg-000000: #ffffff;
  --colors-bg-3A4050: #515360;
  --colors-bg-495164: #686f80;
  --colors-bg-4b5165: #5d606a;
  --colors-bg-4d4d4d: #bbbbbb;
  --colors-bg-555555: #aaaaaa;
  --colors-bg-767676: #888888;
  --colors-bg-77797d: #888888;
  --colors-bg-777777: #888888;
  --colors-bg-939393: #444444;
  --colors-bg-d3d1d2: #3e3e3e;
  --colors-bg-D9D9D9: #3e3e3e;
  --colors-bg-a1a4ae: #444444;
  --colors-bg-e7e7e7: #333333;
  --colors-bg-f6f7f9: #333333;
  --colors-bg-fbfbfb: #333333;
  --colors-bg-f5f5f5: #333333;
  --colors-bg-f6f6f6: #333333;
  --colors-bg-F4F9FF: #333333;
  --colors-bg-fbfafa: #333333;
  --colors-bg-fbf9fa: #333333;
  --colors-bg-f3f3f3: #333333;
  --colors-bg-f0f2f2: #333333;
  --colors-bg-f0f0f0: #333333;
  --colors-bg-f1f1f1: #333333;
  --colors-bg-fff8f5: #333333;
  --colors-bg-f2f2f2: #333333;
  --colors-bg-ffffff: var(--body-bgcolor);
  --colors-bg-508bed: #508bed;
  --colors-bg-009ffa: #009ffa;
}

:root {
  --buttons-transition: none;
  --buttons-Normal-font_color: #333;
  --buttons-Normal-border_color: #d1d1d1;
  --buttons-Normal-bg_color: #ffffff;
  --buttons-Normal-font_color--hover: #333;
  --buttons-Normal-border_color--hover: #d1d1d1;
  --buttons-Normal-bg_color--hover: #f3f3f3;
  --buttons-Normal-disabled-font_color: #999;
  --buttons-Normal-disabled-border_color: #e3e3e3;
  --buttons-Normal-disabled-bg_color: var(--body-bgcolor);
  --buttons-Submit-font_color: #fff;
  --buttons-Submit-border_color: #4a5164;
  --buttons-Submit-bg_color: #4a5164;
  --buttons-Submit-font_color--hover: #fff;
  --buttons-Submit-border_color--hover: #43495a;
  --buttons-Submit-bg_color--hover: #43495a;
  --buttons-Submit-disabled-font_color: #f0f0f0;
  --buttons-Submit-disabled-border_color: #9297a2;
  --buttons-Submit-disabled-bg_color: #9297a2;
  --buttons-Em-font_color: #fff;
  --buttons-Em-border_color: #84868b;
  --buttons-Em-bg_color: #84868b;
  --buttons-Em-font_color--hover: #fff;
  --buttons-Em-border_color--hover: #77797d;
  --buttons-Em-bg_color--hover: #77797d;
  --buttons-Em-disabled-font_color: #f0f0f0;
  --buttons-Em-disabled-border_color: #b5b6b9;
  --buttons-Em-disabled-bg_color: #b5b6b9;
  --buttons-Basic-font_color: #333;
  --buttons-Basic-border_color: #d1d1d1;
  --buttons-Basic-bg_color: #f0f0f0;
  --buttons-Basic-font_color--hover: #333;
  --buttons-Basic-border_color--hover: #e5e5e5;
  --buttons-Basic-bg_color--hover: #e5e5e5;
  --buttons-Basic-disabled-font_color: #999;
  --buttons-Basic-disabled-border_color: #f0f0f0;
  --buttons-Basic-disabled-bg_color: #f0f0f0;
  --buttons-radius: 0.2rem;
  --buttons-padding: 0.2rem 0.8rem;
  --buttons-font_size: 1.2rem;
  --buttons-line_height: 1.8rem;
  --buttons-sizeS-padding: 0.6rem 0.8rem;
  --buttons-sizeM-padding: 1rem 1.6rem;
  --buttons-sizeL-padding: 1.4rem 1.6rem;
  --buttons-sizeL-min_width: 8rem;
  --buttons-fixed-width: 7.2rem;
  --buttons-fixed-sizeS-width: 9.6rem;
  --buttons-fixed-sizeM-width: 12rem;
  --buttons-fixed-sizeM-padding: 1.4rem 0.8rem;
  --buttons-fixed-sizeL-width: 16rem;
  --buttons-fixed-sizeL-padding: 1.4rem 0.8rem;
}

:root {
  --tabs-color_ffffff: #ffffff;
  --tabs-color_cbcdce: #cbcdce;
  --tabs-color_f2f2f2: #f2f2f2;
  --tabs-color_909090: #909090;
  --tabs-color_4a5164: #4a5164;
  --tabs-color_202020: #202020;
  --tabs-color_292929: #292929;
  --tabs-li-a-font_color: var(--colors-font-707070);
}

/*# sourceMappingURL=reset.css.map */

/*============================================================

  템플릿을 구성하는 요소 중 세팅에 필요한 항목 입니다.
  제공되는 매뉴얼을 참고하여, 각 항목별 파일을 오픈하여 관련 설정을 하실 수 있습니다.

*============================================================ */
:root {

    /*바디*/
    --body-bgcolor: #fff; /*배경색상*/

    /*헤더*/
    --header-inner-height: 6rem; /*높이*/
    --header-logo-height: 1.5rem; /*로고높이*/

    /*헤더고정시*/
    --header--fixed-inner-height: 6rem; /*높이*/
    --header--fixed-logo-height: 1.5rem; /*로고높이*/

    /*메뉴레이어오픈시*/
    --header--on-logo-scale: 1.5; /*로고확대*/

    /*푸터*/
    --footer-logo-height: 1.5rem; /*로고높이*/
    --footer-font_size: 4rem; /*로고폰트사이트*/
}

/*===========================================================================

  📱 모바일 사이즈에서의 스타일을 별도로 정의 할 수 있습니다.

============================================================================ */

@media (max-width: 991.98px) {
    [theme-mode='r']:root {

        /*헤더*/
        --header-inner-height: 5rem; /*높이*/
        --header-logo-height: 1.2rem; /*로고높이*/

        /*헤더고정시*/
        --header--fixed-inner-height: 5rem; /*높이*/
        --header--fixed-logo-height: 1.2rem; /*로고높이*/

        /*푸터*/
        --footer-logo-height: 1.3rem; /*로고높이*/
        --footer-font_size: 2rem; /*로고폰트사이트*/
    }
}
/* reset */
li { list-style:none; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
h1, h3 { margin:0; }

/* common */
.ec-base-layer { position:absolute; z-index:100; border:0.1rem solid var(--colors-border-77797d); background: var(--body-bgcolor); }
.ec-base-layer .header { padding:0.7rem 3.5rem 0.7rem 1.9rem; color: var(--colors-font-ffffff); background: var(--colors-bg-495164); }
.ec-base-layer .header > h1,
.ec-base-layer .header > h3 { font-size:1.4rem; line-height:1.5; }
.ec-base-layer .content { padding:2rem; font-size:1.2rem; }
.ec-base-layer div.ec-base-help { margin-top:0; }
.ec-base-layer .ec-base-button { padding:0.9rem; border-top:0.1rem solid var(--colors-border-d7d5d5); text-align:center; background:var(--colors-bg-fbfafa);  }
.ec-base-layer .close { position:absolute; right:0; top:0; padding:1.1rem 2rem; cursor:pointer; }

/* popup */
#popup .ec-base-layer { position:relative; border:0; }
#popup .ec-base-layer .header { padding:1.2rem 3.5rem 1.2rem 1.9rem; }
#popup .ec-base-layer .close { top:0.5rem; }

/* ec-base-table */
.ec-base-layer .content > .ec-base-table table:first-child { margin-top:0; }
.ec-base-layer .ec-base-table table { line-height:1.4; }
.ec-base-layer .ec-base-table thead th { padding:0.9rem 0 0.8rem; }
.ec-base-layer .ec-base-table tbody th { padding:0.9rem 0 0.8rem 1rem; }
.ec-base-layer .ec-base-table td { padding:0.9rem 1rem 0.8rem; }
  /* horizontal - typeWrite */
    .ec-base-layer .ec-base-table.typeWrite td { padding:0.5rem 1rem 0.4rem; }
  /* vertical - typeList */
    .ec-base-layer .ec-base-table.typeList tfoot td { padding:1rem 1rem 1.2rem; }
  /* typeBorder */
    .ec-base-layer .ec-base-table.typeBorder tfoot td { padding:1rem 1rem 1.2rem; }
  /* address */
    .ec-base-layer .ec-base-table .ec-address { margin:-0.6rem -1rem -0.4rem; }
    .ec-base-layer .ec-base-table .ec-address > li { padding:0.5rem 1rem 0.4rem; }
    
    
    
    
.xans-layout-multishopshipping { display:none; }
.xans-layout-multishopshipping .worldshipLayer { top:303px; left:50%; width:44.8rem; margin:0 0 0 -22.5rem; }
.xans-layout-multishopshipping .worldshipLayer .content { padding:15.3rem 2rem 3rem;  line-height:1.8; background:url("//img.echosting.cafe24.com/skin/base/link/bg_worldship.gif") center 2.1rem no-repeat; }
.xans-layout-multishopshipping .worldshipLayer .content .desc { display:block; margin:0.4rem 0 1.4rem; }
.xans-layout-multishopshipping .worldshipLayer .select { margin:1rem 0 0; }
.xans-layout-multishopshipping .worldshipLayer .select select { width:100%; }
.xans-layout-conversionpc { background:var(--colors-bg-ffffff); padding:4.5rem; text-align:center; }
.xans-layout-conversionpc a {
    margin:2rem; padding:2rem 4rem 2rem 11rem;
    font-size:6.8rem; color:#63666e; text-decoration:none; text-align:center;
    border:0.4rem solid #9d9db0; border-radius:1rem; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_mobile.png") no-repeat 4rem 50%;
}
/*====================================================================================

  ℹ️ 기본 스타일에 수정 및 추가로 적용할 스타일 시트를 작성해주세요.

*==================================================================================== */
/*====================================================================================

  ℹ️ 템플릿 세팅 후, 수정 및 업데이트를 관리하는 파일 입니다.(수정금지)

*==================================================================================== */


@charset "UTF-8";
/*
  해당파일은 디자인 전체를 관리하는 파일 입니다.
  임의 수정 시, 업데이트 및 수정 지원이 절대 불가능 합니다.
  스타일 수정이 필요한 경우
  /themes/common/user/style.css 파일에서 스타일을 새로 작성해주세요.
*/
/* Product List Grids */
:root {
  --prdList-gap_1: 4rem 0;
  --prdList-gap_2: 4rem 0.5rem;
  --prdList-gap_3: 4rem 0.5rem;
  --prdList-gap_4: 4rem 0.5rem;
  --prdList-gap_5: 4rem 0.5rem;
  --prdList-gap_6: 4rem 0.5rem;
}

@media (max-width: 991.98px) {
  .-html[theme-mode=r]:root {
    --prdList-gap_1: 4rem 0;
    --prdList-gap_2: 4rem 0.5rem;
    --prdList-gap_3: 4rem 0.5rem;
    --prdList-gap_4: 3rem 0.5rem;
    --prdList-gap_5: 3rem 0.5rem;
    --prdList-gap_6: 3rem 0.5rem;
  }
}

.-html[theme-mode=r] .ec-base-product ul.prdList.grid1 {
  grid-template-columns: repeat(1, 1fr);
  gap: var(--prdList-gap_1);
}
.-html[theme-mode=r] .ec-base-product ul.prdList.grid2 {
  grid-template-columns: repeat(2, 1fr);
  gap: var(--prdList-gap_2);
}
.-html[theme-mode=r] .ec-base-product ul.prdList.grid3 {
  grid-template-columns: repeat(3, 1fr);
  gap: var(--prdList-gap_3);
}
.-html[theme-mode=r] .ec-base-product ul.prdList.grid4 {
  grid-template-columns: repeat(4, 1fr);
  gap: var(--prdList-gap_4);
}
.-html[theme-mode=r] .ec-base-product ul.prdList.grid5 {
  grid-template-columns: repeat(5, 1fr);
  gap: var(--prdList-gap_5);
}
.-html[theme-mode=r] .ec-base-product ul.prdList.grid6 {
  grid-template-columns: repeat(6, 1fr);
  gap: var(--prdList-gap_6);
}
@media (max-width: 991.98px) {
  .-html[theme-mode=r] .ec-base-product ul.prdList.grid2 {
    grid-template-columns: repeat(1, 1fr);
    gap: var(--prdList-gap_1);
  }
  .-html[theme-mode=r] .ec-base-product ul.prdList.grid3 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--prdList-gap_2);
  }
  .-html[theme-mode=r] .ec-base-product ul.prdList.grid4 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--prdList-gap_3);
  }
  .-html[theme-mode=r] .ec-base-product ul.prdList.grid5 {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--prdList-gap_4);
  }
  .-html[theme-mode=r] .ec-base-product ul.prdList.grid6 {
    grid-template-columns: repeat(5, 1fr);
    gap: var(--prdList-gap_5);
  }
}
@media (max-width: 767.98px) {
  .-html[theme-mode=r] .ec-base-product ul.prdList.grid4 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--prdList-gap_2);
  }
  .-html[theme-mode=r] .ec-base-product ul.prdList.grid5 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--prdList-gap_3);
  }
  .-html[theme-mode=r] .ec-base-product ul.prdList.grid6 {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--prdList-gap_4);
  }
}
@media (max-width: 575.98px) {
  .-html[theme-mode=r] .ec-base-product ul.prdList.grid5 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--prdList-gap_3);
  }
  .-html[theme-mode=r] .ec-base-product ul.prdList.grid6 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--prdList-gap_4);
  }
}

/* Product List Grids */
/* Path */
.path {
  overflow: hidden;
  height: auto;
  line-height: 1;
  *zoom: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: var(--path-padding, 0);
  margin: var(--path-margin, 0);
}
.path > span {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  white-space: nowrap;
  text-indent: 100%;
}
.path ol {
  display: flex;
  align-items: center;
}
.path ol li {
  display: flex;
  align-items: center;
}
.path ol li:before {
  display: inline-block;
  width: auto;
  height: auto;
  content: "";
  margin: var(--path-arrow-margin, 0 0.3rem);
  font-family: "Material Symbols Rounded";
  content: "\e5cc";
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  opacity: var(--path-arrow-opacity, 0.5);
}
.path ol li:first-child:before {
  display: none !important;
}
.path ol li:first-child a {
  font-size: 0;
}
.path ol li:first-child a:after {
  content: var(--path-homeLabel-text, "Home") !important;
  font-size: var(--path-homeLabel-font_size, 1.2rem);
}
.path ol li,
.path ol a,
.path ol strong {
  font-size: var(--path-font_size, 1.2rem);
  color: var(--path-font_color, var(--gray-50));
}
.path ol strong,
.path ol strong a {
  color: var(--path-strong-font_color, var(--gray-80));
  font-weight: var(--path-strong-font_weight, 500);
}
.path ol:first-child a:hover:after,
.path ol a:hover,
.path ol strong:hover,
.path ol strong a:hover {
  color: var(--path-font_color--hover, var(--gray-80));
}

.path a {
  -webkit-transition: all 0.18s ease-in-out;
  -moz-transition: all 0.18s ease-in-out;
  -ms-transition: all 0.18s ease-in-out;
  -o-transition: all 0.18s ease-in-out;
  transition: all 0.18s ease-in-out;
}

/* //Path */
/* Paginate */
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate,
.-html[theme-type=full] .ec-base-paginate {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--paginate-gap, 0 0.7rem);
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate a,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate a,
.-html[theme-type=full] .ec-base-paginate a {
  -webkit-transition: var(--paginate-transition, none);
  -moz-transition: var(--paginate-transition, none);
  -ms-transition: var(--paginate-transition, none);
  -o-transition: var(--paginate-transition, none);
  transition: var(--paginate-transition, none);
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate > a,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate > a,
.-html[theme-type=full] .ec-base-paginate > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--paginate-arrow-width, 2.2rem) !important;
  height: var(--paginate-arrow-height, 2.2rem) !important;
  font-size: var(--paginate-arrow-size, 1.3rem);
  line-height: 1;
  position: relative;
  color: var(--paginate-arrow-color, var(--gray-50));
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate > a img,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate > a img,
.-html[theme-type=full] .ec-base-paginate > a img {
  display: none;
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate > a:before,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate > a:before,
.-html[theme-type=full] .ec-base-paginate > a:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Material Symbols Rounded";
  content: "\e5cb";
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate > a:hover,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate > a:hover,
.-html[theme-type=full] .ec-base-paginate > a:hover {
  color: var(--paginate-arrow-color--hover, var(--gray-90));
  cursor: pointer !important;
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate > a:nth-child(1):before,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate > a:nth-child(1):before,
.-html[theme-type=full] .ec-base-paginate > a:nth-child(1):before {
  content: var(--paginate-arrow-content-prev, "\e5cb");
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate > a:nth-child(3):before,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate > a:nth-child(3):before,
.-html[theme-type=full] .ec-base-paginate > a:nth-child(3):before {
  content: var(--paginate-arrow-content-next, "\e5cc");
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate:has(a.first) > a:nth-child(1):before,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate:has(a.first) > a:nth-child(1):before,
.-html[theme-type=full] .ec-base-paginate:has(a.first) > a:nth-child(1):before {
  content: var(--paginate-arrow-content-first, "\eac3");
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate:has(a.first) > a:nth-child(2):before,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate:has(a.first) > a:nth-child(2):before,
.-html[theme-type=full] .ec-base-paginate:has(a.first) > a:nth-child(2):before {
  content: var(--paginate-arrow-content-prev, "\e5cb");
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate:has(a.first) > a:nth-child(4):before,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate:has(a.first) > a:nth-child(4):before,
.-html[theme-type=full] .ec-base-paginate:has(a.first) > a:nth-child(4):before {
  content: var(--paginate-arrow-content-next, "\e5cc");
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate:has(a.first) > a:nth-child(5):before,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate:has(a.first) > a:nth-child(5):before,
.-html[theme-type=full] .ec-base-paginate:has(a.first) > a:nth-child(5):before {
  content: var(--paginate-arrow-content-last, "\eac9");
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate.typeSub > ol,
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate > ol,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate.typeSub > ol,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate > ol,
.-html[theme-type=full] .ec-base-paginate.typeSub > ol,
.-html[theme-type=full] .ec-base-paginate > ol {
  padding: var(--paginate-ol-padding, 0 0.5rem);
  margin: var(--paginate-ol-margin, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--paginate-ol-gap, 0 1.8rem);
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate.typeSub > ol li,
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate > ol li,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate.typeSub > ol li,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate > ol li,
.-html[theme-type=full] .ec-base-paginate.typeSub > ol li,
.-html[theme-type=full] .ec-base-paginate > ol li {
  border: none;
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate.typeSub > ol li a,
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate > ol li a,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate.typeSub > ol li a,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate > ol li a,
.-html[theme-type=full] .ec-base-paginate.typeSub > ol li a,
.-html[theme-type=full] .ec-base-paginate > ol li a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  padding: 0;
  width: var(--paginate-a-width, auto);
  height: var(--paginate-a-height, 2.2rem);
  border: transparent 0 solid;
  border-width: var(--paginate-a-border_width, 0);
  border-color: var(--paginate-a-border_color, transparent);
  background-color: var(--paginate-a-bgcolor, transparent);
  font-size: var(--paginate-a-font_size, 1.1rem);
  font-weight: var(--paginate-a-font_weight, 400);
  color: var(--paginate-a-font_color, var(--gray-40));
  -webkit-border-radius: var(--paginate-a-radius, 0);
  border-radius: var(--paginate-a-radius, 0);
  overflow: hidden;
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate.typeSub > ol li a.this,
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate > ol li a.this,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate.typeSub > ol li a.this,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate > ol li a.this,
.-html[theme-type=full] .ec-base-paginate.typeSub > ol li a.this,
.-html[theme-type=full] .ec-base-paginate > ol li a.this {
  padding: 0;
  border-width: var(--paginate-a--this-border_width, 0);
  border-color: var(--paginate-a--this-border_color, transparent);
  font-size: var(--paginate-a--this-font_size, 1.1rem);
  color: var(--paginate-a--this-font_color, var(--gray-70));
  font-weight: var(--paginate-a--this-font_weight, 600);
  text-decoration: var(--paginate-a--this-text_decoration, none);
  -webkit-border-radius: var(--paginate-a--this-radius, 0);
  border-radius: var(--paginate-a--this-radius, 0);
  overflow: hidden;
}
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate.typeSub > ol li a:hover,
.-html:not([theme-type=full]) #themePrdDetail .ec-base-paginate > ol li a:hover,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate.typeSub > ol li a:hover,
.-html:not([theme-type=full]) #themePrdList .ec-base-paginate > ol li a:hover,
.-html[theme-type=full] .ec-base-paginate.typeSub > ol li a:hover,
.-html[theme-type=full] .ec-base-paginate > ol li a:hover {
  cursor: pointer !important;
}

.-html .ec-base-paginate.typeMoreview a.btnMore:not(.displaynone) {
  display: inline-flex !important;
  line-height: 1;
  font-size: 0;
  gap: 0;
  width: auto !important;
  height: auto !important;
}
.-html .ec-base-paginate.typeMoreview a.btnMore:not(.displaynone):before {
  content: "more";
  font-family: inherit;
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  font-size: 1.1rem;
}
.-html .ec-base-paginate.typeMoreview a.btnMore:not(.displaynone) .icoMore {
  display: none !important;
}
.-html .ec-base-paginate.typeMoreview a.btnMore:not(.displaynone):after {
  display: inline-block;
  min-width: 1.6rem;
  height: 1.6rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-size: auto 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.0384L6.34619 9.38464L7.40002 8.33081L12 12.9308L16.6 8.33081L17.6538 9.38464L12 15.0384Z' fill='rgb(69, 65, 52)'/%3E%3C/svg%3E%0A");
}

.-html .ec-base-paginate {
  --paginate-transition: all 0.18s ease-in-out;
}

/* //Paginate */
/* Title Area */
.titleArea {
  padding: var(--titleArea-padding, 0);
  margin: var(--titleArea-margin, 0);
  border-style: solid;
  border-width: var(--titleArea-border_width, 0);
  border-color: var(--titleArea-border_color, var(--border_color));
}
.titleArea h2 {
  font-size: var(--titleArea-h2-font_size, 1.6rem);
  font-weight: var(--titleArea-h2-font_weight, 700);
  color: var(--titleArea-h2-font_color, var(--font_color));
}
.titleArea h2 font {
  color: inherit !important;
}
.titleArea p {
  display: block;
  padding: var(--titleArea-p-padding, 0);
  margin: var(--titleArea-p-margin, 0);
  font-size: var(--titleArea-p-font_size, 1.2rem);
  font-weight: var(--titleArea-p-font_weight, 400);
  color: var(--titleArea-p-font_color, var(--font_color-gray));
  line-height: var(--titleArea-p-line_height, 1.4);
}
.titleArea ul {
  display: flex;
  flex-direction: column;
  gap: 0.2rem 0;
  padding: 1rem 0 0;
}
.titleArea ul li {
  padding: 0 0 0 1rem;
  position: relative;
  font-size: 1.2rem;
}
.titleArea ul li:before {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  background-color: var(--font_color);
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
  content: "";
  position: absolute;
  left: 0px;
  top: 0.7rem;
}

/* //Title Area */
/* No Data */
.-mobile_template[theme-type=full] .xans-order-basketpackage .xans-order-empty,
.-mobile_template[theme-type=full] .xans-board-empty,
.-mobile_template[theme-type=full] .xans-myshop-orderregularmanagelist .empty,
.-mobile_template[theme-type=full] .xans-myshop-orderhistorylistitem .empty,
.-mobile_template .xans-product-searchdata .empty,
.-mobile_template .xans-product-additional .board p.nodata,
.-pc_template .xans-board-listpackage .xans-board-empty > p,
.-pc_template[theme-mode=r] #themeMyContent .xans-myshop-couponlist .ec-base-table.typeList table tbody:not(.displaynone) tr:not(.displaynone) td.message:not(.displaynone),
.-pc_template[theme-mode=r] #themeMyContent .xans-myshop-addrlist .ec-base-table.typeList table tbody:not(.displaynone) tr:not(.displaynone) td.message:not(.displaynone),
.-pc_template .ec-base-table table + .message,
.-pc_template .xans-order-basketpackage .xans-order-empty p,
.-pc_template .xans-product-searchdata .noData,
.-pc_template .xans-product-additional div.board p.nodata {
  padding: var(--nodata-padding, 5rem 0);
  margin: var(--nodata-margin, 0);
  line-height: var(--nodata-line_height, 1.4);
  font-size: var(--nodata-font_size, 1.2rem);
  font-weight: var(--nodata-font_weight, 400);
  color: var(--nodata-font_color, var(--font_color-gray));
  border-style: solid;
  border-width: var(--nodata-border_width, 0);
  border-color: var(--nodata-border_color, transparent);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: none;
  background-color: transparent;
}
.-mobile_template[theme-type=full] .xans-order-basketpackage .xans-order-empty:before,
.-mobile_template[theme-type=full] .xans-board-empty:before,
.-mobile_template[theme-type=full] .xans-myshop-orderregularmanagelist .empty:before,
.-mobile_template[theme-type=full] .xans-myshop-orderhistorylistitem .empty:before,
.-mobile_template .xans-product-searchdata .empty:before,
.-mobile_template .xans-product-additional .board p.nodata:before,
.-pc_template .xans-board-listpackage .xans-board-empty > p:before,
.-pc_template[theme-mode=r] #themeMyContent .xans-myshop-couponlist .ec-base-table.typeList table tbody:not(.displaynone) tr:not(.displaynone) td.message:not(.displaynone):before,
.-pc_template[theme-mode=r] #themeMyContent .xans-myshop-addrlist .ec-base-table.typeList table tbody:not(.displaynone) tr:not(.displaynone) td.message:not(.displaynone):before,
.-pc_template .ec-base-table table + .message:before,
.-pc_template .xans-order-basketpackage .xans-order-empty p:before,
.-pc_template .xans-product-searchdata .noData:before,
.-pc_template .xans-product-additional div.board p.nodata:before {
  display: var(--nodata-icon-display, inline-block);
  margin: var(--nodata-icon-margin, 0 0 0.7rem);
  content: "";
  width: var(--nodata-icon-width, 2.6rem);
  height: var(--nodata-icon-height, 2.6rem);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-size: var(--nodata-icon-size, auto 100%);
  background-image: var(--nodata-icon-img, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4061 10.8077C15.7699 10.8077 16.0785 10.6803 16.3317 10.4256C16.5849 10.1709 16.7115 9.86158 16.7115 9.4977C16.7115 9.13383 16.5841 8.8253 16.3294 8.5721C16.0747 8.3189 15.7654 8.1923 15.4016 8.1923C15.0377 8.1923 14.7292 8.31966 14.476 8.57438C14.2227 8.82908 14.0961 9.13837 14.0961 9.50225C14.0961 9.86612 14.2235 10.1747 14.4782 10.4279C14.7329 10.6811 15.0422 10.8077 15.4061 10.8077ZM8.5984 10.8077C8.96227 10.8077 9.2708 10.6803 9.524 10.4256C9.77722 10.1709 9.90383 9.86158 9.90383 9.4977C9.90383 9.13383 9.77647 8.8253 9.52175 8.5721C9.26703 8.3189 8.95774 8.1923 8.59388 8.1923C8.23001 8.1923 7.92147 8.31966 7.66825 8.57438C7.41505 8.82908 7.28845 9.13837 7.28845 9.50225C7.28845 9.86612 7.41581 10.1747 7.67053 10.4279C7.92524 10.6811 8.23453 10.8077 8.5984 10.8077ZM9.0769 15.3461H14.9231V14.1538H9.0769V15.3461ZM12.0017 21.5C10.6877 21.5 9.45268 21.2506 8.29655 20.752C7.1404 20.2533 6.13472 19.5765 5.2795 18.7217C4.42427 17.8669 3.74721 16.8616 3.24833 15.706C2.74944 14.5504 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45268 3.248 8.29655C3.74667 7.1404 4.42342 6.13472 5.27825 5.2795C6.1331 4.42427 7.13834 3.74721 8.29398 3.24833C9.44959 2.74944 10.6844 2.5 11.9983 2.5C13.3122 2.5 14.5473 2.74933 15.7034 3.248C16.8596 3.74667 17.8652 4.42342 18.7205 5.27825C19.5757 6.1331 20.2527 7.13834 20.7516 8.29398C21.2505 9.44959 21.5 10.6844 21.5 11.9983C21.5 13.3122 21.2506 14.5473 20.752 15.7034C20.2533 16.8596 19.5765 17.8652 18.7217 18.7205C17.8669 19.5757 16.8616 20.2527 15.706 20.7516C14.5504 21.2505 13.3156 21.5 12.0017 21.5ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76664 19.225 7.87498 17.675 6.32498C16.125 4.77498 14.2333 3.99998 12 3.99998C9.76664 3.99998 7.87498 4.77498 6.32498 6.32498C4.77498 7.87498 3.99998 9.76664 3.99998 12C3.99998 14.2333 4.77498 16.125 6.32498 17.675C7.87498 19.225 9.76664 20 12 20Z' fill='rgb(106, 103, 93)'/%3E%3C/svg%3E%0A"));
}

@media (max-width: 991.98px) {
  [theme-mode=r]:root {
    --nodata-font_size: 1.1rem;
  }
}

:root {
  --nodata-icon-display: none;
}

/* //No Data */
/* Help */
.-html:not([theme-type=full]) #themePrdDetail span.ec-base-help,
.-html:not([theme-type=full]) #themePrdDetail p.ec-base-help,
.-html:not([theme-type=full]) #themePrdDetail ul.ec-base-help li,
.-html[theme-type=full] span.ec-base-help,
.-html[theme-type=full] p.ec-base-help,
.-html[theme-type=full] ul.ec-base-help li {
  padding: var(--help-width_icon-padding, 0 0 0 1.5rem);
  margin: var(--help-width_icon-margin, 0);
  background-repeat: no-repeat;
  background-position: var(--help-width_icon-position, left top 0.2rem);
  background-color: transparent;
  background-size: var(--help-width_icon-size, auto 1.2rem);
  background-image: var(--help-width_icon-url, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 17H13V11H11V17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z' fill='rgb(143, 141, 133)'/%3E%3C/svg%3E%0A"));
  font-size: var(--help-width_icon-font_size, 1.2rem);
  font-weight: var(--help-width_icon-font_weight, 400);
  color: var(--help-width_icon-font_color, var(--gray-40));
}
.-html:not([theme-type=full]) #themePrdDetail div.ec-base-help ol > li,
.-html[theme-type=full] div.ec-base-help ol > li {
  padding: var(--help-width_number-padding, 0 0 0 2rem);
  margin: var(--help-width_number-margin, 0);
  font-size: var(--help-width_number-font_size, 1.2rem);
  font-weight: var(--help-width_number-font_weight, 400);
  color: var(--help-width_number-font_color, var(--gray-40));
  background: none;
  position: relative;
}
.-html:not([theme-type=full]) #themePrdDetail div.ec-base-help ol > li:before,
.-html[theme-type=full] div.ec-base-help ol > li:before {
  display: inline-block;
  position: absolute;
  left: 0;
  top: var(--help-width_number-icon-position_top, 0.2rem);
  content: "";
  width: var(--help-width_number-em-width, 1.4rem);
  height: var(--help-width_number-em-height, 1.4rem);
  border-style: solid;
  border-width: var(--help-width_number-em-border_width, 0.1rem);
  border-color: var(--help-width_number-em-border_color, var(--black-opacity-10));
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--help-width_number-em-bgcolor, var(--gray-25));
  background-size: var(--help-width_number-em-size, auto 1.3rem);
  -webkit-border-radius: var(--help-width_number-em-radius, 0.2rem);
  border-radius: var(--help-width_number-em-radius, 0.2rem);
  overflow: hidden;
}
.-html:not([theme-type=full]) #themePrdDetail div.ec-base-help ol > li:nth-child(1):before,
.-html[theme-type=full] div.ec-base-help ol > li:nth-child(1):before {
  background-image: var(--help-width_number-em-img1, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2302 6.81818V17H12.0775V8.86151H12.0178L9.68613 10.3232V8.41406L12.2067 6.81818H14.2302Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A"));
}
.-html:not([theme-type=full]) #themePrdDetail div.ec-base-help ol > li:nth-child(2):before,
.-html[theme-type=full] div.ec-base-help ol > li:nth-child(2):before {
  background-image: var(--help-width_number-em-img2, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.8161 17V15.4489L12.4404 12.093C12.7486 11.7947 13.0071 11.5263 13.216 11.2876C13.4281 11.049 13.5888 10.8153 13.6982 10.5866C13.8076 10.3546 13.8623 10.1044 13.8623 9.83594C13.8623 9.53764 13.7943 9.28078 13.6584 9.06534C13.5225 8.84659 13.3369 8.67921 13.1016 8.56321C12.8663 8.44389 12.5995 8.38423 12.3012 8.38423C11.9896 8.38423 11.7179 8.44721 11.4858 8.57315C11.2538 8.6991 11.0749 8.87973 10.9489 9.11506C10.823 9.35038 10.76 9.63044 10.76 9.95526H8.71667C8.71667 9.28906 8.86747 8.7107 9.16908 8.22017C9.47069 7.72964 9.89328 7.35014 10.4368 7.08168C10.9804 6.81321 11.6068 6.67898 12.3161 6.67898C13.0453 6.67898 13.68 6.80824 14.2202 7.06676C14.7638 7.32197 15.1864 7.67661 15.488 8.13068C15.7896 8.58475 15.9404 9.10511 15.9404 9.69176C15.9404 10.0762 15.8642 10.4557 15.7117 10.8303C15.5625 11.2048 15.2957 11.6207 14.9113 12.0781C14.5268 12.5322 13.9849 13.0774 13.2856 13.7138L11.7991 15.1705V15.2401H16.0746V17H8.8161Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A"));
}
.-html:not([theme-type=full]) #themePrdDetail div.ec-base-help ol > li:nth-child(3):before,
.-html[theme-type=full] div.ec-base-help ol > li:nth-child(3):before {
  background-image: var(--help-width_number-em-img3, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8745 17.1392C11.1321 17.1392 10.4709 17.0116 9.89085 16.7564C9.31415 16.4979 8.85842 16.1432 8.52366 15.6925C8.19222 15.2384 8.02153 14.7147 8.01159 14.1214H10.1792C10.1925 14.37 10.2737 14.5888 10.4228 14.7777C10.5753 14.9633 10.7775 15.1075 11.0293 15.2102C11.2812 15.313 11.5646 15.3643 11.8795 15.3643C12.2076 15.3643 12.4976 15.3063 12.7495 15.1903C13.0014 15.0743 13.1986 14.9136 13.3411 14.7081C13.4837 14.5026 13.5549 14.2656 13.5549 13.9972C13.5549 13.7254 13.4787 13.4851 13.3262 13.2763C13.1771 13.0642 12.9616 12.8984 12.6799 12.7791C12.4015 12.6598 12.0701 12.6001 11.6856 12.6001H10.736V11.0192H11.6856C12.0104 11.0192 12.2971 10.9628 12.5457 10.8501C12.7976 10.7375 12.9931 10.5817 13.1323 10.3828C13.2715 10.1806 13.3411 9.94531 13.3411 9.67685C13.3411 9.42164 13.2798 9.19792 13.1572 9.00568C13.0379 8.81013 12.8688 8.65767 12.6501 8.5483C12.4346 8.43892 12.1828 8.38423 11.8944 8.38423C11.6027 8.38423 11.3359 8.43726 11.094 8.54332C10.852 8.64607 10.6581 8.79356 10.5123 8.9858C10.3665 9.17803 10.2886 9.40341 10.2786 9.66193H8.21542C8.22537 9.07528 8.39274 8.55824 8.71755 8.1108C9.04237 7.66335 9.47987 7.31368 10.0301 7.06179C10.5836 6.80658 11.2083 6.67898 11.9043 6.67898C12.607 6.67898 13.2218 6.80658 13.7488 7.06179C14.2758 7.317 14.6851 7.66169 14.9768 8.09588C15.2718 8.52675 15.4176 9.01065 15.4143 9.54758C15.4176 10.1177 15.2403 10.5933 14.8823 10.9744C14.5277 11.3556 14.0653 11.5975 13.4953 11.7003V11.7798C14.2443 11.8759 14.8144 12.1361 15.2055 12.5604C15.5999 12.9813 15.7954 13.5083 15.7921 14.1413C15.7954 14.7214 15.6281 15.2367 15.29 15.6875C14.9552 16.1383 14.4929 16.4929 13.9029 16.7514C13.313 17.0099 12.6368 17.1392 11.8745 17.1392Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A"));
}
.-html:not([theme-type=full]) #themePrdDetail div.ec-base-help ol > li:nth-child(4):before,
.-html[theme-type=full] div.ec-base-help ol > li:nth-child(4):before {
  background-image: var(--help-width_number-em-img4, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.82702 15.2102V13.5149L12.0777 6.81818H13.5394V9.16477H12.6743L9.99463 13.4055V13.4851H16.0351V15.2102H7.82702ZM12.7141 17V14.6932L12.7539 13.9425V6.81818H14.7723V17H12.7141Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A"));
}
.-html:not([theme-type=full]) #themePrdDetail div.ec-base-help ol > li:nth-child(5):before,
.-html[theme-type=full] div.ec-base-help ol > li:nth-child(5):before {
  background-image: var(--help-width_number-em-img5, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9323 17.1392C11.2297 17.1392 10.6032 17.0099 10.053 16.7514C9.50617 16.4929 9.07199 16.1366 8.75049 15.6825C8.42899 15.2285 8.26162 14.7081 8.24836 14.1214H10.3364C10.3596 14.5159 10.5253 14.8357 10.8336 15.081C11.1418 15.3262 11.5081 15.4489 11.9323 15.4489C12.2704 15.4489 12.5687 15.3743 12.8272 15.2251C13.089 15.0727 13.2929 14.8622 13.4387 14.5938C13.5878 14.322 13.6624 14.0104 13.6624 13.6591C13.6624 13.3011 13.5862 12.9863 13.4337 12.7145C13.2846 12.4427 13.0774 12.2306 12.8123 12.0781C12.5471 11.9257 12.2439 11.8478 11.9025 11.8445C11.6042 11.8445 11.3142 11.9058 11.0325 12.0284C10.754 12.151 10.5369 12.3184 10.3812 12.5305L8.46711 12.1875L8.94935 6.81818H15.1738V8.57812H10.7242L10.4607 11.1286H10.5204C10.6994 10.8767 10.9695 10.6679 11.3307 10.5021C11.692 10.3364 12.0964 10.2536 12.5438 10.2536C13.157 10.2536 13.7039 10.3977 14.1844 10.6861C14.665 10.9744 15.0445 11.3705 15.3229 11.8743C15.6013 12.3748 15.7389 12.9515 15.7356 13.6044C15.7389 14.2905 15.5798 14.9003 15.2583 15.4339C14.9401 15.9643 14.4943 16.3819 13.9209 16.6868C13.3509 16.9884 12.688 17.1392 11.9323 17.1392Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A"));
}
.-html:not([theme-type=full]) #themePrdDetail div.ec-base-help ol > li:nth-child(6):before,
.-html[theme-type=full] div.ec-base-help ol > li:nth-child(6):before {
  background-image: var(--help-width_number-em-img6, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0119 17.1392C11.4882 17.1359 10.9827 17.0481 10.4955 16.8757C10.0116 16.7034 9.57743 16.4233 9.19296 16.0355C8.80849 15.6477 8.50357 15.134 8.27819 14.4943C8.05613 13.8546 7.94509 13.0691 7.94509 12.1378C7.94841 11.2827 8.04618 10.5187 8.23842 9.84588C8.43397 9.16974 8.71238 8.59635 9.07364 8.12571C9.43823 7.65507 9.87407 7.29711 10.3812 7.05185C10.8883 6.80327 11.4567 6.67898 12.0864 6.67898C12.7659 6.67898 13.3658 6.81155 13.8861 7.0767C14.4065 7.33854 14.8241 7.69484 15.139 8.1456C15.4572 8.59635 15.6494 9.1018 15.7157 9.66193H13.5928C13.51 9.30729 13.336 9.02888 13.0708 8.8267C12.8057 8.62453 12.4775 8.52344 12.0864 8.52344C11.4235 8.52344 10.9198 8.81179 10.5751 9.38849C10.2337 9.9652 10.0597 10.7491 10.053 11.7401H10.1227C10.2751 11.4384 10.4806 11.1816 10.7391 10.9695C11.001 10.754 11.2976 10.59 11.629 10.4773C11.9638 10.3613 12.3168 10.3033 12.688 10.3033C13.2912 10.3033 13.8281 10.4458 14.2988 10.7308C14.7694 11.0125 15.1406 11.4003 15.4124 11.8942C15.6842 12.388 15.8201 12.9531 15.8201 13.5895C15.8201 14.2789 15.6593 14.892 15.3378 15.429C15.0197 15.9659 14.5739 16.3868 14.0005 16.6918C13.4304 16.9934 12.7675 17.1425 12.0119 17.1392ZM12.0019 15.4489C12.3334 15.4489 12.63 15.3693 12.8918 15.2102C13.1537 15.0511 13.3592 14.8357 13.5083 14.5639C13.6575 14.2921 13.732 13.9872 13.732 13.6491C13.732 13.3111 13.6575 13.0078 13.5083 12.7393C13.3625 12.4709 13.1603 12.2571 12.9018 12.098C12.6432 11.9389 12.3483 11.8594 12.0168 11.8594C11.7682 11.8594 11.5379 11.9058 11.3258 11.9986C11.117 12.0914 10.933 12.2206 10.7739 12.3864C10.6182 12.5521 10.4955 12.7443 10.406 12.9631C10.3165 13.1785 10.2718 13.4089 10.2718 13.6541C10.2718 13.9822 10.3464 14.2822 10.4955 14.554C10.648 14.8258 10.8535 15.0429 11.112 15.2053C11.3738 15.3677 11.6705 15.4489 12.0019 15.4489Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A"));
}
.-html:not([theme-type=full]) #themePrdDetail div.ec-base-help ol > li:nth-child(7):before,
.-html[theme-type=full] div.ec-base-help ol > li:nth-child(7):before {
  background-image: var(--help-width_number-em-img7, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.46489 17L13.6858 8.64773V8.57812H8.76887V6.81818H15.913V8.60298L11.6872 17H9.46489Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A"));
}
.-html:not([theme-type=full]) #themePrdDetail div.ec-base-help ol > li:nth-child(8):before,
.-html[theme-type=full] div.ec-base-help ol > li:nth-child(8):before {
  background-image: var(--help-width_number-em-img8, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8956 17.1392C11.13 17.1392 10.4489 17.0149 9.85232 16.7663C9.25904 16.5144 8.79337 16.1714 8.4553 15.7372C8.11723 15.303 7.9482 14.8108 7.9482 14.2607C7.9482 13.8364 8.04432 13.447 8.23655 13.0923C8.4321 12.7344 8.69725 12.4377 9.03201 12.2024C9.36676 11.9638 9.74129 11.8113 10.1556 11.745V11.6754C9.61203 11.5661 9.17121 11.3026 8.83314 10.8849C8.49508 10.464 8.32604 9.97514 8.32604 9.41832C8.32604 8.89134 8.48016 8.42235 8.7884 8.01136C9.09664 7.59706 9.51922 7.27225 10.0562 7.03693C10.5964 6.7983 11.2096 6.67898 11.8956 6.67898C12.5817 6.67898 13.1932 6.7983 13.7302 7.03693C14.2704 7.27557 14.6946 7.60204 15.0029 8.01633C15.3111 8.42732 15.4669 8.89465 15.4702 9.41832C15.4669 9.97846 15.2946 10.4673 14.9532 10.8849C14.6118 11.3026 14.1743 11.5661 13.6407 11.6754V11.745C14.0483 11.8113 14.4179 11.9638 14.7493 12.2024C15.0841 12.4377 15.3492 12.7344 15.5448 13.0923C15.7437 13.447 15.8447 13.8364 15.8481 14.2607C15.8447 14.8108 15.6741 15.303 15.336 15.7372C14.9979 16.1714 14.5306 16.5144 13.934 16.7663C13.3407 17.0149 12.6613 17.1392 11.8956 17.1392ZM11.8956 15.5582C12.237 15.5582 12.5353 15.4969 12.7905 15.3743C13.0457 15.2483 13.2446 15.076 13.3871 14.8572C13.533 14.6352 13.6059 14.38 13.6059 14.0916C13.6059 13.7966 13.5313 13.5365 13.3821 13.3111C13.233 13.0824 13.0308 12.9034 12.7756 12.7741C12.5204 12.6416 12.2271 12.5753 11.8956 12.5753C11.5675 12.5753 11.2742 12.6416 11.0157 12.7741C10.7571 12.9034 10.5533 13.0824 10.4042 13.3111C10.2583 13.5365 10.1854 13.7966 10.1854 14.0916C10.1854 14.38 10.2567 14.6352 10.3992 14.8572C10.5417 15.076 10.7422 15.2483 11.0008 15.3743C11.2593 15.4969 11.5576 15.5582 11.8956 15.5582ZM11.8956 11.0092C12.1807 11.0092 12.4342 10.9512 12.6563 10.8352C12.8784 10.7192 13.0524 10.5585 13.1783 10.353C13.3043 10.1475 13.3672 9.91051 13.3672 9.64205C13.3672 9.37689 13.3043 9.14489 13.1783 8.94602C13.0524 8.74384 12.88 8.58641 12.6613 8.47372C12.4425 8.35772 12.1873 8.29972 11.8956 8.29972C11.6073 8.29972 11.3521 8.35772 11.13 8.47372C10.908 8.58641 10.7339 8.74384 10.608 8.94602C10.4854 9.14489 10.4241 9.37689 10.4241 9.64205C10.4241 9.91051 10.487 10.1475 10.613 10.353C10.7389 10.5585 10.9129 10.7192 11.135 10.8352C11.3571 10.9512 11.6106 11.0092 11.8956 11.0092Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A"));
}
.-html:not([theme-type=full]) #themePrdDetail div.ec-base-help ol > li:nth-child(9):before,
.-html[theme-type=full] div.ec-base-help ol > li:nth-child(9):before {
  background-image: var(--help-width_number-em-img9, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7881 6.67898C12.3118 6.67898 12.8156 6.76681 13.2995 6.94247C13.7867 7.11813 14.2209 7.3982 14.6021 7.78267C14.9865 8.16714 15.2898 8.67756 15.5119 9.31392C15.7372 9.94697 15.8516 10.7242 15.8549 11.6456C15.8549 12.5107 15.7571 13.2829 15.5616 13.9624C15.3693 14.6385 15.0926 15.2135 14.7313 15.6875C14.37 16.1615 13.9342 16.5227 13.4238 16.7713C12.9134 17.0166 12.3433 17.1392 11.7136 17.1392C11.0341 17.1392 10.4342 17.0083 9.91384 16.7464C9.39348 16.4813 8.97421 16.1217 8.65603 15.6676C8.34116 15.2102 8.15059 14.6965 8.0843 14.1264H10.2072C10.29 14.4976 10.464 14.786 10.7292 14.9915C10.9943 15.1937 11.3225 15.2947 11.7136 15.2947C12.3764 15.2947 12.8802 15.0064 13.2249 14.4297C13.5696 13.8497 13.7436 13.0559 13.7469 12.0483H13.6773C13.5249 12.3466 13.3194 12.6035 13.0609 12.8189C12.8023 13.031 12.5057 13.1951 12.1709 13.3111C11.8395 13.4271 11.4865 13.4851 11.112 13.4851C10.5121 13.4851 9.97682 13.3442 9.50617 13.0625C9.03553 12.7808 8.66432 12.393 8.39254 11.8991C8.12076 11.4053 7.98487 10.8419 7.98487 10.2088C7.98155 9.52604 8.13899 8.91785 8.45717 8.38423C8.77535 7.85062 9.21948 7.433 9.78955 7.13139C10.3629 6.82647 11.0291 6.67566 11.7881 6.67898ZM11.803 8.36932C11.4683 8.36932 11.17 8.44886 10.9082 8.60795C10.6496 8.76705 10.4441 8.98082 10.2917 9.24929C10.1425 9.51776 10.0696 9.81771 10.0729 10.1491C10.0729 10.4839 10.1459 10.7855 10.2917 11.054C10.4408 11.3191 10.643 11.5312 10.8982 11.6903C11.1567 11.8461 11.4517 11.924 11.7832 11.924C12.0317 11.924 12.2621 11.8776 12.4742 11.7848C12.6863 11.692 12.8703 11.5644 13.0261 11.402C13.1852 11.2363 13.3094 11.0457 13.3989 10.8303C13.4884 10.6148 13.5332 10.3861 13.5332 10.1442C13.5298 9.82268 13.4536 9.5277 13.3045 9.25923C13.1553 8.99077 12.9498 8.77533 12.688 8.61293C12.4262 8.45052 12.1312 8.36932 11.803 8.36932Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A"));
}
.-html:not([theme-type=full]) #themePrdDetail[theme-color=dark] div.ec-base-help ol,
.-html[theme-type=full][theme-color=dark] div.ec-base-help ol {
  --help-width_number-em-bgcolor: var(--gray-30);
  --help-width_number-em-border_color: var(--gray-30);
  --help-width_number-em-img1: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2302 6.81818V17H12.0775V8.86151H12.0178L9.68613 10.3232V8.41406L12.2067 6.81818H14.2302Z' fill='rgb(41, 39, 31)'/%3E%3C/svg%3E%0A");
  --help-width_number-em-img2: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.8161 17V15.4489L12.4404 12.093C12.7486 11.7947 13.0071 11.5263 13.216 11.2876C13.4281 11.049 13.5888 10.8153 13.6982 10.5866C13.8076 10.3546 13.8623 10.1044 13.8623 9.83594C13.8623 9.53764 13.7943 9.28078 13.6584 9.06534C13.5225 8.84659 13.3369 8.67921 13.1016 8.56321C12.8663 8.44389 12.5995 8.38423 12.3012 8.38423C11.9896 8.38423 11.7179 8.44721 11.4858 8.57315C11.2538 8.6991 11.0749 8.87973 10.9489 9.11506C10.823 9.35038 10.76 9.63044 10.76 9.95526H8.71667C8.71667 9.28906 8.86747 8.7107 9.16908 8.22017C9.47069 7.72964 9.89328 7.35014 10.4368 7.08168C10.9804 6.81321 11.6068 6.67898 12.3161 6.67898C13.0453 6.67898 13.68 6.80824 14.2202 7.06676C14.7638 7.32197 15.1864 7.67661 15.488 8.13068C15.7896 8.58475 15.9404 9.10511 15.9404 9.69176C15.9404 10.0762 15.8642 10.4557 15.7117 10.8303C15.5625 11.2048 15.2957 11.6207 14.9113 12.0781C14.5268 12.5322 13.9849 13.0774 13.2856 13.7138L11.7991 15.1705V15.2401H16.0746V17H8.8161Z' fill='rgb(41, 39, 31)'/%3E%3C/svg%3E%0A");
  --help-width_number-em-img3: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8745 17.1392C11.1321 17.1392 10.4709 17.0116 9.89085 16.7564C9.31415 16.4979 8.85842 16.1432 8.52366 15.6925C8.19222 15.2384 8.02153 14.7147 8.01159 14.1214H10.1792C10.1925 14.37 10.2737 14.5888 10.4228 14.7777C10.5753 14.9633 10.7775 15.1075 11.0293 15.2102C11.2812 15.313 11.5646 15.3643 11.8795 15.3643C12.2076 15.3643 12.4976 15.3063 12.7495 15.1903C13.0014 15.0743 13.1986 14.9136 13.3411 14.7081C13.4837 14.5026 13.5549 14.2656 13.5549 13.9972C13.5549 13.7254 13.4787 13.4851 13.3262 13.2763C13.1771 13.0642 12.9616 12.8984 12.6799 12.7791C12.4015 12.6598 12.0701 12.6001 11.6856 12.6001H10.736V11.0192H11.6856C12.0104 11.0192 12.2971 10.9628 12.5457 10.8501C12.7976 10.7375 12.9931 10.5817 13.1323 10.3828C13.2715 10.1806 13.3411 9.94531 13.3411 9.67685C13.3411 9.42164 13.2798 9.19792 13.1572 9.00568C13.0379 8.81013 12.8688 8.65767 12.6501 8.5483C12.4346 8.43892 12.1828 8.38423 11.8944 8.38423C11.6027 8.38423 11.3359 8.43726 11.094 8.54332C10.852 8.64607 10.6581 8.79356 10.5123 8.9858C10.3665 9.17803 10.2886 9.40341 10.2786 9.66193H8.21542C8.22537 9.07528 8.39274 8.55824 8.71755 8.1108C9.04237 7.66335 9.47987 7.31368 10.0301 7.06179C10.5836 6.80658 11.2083 6.67898 11.9043 6.67898C12.607 6.67898 13.2218 6.80658 13.7488 7.06179C14.2758 7.317 14.6851 7.66169 14.9768 8.09588C15.2718 8.52675 15.4176 9.01065 15.4143 9.54758C15.4176 10.1177 15.2403 10.5933 14.8823 10.9744C14.5277 11.3556 14.0653 11.5975 13.4953 11.7003V11.7798C14.2443 11.8759 14.8144 12.1361 15.2055 12.5604C15.5999 12.9813 15.7954 13.5083 15.7921 14.1413C15.7954 14.7214 15.6281 15.2367 15.29 15.6875C14.9552 16.1383 14.4929 16.4929 13.9029 16.7514C13.313 17.0099 12.6368 17.1392 11.8745 17.1392Z' fill='rgb(41, 39, 31)'/%3E%3C/svg%3E%0A");
  --help-width_number-em-img4: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.82702 15.2102V13.5149L12.0777 6.81818H13.5394V9.16477H12.6743L9.99463 13.4055V13.4851H16.0351V15.2102H7.82702ZM12.7141 17V14.6932L12.7539 13.9425V6.81818H14.7723V17H12.7141Z' fill='rgb(41, 39, 31)'/%3E%3C/svg%3E%0A");
  --help-width_number-em-img5: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9323 17.1392C11.2297 17.1392 10.6032 17.0099 10.053 16.7514C9.50617 16.4929 9.07199 16.1366 8.75049 15.6825C8.42899 15.2285 8.26162 14.7081 8.24836 14.1214H10.3364C10.3596 14.5159 10.5253 14.8357 10.8336 15.081C11.1418 15.3262 11.5081 15.4489 11.9323 15.4489C12.2704 15.4489 12.5687 15.3743 12.8272 15.2251C13.089 15.0727 13.2929 14.8622 13.4387 14.5938C13.5878 14.322 13.6624 14.0104 13.6624 13.6591C13.6624 13.3011 13.5862 12.9863 13.4337 12.7145C13.2846 12.4427 13.0774 12.2306 12.8123 12.0781C12.5471 11.9257 12.2439 11.8478 11.9025 11.8445C11.6042 11.8445 11.3142 11.9058 11.0325 12.0284C10.754 12.151 10.5369 12.3184 10.3812 12.5305L8.46711 12.1875L8.94935 6.81818H15.1738V8.57812H10.7242L10.4607 11.1286H10.5204C10.6994 10.8767 10.9695 10.6679 11.3307 10.5021C11.692 10.3364 12.0964 10.2536 12.5438 10.2536C13.157 10.2536 13.7039 10.3977 14.1844 10.6861C14.665 10.9744 15.0445 11.3705 15.3229 11.8743C15.6013 12.3748 15.7389 12.9515 15.7356 13.6044C15.7389 14.2905 15.5798 14.9003 15.2583 15.4339C14.9401 15.9643 14.4943 16.3819 13.9209 16.6868C13.3509 16.9884 12.688 17.1392 11.9323 17.1392Z' fill='rgb(41, 39, 31)'/%3E%3C/svg%3E%0A");
  --help-width_number-em-img6: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0119 17.1392C11.4882 17.1359 10.9827 17.0481 10.4955 16.8757C10.0116 16.7034 9.57743 16.4233 9.19296 16.0355C8.80849 15.6477 8.50357 15.134 8.27819 14.4943C8.05613 13.8546 7.94509 13.0691 7.94509 12.1378C7.94841 11.2827 8.04618 10.5187 8.23842 9.84588C8.43397 9.16974 8.71238 8.59635 9.07364 8.12571C9.43823 7.65507 9.87407 7.29711 10.3812 7.05185C10.8883 6.80327 11.4567 6.67898 12.0864 6.67898C12.7659 6.67898 13.3658 6.81155 13.8861 7.0767C14.4065 7.33854 14.8241 7.69484 15.139 8.1456C15.4572 8.59635 15.6494 9.1018 15.7157 9.66193H13.5928C13.51 9.30729 13.336 9.02888 13.0708 8.8267C12.8057 8.62453 12.4775 8.52344 12.0864 8.52344C11.4235 8.52344 10.9198 8.81179 10.5751 9.38849C10.2337 9.9652 10.0597 10.7491 10.053 11.7401H10.1227C10.2751 11.4384 10.4806 11.1816 10.7391 10.9695C11.001 10.754 11.2976 10.59 11.629 10.4773C11.9638 10.3613 12.3168 10.3033 12.688 10.3033C13.2912 10.3033 13.8281 10.4458 14.2988 10.7308C14.7694 11.0125 15.1406 11.4003 15.4124 11.8942C15.6842 12.388 15.8201 12.9531 15.8201 13.5895C15.8201 14.2789 15.6593 14.892 15.3378 15.429C15.0197 15.9659 14.5739 16.3868 14.0005 16.6918C13.4304 16.9934 12.7675 17.1425 12.0119 17.1392ZM12.0019 15.4489C12.3334 15.4489 12.63 15.3693 12.8918 15.2102C13.1537 15.0511 13.3592 14.8357 13.5083 14.5639C13.6575 14.2921 13.732 13.9872 13.732 13.6491C13.732 13.3111 13.6575 13.0078 13.5083 12.7393C13.3625 12.4709 13.1603 12.2571 12.9018 12.098C12.6432 11.9389 12.3483 11.8594 12.0168 11.8594C11.7682 11.8594 11.5379 11.9058 11.3258 11.9986C11.117 12.0914 10.933 12.2206 10.7739 12.3864C10.6182 12.5521 10.4955 12.7443 10.406 12.9631C10.3165 13.1785 10.2718 13.4089 10.2718 13.6541C10.2718 13.9822 10.3464 14.2822 10.4955 14.554C10.648 14.8258 10.8535 15.0429 11.112 15.2053C11.3738 15.3677 11.6705 15.4489 12.0019 15.4489Z' fill='rgb(41, 39, 31)'/%3E%3C/svg%3E%0A");
  --help-width_number-em-img7: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.46489 17L13.6858 8.64773V8.57812H8.76887V6.81818H15.913V8.60298L11.6872 17H9.46489Z' fill='rgb(41, 39, 31)'/%3E%3C/svg%3E%0A");
  --help-width_number-em-img8: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8956 17.1392C11.13 17.1392 10.4489 17.0149 9.85232 16.7663C9.25904 16.5144 8.79337 16.1714 8.4553 15.7372C8.11723 15.303 7.9482 14.8108 7.9482 14.2607C7.9482 13.8364 8.04432 13.447 8.23655 13.0923C8.4321 12.7344 8.69725 12.4377 9.03201 12.2024C9.36676 11.9638 9.74129 11.8113 10.1556 11.745V11.6754C9.61203 11.5661 9.17121 11.3026 8.83314 10.8849C8.49508 10.464 8.32604 9.97514 8.32604 9.41832C8.32604 8.89134 8.48016 8.42235 8.7884 8.01136C9.09664 7.59706 9.51922 7.27225 10.0562 7.03693C10.5964 6.7983 11.2096 6.67898 11.8956 6.67898C12.5817 6.67898 13.1932 6.7983 13.7302 7.03693C14.2704 7.27557 14.6946 7.60204 15.0029 8.01633C15.3111 8.42732 15.4669 8.89465 15.4702 9.41832C15.4669 9.97846 15.2946 10.4673 14.9532 10.8849C14.6118 11.3026 14.1743 11.5661 13.6407 11.6754V11.745C14.0483 11.8113 14.4179 11.9638 14.7493 12.2024C15.0841 12.4377 15.3492 12.7344 15.5448 13.0923C15.7437 13.447 15.8447 13.8364 15.8481 14.2607C15.8447 14.8108 15.6741 15.303 15.336 15.7372C14.9979 16.1714 14.5306 16.5144 13.934 16.7663C13.3407 17.0149 12.6613 17.1392 11.8956 17.1392ZM11.8956 15.5582C12.237 15.5582 12.5353 15.4969 12.7905 15.3743C13.0457 15.2483 13.2446 15.076 13.3871 14.8572C13.533 14.6352 13.6059 14.38 13.6059 14.0916C13.6059 13.7966 13.5313 13.5365 13.3821 13.3111C13.233 13.0824 13.0308 12.9034 12.7756 12.7741C12.5204 12.6416 12.2271 12.5753 11.8956 12.5753C11.5675 12.5753 11.2742 12.6416 11.0157 12.7741C10.7571 12.9034 10.5533 13.0824 10.4042 13.3111C10.2583 13.5365 10.1854 13.7966 10.1854 14.0916C10.1854 14.38 10.2567 14.6352 10.3992 14.8572C10.5417 15.076 10.7422 15.2483 11.0008 15.3743C11.2593 15.4969 11.5576 15.5582 11.8956 15.5582ZM11.8956 11.0092C12.1807 11.0092 12.4342 10.9512 12.6563 10.8352C12.8784 10.7192 13.0524 10.5585 13.1783 10.353C13.3043 10.1475 13.3672 9.91051 13.3672 9.64205C13.3672 9.37689 13.3043 9.14489 13.1783 8.94602C13.0524 8.74384 12.88 8.58641 12.6613 8.47372C12.4425 8.35772 12.1873 8.29972 11.8956 8.29972C11.6073 8.29972 11.3521 8.35772 11.13 8.47372C10.908 8.58641 10.7339 8.74384 10.608 8.94602C10.4854 9.14489 10.4241 9.37689 10.4241 9.64205C10.4241 9.91051 10.487 10.1475 10.613 10.353C10.7389 10.5585 10.9129 10.7192 11.135 10.8352C11.3571 10.9512 11.6106 11.0092 11.8956 11.0092Z' fill='rgb(41, 39, 31)'/%3E%3C/svg%3E%0A");
  --help-width_number-em-img9: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7881 6.67898C12.3118 6.67898 12.8156 6.76681 13.2995 6.94247C13.7867 7.11813 14.2209 7.3982 14.6021 7.78267C14.9865 8.16714 15.2898 8.67756 15.5119 9.31392C15.7372 9.94697 15.8516 10.7242 15.8549 11.6456C15.8549 12.5107 15.7571 13.2829 15.5616 13.9624C15.3693 14.6385 15.0926 15.2135 14.7313 15.6875C14.37 16.1615 13.9342 16.5227 13.4238 16.7713C12.9134 17.0166 12.3433 17.1392 11.7136 17.1392C11.0341 17.1392 10.4342 17.0083 9.91384 16.7464C9.39348 16.4813 8.97421 16.1217 8.65603 15.6676C8.34116 15.2102 8.15059 14.6965 8.0843 14.1264H10.2072C10.29 14.4976 10.464 14.786 10.7292 14.9915C10.9943 15.1937 11.3225 15.2947 11.7136 15.2947C12.3764 15.2947 12.8802 15.0064 13.2249 14.4297C13.5696 13.8497 13.7436 13.0559 13.7469 12.0483H13.6773C13.5249 12.3466 13.3194 12.6035 13.0609 12.8189C12.8023 13.031 12.5057 13.1951 12.1709 13.3111C11.8395 13.4271 11.4865 13.4851 11.112 13.4851C10.5121 13.4851 9.97682 13.3442 9.50617 13.0625C9.03553 12.7808 8.66432 12.393 8.39254 11.8991C8.12076 11.4053 7.98487 10.8419 7.98487 10.2088C7.98155 9.52604 8.13899 8.91785 8.45717 8.38423C8.77535 7.85062 9.21948 7.433 9.78955 7.13139C10.3629 6.82647 11.0291 6.67566 11.7881 6.67898ZM11.803 8.36932C11.4683 8.36932 11.17 8.44886 10.9082 8.60795C10.6496 8.76705 10.4441 8.98082 10.2917 9.24929C10.1425 9.51776 10.0696 9.81771 10.0729 10.1491C10.0729 10.4839 10.1459 10.7855 10.2917 11.054C10.4408 11.3191 10.643 11.5312 10.8982 11.6903C11.1567 11.8461 11.4517 11.924 11.7832 11.924C12.0317 11.924 12.2621 11.8776 12.4742 11.7848C12.6863 11.692 12.8703 11.5644 13.0261 11.402C13.1852 11.2363 13.3094 11.0457 13.3989 10.8303C13.4884 10.6148 13.5332 10.3861 13.5332 10.1442C13.5298 9.82268 13.4536 9.5277 13.3045 9.25923C13.1553 8.99077 12.9498 8.77533 12.688 8.61293C12.4262 8.45052 12.1312 8.36932 11.803 8.36932Z' fill='rgb(41, 39, 31)'/%3E%3C/svg%3E%0A");
}
.-html:not([theme-type=full]) #themePrdDetail div.ec-base-help ol,
.-html:not([theme-type=full]) #themePrdDetail ul.ec-base-help,
.-html:not([theme-type=full]) #themePrdDetail div.ec-base-help ul,
.-html[theme-type=full] div.ec-base-help ol,
.-html[theme-type=full] ul.ec-base-help,
.-html[theme-type=full] div.ec-base-help ul {
  display: flex;
  flex-direction: column;
  gap: var(--help-gap-gap, 0.2rem 0);
}

/* //Help */
/* Swiperjs */
.-html {
  --swiperjs-arrow-opacity: 50;
  --swiperjs-arrow-opacity--hover: 100;
}
.-html .swiper-button-next,
.-html .swiper-button-prev {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: auto;
  height: auto;
  margin: 0;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--swiperjs-arrow-width, 4.2rem);
  height: var(--swiperjs-arrow-height, 4.2rem);
  background-repeat: no-repeat;
  background-position: var(--swiperjs-arrow-icon_position, center center);
  background-color: var(--swiperjs-arrow-bgcolor, transparent);
  background-size: var(--swiperjs-arrow-icon_size, auto 100%);
  border-style: solid;
  border-width: var(--swiperjs-arrow-border_width, 0);
  border-color: var(--swiperjs-arrow-border_color, transparent);
  -webkit-border-radius: var(--swiperjs-arrow-radius, 0);
  border-radius: var(--swiperjs-arrow-radius, 0);
  overflow: hidden;
  opacity: calc(var(--swiperjs-arrow-opacity) * 0.01);
}
.-html .swiper-button-next:hover,
.-html .swiper-button-prev:hover {
  opacity: calc(var(--swiperjs-arrow-opacity--hover) * 0.01);
}
.-html .swiper-button-next.swiper-button-disabled,
.-html .swiper-button-prev.swiper-button-disabled {
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  -ms-filter: alpha(opacity=50) !important;
}
.-html .swiper-button-prev {
  left: var(--swiperjs-arrow-prev-position_left, 1rem);
  background-image: var(--swiperjs-arrow-prev-icon_img, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 17.3077L8.69226 12L14 6.69229L14.7077 7.39999L10.1077 12L14.7077 16.6L14 17.3077Z' fill='rgb(14, 13, 10)'/%3E%3C/svg%3E%0A"));
}
.-html .swiper-button-next {
  right: var(--swiperjs-arrow-next-position_right, 1rem);
  background-image: var(--swiperjs-arrow-next-icon_img, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2924 12.0001L8.69238 7.40008L9.40008 6.69238L14.7078 12.0001L9.40008 17.3078L8.69238 16.6001L13.2924 12.0001Z' fill='rgb(14, 13, 10)'/%3E%3C/svg%3E%0A"));
}
.-html .swiper-button-next:after, .-html .swiper-button-prev:after {
  display: none !important;
}

.-html .swiper-pagination.swiper-pagination-progressbar {
  background-color: var(--swiperjs-progressbar-bgcolor, var(--black-opacity-20));
  height: var(--swiperjs-progressbar-height, 0.3rem) !important;
  top: var(--swiperjs-progressbar-position_top, auto) !important;
  bottom: var(--swiperjs-progressbar-position_bottom, 0) !important;
}
.-html .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: var(--swiperjs-progressbar-bgcolor--fill, var(--black-opacity-90));
}

.-html .swiper-pagination {
  top: var(--swiperjs-pagination-position_top, auto) !important;
  bottom: var(--swiperjs-pagination-position_bottom, 2rem) !important;
  left: var(--swiperjs-pagination-position_left, 0) !important;
  width: var(--swiperjs-pagination-width, 100%) !important;
}
.-html .swiper-pagination .swiper-pagination-bullet {
  width: var(--swiperjs-pagination-bullet-width, 0.7rem) !important;
  height: var(--swiperjs-pagination-bullet-height, 0.7rem) !important;
  -webkit-border-radius: var(--swiperjs-pagination-bullet-radius, 50%) !important;
  border-radius: var(--swiperjs-pagination-bullet-radius, 50%) !important;
  background-color: var(--swiperjs-pagination-bullet-bgcolor, var(--font_color)) !important;
  opacity: var(--swiperjs-pagination-bullet-opacity-opacity, 0.2) !important;
  margin: var(--swiperjs-pagination-bullet-margin, 0 0.4rem) !important;
}
.-html .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: var(--swiperjs-pagination-bullet--active-opacity, 1) !important;
  background-color: var(--swiperjs-pagination-bullet--active-bgcolor, var(--font_color)) !important;
  width: var(--swiperjs-pagination-bullet--active-width, 0.7rem) !important;
  height: var(--swiperjs-pagination-bullet--active-height, 0.7rem) !important;
}

/* //Swiperjs */
/* Accordions */
.accordions {
  border-style: solid;
  border-width: var(--accordions-border_width, 0);
  border-color: var(--accordions-border_color, var(--border_color));
  padding: var(--accordions-padding, 0);
  margin: var(--accordions-margin, 0);
}
.accordions > ul {
  display: flex;
  flex-direction: column;
  gap: var(--accordions-ul-gap, 0);
}
.accordions > ul > li {
  display: flex;
  flex-direction: column;
  border-style: solid;
  border-width: var(--accordions-li-border_width, 0 0 0.1rem);
  border-color: var(--accordions-li-border_color, var(--border_color));
}
.accordions > ul > li > strong {
  position: relative;
  display: block;
  font-size: var(--accordions-title-font_size, 1.3rem);
  font-weight: var(--accordions-title-font_weight, 500);
  color: var(--accordions-title-font_color, var(--font_color));
  line-height: var(--accordions-title-line_height, 1.4);
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: var(--accordions-title-padding, 1rem 4rem 1rem 0);
  cursor: pointer !important;
}
.accordions > ul > li > strong:after {
  content: "";
  position: absolute;
  z-index: 2;
  right: var(--accordions-arrow-position_right, 0);
  top: var(--accordions-arrow-position_top, 0rem);
  width: var(--accordions-arrow-width, 3rem);
  height: var(--accordions-arrow-height, 100%);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: var(--accordions-arrow-position, right center);
  background-color: transparent;
  background-size: var(--accordions-arrow-size, auto 1.8rem);
  background-image: var(--accordions-arrow-img, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.3751L6 9.3751L7.4 7.9751L12 12.5751L16.6 7.9751L18 9.3751L12 15.3751Z' fill='rgb(69, 65, 52)'/%3E%3C/svg%3E%0A"));
}
.accordions > ul > li .-cont {
  font-size: var(--accordions-content-font_size, 1.3rem);
  font-weight: var(--accordions-content-font_weight, 400);
  color: var(--accordions-content-font_color, var(--font_color-gray));
  line-height: var(--accordions-content-line_height, 1.5);
}
.accordions > ul > li .-cont:before {
  display: block;
  content: "";
  height: 0.2rem;
}
.accordions > ul > li .-cont:after {
  display: block;
  content: "";
  height: 2rem;
}
.accordions > ul > li.active > strong:after {
  background-image: var(--accordions--active-arrow-img, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4 15.3751L6 13.9751L12 7.9751L18 13.9751L16.6 15.3751L12 10.7751L7.4 15.3751Z' fill='rgb(69, 65, 52)'/%3E%3C/svg%3E%0A"));
}

:root {
  --accordions-arrow-img: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0001 14.702L6.69238 9.39427L7.40013 8.68652L12.0001 13.2865L16.6001 8.68652L17.3079 9.39427L12.0001 14.702Z' fill='rgb(69, 65, 52)'/%3E%3C/svg%3E%0A");
}

/* //Accordions */
/* Total Products */
.-html #totalProducts {
  padding: var(--totalProducts-padding, 0);
  margin: var(--totalProducts-margin, 0);
}
.-html #totalProducts table {
  display: flex;
  flex-direction: column;
  gap: var(--totalProducts-table-gap, 0);
}
.-html #totalProducts table tbody:not(.displaynone) {
  display: flex;
  flex-direction: column;
  gap: var(--totalProducts-tbody-gap, 0);
  background-color: var(--totalProducts-tbody-bgcolor, transparent);
  border-style: solid;
  border-width: var(--totalProducts-tbody-border_width, 0);
  border-color: var(--totalProducts-tbody-border_color, transparent);
}
.-html #totalProducts table tbody:not(.displaynone) tr:not(.displaynone) {
  display: grid;
  gap: var(--totalProducts-tr-gap, 0.4rem 0.8rem);
  background-color: var(--totalProducts-tr-bgcolor, var(--black-opacity-5));
  border-style: solid;
  border-width: var(--totalProducts-tr-border_width, 0.4rem 0 0);
  border-color: var(--totalProducts-tr-border_color, var(--body-bgcolor));
  padding: var(--totalProducts-tr-padding, 1rem 1.3rem);
  position: relative;
  grid-template-columns: 1fr auto auto;
  -webkit-border-radius: var(--totalProducts-tr-radius, 0);
  border-radius: var(--totalProducts-tr-radius, 0);
  overflow: hidden;
}
.-html #totalProducts table tbody:not(.displaynone) tr:not(.displaynone):has(a.delete) {
  padding-right: var(--totalProducts-tr-padding-right, 3rem);
}
.-html #totalProducts table tbody:not(.displaynone) tr:not(.displaynone) td {
  display: flex;
  align-items: center;
  padding: var(--totalProducts-td-padding, 0);
  margin: var(--totalProducts-td-margin, 0);
  border-style: solid;
  border-width: var(--totalProducts-td-border_width, 0);
  border-color: var(--totalProducts-td-border_color, transparent);
  font-size: var(--totalProducts-td-font_size, 1.2rem);
  font-weight: var(--totalProducts-td-font_weight, 400);
  color: var(--totalProducts-td-font_color, var(--gray-70));
  line-height: var(--totalProducts-td-line_height, 1.4);
}
.-html #totalProducts table tbody:not(.displaynone) tr:not(.displaynone) td p.product {
  padding: 0;
  margin: 0;
  font-weight: inherit;
  line-height: inherit;
  font-size: 0;
  line-height: 0;
}
.-html #totalProducts table tbody:not(.displaynone) tr:not(.displaynone) td p.product br {
  display: none !important;
}
.-html #totalProducts table tbody:not(.displaynone) tr:not(.displaynone) td p.product span {
  font-size: var(--totalProducts-option-font_size, 1.2rem);
  font-weight: var(--totalProducts-option-font_weight, 400);
  color: var(--totalProducts-option-font_color, var(--gray-70));
  line-height: var(--totalProducts-option-line_height, 1.4);
}
.-html #totalProducts table tbody:not(.displaynone) tr:not(.displaynone) td.right {
  width: 7rem !important;
  justify-content: flex-end;
  text-align: right;
}
.-html #totalProducts table tbody:not(.displaynone) tr:not(.displaynone) td.right,
.-html #totalProducts table tbody:not(.displaynone) tr:not(.displaynone) td.right span:not(.mileage) {
  font-size: var(--totalProducts-price-font_size, 1.2rem);
  font-weight: var(--totalProducts-price-font_weight, 400);
  color: var(--totalProducts-price-font_color, var(--gray-70));
  line-height: var(--totalProducts-price-line_height, inherit);
}
.-html #totalProducts table tbody:not(.displaynone) tr:not(.displaynone) td a.delete {
  position: absolute;
  top: var(--totalProducts-delete-position_top, 50%);
  right: var(--totalProducts-delete-position_right, 0.8rem);
  bottom: var(--totalProducts-delete-position_bottom, auto);
  left: var(--totalProducts-delete-position_left, auto);
  width: var(--totalProducts-delete-width, 1.4rem);
  height: var(--totalProducts-delete-height, 1.4rem);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-size: auto 100%;
  background-image: var(--totalProducts-delete-icon_img, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z' fill='rgb(69, 65, 52)'/%3E%3C/svg%3E%0A"));
}
.-html #totalProducts table tbody:not(.displaynone) tr:not(.displaynone) td a.delete img {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
}
.-html #totalProducts table tbody:not(.option_products) tr.xans-product-option {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
:root {
  --totalProducts-tr-border_color: transparent;
}

/* //Total Products */
/* Quantity */
.-html .ec-base-qty,
.-html tr.option_product p:has(input[type=number]),
.-html #totalProducts tbody td .quantity {
  display: flex;
  align-items: center;
}
.-html .ec-base-qty > *,
.-html tr.option_product p:has(input[type=number]) > *,
.-html #totalProducts tbody td .quantity > * {
  height: var(--totalProducts-height, 2.4rem) !important;
}
.-html .ec-base-qty > input,
.-html tr.option_product p:has(input[type=number]) > input,
.-html #totalProducts tbody td .quantity > input {
  display: flex !important;
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  border-style: solid !important;
  border-width: var(--totalProducts-input-border_width, 0.1rem 0) !important;
  border-color: var(--totalProducts-input-border_color, var(--gray-10)) !important;
  background: var(--totalProducts-input-bgcolor, var(--body-bgcolor)) !important;
  padding: var(--totalProducts-input-padding, 0) !important;
  margin: var(--totalProducts-input-margin, 0) !important;
  font-size: var(--totalProducts-input-font_size, 1.1rem) !important;
  font-weight: var(--totalProducts-input-font_weight, 400) !important;
  color: var(--totalProducts-input-font_color, var(--gray-50)) !important;
}
.-html .ec-base-qty > a,
.-html tr.option_product p:has(input[type=number]) > a,
.-html #totalProducts tbody td .quantity > a {
  width: var(--totalProducts-btn-width, 2.4rem) !important;
  border-style: solid !important;
  border-width: var(--totalProducts-btn-border_width, 0.1rem) !important;
  border-color: var(--totalProducts-btn-border_color, var(--gray-10)) !important;
  display: block !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--totalProducts-btn-bgcolor, var(--body-bgcolor)) !important;
  background-size: var(--totalProducts-btn-icon_size, auto 1rem) !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  padding: var(--totalProducts-btn-padding, 0) !important;
  margin: var(--totalProducts-btn-margin, 0) !important;
  -webkit-border-radius: var(--totalProducts-btn-radius, 0) !important;
  border-radius: var(--totalProducts-btn-radius, 0) !important;
}
.-html .ec-base-qty > a img,
.-html tr.option_product p:has(input[type=number]) > a img,
.-html #totalProducts tbody td .quantity > a img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
  -ms-filter: alpha(opacity=0) !important;
}
.-html .ec-base-qty > a[class*=up],
.-html tr.option_product p:has(input[type=number]) > a[class*=up],
.-html #totalProducts tbody td .quantity > a[class*=up] {
  order: 999;
  background-image: var(--totalProducts-btn-icon_img, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z' fill='rgb(69, 65, 52)'/%3E%3C/svg%3E%0A")) !important;
}
.-html .ec-base-qty > a[class*=down],
.-html tr.option_product p:has(input[type=number]) > a[class*=down],
.-html #totalProducts tbody td .quantity > a[class*=down] {
  order: -999;
  background-image: var(--totalProducts-btn-icon_img, url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13V11H19V13H5Z' fill='rgb(69, 65, 52)'/%3E%3C/svg%3E%0A")) !important;
}
.-html #totalProducts tbody td .quantity {
  width: 100% !important;
}
.-html.--mobile_device[theme-mode=r] tr.option_product p:has(input[type=number]) {
  display: grid !important;
  grid-template-columns: auto 1fr auto 0;
  grid-template-areas: "up input down blank";
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 0;
  max-width: 8rem;
}
.-html.--mobile_device[theme-mode=r] tr.option_product p:has(input[type=number]) > input {
  grid-area: input;
  width: 100% !important;
}
.-html.--mobile_device[theme-mode=r] tr.option_product p:has(input[type=number]) > a[class*=up] {
  grid-area: up;
}
.-html.--mobile_device[theme-mode=r] tr.option_product p:has(input[type=number]) > a[class*=down] {
  grid-area: down;
}

/* //Quantity */
/* Option */
.-html table.xans-product-option:not(.displaynone) {
  display: var(--themeOption-table-display, flex);
  flex-direction: var(--themeOption-table-flex_direction, column);
  grid-template-columns: var(--themeOption-table-grid_template_columns, 0);
  gap: var(--themeOption-table-gap, 0);
  margin: var(--themeOption-table-margin, 1.3rem 0 0);
  padding: var(--themeOption-table-padding, 0);
  border-style: solid;
  border-width: var(--themeOption-table-border_width, 0);
  border-color: var(--themeOption-table-border_color, transparent);
}
.-html table.xans-product-option:not(.displaynone) tbody.xans-product-option:not(.displaynone) {
  display: var(--themeOption-tbody_option-display, flex);
  flex-direction: var(--themeOption-tbody_option-flex_direction, column);
  grid-template-columns: var(--themeOption-tbody_option-grid_template_columns, 0);
  gap: var(--themeOption-tbody_option-gap, 0);
  margin: var(--themeOption-tbody_option-margin, 1rem 0 0);
  padding: var(--themeOption-tbody_option-padding, 0);
  border-style: solid;
  border-width: var(--themeOption-tbody_option-border_width, 0);
  border-color: var(--themeOption-tbody_option-border_color, transparent);
}
.-html table.xans-product-option:not(.displaynone) tbody.xans-product-option:not(.displaynone) tr:not(.displaynone) {
  display: var(--themeOption-tr-display, grid);
  grid-template-columns: var(--themeOption-tr-grid_template_columns, 10rem 1fr);
  flex-direction: var(--themeOption-tr-flex_direction, column);
  gap: var(--themeOption-tr-gap, 0.4rem 0);
  margin: var(--themeOption-tr-margin, 0);
  padding: var(--themeOption-tr-padding, 0);
  border-style: solid;
  border-width: var(--themeOption-tr-border_width, 0);
  border-color: var(--themeOption-tr-border_color, transparent);
}
.-html table.xans-product-option:not(.displaynone) tbody.xans-product-option:not(.displaynone) tr:not(.displaynone) th {
  display: var(--themeOption-th-gap, block);
  margin: var(--themeOption-th-margin, 0);
  padding: var(--themeOption-th-padding, 0.7rem 0 0);
  border-style: solid;
  border-width: var(--themeOption-th-border_width, 0);
  border-color: var(--themeOption-th-border_color, transparent);
  font-size: var(--themeOption-th-font_size, 1.3rem);
  font-weight: var(--themeOption-th-font_weight, 500);
  color: var(--themeOption-th-font_color, var(--gray-50));
  line-height: var(--themeOption-th-line_height, 1.4);
  width: 100%;
  height: auto;
}
.-html table.xans-product-option:not(.displaynone) tbody.xans-product-option:not(.displaynone) tr:not(.displaynone) td {
  display: var(--themeOption-td-gap, flex);
  flex-wrap: wrap;
  flex-direction: var(--themeOption-td-flex_direction, column);
  margin: var(--themeOption-td-margin, 0);
  padding: var(--themeOption-td-padding, 0);
  border-style: solid;
  border-width: var(--themeOption-td-border_width, 0);
  border-color: var(--themeOption-td-border_color, transparent);
  font-size: var(--themeOption-td-font_size, 1.3rem);
  font-weight: var(--themeOption-td-font_weight, 400);
  color: var(--themeOption-td-font_color, var(--gray-50));
  line-height: var(--themeOption-td-line_height, 1.4);
  width: 100%;
  height: auto;
}
.-html table.xans-product-option:not(.displaynone) tbody.xans-product-option:not(.displaynone) tr:not(.displaynone) td p.value:not(.displaynone) {
  margin: var(--themeOption-td-value-margin, 0.5rem 0 0);
  padding: var(--themeOption-td-value-padding, 0);
  border-style: solid;
  border-width: var(--themeOption-td-value-border_width, 0);
  border-color: var(--themeOption-td-value-border_color, transparent);
  font-size: var(--themeOption-td-value-font_size, 1.1rem);
  font-weight: var(--themeOption-td-value-font_weight, 400);
  color: var(--themeOption-td-value-font_color, var(--gray-50));
  line-height: var(--themeOption-td-value-line_height, 1.4);
}
@media (max-width: 991.98px) {
  .-html[theme-mode=r] {
    --themeOption-table-margin: 0;
    --themeOption-tr-display: flex;
  }
}

.-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button {
  display: flex;
  flex-wrap: wrap;
  gap: var(--themeOption-button-gap, 0.4rem);
}
.-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button > li {
  margin: var(--themeOption-button-li-margin, 0);
  padding: var(--themeOption-button-li-padding, 0);
  border-style: var(--themeOption-button-li-border_width, solid);
  border-width: var(--themeOption-button-li-border_width, 0.1rem);
  border-color: var(--themeOption-button-li-border_color, var(--black-opacity-20));
  -webkit-border-radius: var(--themeOption-button-li-radius, 0);
  border-radius: var(--themeOption-button-li-radius, 0);
  overflow: hidden;
  background-color: var(--themeOption-button-li-bgcolor, var(--body-bgcolor));
  position: relative;
}
.-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button > li > a {
  display: flex;
  flex-wrap: nowrap;
  width: var(--themeOption-button-li-a-width, auto);
  min-width: var(--themeOption-button-li-a-min_width, 0);
  height: var(--themeOption-button-li-a-height, auto);
  border-style: solid;
  border-width: var(--themeOption-button-li-a-border_width, 0);
  border-color: var(--themeOption-button-li-a-border_color, transparent);
  padding: var(--themeOption-button-li-a-padding, 0);
  margin: var(--themeOption-button-li-a-margin, 0);
  position: relative;
  -webkit-border-radius: var(--themeOption-button-li-a-radius, 0);
  border-radius: var(--themeOption-button-li-a-radius, 0);
  overflow: hidden;
  background-color: var(--themeOption-button-li-a-bgcolor, transparent);
}
.-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button > li > a > span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-style: solid;
  border-width: var(--themeOption-button-li-a-span-border_width, 0);
  border-color: var(--themeOption-button-li-a-span-border_color, transparent);
  margin: var(--themeOption-button-li-a-span-margin, 0);
  padding: var(--themeOption-button-li-a-span-padding, 0.5rem 0.6rem);
  font-size: var(--themeOption-button-li-a-span-font_size, 1.2rem);
  font-weight: var(--themeOption-button-li-a-span-font_weight, 400);
  color: var(--themeOption-button-li-a-span-font_color, var(--gray-50));
  line-height: var(--themeOption-button-li-a-span-line_height, 1.3);
  background-color: var(--themeOption-button-li-a-span-bgcolor, transparent);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  -ms-filter: alpha(opacity=100) !important;
}
.-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button > li.ec-product-disabled {
  border-style: var(--themeOption-button-li--disabled-border_width, dotted);
  border-color: var(--themeOption-button-li--disabled-border_color, var(--black-opacity-20));
  cursor: not-allowed !important;
}
.-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button > li.ec-product-disabled > a > span {
  color: var(--themeOption-button-li--disabled-a-span-font_color, var(--gray-30));
}
.-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button > li.ec-product-selected {
  border-color: var(--themeOption-button-li--selected-border_color, var(--black-opacity-70));
}
.-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button > li.ec-product-selected > a > span {
  color: var(--themeOption-button-li--selected-a-span-font_color, var(--gray-90));
  font-weight: var(--themeOption-button-li--selected-a-span-font_weight, 600);
}
.-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button.ec-product-preview > li {
  padding: var(--themeOption-preview-li-padding, 0.3rem);
}
.-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button.ec-product-preview > li > a {
  width: var(--themeOption-preview-li-a-width, 2rem);
  height: var(--themeOption-preview-li-a-height, 2rem);
  -webkit-border-radius: var(--themeOption-preview-li-a-radius, 0);
  border-radius: var(--themeOption-preview-li-a-radius, 0);
  overflow: hidden;
}
.-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button.ec-product-preview > li > a[style*="background-color:#ffffff"], .-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button.ec-product-preview > li > a[style*="background-color:white"] {
  border-width: 0.1rem;
  border-color: var(--black-opacity-10);
}
.-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button.ec-product-preview > li > a > span {
  display: none;
}
.-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button.ec-product-preview > li.ec-product-disabled {
  border-style: var(--themeOption-preview-li--disabled-border_width, dotted);
  border-color: var(--themeOption-preview-li--disabled-border_color, var(--black-opacity-20));
}
.-html .xans-product-detail .infoArea .xans-product-option ul.ec-product-button.ec-product-preview > li.ec-product-disabled > a {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
}
.-html .xans-product-detail .infoArea .xans-product-option select {
  height: var(--themeOption-selectbox-height, 3rem);
  padding: var(--themeOption-selectbox-padding, 0 3rem 0 0.5rem);
  margin: var(--themeOption-selectbox-margin, 0);
  font-size: var(--themeOption-selectbox-font_size, 1.3rem);
  font-weight: var(--themeOption-selectbox-font_weight, 400);
  color: var(--themeOption-selectbox-font_color, var(--gray-70));
  line-height: var(--themeOption-selectbox-line_height, 1);
}

/* //Option */
/* Board Search */
.-html form#boardSearchForm {
  padding: 0;
  margin: 0;
}
.-html form#boardSearchForm .xans-board-search {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
}
.-html form#boardSearchForm .xans-board-search fieldset.boardSearch > p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--themeBoardSearch-inner-gap, 0 0.5rem) !important;
}
.-html[theme-mode=r] form#boardSearchForm .xans-board-search fieldset.boardSearch > p {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  background: none;
  padding: 0;
  margin: 0;
}
.-html[theme-mode=r] form#boardSearchForm .xans-board-search fieldset.boardSearch > p:before {
  display: none;
}
.-html[theme-mode=r] form#boardSearchForm .xans-board-search fieldset.boardSearch > p input,
.-html[theme-mode=r] form#boardSearchForm .xans-board-search fieldset.boardSearch > p a,
.-html[theme-mode=r] form#boardSearchForm .xans-board-search fieldset.boardSearch > p select {
  margin: var(--themeBoardSearch-forms-margin, 0) !important;
  width: 100% !important;
}
.-html[theme-type=full] form#boardSearchForm .xans-board-search fieldset.boardSearch > p {
  background: none;
  padding: 0;
  margin: 0;
}
.-html[theme-type=full] form#boardSearchForm .xans-board-search fieldset.boardSearch > p:before {
  display: none;
}
.-html[theme-type=full] form#boardSearchForm .xans-board-search fieldset.boardSearch > p input,
.-html[theme-type=full] form#boardSearchForm .xans-board-search fieldset.boardSearch > p a,
.-html[theme-type=full] form#boardSearchForm .xans-board-search fieldset.boardSearch > p select {
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
  height: var(--themeBoardSearch-forms-height, 3rem) !important;
  font-size: var(--themeBoardSearch-forms-font_size, 1.2rem) !important;
  padding: var(--themeBoardSearch-forms-padding, 0 0.7rem) !important;
  -webkit-border-radius: var(--themeBoardSearch-forms-radius, 0) !important;
  border-radius: var(--themeBoardSearch-forms-radius, 0) !important;
  overflow: hidden;
}
.-html[theme-type=full] form#boardSearchForm .xans-board-search fieldset.boardSearch > p a {
  justify-content: center !important;
}
.-html[theme-type=full] form#boardSearchForm .xans-board-search fieldset.boardSearch > p select {
  padding: var(--themeBoardSearch-forms-select-padding, 0 1.8rem 0 0.7rem) !important;
}

/* //Board Search */

/*# sourceMappingURL=theme.css.map */

:root {
  --LoadLayer-bgcolor: var(--body-bgcolor);
  --LoadLayer-transition: none;
  --font_family: "SUIT Variable", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  --font_color: var(--gray-75);
  --font_color-gray: var(--gray-60);
  --font_color-light: var(--gray-40);
  --border_color: var(--gray-25);
  --input-radius: 0;
  --input-border_color: var(--gray-20);
  --input-border_width: 0.1rem;
  --input-font_color: var(--font_color);
  --input-bgcolor: var(--body-bgcolor);
  --input--hover-border_color: var(--gray-30);
  --input--hover-font_color: var(--font_color);
  --input--hover-bgcolor: var(--body-bgcolor);
  --input--focus-border_color: var(--gray-50);
  --input--focus-font_color: var(--font_color);
  --input--focus-bgcolor: var(--body-bgcolor);
  --input--placholder-font_color: var(--gray-50);
  --checkbox-radius: 0;
  --checkbox-border_color: var(--gray-20);
  --checkbox-border_width: 0.1rem;
  --checkbox-bgcolor: var(--gray-0);
  --checkbox-icon_size: auto 1.1rem;
  --checkbox-icon_img: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5501 18.0001L3.8501 12.3001L5.2751 10.8751L9.5501 15.1501L18.7251 5.9751L20.1501 7.4001L9.5501 18.0001Z' fill='rgb(106, 103, 93)'/%3E%3C/svg%3E%0A");
  --checkbox--hover-border_color: var(--gray-20);
  --checkbox--hover-bgcolor: var(--gray-0);
  --checkbox--hover-icon_img: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5501 18.0001L3.8501 12.3001L5.2751 10.8751L9.5501 15.1501L18.7251 5.9751L20.1501 7.4001L9.5501 18.0001Z' fill='rgb(106, 103, 93)'/%3E%3C/svg%3E%0A");
  --checkbox--checked-border_color: var(--gray-80);
  --checkbox--checked-bgcolor: var(--gray-80);
  --checkbox--checked-icon_img: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5498 18.7999L3.0498 12.2999L5.2998 10.0499L9.5498 14.2999L18.6998 5.1499L20.9498 7.3999L9.5498 18.7999Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A");
  --selectbox-radius: 0;
  --selectbox-font_color: var(--gray-60);
  --selectbox-border_color: var(--gray-20);
  --selectbox-border_width: 0.1rem;
  --selectbox-bgcolor: var(--body-bgcolor);
  --selectbox-icon_position: right 0.4rem center;
  --selectbox-icon_size: auto 1.4rem;
  --selectbox-icon_img: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L7 10H17L12 15Z' fill='rgb(69, 65, 52)'/%3E%3C/svg%3E%0A");
  --selectbox--hover-font_color: var(--gray-70);
  --selectbox--hover-border_color: var(--gray-30);
  --selectbox--hover-bgcolor: var(--body-bgcolor);
  --selectbox--hover-icon_img: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L7 10H17L12 15Z' fill='rgb(69, 65, 52)'/%3E%3C/svg%3E%0A");
  --selectbox--focus-font_color: var(--font_color);
  --selectbox--focus-border_color: var(--gray-50);
  --selectbox--focus-bgcolor: var(--body-bgcolor);
  --selectbox--focus-icon_img: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L7 10H17L12 15Z' fill='rgb(28, 26, 21)'/%3E%3C/svg%3E%0A");
  --textarea-border_color: var(--gray-20);
  --textarea-border_width: 0.1rem;
  --textarea-radius: 0;
  --textarea-bgcolor: var(--body-bgcolor);
  --textarea--focused-border_color: var(--gray-50);
  --textarea--focused-bgcolor: var(--body-bgcolor);
  --themeButtons-radius: 0;
  --themeButtons-transition: all 0.2s ease-in-out;
  --themeButtons-primary-bgcolor: var(--gray-80);
  --themeButtons-primary-border_color: var(--gray-80);
  --themeButtons-primary-font_color: var(--gray-0);
  --themeButtons-primary--hover-bgcolor: var(--gray-95);
  --themeButtons-primary--hover-border_color: var(--gray-95);
  --themeButtons-primary--hover-font_color: var(--gray-0);
  --themeButtons-primary--disabled-bgcolor: var(--gray-10);
  --themeButtons-primary--disabled-border_color: var(--gray-20);
  --themeButtons-primary--disabled-font_color: var(--gray-20);
  --gray-0: white;
  --gray-1: #f8f7f7;
  --gray-2: #f4f4f3;
  --gray-3: #f0f0ef;
  --gray-4: #ececeb;
  --gray-5: #e9e8e7;
  --gray-6: #e5e4e3;
  --gray-7: #e1e1df;
  --gray-8: #deddda;
  --gray-9: #dad9d6;
  --gray-10: #d6d5d2;
  --gray-11: #d2d1ce;
  --gray-12: #cfceca;
  --gray-13: #cbcac6;
  --gray-14: #c7c6c2;
  --gray-15: #c3c2be;
  --gray-16: #c0beba;
  --gray-17: #bcbbb6;
  --gray-18: #b8b7b2;
  --gray-19: #b6b5b0;
  --gray-20: #b5b3ae;
  --gray-25: #a2a09a;
  --gray-30: #8f8d85;
  --gray-35: #7d7a71;
  --gray-40: #6a675d;
  --gray-45: #585448;
  --gray-50: #454134;
  --gray-55: #3e3b2f;
  --gray-60: #37342a;
  --gray-65: #302e24;
  --gray-70: #29271f;
  --gray-75: #23211a;
  --gray-80: #1c1a15;
  --gray-85: #151410;
  --gray-90: #0e0d0a;
  --gray-95: #070705;
  --gray-100: black;
}

:root {
  --rem_ratio: 62.5%;
  --rem_ratio-mobile: 60%;
  --body-min_width: 100%;
  --body-max_width: 100%;
  --body-min_height: 0;
  --body-top_padding: calc( var(--header-height) + 3rem );
  --body-bottom_padding: 0;
  --body-side_padding: 2rem;
  --body-side_padding_minus: -2rem;
  --header-height: calc( var(--header-inner-height) + 0rem );
  --font_weight: 400;
  --font_size: 1.3rem;
  --body-line_height: 1.4;
  --themeBoard-border_color: var(--gray-15);
}
@media (max-width: 991.98px) {
  [theme-mode=r] {
    --body-side_padding: 1.9rem;
    --body-side_padding_minus: -1.9rem;
  }
}

.-html:not([theme-type=full]) #themeJoin, .-html[theme-type=full] {
  --buttons-transition: var(--themeButtons-transition);
  --buttons-radius: var(--themeButtons-radius);
  --buttons-Normal-font_color: #333;
  --buttons-Normal-border_color: #d1d1d1;
  --buttons-Normal-bg_color: var(--body-bgcolor);
  --buttons-Normal-font_color--hover: #333;
  --buttons-Normal-border_color--hover: #666;
  --buttons-Normal-bg_color--hover: var(--body-bgcolor);
  --buttons-Normal-disabled-font_color: #999;
  --buttons-Normal-disabled-border_color: #e3e3e3;
  --buttons-Normal-disabled-bg_color: var(--body-bgcolor);
  --buttons-Submit-font_color: var(--themeButtons-primary-font_color);
  --buttons-Submit-border_color: var(--themeButtons-primary-border_color);
  --buttons-Submit-bg_color: var(--themeButtons-primary-bgcolor);
  --buttons-Submit-font_color--hover: var(--themeButtons-primary--hover-font_color);
  --buttons-Submit-border_color--hover: var(--themeButtons-primary--hover-border_color);
  --buttons-Submit-bg_color--hover: var(--themeButtons-primary--hover-bgcolor);
  --buttons-Submit-disabled-font_color: var(--themeButtons-primary--disabled-font_color);
  --buttons-Submit-disabled-border_color: var(--themeButtons-primary--disabled-border_color);
  --buttons-Submit-disabled-bg_color: var(--themeButtons-primary--disabled-bgcolor);
  --buttons-Em-font_color: #fff;
  --buttons-Em-border_color: #84868b;
  --buttons-Em-bg_color: #84868b;
  --buttons-Em-font_color--hover: #fff;
  --buttons-Em-border_color--hover: #77797d;
  --buttons-Em-bg_color--hover: #77797d;
  --buttons-Em-disabled-font_color: #f0f0f0;
  --buttons-Em-disabled-border_color: #b5b6b9;
  --buttons-Em-disabled-bg_color: #b5b6b9;
  --buttons-Basic-font_color: #333;
  --buttons-Basic-border_color: #d1d1d1;
  --buttons-Basic-bg_color: #f0f0f0;
  --buttons-Basic-font_color--hover: #333;
  --buttons-Basic-border_color--hover: #e5e5e5;
  --buttons-Basic-bg_color--hover: #e5e5e5;
  --buttons-Basic-disabled-font_color: #999;
  --buttons-Basic-disabled-border_color: #f0f0f0;
  --buttons-Basic-disabled-bg_color: #f0f0f0;
}

.-html:not([theme-type=full]) #themeJoin, .-html[theme-type=full] {
  --tabs-color_ffffff: var(--body-bgcolor);
  --tabs-color_cbcdce: var(--gray-20);
  --tabs-color_f2f2f2: var(--black-opacity-1);
  --tabs-color_909090: var(--gray-60);
  --tabs-color_4a5164: var(--gray-70);
  --tabs-color_202020: var(--gray-80);
  --tabs-color_292929: var(--gray-85);
  --tabs-li-a-font_color: var(--colors-font-707070);
}

/*# sourceMappingURL=custom.css.map */

.themePrdItems {
  position: relative;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: alpha(opacity=100);
  -webkit-transition: var(--PrdItem-transition, none);
  -moz-transition: var(--PrdItem-transition, none);
  -ms-transition: var(--PrdItem-transition, none);
  -o-transition: var(--PrdItem-transition, none);
  transition: var(--PrdItem-transition, none);
}
.themePrdItems.-loading {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
}

.themePrdItems .-thumb {
  position: relative;
  overflow: hidden;
  display: block;
}
.themePrdItems .-thumb .-thumb_link {
  position: relative;
  display: block;
  -webkit-border-radius: var(--PrdItem-thumb_link-radius, 0);
  border-radius: var(--PrdItem-thumb_link-radius, 0);
  overflow: hidden !important;
}
.themePrdItems .-thumb .-thumb_link img.-medium {
  display: block;
  width: 100%;
  height: auto;
}
.themePrdItems .-thumb .-thumb_link img.-small {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
}

.themePrdItems .-check {
  position: absolute;
  z-index: 9;
  left: var(--PrdItem-check-position_left, 1rem);
  top: var(--PrdItem-check-position_top, 1rem);
}

.themePrdItems .-like {
  position: absolute;
  left: var(--PrdItem-like-position_left, auto);
  top: var(--PrdItem-like-position_top, auto);
  right: var(--PrdItem-like-position_right, auto);
  bottom: var(--PrdItem-like-position_bottom, auto);
  z-index: 9;
}

.-pc_template .themePrdItems .-thumb .-action_icons {
  position: absolute;
  display: flex;
  flex-wrap: nowrap;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: var(--PrdItem-actionIcons--pc-position_bottom, 0);
  z-index: 2;
  width: 100%;
  max-width: var(--PrdItem-actionIcons--pc-max_width, 30rem);
  padding: var(--PrdItem-actionIcons--pc-padding, 1.5rem);
  gap: var(--PrdItem-actionIcons--pc-gap, 0 0.5rem);
  -webkit-transition: var(--PrdItem-actionIcons--pc-transition, none);
  -moz-transition: var(--PrdItem-actionIcons--pc-transition, none);
  -ms-transition: var(--PrdItem-actionIcons--pc-transition, none);
  -o-transition: var(--PrdItem-actionIcons--pc-transition, none);
  transition: var(--PrdItem-actionIcons--pc-transition, none);
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
}
.-pc_template .themePrdItems .-thumb:hover .-action_icons {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: alpha(opacity=100);
}

@media (max-width: 991.98px) {
  .-pc_template[theme-mode=r] .themePrdItems .-thumb .-action_icons {
    display: none !important;
  }
}
.-pc_template .themePrdItems .-thumb .-action_icons > * {
  flex: 1;
  height: var(--PrdItem-actionIcons--pc-button-height, 2.4rem);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  font-size: var(--PrdItem-actionIcons--pc-button-font_size, 1.1rem);
  font-weight: var(--PrdItem-actionIcons--pc-button-font_weight, 500);
  border: transparent 0 solid;
  -webkit-transition: var(--PrdItem-actionIcons--pc-button-transition, none);
  -moz-transition: var(--PrdItem-actionIcons--pc-button-transition, none);
  -ms-transition: var(--PrdItem-actionIcons--pc-button-transition, none);
  -o-transition: var(--PrdItem-actionIcons--pc-button-transition, none);
  transition: var(--PrdItem-actionIcons--pc-button-transition, none);
  -webkit-border-radius: var(--PrdItem-actionIcons--pc-button-radius, 0);
  border-radius: var(--PrdItem-actionIcons--pc-button-radius, 0);
}
.-pc_template .themePrdItems .-thumb .-action_icons > * img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
}
.-pc_template .themePrdItems .-thumb .-action_icons > *.-wish {
  border-width: var(--PrdItem-actionIcons--pc-wish-border_width, 0);
  border-color: var(--PrdItem-actionIcons--pc-wish-border_color, transparent);
  background-color: var(--PrdItem-actionIcons--pc-wish-bgcolor, var(--gray-50));
  color: var(--PrdItem-actionIcons--pc-wish-font_color, var(--gray-0));
}
.-pc_template .themePrdItems .-thumb .-action_icons > *.-wish:before {
  content: var(--PrdItem-actionIcons--pc-wish-label, "WISH");
}
.-pc_template .themePrdItems .-thumb .-action_icons > *.-wish:hover {
  border-color: var(--PrdItem-actionIcons--pc-wish--hover-border_color, transparent);
  background-color: var(--PrdItem-actionIcons--pc-wish--hover-bgcolor, var(--gray-70));
  color: var(--PrdItem-actionIcons--pc-wish--hover-font_color, var(--gray-0));
}
.-pc_template .themePrdItems .-thumb .-action_icons > *.-cart {
  border-width: var(--PrdItem-actionIcons--pc-cart-border_width, 0);
  border-color: var(--PrdItem-actionIcons--pc-cart-border_color, transparent);
  background-color: var(--PrdItem-actionIcons--pc-cart-bgcolor, var(--gray-70));
  color: var(--PrdItem-actionIcons--pc-cart-font_color, var(--gray-0));
}
.-pc_template .themePrdItems .-thumb .-action_icons > *.-cart:before {
  content: var(--PrdItem-actionIcons--pc-cart-label, "CART");
}
.-pc_template .themePrdItems .-thumb .-action_icons > *.-cart:hover {
  border-color: var(--PrdItem-actionIcons--pc-wish--hover-border_color, transparent);
  background-color: var(--PrdItem-actionIcons--pc-wish--hover-bgcolor, var(--gray-90));
  color: var(--PrdItem-actionIcons--pc-wish--hover-font_color, var(--gray-0));
}

.themePrdItems .-action_icons {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding: var(--PrdItem-actionIcons--mobile-padding, 0);
  margin: var(--PrdItem-actionIcons--mobile-margin, 1rem 0 0);
  gap: var(--PrdItem-actionIcons--mobile-gap, 0.4rem);
}
.themePrdItems .-action_icons > * {
  flex: 1;
  height: var(--PrdItem-actionIcons--mobile-button-height, 2.2rem);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  font-size: var(--PrdItem-actionIcons--mobile-button-font_size, 1rem);
  font-weight: var(--PrdItem-actionIcons--mobile-button-font_weight, 500);
  -webkit-border-radius: var(--PrdItem-actionIcons--mobile-button-radius, 0);
  border-radius: var(--PrdItem-actionIcons--mobile-button-radius, 0);
}
.themePrdItems .-action_icons > * img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
}
.themePrdItems .-action_icons > *.-wish {
  border-width: var(--PrdItem-actionIcons--mobile-wish-border_width, 0);
  border-color: var(--PrdItem-actionIcons--mobile-wish-border_color, transparent);
  background-color: var(--PrdItem-actionIcons--mobile-wish-bgcolor, var(--gray-50));
  color: var(--PrdItem-actionIcons--mobile-wish-font_color, var(--gray-0));
}
.themePrdItems .-action_icons > *.-wish:before {
  content: var(--PrdItem-actionIcons--mobile-wish-label);
}
.themePrdItems .-action_icons > *.-cart {
  border-width: var(--PrdItem-actionIcons--mobile-cart-border_width, 0);
  border-color: var(--PrdItem-actionIcons--mobile-cart-border_color, transparent);
  background-color: var(--PrdItem-actionIcons--mobile-cart-bgcolor, var(--gray-80));
  color: var(--PrdItem-actionIcons--mobile-cart-font_color, var(--gray-0));
}
.themePrdItems .-action_icons > *.-cart:before {
  content: var(--PrdItem-actionIcons--mobile-cart-label);
}

.themePrdItems .-info {
  font-size: 1.1rem;
  line-height: 1.4;
  text-align: left;
  padding: var(--PrdItem-infos-padding, 0);
  margin: var(--PrdItem-infos-margin, 1.4rem 0 0);
}

.themePrdItems .-info .-icons {
  display: none;
}
.themePrdItems .-info .-icons:has(img) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--PrdItem-infos-icons-gap, 0 0.4rem);
  padding: var(--PrdItem-infos-icons-padding, 0);
  margin: var(--PrdItem-infos-icons-margin, 1.3rem 0 0);
}

.themePrdItems ul.-spec {
  display: flex;
  flex-direction: column;
  gap: var(--PrdItem-specs-gap, 0.4rem 0);
  text-align: left;
}
.themePrdItems ul.-spec > li[spec=product_custom] {
  display: none !important;
}

.-saled.-sale_type-a li[spec=product_price_css] > div,
.-saled.-sale_type-a li[spec=product_price] {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
}
.-saled.-sale_type-a li[spec=product_price_css] div[spec=product_custom_css],
.-saled.-sale_type-a li[spec=product_price] div[spec=product_custom] {
  flex: 1;
  flex-basis: 100%;
}

.themePrdItems:has(li[spec=optimum_discount_price]) li[spec=optimum_discount_price] {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem 0.5rem;
}
.themePrdItems:has(li[spec=optimum_discount_price]) li[spec=optimum_discount_price] .-label {
  font-weight: inherit !important;
}
.themePrdItems:has(li[spec=optimum_discount_price]) li[spec=optimum_discount_price] > div {
  display: inline !important;
}

.themePrdItemsCentered .themePrdItems .-info {
  text-align: center;
}
.themePrdItemsCentered .themePrdItems .-info .-icons:has(img) {
  justify-content: center;
}
.themePrdItemsCentered .themePrdItems .-info ul.-spec {
  justify-content: center;
}
.themePrdItemsCentered .themePrdItems .-info ul.-spec li {
  text-align: center;
  justify-content: center;
}
.themePrdItemsCentered .themePrdItems.-saled.-sale_type-a li[spec=product_price] {
  justify-content: center;
}

:root {
  --PrdItem-transition: all 0.55s ease-in-out;
  --PrdItem-actionIcons--pc-transition: all 0.2s ease-in-out;
  --PrdItem-actionIcons--pc-button-transition: all 0.2s ease-in-out;
  --PrdItem-infos-margin: 3.5rem 0 0;
}
[lang=ko]:root {
  --PrdItem-actionIcons-wish-label: "WISH";
  --PrdItem-actionIcons-cart-label: "CART";
}

@media (max-width: 991.98px) {
  :root {
    --PrdItem-infos-margin: 2rem 0 0;
  }
}

.themePrdItems .-thumb .-action_icons {
  display: none !important;
}

.themePrdItems .-info a.-thumb_left {
  display: block;
  overflow: hidden;
}
.themePrdItems .-info a.-thumb_left img {
  display: block;
  width: auto;
}
@media (min-width: 992px) {
  .themePrdItems .-info {
    padding: 1.2rem 1.5rem;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0 1.8rem;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    background: var(--body-bgcolor);
    gap: 0 1.8rem;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  .themePrdItems .-info a.-thumb_left img {
    height: 12rem;
  }
  .themePrdItems:hover .-info {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@media (max-width: 991.98px) {
  .themePrdItems .-info {
    padding: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-6rem);
  }
  .themePrdItems .-info a.-thumb_left img {
    height: 10rem;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-1rem);
  }
  .themePrdItems .-info > div {
    padding: 0 1.5rem;
  }
}

.prdList > li:has(.themePrdItems) {
  width: 100% !important;
  overflow: hidden;
}
.prdList > li:has(.themePrdItems) .themePrdItems {
  width: 100% !important;
  overflow: hidden;
}
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb .-swiperjs,
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb .-swiperjs .mySwiper,
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb .-swiperjs .mySwiper * {
  height: auto !important;
  line-height: 1 !important;
  font-size: 22px !important;
}
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb .-swiperjs {
  display: block;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb .-swiperjs .swiper-slide {
  height: auto;
  font-size: 22px;
  background-color: #ddd;
}
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb .-swiperjs .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb .swiper-button-next,
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb .swiper-button-prev {
  display: none !important;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
}
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb:hover .swiper-button-next,
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb:hover .swiper-button-prev {
  opacity: 0.25;
  filter: alpha(opacity=25);
  -ms-filter: alpha(opacity=25);
}
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb:hover .swiper-button-next:hover,
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb:hover .swiper-button-prev:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: alpha(opacity=100);
}
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb:hover .swiper-button-next.swiper-button-disabled,
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb:hover .swiper-button-prev.swiper-button-disabled {
  display: none !important;
}
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb .swiper-pagination {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
}
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb:hover .swiper-pagination {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: alpha(opacity=100);
}
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb:has(.swiper-pagination-lock) .swiper-button-next,
.prdList > li:has(.themePrdItems) .themePrdItems .-thumb:has(.swiper-pagination-lock) .swiper-button-prev {
  display: none !important;
}

@media (max-width: 991.98px) {
  .prdList > li:has(.themePrdItems) .themePrdItems .-thumb .swiper-button-next,
  .prdList > li:has(.themePrdItems) .themePrdItems .-thumb .swiper-button-prev {
    display: none !important;
  }
}
:root {
  --swiperjs-pagination-bullet-width: 0.5rem;
  --swiperjs-pagination-bullet-height: 0.5rem;
  --swiperjs-pagination-bullet-margin: 0 0.4rem;
  --swiperjs-pagination-bullet--active-width: 0.5rem;
  --swiperjs-pagination-bullet--active-height: 0.5rem;
}
@media (max-width: 991.98px) {
  :root {
    --swiperjs-pagination-bullet-width: 0.4rem;
    --swiperjs-pagination-bullet-height: 0.4rem;
    --swiperjs-pagination-bullet-margin: 0 0.3rem;
    --swiperjs-pagination-bullet--active-width: 0.4rem;
    --swiperjs-pagination-bullet--active-height: 0.4rem;
  }
}

/*# sourceMappingURL=item.css.map */

#themeHeader {
  background-color: var(--body-bgcolor);
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  border-style: solid;
  border-color: var(--black-opacity-20);
  border-width: 0;
}
#themeHeader .-inner {
  display: flex;
  align-items: center;
  padding: 0 var(--body-side_padding);
  height: var(--header-inner-height);
  position: relative;
  overflow: hidden;
}
#themeHeader .-inner .-lt {
  display: inline-block;
}
#themeHeader .-inner .-rt {
  margin-left: auto;
  display: flex;
  align-items: center;
}
#themeHeader.--fixed {
  border-width: 0 0 0.1rem;
}
#themeHeader.--fixed .-inner {
  height: var(--header--fixed-inner-height);
}

#themeHeader h1 a svg,
#themeHeader h1 a img {
  width: auto;
  height: var(--header-logo-height);
  -moz-transform-origin: left top;
  -webkit-transform-origin: left top;
  -o-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
#themeHeader.--fixed h1 a svg,
#themeHeader.--fixed h1 a img {
  height: var(--header--fixed-logo-height);
}

#themeHeader ul.-menus {
  display: flex;
  align-items: center;
  gap: 0 1.4rem;
  margin: 0 2rem 0 0;
}
#themeHeader ul.-menus li a {
  font-size: 1.4rem;
  font-weight: 500;
  position: relative;
  padding: 0.2rem 0;
  cursor: pointer !important;
}
#themeHeader ul.-menus li a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  content: "";
  height: 0.1rem;
  background-color: var(--font_color);
  z-index: 2;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#themeHeader ul.-menus li a:hover:after {
  width: 100%;
}
@media (max-width: 991.98px) {
  #themeHeader ul.-menus {
    display: none;
  }
}

#themeHeader .-member {
  display: flex;
  align-items: center;
  padding: 0 1.2rem 0 0;
}
#themeHeader .-member:before {
  display: inline-block;
  width: 2.2rem;
  height: 1.2rem;
  border-left: var(--black-opacity-20) 0.1rem solid;
  content: "";
}
#themeHeader .-member a {
  font-size: 1.4rem;
  font-weight: 500;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#themeHeader .-member a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
}
@media (max-width: 991.98px) {
  #themeHeader .-member {
    display: none;
  }
}

#themeHeader .-cart {
  position: relative;
  margin: 0;
  font-size: 1.4rem;
  font-weight: 500;
}
#themeHeader .-cart span {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#themeHeader .-cart:hover span {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
}
#themeHeader .-cart em {
  font-style: normal;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 0;
  text-indent: -9999px;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--black-opacity-70);
  background-size: auto 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.84882 7.89062C9.26028 7.89062 9.65611 7.95964 10.0363 8.09766C10.4191 8.23568 10.7603 8.45573 11.0598 8.75781C11.3618 9.0599 11.6001 9.46094 11.7746 9.96094C11.9517 10.4583 12.0415 11.069 12.0441 11.793C12.0441 12.4727 11.9673 13.0794 11.8137 13.6133C11.6626 14.1445 11.4452 14.5964 11.1613 14.9688C10.8775 15.3411 10.535 15.625 10.134 15.8203C9.73294 16.013 9.28502 16.1094 8.79023 16.1094C8.25637 16.1094 7.78502 16.0065 7.37617 15.8008C6.96731 15.5924 6.63788 15.3099 6.38788 14.9531C6.14049 14.5937 5.99075 14.1901 5.93867 13.7422H7.60663C7.67174 14.0339 7.80846 14.2604 8.01679 14.4219C8.22512 14.5807 8.48294 14.6602 8.79023 14.6602C9.31106 14.6602 9.7069 14.4336 9.97773 13.9805C10.2486 13.5247 10.3853 12.901 10.3879 12.1094H10.3332C10.2134 12.3437 10.0519 12.5456 9.84882 12.7148C9.6457 12.8815 9.41262 13.0104 9.1496 13.1016C8.88919 13.1927 8.61184 13.2383 8.31757 13.2383C7.84622 13.2383 7.42565 13.1276 7.05585 12.9062C6.68606 12.6849 6.3944 12.3802 6.18085 11.9922C5.96731 11.6042 5.86054 11.1615 5.86054 10.6641C5.85794 10.1276 5.98163 9.64974 6.23163 9.23047C6.48163 8.8112 6.83059 8.48307 7.27851 8.24609C7.72903 8.00651 8.25247 7.88802 8.84882 7.89062ZM8.86054 9.21875C8.59752 9.21875 8.36315 9.28125 8.15742 9.40625C7.95429 9.53125 7.79283 9.69922 7.67304 9.91016C7.55585 10.1211 7.49856 10.3568 7.50117 10.6172C7.50117 10.8802 7.55846 11.1172 7.67304 11.3281C7.79023 11.5365 7.94908 11.7031 8.1496 11.8281C8.35273 11.9505 8.5845 12.0117 8.84492 12.0117C9.04023 12.0117 9.22122 11.9753 9.38788 11.9023C9.55455 11.8294 9.69908 11.7292 9.82148 11.6016C9.94648 11.4714 10.0441 11.3216 10.1144 11.1523C10.1848 10.9831 10.2199 10.8034 10.2199 10.6133C10.2173 10.3607 10.1574 10.1289 10.0402 9.91797C9.92304 9.70703 9.76158 9.53776 9.55585 9.41016C9.35012 9.28255 9.11835 9.21875 8.86054 9.21875ZM15.0566 14.7812V9.25H16.4551V14.7812H15.0566ZM12.9902 12.7148V11.3164H18.5215V12.7148H12.9902Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A");
}
#themeHeader .-cart em[data-number="0"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8981 17.2237C11.043 17.2204 10.3072 17.0099 9.69074 16.5923C9.07758 16.1747 8.60528 15.5698 8.27384 14.7777C7.94571 13.9856 7.78331 13.0327 7.78662 11.919C7.78662 10.8087 7.95069 9.86245 8.27881 9.08026C8.61025 8.29806 9.08255 7.70312 9.69571 7.29545C10.3122 6.88447 11.0463 6.67898 11.8981 6.67898C12.7499 6.67898 13.4824 6.88447 14.0956 7.29545C14.7121 7.70644 15.186 8.30303 15.5174 9.08523C15.8489 9.86411 16.013 10.8087 16.0096 11.919C16.0096 13.036 15.8439 13.9905 15.5125 14.7827C15.1844 15.5748 14.7137 16.1797 14.1005 16.5973C13.4874 17.0149 12.7532 17.2237 11.8981 17.2237ZM11.8981 15.4389C12.4815 15.4389 12.9471 15.1456 13.2951 14.5589C13.6432 13.9723 13.8155 13.0923 13.8122 11.919C13.8122 11.1468 13.7326 10.5038 13.5736 9.99006C13.4178 9.47633 13.1957 9.0902 12.9074 8.83168C12.6223 8.57315 12.2859 8.44389 11.8981 8.44389C11.3181 8.44389 10.8541 8.7339 10.5061 9.31392C10.1581 9.89394 9.98241 10.7623 9.9791 11.919C9.9791 12.7012 10.057 13.3542 10.2128 13.8778C10.3719 14.3982 10.5956 14.7893 10.8839 15.0511C11.1723 15.3097 11.5103 15.4389 11.8981 15.4389Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A");
}
#themeHeader .-cart em[data-number="1"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2302 6.81818V17H12.0775V8.86151H12.0178L9.68613 10.3232V8.41406L12.2067 6.81818H14.2302Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A");
}
#themeHeader .-cart em[data-number="2"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.8161 17V15.4489L12.4404 12.093C12.7486 11.7947 13.0071 11.5263 13.216 11.2876C13.4281 11.049 13.5888 10.8153 13.6982 10.5866C13.8076 10.3546 13.8623 10.1044 13.8623 9.83594C13.8623 9.53764 13.7943 9.28078 13.6584 9.06534C13.5225 8.84659 13.3369 8.67921 13.1016 8.56321C12.8663 8.44389 12.5995 8.38423 12.3012 8.38423C11.9896 8.38423 11.7179 8.44721 11.4858 8.57315C11.2538 8.6991 11.0749 8.87973 10.9489 9.11506C10.823 9.35038 10.76 9.63044 10.76 9.95526H8.71667C8.71667 9.28906 8.86747 8.7107 9.16908 8.22017C9.47069 7.72964 9.89328 7.35014 10.4368 7.08168C10.9804 6.81321 11.6068 6.67898 12.3161 6.67898C13.0453 6.67898 13.68 6.80824 14.2202 7.06676C14.7638 7.32197 15.1864 7.67661 15.488 8.13068C15.7896 8.58475 15.9404 9.10511 15.9404 9.69176C15.9404 10.0762 15.8642 10.4557 15.7117 10.8303C15.5625 11.2048 15.2957 11.6207 14.9113 12.0781C14.5268 12.5322 13.9849 13.0774 13.2856 13.7138L11.7991 15.1705V15.2401H16.0746V17H8.8161Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A");
}
#themeHeader .-cart em[data-number="3"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8745 17.1392C11.1321 17.1392 10.4709 17.0116 9.89085 16.7564C9.31415 16.4979 8.85842 16.1432 8.52366 15.6925C8.19222 15.2384 8.02153 14.7147 8.01159 14.1214H10.1792C10.1925 14.37 10.2737 14.5888 10.4228 14.7777C10.5753 14.9633 10.7775 15.1075 11.0293 15.2102C11.2812 15.313 11.5646 15.3643 11.8795 15.3643C12.2076 15.3643 12.4976 15.3063 12.7495 15.1903C13.0014 15.0743 13.1986 14.9136 13.3411 14.7081C13.4837 14.5026 13.5549 14.2656 13.5549 13.9972C13.5549 13.7254 13.4787 13.4851 13.3262 13.2763C13.1771 13.0642 12.9616 12.8984 12.6799 12.7791C12.4015 12.6598 12.0701 12.6001 11.6856 12.6001H10.736V11.0192H11.6856C12.0104 11.0192 12.2971 10.9628 12.5457 10.8501C12.7976 10.7375 12.9931 10.5817 13.1323 10.3828C13.2715 10.1806 13.3411 9.94531 13.3411 9.67685C13.3411 9.42164 13.2798 9.19792 13.1572 9.00568C13.0379 8.81013 12.8688 8.65767 12.6501 8.5483C12.4346 8.43892 12.1828 8.38423 11.8944 8.38423C11.6027 8.38423 11.3359 8.43726 11.094 8.54332C10.852 8.64607 10.6581 8.79356 10.5123 8.9858C10.3665 9.17803 10.2886 9.40341 10.2786 9.66193H8.21542C8.22537 9.07528 8.39274 8.55824 8.71755 8.1108C9.04237 7.66335 9.47987 7.31368 10.0301 7.06179C10.5836 6.80658 11.2083 6.67898 11.9043 6.67898C12.607 6.67898 13.2218 6.80658 13.7488 7.06179C14.2758 7.317 14.6851 7.66169 14.9768 8.09588C15.2718 8.52675 15.4176 9.01065 15.4143 9.54758C15.4176 10.1177 15.2403 10.5933 14.8823 10.9744C14.5277 11.3556 14.0653 11.5975 13.4953 11.7003V11.7798C14.2443 11.8759 14.8144 12.1361 15.2055 12.5604C15.5999 12.9813 15.7954 13.5083 15.7921 14.1413C15.7954 14.7214 15.6281 15.2367 15.29 15.6875C14.9552 16.1383 14.4929 16.4929 13.9029 16.7514C13.313 17.0099 12.6368 17.1392 11.8745 17.1392Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A");
}
#themeHeader .-cart em[data-number="4"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.82702 15.2102V13.5149L12.0777 6.81818H13.5394V9.16477H12.6743L9.99463 13.4055V13.4851H16.0351V15.2102H7.82702ZM12.7141 17V14.6932L12.7539 13.9425V6.81818H14.7723V17H12.7141Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A");
}
#themeHeader .-cart em[data-number="5"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9323 17.1392C11.2297 17.1392 10.6032 17.0099 10.053 16.7514C9.50617 16.4929 9.07199 16.1366 8.75049 15.6825C8.42899 15.2285 8.26162 14.7081 8.24836 14.1214H10.3364C10.3596 14.5159 10.5253 14.8357 10.8336 15.081C11.1418 15.3262 11.5081 15.4489 11.9323 15.4489C12.2704 15.4489 12.5687 15.3743 12.8272 15.2251C13.089 15.0727 13.2929 14.8622 13.4387 14.5938C13.5878 14.322 13.6624 14.0104 13.6624 13.6591C13.6624 13.3011 13.5862 12.9863 13.4337 12.7145C13.2846 12.4427 13.0774 12.2306 12.8123 12.0781C12.5471 11.9257 12.2439 11.8478 11.9025 11.8445C11.6042 11.8445 11.3142 11.9058 11.0325 12.0284C10.754 12.151 10.5369 12.3184 10.3812 12.5305L8.46711 12.1875L8.94935 6.81818H15.1738V8.57812H10.7242L10.4607 11.1286H10.5204C10.6994 10.8767 10.9695 10.6679 11.3307 10.5021C11.692 10.3364 12.0964 10.2536 12.5438 10.2536C13.157 10.2536 13.7039 10.3977 14.1844 10.6861C14.665 10.9744 15.0445 11.3705 15.3229 11.8743C15.6013 12.3748 15.7389 12.9515 15.7356 13.6044C15.7389 14.2905 15.5798 14.9003 15.2583 15.4339C14.9401 15.9643 14.4943 16.3819 13.9209 16.6868C13.3509 16.9884 12.688 17.1392 11.9323 17.1392Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A");
}
#themeHeader .-cart em[data-number="6"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0119 17.1392C11.4882 17.1359 10.9827 17.0481 10.4955 16.8757C10.0116 16.7034 9.57743 16.4233 9.19296 16.0355C8.80849 15.6477 8.50357 15.134 8.27819 14.4943C8.05613 13.8546 7.94509 13.0691 7.94509 12.1378C7.94841 11.2827 8.04618 10.5187 8.23842 9.84588C8.43397 9.16974 8.71238 8.59635 9.07364 8.12571C9.43823 7.65507 9.87407 7.29711 10.3812 7.05185C10.8883 6.80327 11.4567 6.67898 12.0864 6.67898C12.7659 6.67898 13.3658 6.81155 13.8861 7.0767C14.4065 7.33854 14.8241 7.69484 15.139 8.1456C15.4572 8.59635 15.6494 9.1018 15.7157 9.66193H13.5928C13.51 9.30729 13.336 9.02888 13.0708 8.8267C12.8057 8.62453 12.4775 8.52344 12.0864 8.52344C11.4235 8.52344 10.9198 8.81179 10.5751 9.38849C10.2337 9.9652 10.0597 10.7491 10.053 11.7401H10.1227C10.2751 11.4384 10.4806 11.1816 10.7391 10.9695C11.001 10.754 11.2976 10.59 11.629 10.4773C11.9638 10.3613 12.3168 10.3033 12.688 10.3033C13.2912 10.3033 13.8281 10.4458 14.2988 10.7308C14.7694 11.0125 15.1406 11.4003 15.4124 11.8942C15.6842 12.388 15.8201 12.9531 15.8201 13.5895C15.8201 14.2789 15.6593 14.892 15.3378 15.429C15.0197 15.9659 14.5739 16.3868 14.0005 16.6918C13.4304 16.9934 12.7675 17.1425 12.0119 17.1392ZM12.0019 15.4489C12.3334 15.4489 12.63 15.3693 12.8918 15.2102C13.1537 15.0511 13.3592 14.8357 13.5083 14.5639C13.6575 14.2921 13.732 13.9872 13.732 13.6491C13.732 13.3111 13.6575 13.0078 13.5083 12.7393C13.3625 12.4709 13.1603 12.2571 12.9018 12.098C12.6432 11.9389 12.3483 11.8594 12.0168 11.8594C11.7682 11.8594 11.5379 11.9058 11.3258 11.9986C11.117 12.0914 10.933 12.2206 10.7739 12.3864C10.6182 12.5521 10.4955 12.7443 10.406 12.9631C10.3165 13.1785 10.2718 13.4089 10.2718 13.6541C10.2718 13.9822 10.3464 14.2822 10.4955 14.554C10.648 14.8258 10.8535 15.0429 11.112 15.2053C11.3738 15.3677 11.6705 15.4489 12.0019 15.4489Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A");
}
#themeHeader .-cart em[data-number="7"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.46489 17L13.6858 8.64773V8.57812H8.76887V6.81818H15.913V8.60298L11.6872 17H9.46489Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A");
}
#themeHeader .-cart em[data-number="8"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8956 17.1392C11.13 17.1392 10.4489 17.0149 9.85232 16.7663C9.25904 16.5144 8.79337 16.1714 8.4553 15.7372C8.11723 15.303 7.9482 14.8108 7.9482 14.2607C7.9482 13.8364 8.04432 13.447 8.23655 13.0923C8.4321 12.7344 8.69725 12.4377 9.03201 12.2024C9.36676 11.9638 9.74129 11.8113 10.1556 11.745V11.6754C9.61203 11.5661 9.17121 11.3026 8.83314 10.8849C8.49508 10.464 8.32604 9.97514 8.32604 9.41832C8.32604 8.89134 8.48016 8.42235 8.7884 8.01136C9.09664 7.59706 9.51922 7.27225 10.0562 7.03693C10.5964 6.7983 11.2096 6.67898 11.8956 6.67898C12.5817 6.67898 13.1932 6.7983 13.7302 7.03693C14.2704 7.27557 14.6946 7.60204 15.0029 8.01633C15.3111 8.42732 15.4669 8.89465 15.4702 9.41832C15.4669 9.97846 15.2946 10.4673 14.9532 10.8849C14.6118 11.3026 14.1743 11.5661 13.6407 11.6754V11.745C14.0483 11.8113 14.4179 11.9638 14.7493 12.2024C15.0841 12.4377 15.3492 12.7344 15.5448 13.0923C15.7437 13.447 15.8447 13.8364 15.8481 14.2607C15.8447 14.8108 15.6741 15.303 15.336 15.7372C14.9979 16.1714 14.5306 16.5144 13.934 16.7663C13.3407 17.0149 12.6613 17.1392 11.8956 17.1392ZM11.8956 15.5582C12.237 15.5582 12.5353 15.4969 12.7905 15.3743C13.0457 15.2483 13.2446 15.076 13.3871 14.8572C13.533 14.6352 13.6059 14.38 13.6059 14.0916C13.6059 13.7966 13.5313 13.5365 13.3821 13.3111C13.233 13.0824 13.0308 12.9034 12.7756 12.7741C12.5204 12.6416 12.2271 12.5753 11.8956 12.5753C11.5675 12.5753 11.2742 12.6416 11.0157 12.7741C10.7571 12.9034 10.5533 13.0824 10.4042 13.3111C10.2583 13.5365 10.1854 13.7966 10.1854 14.0916C10.1854 14.38 10.2567 14.6352 10.3992 14.8572C10.5417 15.076 10.7422 15.2483 11.0008 15.3743C11.2593 15.4969 11.5576 15.5582 11.8956 15.5582ZM11.8956 11.0092C12.1807 11.0092 12.4342 10.9512 12.6563 10.8352C12.8784 10.7192 13.0524 10.5585 13.1783 10.353C13.3043 10.1475 13.3672 9.91051 13.3672 9.64205C13.3672 9.37689 13.3043 9.14489 13.1783 8.94602C13.0524 8.74384 12.88 8.58641 12.6613 8.47372C12.4425 8.35772 12.1873 8.29972 11.8956 8.29972C11.6073 8.29972 11.3521 8.35772 11.13 8.47372C10.908 8.58641 10.7339 8.74384 10.608 8.94602C10.4854 9.14489 10.4241 9.37689 10.4241 9.64205C10.4241 9.91051 10.487 10.1475 10.613 10.353C10.7389 10.5585 10.9129 10.7192 11.135 10.8352C11.3571 10.9512 11.6106 11.0092 11.8956 11.0092Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A");
}
#themeHeader .-cart em[data-number="9"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7881 6.67898C12.3118 6.67898 12.8156 6.76681 13.2995 6.94247C13.7867 7.11813 14.2209 7.3982 14.6021 7.78267C14.9865 8.16714 15.2898 8.67756 15.5119 9.31392C15.7372 9.94697 15.8516 10.7242 15.8549 11.6456C15.8549 12.5107 15.7571 13.2829 15.5616 13.9624C15.3693 14.6385 15.0926 15.2135 14.7313 15.6875C14.37 16.1615 13.9342 16.5227 13.4238 16.7713C12.9134 17.0166 12.3433 17.1392 11.7136 17.1392C11.0341 17.1392 10.4342 17.0083 9.91384 16.7464C9.39348 16.4813 8.97421 16.1217 8.65603 15.6676C8.34116 15.2102 8.15059 14.6965 8.0843 14.1264H10.2072C10.29 14.4976 10.464 14.786 10.7292 14.9915C10.9943 15.1937 11.3225 15.2947 11.7136 15.2947C12.3764 15.2947 12.8802 15.0064 13.2249 14.4297C13.5696 13.8497 13.7436 13.0559 13.7469 12.0483H13.6773C13.5249 12.3466 13.3194 12.6035 13.0609 12.8189C12.8023 13.031 12.5057 13.1951 12.1709 13.3111C11.8395 13.4271 11.4865 13.4851 11.112 13.4851C10.5121 13.4851 9.97682 13.3442 9.50617 13.0625C9.03553 12.7808 8.66432 12.393 8.39254 11.8991C8.12076 11.4053 7.98487 10.8419 7.98487 10.2088C7.98155 9.52604 8.13899 8.91785 8.45717 8.38423C8.77535 7.85062 9.21948 7.433 9.78955 7.13139C10.3629 6.82647 11.0291 6.67566 11.7881 6.67898ZM11.803 8.36932C11.4683 8.36932 11.17 8.44886 10.9082 8.60795C10.6496 8.76705 10.4441 8.98082 10.2917 9.24929C10.1425 9.51776 10.0696 9.81771 10.0729 10.1491C10.0729 10.4839 10.1459 10.7855 10.2917 11.054C10.4408 11.3191 10.643 11.5312 10.8982 11.6903C11.1567 11.8461 11.4517 11.924 11.7832 11.924C12.0317 11.924 12.2621 11.8776 12.4742 11.7848C12.6863 11.692 12.8703 11.5644 13.0261 11.402C13.1852 11.2363 13.3094 11.0457 13.3989 10.8303C13.4884 10.6148 13.5332 10.3861 13.5332 10.1442C13.5298 9.82268 13.4536 9.5277 13.3045 9.25923C13.1553 8.99077 12.9498 8.77533 12.688 8.61293C12.4262 8.45052 12.1312 8.36932 11.803 8.36932Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E%0A");
}

#themeHeader .-menu {
  display: none;
}
@media (max-width: 991.98px) {
  #themeHeader .-menu {
    display: flex;
    margin-left: 0.3rem;
  }
  #themeHeader .-menu a {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 2.5rem;
  }
  #themeHeader .-menu a.-openBtn:before {
    font-family: "Material Symbols Rounded";
    content: "\e94b";
    font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
  }
  #themeHeader .-menu a.-closeBtn {
    display: none;
  }
  #themeHeader .-menu a.-closeBtn:before {
    font-family: "Material Symbols Rounded";
    content: "\e5cd";
    font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
  }
}

/*# sourceMappingURL=header.css.map */

#themeSearchLayer {
  display: none;
  position: fixed;
  left: 50%;
  top: 0;
  bottom: 0;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  max-width: var(--body-max_width);
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  max-height: 100vh;
  max-height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}

#themeSearchLayer .-dimmed {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: var(--themeLNB-bg-bgcolor, rgba(0, 0, 0, 0.5));
}

#themeSearchLayer .-inner {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  max-height: 100vh;
  max-height: calc(var(--vh, 1vh) * 100);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 3;
  background-color: var(--themeLNB-inner-bgcolor, var(--body-bgcolor));
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#themeSearchLayer.-on .-inner {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

#themeSearchLayer .-scroll_inner {
  padding: 4rem 3rem;
  position: relative;
  width: 100vw;
  max-width: 40rem;
  position: relative;
}

#themeSearchLayer .-title_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 1rem;
}
#themeSearchLayer .-title_area strong {
  line-height: 1;
  font-size: 1.5rem;
}
#themeSearchLayer .-title_area a.-searchCloseBtn {
  width: 2.8rem;
  height: 2.8rem;
  font-size: 0;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: transparent;
  background-size: auto 2.2rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.40008 18.3078L5.69238 17.6001L11.2924 12.0001L5.69238 6.40008L6.40008 5.69238L12.0001 11.2924L17.6001 5.69238L18.3078 6.40008L12.7078 12.0001L18.3078 17.6001L17.6001 18.3078L12.0001 12.7078L6.40008 18.3078Z' fill='rgb(69, 65, 52)'/%3E%3C/svg%3E%0A");
}

#themeSearchLayer #searchBarForm .xans-layout-searchheader fieldset {
  position: relative;
}
#themeSearchLayer #searchBarForm .xans-layout-searchheader fieldset input[type=text] {
  width: 100% !important;
  height: 4.6rem !important;
  border: transparent 0.1rem solid !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 4rem 0 1.2rem !important;
  background-color: var(--black-opacity-4);
  -webkit-border-radius: 0.4rem;
  border-radius: 0.4rem;
  overflow: hidden;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
#themeSearchLayer #searchBarForm .xans-layout-searchheader fieldset input[type=text]:focus {
  background-color: var(--black-opacity-3);
  border-color: var(--gray-10) !important;
}
#themeSearchLayer #searchBarForm .xans-layout-searchheader fieldset input[type=text]::placeholder {
  color: var(--gray-30) !important;
  font-weight: 300 !important;
}
#themeSearchLayer #searchBarForm .xans-layout-searchheader fieldset input[type=image] {
  position: absolute;
  right: 0;
  top: 0;
  height: 4.6rem !important;
  text-indent: -9999999px;
  object-position: -9999999px;
  overflow: hidden;
  width: 4rem;
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-color: transparent;
  background-size: auto 2rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.7073 27.2925L22.4485 21.035C24.2626 18.8572 25.1672 16.0638 24.9741 13.236C24.781 10.4081 23.5052 7.76361 21.412 5.85251C19.3188 3.9414 16.5694 2.91086 13.7357 2.97526C10.902 3.03966 8.20225 4.19404 6.19802 6.19827C4.1938 8.20249 3.03941 10.9023 2.97501 13.7359C2.91061 16.5696 3.94116 19.319 5.85226 21.4122C7.76337 23.5054 10.4079 24.7813 13.2357 24.9743C16.0635 25.1674 18.8569 24.2628 21.0348 22.4488L27.2923 28.7075C27.3852 28.8005 27.4955 28.8742 27.6169 28.9244C27.7383 28.9747 27.8684 29.0006 27.9998 29.0006C28.1312 29.0006 28.2613 28.9747 28.3827 28.9244C28.5041 28.8742 28.6144 28.8005 28.7073 28.7075C28.8002 28.6146 28.8739 28.5043 28.9242 28.3829C28.9745 28.2615 29.0004 28.1314 29.0004 28C29.0004 27.8686 28.9745 27.7385 28.9242 27.6171C28.8739 27.4958 28.8002 27.3855 28.7073 27.2925ZM4.9998 14C4.9998 12.22 5.52764 10.48 6.51657 8.99991C7.5055 7.51987 8.91111 6.36631 10.5556 5.68513C12.2002 5.00394 14.0098 4.82571 15.7556 5.17297C17.5014 5.52024 19.1051 6.37741 20.3638 7.63608C21.6224 8.89475 22.4796 10.4984 22.8269 12.2442C23.1741 13.9901 22.9959 15.7997 22.3147 17.4442C21.6335 19.0887 20.48 20.4943 18.9999 21.4833C17.5199 22.4722 15.7798 23 13.9998 23C11.6137 22.9974 9.32601 22.0483 7.63876 20.3611C5.95151 18.6738 5.00244 16.3862 4.9998 14Z' fill='rgb(14, 13, 10)'/%3E%3C/svg%3E%0A");
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
#themeSearchLayer #searchBarForm .xans-layout-searchheader fieldset input[type=image]:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: alpha(opacity=100);
}

.xans-search-hotkeyword {
  display: none;
}
.xans-search-hotkeyword:has(li + li) {
  display: block;
  padding: 2rem 0 0;
}
.xans-search-hotkeyword > strong {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--gray-50);
}
.xans-search-hotkeyword > ul {
  display: flex;
  flex-direction: column;
  padding: 1rem 0 0 0.2rem;
  gap: 0.5rem 0;
}
.xans-search-hotkeyword > ul li a {
  display: inline-block;
  font-size: 1.3rem;
  color: var(--gray-60);
  font-weight: 400;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.xans-search-hotkeyword > ul li a:before {
  content: "#";
  color: var(--gray-30);
  margin: 0 0.6rem 0 0;
  font-weight: 500;
}
.xans-search-hotkeyword > ul li a:hover {
  color: var(--font_color);
}
.xans-search-hotkeyword > ul li a:hover:before {
  color: var(--gray-60);
}

/*# sourceMappingURL=search.css.map */

#themeLNB {
  display: none;
  position: fixed;
  left: 50%;
  top: 0;
  bottom: 0;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  max-width: var(--body-max_width);
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  max-height: 100vh;
  max-height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}

#themeLNB .-dimmed {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: var(--themeLNB-bg-bgcolor, rgba(0, 0, 0, 0.5));
}

#themeLNB .-inner {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  max-height: 100vh;
  max-height: calc(var(--vh, 1vh) * 100);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 3;
  background-color: var(--themeLNB-inner-bgcolor, var(--body-bgcolor));
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#themeLNB.-on .-inner {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

#themeLNB .-scroll_inner {
  padding: 0 2.6rem 4rem;
  position: relative;
  width: auto;
  min-width: 30rem;
  max-width: 45rem;
  position: relative;
}

#lnbMenus {
  padding: 2rem 0 0 0.2rem;
}
#lnbMenus a {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  font-weight: 400;
  color: var(--font_color);
  font-size: 1.4rem;
  line-height: 1;
  white-space: nowrap;
}
#lnbMenus li.-on > a {
  font-weight: 700;
}
#lnbMenus ul {
  padding: 0 0 0 1.6rem;
  margin: 0 0 1rem;
  border: var(--border_color) 0.1rem solid;
  border-width: 0 0 0 0.1rem;
}
#lnbMenus li.-hasChild > a:after {
  content: "";
  margin-left: auto;
  width: 2.2rem;
  height: 1.2rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-size: auto 1.2rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z' fill='rgb(69, 65, 52)'/%3E%3C/svg%3E%0A");
}
#lnbMenus li.-hasChild.-on > a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13V11H19V13H5Z' fill='rgb(69, 65, 52)'/%3E%3C/svg%3E%0A");
}
#lnbMenus li.-all > a {
  font-size: 1.3rem;
  color: var(--font_color-gray);
  text-decoration: underline;
}
#lnbMenus li.-all > a:hover {
  color: var(--font_color);
}
#lnbMenus > ul {
  padding-left: 0;
  border-left: none;
}
#lnbMenus > ul > li > a {
  padding: 1rem 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--font_color);
}
#lnbMenus > ul > li.-on > a {
  font-weight: 700;
}
#lnbMenus > ul > li > ul {
  display: none;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 1rem;
}
#lnbMenus > ul > li > ul > li > ul {
  padding-top: 0;
  margin-top: 1.1rem;
}
#lnbMenus > ul > li > ul > li > ul > li:first-child > a {
  padding-top: 0 !important;
}
#lnbMenus > ul > li > ul > li > ul > li > ul {
  padding-top: 0;
  margin-top: 0.5rem;
}
#themeLNB a.-lnbCloseBtn {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 2;
  width: 2.8rem;
  height: 2.8rem;
  font-size: 0;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-size: auto 2.6rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.40008 18.3078L5.69238 17.6001L11.2924 12.0001L5.69238 6.40008L6.40008 5.69238L12.0001 11.2924L17.6001 5.69238L18.3078 6.40008L12.7078 12.0001L18.3078 17.6001L17.6001 18.3078L12.0001 12.7078L6.40008 18.3078Z' fill='rgb(69, 65, 52)'/%3E%3C/svg%3E%0A");
}

#lnbMembers .xans-layout-statelogoff {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 2rem 0 1.5rem;
  border-bottom: var(--black-opacity-10) solid 0.1rem;
}
#lnbMembers .xans-layout-statelogoff > a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 400;
  color: var(--gray-50);
}
#lnbMembers .xans-layout-statelogoff > a:after {
  margin-left: 0.3rem;
  font-size: 1.5rem;
  font-family: "Material Symbols Rounded";
  content: "\e5cc";
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
}

#lnbMembers .xans-layout-statelogon {
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
  padding: 3rem 1.5rem 1.5rem 0;
  border-bottom: var(--black-opacity-10) solid 0.1rem;
}
#lnbMembers .xans-layout-statelogon a:nth-child(1) {
  font-size: 1.3rem;
  font-weight: 600;
}
#lnbMembers .xans-layout-statelogon a:nth-child(2) {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  padding: 0.5rem 0.6rem;
  color: var(--gray-0);
  background-color: var(--gray-60);
}

/*# sourceMappingURL=lnb.css.map */

#themeFooter {
  padding: 7rem var(--body-side_padding);
  color: var(--gray-40);
}
#themeFooter .-inner {
  display: grid;
  grid-template-areas: "logo sns sns" "logo company company" "logo util util" "logo escrow escrow" "logo copyright multi";
  align-items: stretch;
  grid-template-columns: 50% 1fr auto;
  grid-template-rows: 1fr auto auto auto auto;
  gap: 0 6rem;
}
#themeFooter .-logo {
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  flex-direction: column;
}
#themeFooter .-logo a {
  display: inline-block;
  width: 100%;
}
#themeFooter .-logo a img {
  height: var(--footer-logo-height);
  width: auto;
}
#themeFooter .-logo p {
  display: block;
  padding: 3rem 0 0;
  text-align: left;
  font-size: var(--footer-font_size);
  line-height: 1;
  color: var(--gray-100);
}
#themeFooter .-util_menu {
  padding: 1rem 0;
}
#themeFooter .-util_menu ul {
  display: flex;
  align-items: center;
  gap: 0 0.6rem;
}
#themeFooter .-util_menu ul li a {
  font-size: 1.1rem;
}
#themeFooter .-company_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.1rem 0;
}
#themeFooter .-company_info > span {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 0.4rem;
  font-size: 1.1rem;
}
#themeFooter .-company_info > span:after {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  background-color: var(--black-opacity-40);
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  overflow: hidden;
  margin: 0 0.6rem 0 0.2rem;
}
#themeFooter .-company_info > span > strong {
  font-weight: 500;
}
#themeFooter .-copyright {
  display: flex;
  flex-wrap: wrap;
  font-size: 1rem;
  padding: 1rem 0 0;
  gap: 0 0.8rem;
  color: var(--gray-30);
}
#themeFooter .-sns {
  display: flex;
  align-items: flex-end;
  padding: 0 0 3.5rem;
}
#themeFooter .-sns > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#themeFooter .-sns > ul > li {
  display: none;
}
#themeFooter .-sns > ul > li[use=Y] {
  display: block;
}
#themeFooter .-sns > ul > li a {
  display: inline-block;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
#themeFooter .-sns > ul > li a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
}
#themeFooter .-sns > ul > li a svg,
#themeFooter .-sns > ul > li a img {
  width: auto;
  height: 2.9rem;
}
#themeFooter .-sns > ul > li a svg path {
  fill: var(--gray-70);
}
#themeFooter .-escrow {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.2rem;
}
#themeFooter .-escrow p {
  display: inline-block;
  padding: 0.6rem 1rem 0.3rem;
  line-height: 1.3;
  background-color: var(--black-opacity-10);
  -webkit-border-radius: 0.4rem;
  border-radius: 0.4rem;
  overflow: hidden;
}
#themeFooter .-multi {
  position: relative;
}

@media (max-width: 991.98px) {
  [theme-mode=r] #themeFooter {
    padding: 4rem var(--body-side_padding);
  }
  [theme-mode=r] #themeFooter .-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  [theme-mode=r] #themeFooter .-inner .-logo {
    flex: none;
    flex-basis: unset;
    order: -2;
    width: 100%;
    height: auto;
  }
  [theme-mode=r] #themeFooter .-inner .-logo a {
    width: auto;
  }
  [theme-mode=r] #themeFooter .-inner .-logo a img {
    display: inline-block;
    width: auto;
    height: var(--footer-logo-height);
  }
  [theme-mode=r] #themeFooter .-inner .-logo p {
    padding: 2.2rem 0 0;
  }
  [theme-mode=r] #themeFooter .-inner .-sns {
    flex: none;
    flex-basis: unset;
    order: -1;
    margin: 3rem 0 0;
  }
  [theme-mode=r] #themeFooter .-inner .-sns > ul {
    gap: 0 0.5rem;
  }
  [theme-mode=r] #themeFooter .-inner .-sns > ul > li a img,
  [theme-mode=r] #themeFooter .-inner .-sns > ul > li a svg {
    height: 2.2rem;
  }
  [theme-mode=r] #themeFooter .-inner > * {
    flex: 1;
    flex-basis: 100%;
  }
  [theme-mode=r] #themeFooter .-inner .-escrow {
    padding: 1rem 0 1rem;
    font-size: 1rem;
  }
  [theme-mode=r] #themeFooter .-inner .-escrow p {
    padding: 0.6rem 1rem;
  }
}

/*# sourceMappingURL=footer.css.map */

.xans-layout-referencecurrencylist.list { position:absolute; top:0.7rem; right:0; z-index:10; height:3rem; border-radius: 0.3rem; border: solid 0.1rem #d6dae1;}
.xans-layout-referencecurrencylist.list.show { border: 0.2rem solid #101010; }
.xans-layout-referencecurrencylist.list .toggle { width:100%; height:100%; padding: 0 0 0 0.3rem; font-size:1.2rem; background:var(--colors-bg-ffffff); }
.xans-layout-referencecurrencylist.list .toggle:after{ display:none; position:absolute; content:''; width:calc(100% - 0.2rem); height:calc(100% - 0.2rem); top: -0.1rem; left:-0.1rem; right:0; bottom:0;}
.xans-layout-referencecurrencylist.list.show .toggle:after{ display:block; border:0.2rem solid #333;}
.xans-layout-referencecurrencylist.list .toggle .currencyNow { padding:0 2.2rem 0 0.5rem; background: no-repeat right -0.2rem top 0.4rem url("//img.echosting.cafe24.com/skin/base/layout/ico_multishop1.png"); }
.xans-layout-referencecurrencylist.list .toggle .btn-global {padding:0.3rem 0 0 2.4rem; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_global.png") no-repeat; }

.xans-layout-referencecurrencylist.list > ul { display:none; position:absolute; right:-0.1rem; top:3.1rem; overflow-x:hidden; width:100%; height:13rem; border:0.1rem solid #767676; background:var(--colors-bg-ffffff); }
.xans-layout-referencecurrencylist.list > ul li { position:relative; height:2.6rem; width:100%; background: none; line-height:2.8rem; }
.xans-layout-referencecurrencylist.list > ul li a { display:block; overflow:hidden; padding:0 62px 0 0; color:var(--colors-font-353535); white-space:nowrap; text-decoration:none; text-overflow:ellipsis;  }
.xans-layout-referencecurrencylist.list > ul li.selected { background:#f9f9ff; }
.xans-layout-referencecurrencylist.list > ul li a .name strong { font-weight:normal; }
.xans-layout-referencecurrencylist.list > ul li a .unit {margin-left:0.2rem; font-size:1.1rem; color:var(--colors-font-757575); }
.xans-layout-referencecurrencylist.list.show > ul { display:block; }
.xans-layout-referencecurrencylist.list > ul li:hover { background: #f9f9ff; }