@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed:300");
[class^="product_list-"]:after, [class^="product_view"]:after, .grid_item .tag_list:after { content: ""; display: block; clear: both; }

*, *:before, *:after {/* box-sizing: border-box; *//* -webkit-box-sizing: border-box; */-moz-box-sizing: border-box;font-family: 'Roboto', 'Malgun Gothic', 'AppleSDGothicNeo', 'Helvetica', sans-serif;font-weight: 400;-webkit-text-size-adjust: none;}

html, body {height:100%; min-height:10px;}
.canvas {display:block; position:relative; height:100%; min-height:10px; margin:0; padding:0;}
.container {display:block; position:relative; height:100%; min-height:10px; margin:0; padding:0;}
.container img { display:block; position:relative; min-height:10px; margin:0; padding:0; }

body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, img, button { margin: 0; padding: 0; }

a { color: inherit; text-decoration: none; }

ol, ul { list-style: none; }

table { border: 0; border-spacing: 0; }

caption, legend { overflow: hidden; width: 1px; font-size: 0; line-height: 0; text-indent: -9999px; }

hr { height: 1px; border: 0; background: #D9D9D9; }

ins { text-decoration: none; }

html { height: 100%; }

body { width: 100%; background: #fff; font-size: 14px; }

video { object-fit: inherit; }

iframe { border: 0; padding: 0; }

pre { white-space: pre-wrap; word-break: break-all; }
3
template { display: none; }


.grid_item { display: block; position: relative; width: 100%; margin: 0 auto; min-height: 10px; }
.grid_item img { display:block; position:relative; min-height:10px; margin:0; padding:0; }
.grid_item .set { overflow: hidden; }
.grid_item .set .figure img { width: 100%; min-height: 10px; }
.grid_item .set > .info { position: relative; margin-top: 24px; padding: 0 16px; }
.grid_item .set > .info > .category { font-size: 12px; letter-spacing: 2px; color: #8d685a; }
.grid_item .set > .info > .title { margin: 4px 0 12px; font-size: 28px; letter-spacing: 2px; }
.grid_item .set > .info > .stitle { padding-top: 16px; font-size: 20px; }
.grid_item .set > .info > .desc { margin-top: 10px; line-height: 18px; }
.grid_item .set .etc { position: absolute; right: 16px; top: 24px; font-size: 0; }
.grid_item .set .etc .favorite { display: inline-block; width: 30px; height: 100%; margin-right: 8px; }
.grid_item .set .etc .favorite button { width: 30px; height: 100%; padding: 0; }
.grid_item .set .etc .favorite button .ico_favorite { width: 30px; height: 30px; }
.grid_item .set > [class^="product_list-"][class*="img_col"]:first-child { padding-top: 0; }
.grid_item .swiper-container { margin-top: 4px; }
.grid_item .swiper-container .swiper-pagination { position: static; margin-top: 16px; font-size: 0; }
.grid_item [class^="product_list-"][class*="img_col"] { padding-top: 4px; margin-bottom: -4px; }
.grid_item [class^="product_list-"][class*="img_col"] .item { margin-bottom: 4px; width: 100%; max-width: none; padding-bottom: 0; }
.grid_item [class^="product_list-"][class*="img_col"] .item .figure img { width: 100%; }
.grid_item [class^="product_list-"][class*="img_col"]:not([class*="img_col1"]) { margin-left: -2px; margin-right: -2px; }
.grid_item [class^="product_list-"][class*="img_col"]:not([class*="img_col1"]) .item { margin-left: 2px; margin-right: 2px; }
.grid_item [class^="product_list-"][class*="img_col"]:not([class*="img_col1"]) .item .figure img { position: absolute; left: 0; top: 0; width: 100%; }
.grid_item [class^="product_list-"][class*="img_col"].img_col2 .item { width: calc((100% / 2) - 4px); }
.grid_item [class^="product_list-"][class*="img_col"].img_col3 .item { width: calc((100% / 3) - 4px); }
.grid_item .product_list-natural .item { width: calc((100% - 1px) / 2); }
.grid_item .product_list-natural .item .seller { font-weight: bold; }
.grid_item .product_list-natural .item .title { margin: 4px 0 12px; }
.grid_item .product_list-natural .item .figure { opacity: 1 !important; overflow: hidden; }
.grid_item .tag_list { margin: 20px 0 -8px; padding-left: 16px; }
.grid_item .tag_list li { float: left; margin: 0 8px 8px 0; }
.grid_item .tag_list li a { display: block; padding: 8px 13px; border: 1px solid #d9d9d9; border-radius: 21px; background: #fafafa; font-size: 12px; line-height: 15px; }
.grid_item .product_list-wide { margin-top: 24px; padding: 0 24px; }
.grid_item .product_list-wide > .item { clear: both; padding: 0; border: 0; }
.grid_item .product_list-wide > .item:not(:first-child) { margin-top: 12px; }
.grid_item .product_list-wide .figure { width: 120px; height: 120px; margin-right: 16px; background-color: #666; }
.grid_item .product_list-wide .figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.92; }
.grid_item .product_list-wide .photo { background: none; }
.grid_item .product_list-wide .info { float: left; width: calc(100% - 140px); min-height: auto; }
.grid_item:last-child { padding-bottom: 0; }

.grid.category_grid { padding-bottom: 40px; }

.style_main .grid_item .set > .info > .title { white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.style_main .grid_item .set > .info > .desc { white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.grid_item { padding-top: 40px; opacity: 0; -webkit-transition: opacity .8s ease-out, transform .8s ease-out, padding-top .8s ease-out; -moz-transition: opacity .8s ease-out, transform .8s ease-out, padding-top .8s ease-out; -o-transition: opacity .8s ease-out, transform .8s ease-out, padding-top .8s ease-out; transition: opacity .8s ease-out, transform .8s ease-out, padding-top .8s ease-out; }
.grid_item .figure { -webkit-transition: transform .8s ease-out; -moz-transition: transform .8s ease-out; -o-transition: transform .8s ease-out; transition: transform .8s ease-out; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }

.grid_item.show { padding-top: 0; opacity: 1; }
.grid_item.show .figure { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.empty-space img { width: 100%; }



/* swiper */
.mag-swiper-nor {position:relative;width:100%;max-width:100%;overflow:hidden;font-size:0;}
.mag-swiper-nor .swiper-wrapper {display:block;max-width:100%;white-space:nowrap;}
.mag-swiper-nor .swiper-slide {display:inline-block;vertical-align:top;}
.mag-swiper-nor .swiper-pagination-bullet {width:16px;height:16px;background-color:#fff;opacity:.8;}
.mag-swiper-nor .swiper-pagination-bullet-active {opacity:1; background-color:#ea001a;}
.mag-swiper-nor.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;}
.mag-swiper-nor.swiper-container-horizontal>.swiper-pagination-bullets {bottom:19%;}
.mag-swiper-nor .swiper-button-next, .mag-swiper-nor .swiper-button-prev {width:42px;height:42px; background-size:contain;outline:none;}
.mag-swiper-nor .swiper-button-next {right:15px;background-image:url(../image/btn_right.png);}
.mag-swiper-nor .swiper-button-prev {left:15px;background-image:url(../image/btn_left.png);}
.mag-swiper-nor .swiper-button-next button, .mag-swiper-nor .swiper-button-prev button {display:inline-block;width:42px;height:42px;margin-top:0;background:none;border:0;text-indent:-9999px; margin-top: -15%; }
.swiper-box-190130 {display: block; padding:0;}
.swiper-box-190130.sl_3 .swiper-pagination-bullets { bottom: 8%; }


.swiper-slide img { width: 100%; vertical-align: top; }



/* 툴팁 */
i { display: block; text-indent: -9999px; cursor: pointer; }
.img-bg { position: relative; width: 100%; height: auto; }

.tooltip-box { position: absolute; width: auto; text-align: center;}
i.btn-plus { position: relative; width: 40px; height: 40px; background: url('../image/btn/btn_plus.png') 0 0 no-repeat; background-size: contain; z-index: 2; }
.tooltip-box.active .btn-plus { background: url('../image/btn/btn_close.png') 0 0 no-repeat; background-size: contain; }
.tooltip-box>.cont-box { position: relative; width: auto; height: auto; padding: 5px; border: 1px solid #000; background-color: #fff; text-align: center; font-size: 1rem; z-index: 1; display: none; }
.tooltip-box>.cont-box.bottom-left { left: -86.5%; top: -20px; }
.tooltip-box>.cont-box.bottom-right { left: 30px; top: -20px; }
.tooltip-box>.cont-box.top-left { left: -86%; top: -98px; }
.tooltip-box>.cont-box.top-right { left: 25px; top: -98px; }
.tooltip-box>.cont-box.top { left: -44%; top: -98px; }
.tooltip-box>.cont-box.bottom { left: -44%; top: -8px; }
.tooltip-box.active>.cont-box { display: block; line-height: 1.6; }
.tooltip-box>.cont-box .tx1 { font-size: 1em; }
.tooltip-box>.cont-box .tx2 { font-size: 0.8em; font-weight: 700; }
.tooltip-box>.cont-box .tx3 { font-size: 0.9em; font-family: 'Montserrat'; font-style: italic; }
/* .tooltip-box>.cont-box .tx3:after { content: ' 원'; font-family: inherit; font-style: normal; } */
.tooltip-box.tt1_1 { top: 20%; left: 65%; }
.tooltip-box.tt1_2 { top: 55%; left: 13%; }
.tooltip-box.tt1_3 { top: 30%; left: 50%; }
.tooltip-box.tt1_4 { top: 67%; left: 69%; }
.tooltip-box.tt1_5 { top: 80%; left: 33%; }
.tooltip-box.tt2_1 { top: 15%; left: 55%; }
.tooltip-box.tt2_2 { top: 27%; left: 15%; }
.tooltip-box.tt2_3 { top: 60%; left: 30%; }
.tooltip-box.tt2_4 { top: 63%; left: 82%; }
.tooltip-box.tt2_5 { top: 82%; left: 32%; }
.tooltip-box.tt3_1 { top: 15%; left: 55%; }
.tooltip-box.tt3_2 { top: 35%; left: 20%; }
.tooltip-box.tt3_3 { top: 63%; left: 15%; }
.tooltip-box.tt3_4 { top: 82%; left: 42%; }
.tooltip-box.tt3_5 { top: 63%; left: 82%; }
.tooltip-box.tt4_1 { top: 25%; left: 55%; }
.tooltip-box.tt4_2 { top: 35%; left: 20%; }
.tooltip-box.tt4_3 { top: 58%; left: 24%; }
.tooltip-box.tt4_4 { top: 76%; left: 52%; }
.tooltip-box.tt5_1 { top: 20%; left: 55%; }
.tooltip-box.tt5_2 { top: 28%; left: 35%; }
.tooltip-box.tt5_3 { top: 55%; left: 30%; }
.tooltip-box.tt5_4 { top: 82%; left: 37%; }
.tooltip-box.tt5_5 { top: 72%; left: 72%; }
.tooltip-box.tt6_1 { top: 20%; left: 55%; }
.tooltip-box.tt6_2 { top: 45%; left: 14%; }
.tooltip-box.tt6_3 { top: 60%; left: 40%; }
.tooltip-box.tt6_4 { top: 82%; left: 33%; }
.tooltip-box.tt7_1 { top: 12%; left: 40%; }
.tooltip-box.tt7_2 { top: 35%; left: 35%; }
.tooltip-box.tt7_3 { top: 50%; left: 52%; }
.tooltip-box.tt7_4 { top: 78%; left: 26%; }
.tooltip-box.tt7_5 { top: 73%; left: 72%; }
.tooltip-box.tt8_1 { top: 20%; left: 60%; }
.tooltip-box.tt8_2 { top: 34%; left: 48%; }
.tooltip-box.tt8_3 { top: 48%; left: 34%; }
.tooltip-box.tt8_4 { top: 75%; left: 20%; }
.tooltip-box.tt8_5 { top: 73%; left: 72%; }

.link{position:absolute;display:inline-block;width:41.6%;}
.link.link1{top:78%; left:0%; width: 100%;}
.link.link2{top:82%; left:0%; width: 100%;}
.link.link3{top:76%; left:0%; width: 100%;}
.link.link4{top:80%; left:0%; width: 100%;}
.link.link5{top:85%;left: 0%; width: 100%;}
.link.link6{top:44.4%; left: 52.4%;}
.link.link7{top:84%;left: 6%;}

.space{margin-bottom: 20px;}

@media screen and (max-width:540px) {
    .swiper-box-190130 {padding: 0;}
    .mag-swiper-nor .swiper-pagination-bullet {width:8px;height:8px;}
    .mag-swiper-nor.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
    .mag-swiper-nor.swiper-container-horizontal>.swiper-pagination-bullets {}
    .mag-swiper-nor .swiper-button-next, .mag-swiper-nor .swiper-button-prev {width:21px;height:21px;margin-top:-20%;}

    .mag-swiper-nor .swiper-button-next, .mag-swiper-nor .swiper-button-prev {width:21px;height:21px; }
}
@media (min-width: 600px) { .style {max-width: 80%;margin: 0 auto;}
  .grid_item .product_list-natural.img_col1 .item .figure { overflow: hidden; }
  .summary { max-width: inherit; }
  .product_list-natural .item { width: calc((100% - 3px) / 4); margin-right: 1px; }
  .product_list-natural .item:nth-of-type(4n) { margin-right: 0; }
  .product_list-natural .item:nth-of-type(2n-1) { clear: none; }
  .product_list-natural .item:nth-of-type(4n+1) { clear: both; } 
}