/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#contentWrap {box-shadow: 0 20px 26px 5px #efefef;}
@font-face {
    font-family: 'Arita-dotum-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-dotum-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.font-arti {font-family: 'Arita-dotum-Medium';}
.font-gmk-b {font-family: 'GmarketSansBold';}
.font-gmk-m {font-family: 'GmarketSansMedium';}
.font-gmk-l {font-family: 'GmarketSansLight';}
.font-nx-b {font-family: 'NEXON Lv1 Gothic OTF Bold';}


.img-responsive {width: 100%;margin: auto;}

.samda-wrap *,
.samda-wrap *::before,
.samda-wrap *::after {
  box-sizing: border-box;
  letter-spacing: -1px;
}

@-ms-viewport {
  width: device-width;
}






.samda-wrap address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

.samda-wrap ol,
.samda-wrap ul,
.samda-wrap dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

.samda-wrap ol ol,
.samda-wrap ul ul,
.samda-wrap ol ul,
.samda-wrap ul ol {
  margin-bottom: 0;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

.samda-wrap b,
.samda-wrap strong {
  font-weight: bolder;
}

.samda-wrap small {
  font-size: 80%;
}

.samda-wrap sub,
.samda-wrap sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

.samda-wrap sub {
  bottom: -.25em;
}

.samda-wrap a {
  color: #5c80d1;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.samda-wrap a:hover {
  color: #2c4e9b;
  text-decoration: none;
}

.samda-wrap a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

img {
  vertical-align: middle;
  border-style: none;
}

button,
input {
  overflow: visible;
}




/* ====================================================
    Component: PROMOTION PRODUCT LIST
==================================================== */
.prds {margin-left: -10px; margin-right: -10px;margin-bottom: 50px;}
.prd {
    padding: 0 10px;
    display: inline-block;
    /* overflow: hidden; */
}


.prds.column-03 {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 50px;
}
.prds.column-03 {}
.prds.column-03 .prd {
    padding: 0 10px;
    display: inline-block;
}
.prds.column-03 .standard-product .thumb-box {
    overflow: hidden;
    height: 280px;
    width: 280px;
}
.prds.column-03 .standard-product .product-info .pd-name {
    font-size: 19px;
    max-width: 240px;
}
.prds.column-03 .standard-product .product-info .pd-price {}
.prds.column-03 .standard-product .product-info .pd-price small {}
.prds.column-03 .standard-product .product-info .so-price {}


.prds, .prd-tab,.clearfix:after {
  clear: both;
  content: "";
  display: table;
}
.prd-tab {background-color: #f4f5f6; padding-left: 30px; padding-right: 30px;}
.prd-tab:nth-of-type(odd) {
  background-color: #fff;
}
article { 

}
.prds.column-04 {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 50px;
}
.prds.column-04 {}
.prds.column-04 .prd {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    width: 25%;
    vertical-align: middle;
    visibility: visible;
    float: left;
    box-sizing: border-box;
}
.prds.column-04 .standard-product .thumb-box {
    overflow: hidden;
    height: auto;
    width: 100%;
}
.prds.column-04 .standard-product .product-info .pd-name {
    font-size: 17px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2;
    text-align: left;
    height: 40px;
    max-height: 100px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 10px;
}
.prds.column-04 .standard-product .product-info .pd-price {
}
.prds.column-04 .standard-product .product-info .pd-price small {}
.prds.column-04 .standard-product .product-info .so-price {}







main.mobile .prds.column-04 .standard-product .thumb-box {width: 40%;}
main.mobile .prds {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}
main.mobile .prd {
    width: 100% !important;
}
.standard-product:hover {border-color: #ff5959;}
.standard-product .bp-widget {position: absolute; right: 10px; top: 10px;}
.standard-product .bp-widget ul li  {padding-left: 10px; text-align: right; display: inline-block;}
.standard-product .product-info {
    padding: 30px 20px;
    /* max-width: 327px; */
    color: #000;
    position: relative;
    /* padding-right: 60px; */
    background: #fff;
}


.standard-product {transition: .5s;position: relative;float: left;display:inline-block;margin-bottom: 10px;border: 1px solid #d9d9d9;}
.standard-product .product-info .pd-name {font-size: 22px;text-align: left;max-width: 350px;font-weight: 600;color: #282828;min-height: 100px;font-family: 'Arita-dotum-Medium';}
.standard-product .pd-price {font-weight: 800;font-size: 24px;letter-spacing: -2px;text-align: left;position: absolute;left: 20px;bottom: 25px;color: #111;/* line-height: 40px; *//* padding-right: 60px; */font-family: 'NEXON Lv1 Gothic OTF Bold';}
.standard-product .pd-price small {font-weight: 500;font-size: 16px;padding-left: 0px;font-family: 'GmarketSansMedium';}
.standard-product .so-price {text-decoration: line-through;color: #aaa;font-size: 14px;font-weight: 300;/* padding-left: 20px; */letter-spacing: 1px;display: block;line-height: 20px;font-family: 'GmarketSansLight';}
.standard-product .sale {/* padding-left: 15px; */font-weight: 800;font-size: 21px;position: absolute;bottom: 20px;right: 20px;height: 60px;line-height: 63px;background: #ff5959;/* background: url(img/salebg.png); */width: 60px;color: #fff;text-align: center;font-family: 'GmarketSansBold';/* padding-top: 28px; *//* font-family: 'NEXON Lv1 Gothic OTF Bold'; */}
.prds.border-rounded .standard-product {border-radius: 20px;overflow: hidden;}
.sale.primary-color {}q
.standard-product .sale small {font-weight: 200;font-size: 12px;padding-left: 1px;font-family: 'GmarketSansLight';}



  
.standard-product .thumb-box {overflow: hidden;height: 390px;width: 390px;}
.standard-product :hover>.thumb-box>img {
    transform: scale(1.08);
}
.standard-product .thumb-box>img {
  width: 100%;
  transform: scale(1);
  transition: transform .5s;
}




main.mobile .standard-product .thumb-box {
    width: 38%;
    height: auto;
    display: table-cell;
    float: left;
}
main.mobile .standard-product {
    border: 1px solid #d9d9d9;
    background: #fff;
}
main.mobile .standard-product a {display: table; height: 100%;}
main.mobile .standard-product .thumb-box img { width: 100%; }
main.mobile .standard-product .product-info {
    float: left;
    display: table-cell;
    position: relative;
    width: 60%;
    box-sizing: border-box;
    height: 100%;
    padding: 20px 10px 0px 20px;
}
main.mobile .standard-product .sale {
    /* display: none; */
    /* left: 38%; */
    bottom: 1rem;
    right: 1rem;
    /* top: 73px; */
    /* position: absolute; */
    /* font-size: 1.4rem; */
    line-height: 38px;
    height: 38px;
    width: 38px;
    /* float: right; */
    font-size: 14px;
}
main.mobile .standard-product .pd-price {
    padding-right: 10px;
    font-size: 1.8rem;
    line-height: 1;
    bottom: 1rem;
    /* top: 78px; */
    position: absolute;
    left: 40%;
    padding-left: 20px;
    text-align: left;
    font-family: 'GmarketSansMedium';
}
main.mobile .standard-product .so-price {
    font-size: 14px;
    /* display: none; */
    padding-left: 0;
    padding-right: 10px;
}
main.mobile .standard-product .pd-name {
    font-size: 17px;
    /* height: 100%; */
    max-width: none;
    min-height: 68px;
}

/* BASIC css end */


/* BASIC css end */


/* BASIC css end */


/* BASIC css end */


/* BASIC css end */


/* BASIC css end */


/* BASIC css end */


/* BASIC css end */


/* BASIC css end */

