@import url('https://fonts.cdnfonts.com/css/marcellus-sc');
/* SIR 지운아빠 */
/* @author 황명훈 (2018.04.09~) */
/* 초기화 */
@charset "utf-8";

html,
body {
    margin: 0px;
    padding: 0px;
    text-align: left;
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: none;
}

img,
fieldset {
    border: 0px none;
    margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
dl,
dt,
dd,
ul,
li,
ol,
th,
td,
p,
blockquote,
form,
fieldset,
legend {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    font-family:  'Noto Sans KR', 'Poppins', sans-serif;
}

form,
p {
    margin: 0px;
}

button {
    margin: 0;
    padding: 0;
    border: 0 none;
    background: transparent;
    *overflow: visible;
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input {
    font-size: 14px;
    color: #282828;
    line-height: 18px;
    -webkit-border-radius: 1px;
    -webkit-appearance: none;
    border-color: #cccccc;
    border: 1px solid #ededed;
}

input[type="radio"] {
    -webkit-appearance: radio;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

ul,
li,
ol,
dl,
dd,
dt {
    padding: 0;
    margin: 0;
    list-style: none;
}

#hd ul,
nav ul,
#ft ul {
    margin: 0;
    padding: 0;
    list-style: none
}

legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden
}

label,
input,
button,
select,
img {
    vertical-align: middle
}

input,
button {
    margin: 0;
    padding: 0;
    font-family: dotum;
    font-size: 1em
}

button {
    cursor: pointer
}

textarea,
select {
    font-family: dotum;
    font-size: 1em
}

select {
    margin: 0
}

p {
    margin: 0;
    padding: 0;
    word-break: break-all
}

hr {
    display: none
}

pre {
    overflow-x: scroll;
    font-size: 1.1em
}

a:link,
a:visited {
    /*color:#282828;*/
    text-decoration: none
}

a:hover,
a:focus,
a:active {
    color: #4e3408;
    text-decoration: none;
}

/* float 해제 */
.cle:after {
    *zoom: 1;
    content: "";
    display: block;
    clear: both
}

.inner {
    margin: 0 auto;
    width: 1200px;
    height: auto;
}

.inner1000 {
    margin: 0 auto;
    width: 1000px;
    height: auto;
}

.lt {
    float: left;
}

.rt {
    float: right;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.tc {
    text-align: center;
}



@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');

.nanumm {
    font-family: 'Nanum Gothic' !important;
}

/*
@font-face {
  font-family: 'NanumBarun';
  font-style: normal;
  font-weight: 300;
  src: url(/webfont/NanumBarunGothic.woff) format('woff2'),
       url(/webfont/NanumBarunGothic.eot) format('woff'),
       url(/webfont/NanumBarunGothic.otf) format('opentype');
}

@font-face {
  font-family: 'NanumBarun';
  font-style: normal;
  font-weight: 700;
  src: url(/webfont/NanumBarunGothicBold.woff) format('woff2'),
       url(/webfont/NanumBarunGothicBold.eot) format('woff'),
       url(/webfont/NanumBarunGothicBold.otf) format('opentype');
}
*/

/* 수정 20171108 */
/* 원본
body,table,th,td,select,button,radio,check,textarea,div {
font-family: "Dotum", "돋움", sans-serif;
color: #282828;
font-style: normal;
line-height:22px;
font-size:87.5%;
font-size:0.875rem;
}*/
body,
table,
th,
td,
select,
button,
radio,
check,
textarea {
    /*font-family: "Dotum", "돋움", sans-serif;
color: #282828;
font-style: normal;
line-height:22px;
font-size:87.5%;
font-size:0.875rem;*/
    font-family: 'Lato', Dotum, AppleGothic, Helvetica, sans-serif;
}

/* 수정끝 */
.en {
    font-family: 'Lato', sans-serif;
}

.inblock {
    display: inline-block;
}

.only {
    color: #8a5837 !important;
}

h5 {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    color: #000;
    font-weight: normal;
}

h6 {
    color: #000000;
    font-size: 8px;
    letter-spacing: -0.1px;
    font-weight: 300;
    line-height: 17px;
    margin: 7px 0 14px;
}

.submit {
    cursor: pointer;
}

/* 상단 레이아웃 */
#hd {
    z-index: 1000;
    position: fixed;
    width: 100%;
    background: #fff;
    text-align: center;
    transition: all 0.4s;
    top: 0;
}

#hd.fix {}

#hd.fix .hd_logo_wrapper {
    height: 40px;
}

#hd.fix .hd_logo_wrapper .hd_logo {
    line-height: 40px;
}

/*.hd_logo_wrapper { height:77px; transition:all 0.4s;}*/
.hd_logo_wrapper {
    height: 40px;
    transition: all 0.4s;
}

/*.hd_logo_wrapper .hd_logo { display:inline-block; line-height:77px; transition:all 0.4s; }*/
.hd_logo_wrapper .hd_logo {
    display: inline-block;
    line-height: 40px;
    transition: all 0.4s;
}

.gnb_wrapper {
    /*background-color:#fff;*/
    width: 100%;
}

.gnb_wrapper .gnb_d1 {
    border-top: 1px solid #ebebeb;
    width: 100%;
}

.gnb_wrapper .gnb_d1>li {
    float: left;
    height: 34px;
    line-height: 12px;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
    margin-top: -1px;
    display: table;
    position: relative;
}

.gnb_wrapper .gnb_d1.gnb_ddd li a {
    border-left: 1px solid #ebebeb !important;
}

.gnb_wrapper .gnb_d1>li:nth-child(5n+1) {
    border-left: none;
}

.gnb_wrapper .gnb_d1>li a {
    font-family: 'Lato', sans-serif;
    font-size: 9px;
    letter-spacing: -0.1px;
    display: table-cell;
    vertical-align: middle;
    color: #625144;
    height: 34px;
    width: 100%;
    text-align: center;
}

.gnb_wrapper .gnb_d1 .lang_btn>a {
    text-indent: -15px;
    background: url(https://cdn-naning9.bizhost.kr/img2/mobile/lang_btn_bg.png) no-repeat;
    background-position: calc(50% + 15px) 0;
    background-size: 7px 68px;
    transition: all 0.2s;
}

.gnb_wrapper .gnb_d1 .lang_btn>a.on {
    background-position: calc(50% + 15px) -34px;
}

.lang_wrapper {
    display: none;
    position: absolute;
    top: 34px;
    left: 0px;
    width: 100%;
    background: #fff;
    border: 1px solid #ebebeb;
}

.lang_wrapper .lang {
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-top: 1px solid #ebebeb;
}

.lang_wrapper li:first-child {
    border-top: none;
}

.gnb_wrapper .gnb_d1 .lang_wrapper .lang a {
    display: block;
}

#header3 {
    width: 100%;
}

#header3 .headerTop1 {
    min-width: 300px;
    padding: 4px 0px;
    text-align: center;
    background-color: #eeeeee;
    position: fixed;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

#header3 .headerTop1 a {
    width: 20%;
    background-color: #eeeeee;
    color: #000;
    display: inline-block;
    border-left: 1px solid #cacaca;
    margin-left: -2px;
    font-size: 12px;
    line-height: 17px;
    float: left;
}

/* 메인 레이아웃 */
#container_wrapper {
    width: 100%;
    position: relative;
    /*top:77px;*/
    top: 62px;
    transition: all 0.4s;
}

/* 추가 */
#contents {
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 40px;
}

/* 수정끝 */
#container_wrapper.fix {
    top: 40px;
}

.main_top_wrapper ul li {
    float: left;
    width: 100%;
    margin-bottom: 8px;
}

.main_top_wrapper ul li a {
    display: block;
    width: 100%;
}

.main_top_wrapper ul li a img {
    width: 100%;
}

#container_wrapper .container {
    margin-bottom: 60px;
}

#container_wrapper .container .main_wrapper {
    text-align: center;
    width: 100%;
    overflow: hidden;
}

@media screen and (min-width:320px) {
    #container_wrapper .container .main_wrapper {
        margin-top: 15px;
    }
}

#main_banner {
    padding: 0px;
}

#main_banner li {
    float: left;
    width: calc(50% - 8px);
    padding: 4px;
}

#main_banner li a {
    width: 100%;
    display: block;
}

#main_banner li a img {
    width: 100%;
}

#main_banner li:first-child {
    width: calc(100% - 8px);
}

.slide_img {
    float: left;
    width: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slide_half {
    height: 240px;
}

.slide_quarter {
    height: 120px;
}

.line_title {
    font-family: 'Lato', sans-serif;
    /*margin:45px 0 10px;*/
    margin: 20px 0 10px;
    font-size: 20px;
    color: #000;
}

.slide_cell {
    position: relative;
}

.slide_cell a {
    display: block;
    height: 100%;
}

.slide_cell img {
    margin: 0 auto;
}

.item_list {
    padding: 0 0px;
    font-size: 0;
}

/*.item_cell {width:50%; float:left;}*/
.item_cell {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

/*

 #main_bestitem_type2 .bestitem { max-width:100%; height:169px;float:left; }
 .item_cell_type2 { width:50%;float:left; }
 
*/

/*
.item_cell>a {text-align:center; display:block; overflow:hidden; padding:4px;}
*/
.item_cell>a {
    text-align: center;
    display: block;
    overflow: hidden;
    padding: 0px 1px 0px 1px;
}

.item_cell>a img {
    margin: 0 auto;
}

.item_cell .made_tag {
    position: absolute;
    width: 39px;
    height: 39px;
    margin-top: 8px;
    margin-left: 8px;
    background: url(https://cdn-naning9.bizhost.kr/img2/mobile/made_tag1.png) no-repeat 0 0;
    background-size: 39px 39px;
}

.item_cell a .item_text {
    text-align: left;
    height: 15px;
}

.item_cell .item_img img {
    width: 100%;
}

/* 20181015 난닝구 요청 */
#main_newitem.more_newitem .1234 {
    width: 50% !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin-bottom: 10px !important;
}

*/
/*
.item_cell .item_img { background-repeat:no-repeat; background-position:center;background-size:cover; height:198px;}

#main_newitem .item_cell:nth-child(5n) .item_img { height:404px;}
*/

/* 가격표 */

.item_cell>.item_text {
    float: left;
    padding: 0 0px;
    height: 40px;
}

.item_text {
    text-align: left;
    margin-top: 0px;
}

.item_text .item_icon {
    margin: 0 0 30px;
}

.item_cell .item_text .item_icon img {
    margin: 0;
}

.item_cell a .item_text {
    text-align: left;
}

.item_cell>.item_text {
    float: left;
}

.item_cell a .item_text {
    text-align: left;
}

.item_text .item_name {
    margin-top: 3px;
    line-height: 1.2em;
    font-size: 11px;
    color: #3b3b3b;
    text-align: left;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.item_text .item_price {
    margin-top: 2px;
    height: 25px;
}

.item_text .item_price p {
    font-size: 12px;
    color: #585858;
    width: auto;
    text-align: left;
    margin-left: 0px;
    margin-top: 0px;
    line-height: 0.5em;
}

.item_text .item_price span {
    font-size: 12px;
    color: #8c8c8c;
    text-decoration: line-through;
    line-height: 0.5em;
    float: left;
}

.item_text .item_price1 {
    float: left;
    width: 60%;
    margin: 0 auto;
    color: #8c694d;
    line-height: 10px;
}

.item_text .item_price2 {
    line-height: 5px;
    padding-top: 8px;
    position: relative;
    top: -15px;
}

.item_text .ico_thumb {
    float: right;
    width: auto;
    text-align: right;
    font-size: 8px;
    color: #625144;
    line-height: 15px;
}

.item_text .ico_thumb span {
    position: relative;
    top: 5px;
}

.item_text .ico_thumb img {}

.item_text .ico_thumb .cart {
    padding-left: 15px;
    width: auto;
    background: url(https://cdn-naning9.bizhost.kr/img2/btn_cart.gif) no-repeat;
    background-size: 10px 9px;
}

.item_text .ico_thumb .say {
    padding-left: 15px;
    width: auto;
    background: url(https://cdn-naning9.bizhost.kr/img2/btn_say.gif) no-repeat;
    background-size: 10px 9px;
}

.item_text .item_icon {
    margin: 0 0 30px;
}

.item_cell .item_text .item_icon img {
    margin: 0;
}

.item_text .item_detail {
    clear: both;
    width: 100%;
    float: left;
    height: auto;
    padding: 6px 0px;
    font-size: 12px;
    color: #8b8b8b;
    line-height: 20px;
}

.item_text .icon_set {
    float: left;
    margin-top: 5px;
}

.item_text .icon_set img {
    display: inline-block;
    padding-right: 3px;
    height: 11px;
}

/*
.item_text .icon_set button[type=button] {width:auto; height:19px; width:24px;}
.btn01 {width:auto; line-height:7px; border:1px solid #ed284d; background:#ed284d; color:#FFF; font-size:6px; padding-top:1px;}
.btn02 {width:auto; line-height:7px; border:1px solid #ed284d; background:#FFF; color:#ed284d; font-size:6px; padding-top:1px;}
.btn03 {width:auto; line-height:19px; border:1px solid #03c9a9; background:#03c9a9; color:#FFF; font-size:6px; padding-top:0px;}
*/
.slide_cell2 .item_text .item_name {
    border: none;
}

.btn04 {
    width: auto;
    line-height: 7px;
    border: 1px dashed #e84747;
    background: #FFF;
    color: #e84747;
    font-size: 6px;
    padding-top: 1px;
}

.btn05 {
    width: auto;
    line-height: 7px;
    border: 1px solid #9d471c;
    background: #FFF;
    color: #9d471c;
    font-size: 6px;
    padding-top: 1px;
}

.btn06 {
    width: auto;
    line-height: 7px;
    border: 1px solid #ffe013;
    background: #515151;
    color: #ffe013;
    font-size: 6px;
    padding-top: 1px;
}


#main_link_wrapper {
    border-top: 1px dashed #a0a0a0;
    background-color: #fff;
}

#main_link_wrapper .main_link {
    line-height: 40px;
    display: inline-block;
}

#main_link_wrapper .main_link li {
    float: left;
    padding: 0 4px;
}

#main_link_wrapper .main_link li a {
    font-size: 10px;
}

#main_link_wrapper .main_link span {
    float: left;
    font-family: 'Lato', sans-serif;
    font-size: 6px;
    vertical-align: top;
}

#main_link_wrapper .main_cs {
    margin-top: -7px;
}

#main_link_wrapper .main_cs li {
    float: left;
    width: 50%;
    height: 40px;
    background: #ffdc00;
}

#main_link_wrapper .main_cs li:first-child {
    background: #625144;
}

#main_link_wrapper .main_cs li:first-child a {
    color: #fff;
}

#main_link_wrapper .main_cs li a {
    color: #000;
    font-size: 10px;
    line-height: 40px;
    display: block;
}

#main_link_wrapper .main_cs li a img {
    padding-right: 5px;
}

.box_btn {
    display: inline-block;
    width: calc(100% - 12px);
    margin: 0 6px;
}

.box_btn a {
    line-height: 37px;
    border: 1px solid #8c694d;
    font-size: 10px;
    display: block;
    color: #8c694d;
}

.box_btn a:hover,
.box_btn a:focus {
    text-decoration: none;
    color: #fff;
    background: #8c694d;
}

/* list 레이아웃 */
#top_item_wrapper {}

#top_item_wrapper .slick-dots {}

.list_top_wrapper {
    margin-top: 25px;
}

.list_top_wrapper .total_cout {
    color: #474747;
    margin-bottom: 12px;
    font-size: 0.929em;
}

.list_top_wrapper .group_wrapper {
    margin: 7px 0;
}

.list_top_wrapper .group_wrapper .group {
    text-align: center;
    display: inline-block;
}

.list_top_wrapper .group_wrapper .group li {
    display: inline-block;
    margin-left: 1px;
    margin-bottom: 1px;
}

.list_top_wrapper .group_wrapper .group li:first-child {
    margin-left: 0px;
}

.list_top_wrapper .group_wrapper .group.group_category li a {
    display: block;
    padding: 0 5px;
    line-height: 18px;
    color: #646464;
    background-color: #eaeaea;
    font-size: 9px;
}

.list_top_wrapper .group_wrapper .group.group_category li a.active,
.list_top_wrapper .group_wrapper .group.group_category li a:hover {
    background-color: #646464;
    color: #fff;
    text-decoration: none;
}

.list_top_wrapper .group_wrapper .group.group_category li a:focus {
    text-decoration: none;
}

.list_top_wrapper .group_wrapper .group.group_sort li a {
    display: block;
    padding: 0 5px;
    line-height: 18px;
    color: #8c8c8c;
    background-color: none;
    font-size: 9px;
}

.list_top_wrapper .group_wrapper .group.group_sort li a.active,
.list_top_wrapper .group_wrapper .group.group_sort li a:hover {
    background-color: none;
    color: #625144;
    font-weight: bold;
    text-decoration: none;
}

.list_top_wrapper .group_wrapper .group.group_sort li a:focus {
    text-decoration: none;
}

.list_page {
    text-align: center;
    margin-top: 20px;
}

.list_page li {
    display: inline-block;
    padding: 0 1px;
}

.list_page li a {
    display: block;
    font-size: 6px;
    border: 1px solid #dddddd;
    color: #000;
    padding: 0 6px;
    line-height: 15px;
}

.list_page li a.active,
.list_page li a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #3b3b3b;
}

.list_page li a:focus {
    text-decoration: none;
}

/* detail 레이아웃 */
.content_top_thumb img {
    width: 100%;
}

.content_info {
    margin-bottom: 15px;
    width: 316px;
    margin: 0 auto;
    text-align: left;
}

.content_info .content_title {
    font-size: 10px;
    color: #000;
    margin-top: 10px;
}

.content_info p .info_title {
    width: 80px;
    font-size: 9px;
    line-height: 31px;
    display: inline-block;
}

.content_info p .info_con {
    float: right;
    width: calc(100% - 80px);
    font-size: 9px;
    line-height: 31px;
}

.content_info p .info_con.oprice {
    text-decoration: line-through;
}

.content_info select {
    width: 100%;
    font-size: 9px;
    height: 27px;
}

.content_total_price {
    color: #000;
    line-height: 35px;
    font-size: 12px;
    text-align: right;
}

.content_total_price b {
    margin-left: 5px;
}

.content_bottom {
    border-top: 1px solid #e5e5e5;
    margin: 15px 0;
}

.content_bottom .btn {
    width: 25%;
    border: 1px solid #000;
    text-align: center;
    box-sizing: border-box;
    float: left;
}

.content_bottom .btn a {
    display: block;
    line-height: 38px;
    font-size: 10px;
    color: #000;
}

.content_bottom .cart_btn {}

.content_bottom .wish_btn {
    border-left: none;
}

.content_bottom .buy_btn {
    width: 50%;
    border: 1px solid #000;
    background: #000;
    letter-spacing: 0.2em;
}

.content_bottom .buy_btn a {
    color: #fff;
}

.content_board {
    margin-bottom: 35px;
}

.content_board .board_link {
    width: 50%;
    text-align: center;
    float: left;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.content_board .board_link_r {
    border-left: 1px solid #e5e5e5;
}

.content_board .board_link_l a {
    float: right;
}

.content_board .board_link_r a {
    float: left;
}

.content_board .board_link a {
    width: 158px;
    font-size: 10px;
    color: #8c8c8c;
    line-height: 50px;
}

.content_board .board_link a img {
    margin-right: 3px;
}

.pop_btn {
    text-align: center;
}

.pop_btn a {
    color: #8c8c8c;
    font-size: 9px;
    line-height: 26px;
    display: inline-block;
    padding: 0 40px;
    border: 1px solid #e5e5e5;
}

.pop_info {
    color: #8c8c8c;
    font-size: 8px;
    text-align: center;
    margin: 10px 0;
}

.detail_info img {
    width: 100%;
}

#related_item_wrapper .related_title {
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    color: #000;
    text-align: left;
    line-height: 14px;
    margin-bottom: 4px;
    padding-left: 4px;
}

#related_item_wrapper .related_title span {
    font-size: 8px;
    color: #757575;
}

#related_item_wrapper .slick-dots {
    bottom: -5px;
}

#choose_item_wrapper .choose_title {
    background-color: #000;
    color: #fff;
    font-size: 10px;
    text-align: left;
    padding-left: 4px;
    line-height: 30px;
    margin: 13px 0;
}

.option_box {
    display: block;
    margin-top: 3px;
    *zoom: 1;
    content: "";
    clear: both;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.option_box a {
    text-align: center;
    color: #8c8c8c;
    font-size: 9px;
    line-height: 26px;
    display: block;
}

/* 하단 레이아웃 */
/* 수정 20171108 */
#tail_wrapper {
    width: 100%;
    background: #fff;
    text-align: center;
    /* 추가 */
    margin-top: 80px;
}

/*  수정끝 */
#tail .tail_top_wrapper {
    position: relative;
}

#tail .tail_top {
    margin-bottom: 20px;
}

#tail .tail_top .tail_con {
    padding: 14px 0 0 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

#tail .tail_top .tail_con h6 a {
    text-decoration: none;
    color: #1f1f1f;
}

#tail .box_btn {
    margin: 0;
    width: auto;
}

#tail .box_btn a {
    border: 1px solid #bdbdbd;
    color: #8b8b8b;
    line-height: 22px;
    padding: 0 10px;
}

#tail .box_btn a:hover,
#tail .box_btn a:focus {
    color: #000;
    background: #fff;
}

#tail .tail_top .tail_con h6 {
    margin: 7px 0 14px;
}

.sns_wrapper {
    width: 100%;
}

.sns {
    display: block;
    margin-top: 20px;
}

.sns li {
    display: inline-block;
    margin: 0 1px;
}

#tail .tail_bottom_wrapper {
    background: #161616;
}

#tail .tail_bottom_wrapper .tail_bottom {
    color: #ffffff;
    font-size: 10px;
    font-weight: 100;
    line-height: 40px;
}

/* 테블릿 깨지는 현상수정 */

@media screen and (min-width:250px) {
    .box2 img {
        float: left;
        width: 99.5%;
    }
}

@media screen and (min-width:640px) {
    .box2 img {
        float: left;
        width: 99.5%;
        height: 586px;
    }
}

/*
@media screen and (min-width:640px) {
	#main_top_slide .slide_cell { height:480px;}
	.slide_half { height:480px; }
	.slide_quarter { height:240px;}
	.item_cell {width:25%;}
	.item_cell .item_img { height:210px;}
	
	#main_newitem .item_cell:nth-child(5n) {width:25%;}
	#main_newitem .item_cell:nth-child(5n) .item_img { height:210px;}
	
	#main_newitem .item_cell:nth-child(26n+9) {width:50%;}
	#main_newitem .item_cell:nth-child(26n+9) .item_img { height:509px;}
	#main_newitem .item_cell:nth-child(26n+24) {width:50%;}
	#main_newitem .item_cell:nth-child(26n+24) .item_img { height:509px;}
	#main_newitem .item_cell:nth-child(26n+25) { margin-top:-299.5px;}
	#main_newitem .item_cell:nth-child(26n+26) { margin-top:-299.5px; margin-left:25%;}
	
	.main_top_wrapper ul li { width:50%;}
	
	.box_btn { width:50%;}
	.sort_active .title {display:none;}
	.list_top_wrapper .sort_group_wrapper .group.group_sort {display:block;}
	
	#main_banner li { width:calc(25% - 8px); }
	#main_banner li:first-child {width:calc(50% - 8px);}


	#tail .tail_top .tail_con { width:160px;}
}*/
@media screen and (max-width:639px) {
    .sort_active {
        display: inline-block;
        text-align: right;
        border: 1px solid #e7e7e7;
        position: relative;
        margin-right: 8px;
        min-width: 63px;
    }

    .sort_active .title {
        display: block;
        background: url(https://cdn-naning9.bizhost.kr/img2/mobile/lang_btn_bg.png) no-repeat;
        background-position: calc(100% - 10px) -6px;
        background-size: 7px 68px;
        transition: all 0.3s;
    }

    .sort_active .title.on {
        background-position: calc(100% - 10px) -40px;
    }

    .sort_active>a {
        display: block;
        font-size: 9px;
        color: #8c8c8c;
        line-height: 22px;
        padding: 0 20px 0 10px;
    }

    .list_top_wrapper .sort_group_wrapper {
        text-align: right;
    }

    .list_top_wrapper .sort_group_wrapper {
        position: relative;
    }

    .list_top_wrapper .sort_group_wrapper .group.group_sort {
        position: absolute;
        right: -1px;
        top: 22px;
        background: #fff;
        border: 1px solid #e7e7e7;
        display: none;
        width: 100%;
        z-index: 10;
    }

    .list_top_wrapper .sort_group_wrapper .group.group_sort li {
        display: block;
        border-top: 1px solid #e7e7e7;
    }

    .list_top_wrapper .sort_group_wrapper .group.group_sort li:first-child {
        border-top: none;
    }

    .list_top_wrapper .sort_group_wrapper .group.group_sort li a {}

    .list_top_wrapper .group_wrapper .group.group_sort li a.active {
        color: #8c8c8c;
        font-weight: normal;
    }

    .list_top_wrapper .group_wrapper .group.group_sort li a.active:hover {
        background-color: none;
        color: #625144;
        font-weight: bold;
        text-decoration: none;
    }


    .content_info {
        width: calc(100% - 12px);
        padding: 0 6px;
    }

    .content_bottom {
        position: relative;
        height: 76px;
    }

    .content_bottom .btn {
        position: absolute;
        width: 50%;
        top: 38px;
    }

    .content_bottom .cart_btn {}

    .content_bottom .wish_btn {
        left: 50%;
    }

    .content_bottom .buy_btn {
        width: 100%;
        top: 0;
        left: 0;
    }

    .content_board .board_link a {
        width: 100%;
    }
}

/* css 안읽어와서 추가 */
/* webfont */
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);

/*@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@charset "euc-kr";*/

#m_preview_wrap {
    display: none;
}

/* 미리보기 숨기기 */

/* base */
* {
    -webkit-text-size-adjust: none;
}

body {
    position: relative;
    font-size: 0.75em;
    line-height: 1.417em;
    color: #000000;
    -webkit-text-size-adjust: none;
    overflow: auto
}

body,
input,
textarea,
select,
button,
table {
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select,
figure {
    margin: 0;
    padding: 0
}

/*h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	word-break: break-all;
}*/

ul,
ol,
li {
    list-style: none;
}

fieldset,
img {
    border: none;
}

/*img {
	vertical-align: top;
}*/

hr,
button img {
    display: none;
}

form,
fieldset,
legend,
label {
    margin: 0;
    padding: 0;
}

fieldset {
    border: 0 none;
}

fieldset legend {
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    font: 0/0 Arial;
}

em,
address {
    font-style: normal;
}

input,
textarea,
select,
button,
table {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: #3b3b3b;
}

label {
    cursor: pointer;
}

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

/* //base */

/* cross */
* html input {
    margin: -1px 0;
}

*:first-child+html input {
    margin: -1px 0;
}

input.checkbox {
    width: 13px;
    height: 13px;
    margin-top: -4px;
    vertical-align: middle;
}

/* //cross */

/* a-style */
a {
    color: #000000;
    text-decoration: none;
}

a:hover,
a:active {
    text-decoration: none;
}

/* //a-style */

/* 공통 */
address,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

caption {
    font-size: 0;
    height: 0;
}

input[type="text"],
input[type="date"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="password"],
select {
    height: 35px;
    border: 1px solid #bbb;
    vertical-align: middle;
    padding-left: 10px;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    border-radius: 0;
}

input[type="radio"],
input[type="checkbox"] {
    vertical-align: middle;
}

textarea {
    border: 1px solid #bbb;
    vertical-align: middle;
    box-sizing: border-box;
    background-color: #fff;
    padding: 10px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clearFix {
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.bold {
    font-weight: bold;
}

.response100 {
    width: 100%;
}

.location {
    padding: 0 10px;
    margin-bottom: 8px;
}

.h_title {
    border-top: 1px solid #464646;
    border-bottom: 1px solid #464646;
    padding: 6px 10px;
}

.h_title h3 {
    font-weight: bold;
}

#mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 36px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #3c3c3c;
    z-index: 1000;
    display: none;
    opacity: 0.8;
}

.none-data {
    text-align: center;
    margin: 20px 0;
}

.none-data img {
    margin-bottom: 10px;
}

.pd10 {
    padding: 0 10px;
}

.fr {
    float: right !important;
}

.fl {
    float: left !important;
}

.txt-input1 {
    width: 100% !important;
}

.txt-input2 {
    width: 46% !important;
}

.txt-input3 {
    width: 29% !important;
}

.txt-input4 {
    width: 20% !important;
}

.txt-area1 {
    width: 100% !important;
}

.mt5 {
    margin-top: 5px;
}

.page_location {
    padding: 5px 5px;
}

.page_location li {
    float: left;
}

.page_location li::after {
    content: ">";
    margin: 0 7px;
}

.page_location li:last-child::after {
    content: "";
    margin: 0;
}

.h_layerTitle {
    height: 35px;
    line-height: 35px;
    background-color: #f2f2f2;
    padding: 0 10px;
    margin-bottom: 10px;
}

.h_layerTitle h3 {
    font-weight: bold;
}

.h_layerTitle .fa-times {
    float: right;
    margin-top: 5px;
}

.MK-product-icons img {
    padding: 0 2px;
}

/* //공통 */

/* 페이징 */
.paging {
    text-align: center;
    margin: 26px 0;
}

.paging a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    margin: 0 2px;
}

.paging a.now {
    background-color: #3b3b3b;
    color: #fff;
    border: 1px solid #3b3b3b;
}

/* //페이징 */

/* 폰트 관련 */
.color_1984f1 {
    color: #1984f1 !important;
}

/* Blue */
.color_f1191f {
    color: #f1191f !important;
}

/* Red */
.color_a63f42 {
    color: #a63f42 !important;
}

/* DarkRed */
.bgc077fe2 {
    background-color: #077fe2;
    color: #fff;
    padding: 2px 5px;
    margin-right: 5px;
}

.bgc464644 {
    background-color: #464644;
    color: #fff;
    padding: 2px 5px;
    margin-right: 5px;
}

.caution {
    color: #f1191f;
    text-align: center;
    font-size: 0.917em;
}

.ico_new {
    color: #ffffff;
    background-color: #ff8400;
    font-weight: bold;
    padding: 1px 5px;
}

.ico_hit {
    color: #ffffff;
    background-color: #f1191f;
    font-weight: bold;
    padding: 1px 5px;
}

/* //폰트 관련 */

/* 버튼 관련 */
.btn_White {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    text-align: center;
    display: block;
    border: 1px solid #c6c6c6;
    box-sizing: border-box;
    vertical-align: middle;
}

.btn_Black {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background-color: #393939;
    color: #fff;
    text-align: center;
    display: block;
    border: 1px solid #393939;
    box-sizing: border-box;
    vertical-align: middle;
}

.btn_Red {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #ab3e41;
    color: #fff;
    text-align: center;
    display: block;
    border: 1px solid #ab3e41;
    box-sizing: border-box;
    vertical-align: middle;
}

.btn_Grey {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background-color: #858585;
    color: #fff;
    text-align: center;
    display: block;
    border: 1px solid #858585;
    box-sizing: border-box;
    vertical-align: middle;
}

.fixButtonR {
    position: relative;
    padding-right: 120px;
}

.fixButton {
    width: 115px;
    position: absolute;
    top: 0;
    right: 0;
}

.more {
    text-align: center;
    width: 100%;
    margin-bottom: 60px;
}

.btn_moreGray {
    width: 224px;
    height: 35px;
    line-height: 35px;
    color: #797979;
    background: #fff;
    border: 1px solid #999;
    display: block;
    margin: 0 auto;
}

.btn_moreGray span {
    color: #aaaaaa;
}

.btn_moreGray span em {
    color: #f1191f;
}

/* 버튼 관련 */

/* 상품진열 */
.list_array {
    height: 52px;
    padding: 0 8px;
    margin-bottom: 20px;
}

.list_array .list_arrayLeft {
    float: left;
    margin-top: 12px;
}

.list_array .list_arrayLeft select {
    height: 28px;
}

.list_array .list_arrayRight {
    float: right;
    margin-top: 12px;
}

.list_array .list_arrayRight img {
    margin-left: 10px;
}

.list_shopping {
    width: 108px;
    overflow: hidden;
    margin: 30px auto 5px
}

.list_shopping li {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    background: url(//img-naning9.bizhost.kr/before_img/mo/sp_listtype.gif) no-repeat;
}

.list_shopping li.list_01 {
    background-position: 0 0;
}

.list_shopping li.list_02 {
    background-position: -34px 0;
}

.list_shopping li.list_03 {
    background-position: -67px 0;
}

.list_shopping1x {
    text-align: center;
}

.list_shopping1x ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    text-align: left;
    font-size: 0;
}

.list_shopping1x li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.list_shopping1x li a {
    display: block;
    padding: 18px 4px;
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.list_shopping1x li:first-child {
    border: 0px none;
}

.list_shopping1x li:first-child a {
    padding: 0 4px 18px 4px;
}

.list_shopping1x li img.listPic {
    width: 100%;
}

.list_shopping1x .list_shoppingInfo {
    width: 100%;
    text-align: center;
    font-size: 12px;


}


.iconz {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
}

.iconz>span {
    display: block;
    text-align: right;
    margin-bottom: -2px;
}

.iconz>span img {
    height: 11px;
}



.list_shopping2x {
    text-align: center;
}

.list_shopping2x ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    padding: 0 2px;
    text-align: left;
    font-size: 0;
}

.list_shopping2x li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.list_shopping2x li a {
    display: block;
    padding: 0 2px 18px 2px;
}

.list_shopping2x li img.listPic {
    width: 100%;
}

.list_shopping2x .list_shoppingInfo {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
}

.list_shopping3x {
    text-align: center;
}

.list_shopping3x ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    padding: 0 2px;
    text-align: left;
    font-size: 0;
}

.list_shopping3x li {
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
}

.list_shopping3x li a {
    display: block;
    padding: 2px;
}

.list_shopping3x li img.listPic {
    width: 100%;
}

.list_shopping3x .list_shoppingInfo {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
}




.spacwrap {
    position: relative;
    z-index: 2;
}

.listName {
    color: #3b3b3b;
    /*word-break: break-all;	*/
    height: 32px;
    text-overflow: ellipsis;
    text-align: left;
    border-bottom: 1px solid #7d7d7d;
    padding-bottom: 3px;
    white-space: nowrap;
    margin-bottom: 3px;
    overflow: hidden;

    white-space: normal;
    line-height: 1.5em;

    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.listName br {
    display: none;
}

.listDiscount {
    color: #b5b5b5;
}

.listPrice {
    color: #1b1b1b;
    text-align: left;
    margin-bottom: 4px;
}

.listSoldout {
    color: #D22525;
    margin-bottom: 4px;
}

.listReplace {
    color: #1b1b1b;
    margin-bottom: 4px;
}

.listReview {
    color: #DB2E2E;
    margin-bottom: 4px;
}

.listReserve {
    color: #7d7d7d;
    font-size: 0.917em;
}

.listPoint {
    color: #7d7d7d;
    font-size: 0.917em;
}

/* //상품진열 */

/* 로그인 */
.login .caution {
    margin-bottom: 10px;
}

.member {
    padding: 0 15px;
    margin-top: 20px;
}

.login #keyboard {
    text-align: center;
    margin: 0 auto;
}

.login #keyboard p {
    text-align: right;
    margin-bottom: 12px;
}

.login #keyboard img {
    display: none;
    width: 100%;
}

.login .loginInput {
    margin-top: 18px;
}

.login .loginInput input {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

.login .loginCheck {
    margin-top: 10px;
}

.login .loginCheck label {
    margin-right: 12px;
}

.login .loginCheck label input {
    vertical-align: middle;
}

.login .loginMiddle .btn_Red {
    font-size: 1.167em;
    margin: 10px 0;
}

.login .loginMiddle .btn_White {
    font-size: 1.167em;
}

.login .loginBottom {
    background-color: #eaeaea;
    padding: 18px 15px;
    margin-top: 20px;
}

.login .loginBottom h4 {
    background-color: #eaeaea;
    margin-bottom: 5px;
    padding: 0;
    font-weight: bold;
}

.login .loginBottom a {
    font-size: 1.167em;
}

.login .loginBottom a.btn_Black {
    margin-top: 16px;
}

.login .loginBottom a.btn_Black:last-child {
    margin-top: 10px;
}

.login .loginBottom a.btn_White {
    margin-top: 10px;
}

.sns-login {
    position: relative;
    margin: 20px 10px 0;
}

.sns-login .sns-title img {
    width: 300px;
}

.sns-login ul li {
    position: relative;
    margin-top: 10px;
    padding-left: 50px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    list-style: none;
}

.sns-login ul li a {
    display: block;
    padding-left: 20px;
    border-left: 1px solid #dfdfdf;
    color: #999;
    font-size: 1.25em;
    font-weight: bold;
    letter-spacing: -1px;
}

.sns-login ul li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 40px;
}

.sns-login ul li.facebook span {
    background: url(//img-naning9.bizhost.kr/before_img/mo/ico_sns_facebook.gif) no-repeat 50% 50%;
    background-size: 12px auto;
}

.sns-login ul li.naver span {
    background: url(//img-naning9.bizhost.kr/before_img/mo/ico_sns_naver.gif) no-repeat 50% 50%;
    background-size: 18px auto;
}

.sns-login ul li.kakaotalk span {
    background: url(//img-naning9.bizhost.kr/before_img/mo/ico_sns_kakaotalk.gif) no-repeat 50% 50%;
    background-size: 20px auto;
}

/* //로그인 */
#check_auth {
    padding: 15px 0;
}

#check_auth .head {
    text-align: center;
    color: #f46b00;
    margin-bottom: 10px;
}

#check_auth .contents table {
    margin: 0 auto;
}

#check_auth .contents table td {
    padding: 5px 0;
}

#check_auth .contents table td input {
    width: 100% !important;
    height: 35px !important;
    margin-bottom: 0 !important;
}

/* 레이어팝업 */
.layer {
    width: 100%;
    height: 100%;
    z-index: 3;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(60, 60, 60, 0.8);
}

.layer .layer-pop {
    width: 90%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 10px #494949;
    margin: 80px auto;
}

.layer .layer-pop h3 {
    background-color: #efefef;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    padding: 0 10px;
}

.layer .layer-pop .txt {
    max-height: 300px;
    overflow-y: auto;
    padding: 10px;
}

.layer .layer-pop .close {
    width: 45px;
    height: 36px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #4f4f4f;
    text-align: center;
}

body #comment_password {
    border-radius: 0 !important;
    font-size: 1em;
}

body #comment_password .head {
    background-color: #efefef;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    text-align: left !important;
    padding: 0 10px;
}

body #comment_password .head h5 {
    border-bottom: 0px none !important;
    font-size: 1em !important;
    padding: 0 !important;
}

body #comment_password .head a.close {
    width: 45px;
    height: 36px;
    color: #fff;
    line-height: 42px;
    top: 0 !important;
    right: 0 !important;
    text-align: center;
}

body #comment_password .contents p {
    font-size: 1em !important;
    font-weight: normal;
}

body #comment_password .contents .form-wrap2 input {
    height: 35px;
}

body #comment_password .contents .form-wrap2 p:last-child a {
    display: block;
    background-color: #393939;
    color: #fff;
    position: initial !important;
    padding: 10px 0;
    margin-top: 10px;
}

/* //레이어팝업 */

/* 팝업 */
.popup .pop h3 {
    background-color: #efefef;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    padding: 0 10px;
}

.popup .pop .txt {
    padding: 10px;
}

.popup .pop .close {
    width: 45px;
    height: 36px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #4f4f4f;
    text-align: center;
}

#passimg {
    width: 90%;
    background-color: #fff;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    box-shadow: 0 1px 10px #717171;
}

#passimg .head {
    color: #f26c09;
}

#passimg .btns {
    padding: 0 10px;
    margin-top: 10px;
}

#passimg .btns a {
    display: block;
    background-color: #393939;
    color: #fff;
    padding: 10px 0;
}

/* //팝업 */
@media screen and (max-width:319px) {
    .tabletOnly {
        display: none !important;
    }
}

@media screen and (min-width:320px) and (max-width:419px) {
    .tabletOnly {
        display: none !important;
    }
}

@media screen and (min-width:420px) and (max-width:767px) {
    .tabletOnly {
        display: none !important;
    }

    /* 상품진열 */
    /*.list_shopping1x li {width:50%;}
    .list_shopping1x li a {padding:4px;}
    .list_shopping1x li:first-child a {padding:4px;}
    .list_shopping1x li:nth-child(2) {border:0px none;}
    .list_shopping2x li {width:33.3%;}
    .list_shopping3x li {width:25%;}*/
    /* //상품진열 */

    /* 더보기 버튼 */
    .btn_moreGray {
        width: 335px;
    }

    /* //더보기 버튼 */
    /* .layer .layer-pop .txt {max-height: 150px;} G패드에서 사이즈가 작게 나와서 제거함 */
    .layer .layer-pop {
        margin: 20px auto;
    }
}

@media screen and (min-width:768px) {
    body {
        font-size: 0.813em;
    }

    .mobileOnly {
        display: none !important;
    }

    /* 상품진열 */
    /*.list_shopping1x li {width:50%;}
    .list_shopping1x li a {padding:10px;}
    .list_shopping1x li:first-child a {padding:10px;}
    .list_shopping1x li:nth-child(2) {border:0px none;}
    .list_shopping2x ul {padding:0 5px;}
    .list_shopping2x li {width:33.3%;}
    .list_shopping2x li a {padding:5px;}
    .list_shopping3x ul {padding:0 5px;}
    .list_shopping3x li {width:25%;}
    .list_shopping3x li a {padding:5px;}*/
    /* //상품진열 */

    /* 더보기 버튼 */
    .btn_moreGray {
        width: 335px;
    }

    /* //더보기 버튼 */
}

/* BASIC css start */
.menu_on {
    height: 100%;
    overflow: hidden;
}

.menu_off {
    height: auto;
    overflow: initial;
}

#header {
    width: 100%;
}

#header .top-pt-01 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

#header .top-pt-02 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

#header #menu {
    width: 45px;
}

#header #menu .fa {
    top: 5px;
}

#header .header_wrap {
    position: relative;
    padding: 0;
    height: 73px;
}

#header .header_wrap h1 {
    text-align: center
}

#header .header_wrap h1 img {
    width: 40%;
    margin-top: 25px
}

#header .header_wrap .headerLeft {
    position: absolute;
    top: 24px;
    left: 2%;
}

#header .header_wrap .headerLeft span {
    display: inline-block;
}

#header .header_wrap .headerLeft .cart {
    position: relative;
}

#header .header_wrap .headerLeft .cart img {
    margin-top: -2px;
}

#header .header_wrap .headerLeft .cart sup {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -9px;
    color: #fff;
    text-align: center;
}

#header .header_wrap .headerRight {
    position: absolute;
    top: 30px;
    right: 0;
}

#header .header_wrap .headerRight .gnb_global img {
    width: 18px;
}

#header .search {
    height: 42px;
    position: relative;
    left: 0;
    right: 0;
    background-color: #ab3e41;
    padding-right: 45px;
    text-align: center;
    display: none;
    z-index: 10;
}

#header .search .searchBox {
    width: 100%;
}

#header .search .searchBox input {
    width: 90%;
    height: 30px;
    border: 0px none;
    margin-top: 6px;
    padding: 0 5px;
}

#header .search .btn_search {
    width: 45px;
    height: 42px;
    line-height: 50px;
    background-color: #822023;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    text-align: center;
}

/* 카테고리 */
/*aside {position:fixed; width:225px; height:100%; top:0; left:0; bottom:0; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none;}
aside .asideTop {text-align:center;}
aside .asideTop a {width:33.33%; height:62px; display:inline-block; border-bottom:2px solid #c3c3c3; color:#8f8f8f; font-weight:bold;}
aside .asideTop a .fa {margin-top:10px;}
aside .asideTop a.act {color:#ab3e41; border-bottom:2px solid #ab3e41;}
aside nav li {border-bottom:1px solid #ccc; position:relative;}
aside nav li a {display: block; height: 35px; line-height:35px; padding:0 0 0 20px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px;}
aside nav li > ul {background-color:#f4f4f4; display:none; border-top:1px solid #6e6e6e;}
aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}
aside .asideBottom {padding:20px 22px;}
aside .asideBottom .tel {color:#ab3e41; font-size:1.333em; font-weight:bold; display: block;}
aside .asideBottom .fa-stack {color:#000; margin-top: -5px;}
aside .asideBottom .copyright {margin-top:10px;}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}*/
#lnbPop {
    position: fixed;
    width: 225px;
    height: 100%;
    left: 0px;
    top: 0px;
    bottom: 0;
    overflow-y: auto;
    color: #fff;
    background: #808080;
    border-bottom: 2px solid #333;
    font-size: 12px;
    z-index: 1001;
    display: none;
    text-align: center
}

#lnbPop .btn_closelnb {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}

#lnbPop .lnb_logo {
    margin: 20px 0 30px;
}

#lnbPop .txt_login {
    display: inline-block;
    width: 80%;
    margin-bottom: 20px;
    /* 추가 20171108 */
    font-size: 12px;
    color: #fff;
    line-height: 1.417em;
    font-family: 'Lato', Dotum, AppleGothic, Helvetica, sans-serif;
}

#lnbPop .txt_login strong {
    color: #000;
}

#lnbPop .lnb_util {
    margin-bottom: 50px;
    overflow: hidden;
}

#lnbPop .lnb_util li {}

#lnbPop .lnb_util .btn_login {
    display: inline-block;
    width: 186px;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    letter-spacing: 1px;
    background: #fff;
    color: #333;
    margin-bottom: 4px
}

#lnbPop .lnb_util .btn_search {
    display: inline-block;
    width: 184px;
    height: 32px;
    line-height: 34px;
    font-size: 13px;
    letter-spacing: 1px;
    background: #808080;
    border: 1px solid #fff;
    color: #fff;
    margin-bottom: 4px
}

#lnbPop .lnb_util .btn_lnbutil a {
    font-size: 13px;
    color: #fff;
    letter-spacing: 1px;
}

/*#lnbPop .lnb_util .lnb_search {display: inline-block;width:184px;height: 32px;border: 1px solid #fff;}
#lnbPop .lnb_util .lnb_search input {background: #000;border: none;color: #fff;}
#lnbPop .lnb_util .lnb_search fieldset {margin: 7px 0;}*/
#lnbPop .lnb_wrap {
    width: 100%;
    overflow: hidden;
}

#lnbPop .lnb_wrap .lnb {
    width: 100%;
    border-top: 1px solid #fff;
}

#lnbPop .lnb_wrap .lnb li {
    float: left;
    width: 33%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
}

#lnbPop .lnb_wrap .lnb li:last-child {
    width: 34%;
    border-right: none;
}

#lnbPop .lnb_wrap .lnb li.active {
    border-bottom: 0;
}

#lnbPop .sub_lnb_wrap a {
    display: block;
    color: #fff;
}

#lnbPop .lnb_menu li {
    list-style: none;
    text-align: center;
    line-height: 40px;
    border-bottom: 1px solid #fff;
}

#lnbPop .board_menu li {
    list-style: none;
    text-align: center;
    line-height: 40px;
    border-bottom: 1px solid #fff;
}

#lnbPop .viewgoods_menu ul {
    padding: 30px 0 15px
}

#lnbPop .viewgoods_menu li {
    list-style: none;
    text-align: center;
    margin-bottom: 15px;
}

#lnbPop .viewgoods_menu li img {
    width: 140px;
    height: 154px;
    border: 3px solid #fff;
}

.quick {
    position: fixed !important;
    bottom: 10px;
    left: 10px;
    z-index: 1005
}

.quick .btn_quick {
    display: inline-block;
    position: relative;
}

.quick .btn_quick .q_menu {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 55px;
}

.quick .btn_quick .q_menu .q_menulist {
    width: 120px;
    background: #fff;
    border-radius: 3px;
    padding: 5px
}

.quick .btn_quick .q_menu .q_menulist li {
    border-bottom: 1px solid #b9b9b9;
    line-height: 26px
}

.quick .btn_quick .q_menu .q_menulist li:last-child {
    border-bottom: none;
}

.quick .btn_quick .q_menu .q_menulist em {
    display: inline-block;
    width: 21px;
    text-align: center;
}

.quick .btn_quick .q_menu .q_menulist a {
    display: block;
    font-size: 11px;
    padding: 3px;
}

.quick .btn_quick .q_menu .q_menulist a img {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 3px
}

/* //카테고리 */

/* 최근 본 상품 */
#ly_lastView {
    width: 100%;
    position: absolute;
    top: 36px;
    left: 0;
    background-color: #fff;
    z-index: 101;
    padding-bottom: 20px;
    box-shadow: 0 1px 10px #717171;
    display: none;
}

/* //최근 본 상품 */
@media screen and (min-width:500px) {
    #header .header_wrap {
        padding: 0;
        height: 144px;
    }

    #header .header_wrap h1 img {
        width: auto;
        margin-top: 50px
    }

    #header .header_wrap .headerLeft {
        position: absolute;
        top: 53px;
        left: 10px;
    }

    #header .header_wrap .headerRight {
        position: absolute;
        top: 58px;
        right: 10px;
    }

    #header .header_wrap .headerRight .gnb_global img {
        width: 28px;
    }
}

@media screen and (min-width:768px) {
    #header #menu {
        width: 85px;
    }

    #header .headerTop {
        padding-right: 85px;
    }

    #header .search {
        padding-right: 85px;
    }

    #header .search .searchBox input {
        width: 95%;
    }

    #header .search .btn_search {
        width: 85px;
    }
}

/* BASIC css end */

/* BASIC css start */
#footer {
    clear: both;
    margin-top: 36px;
}

.foot_sns {
    text-align: center;
}

.ft_info_m {}

.ft_bar {}

.ft_bar ul {
    display: flex;
    width: 100%;
}

.ft_bar li {
    float: left;
    flex: 1 1 auto;
    width: 50%;
    height: 30px;
    line-height: 30px;
    background: #b8b8b8;
    text-align: center;
    font-size: 11px;
    color: #fff;
    letter-spacing: 1px
}

.ft_bar li a {
    color: #fff;
}

.ft_bar img {
    vertical-align: middle;
    margin-top: -2px
}

.ft_cs_m {
    background: #efefef;
    overflow: hidden;
    word-wrap: break-word;
}

.ft_cs_m li {
    float: left;
    width: 45%;
    padding: 0 2.5%;
    margin: 5% 0;
    text-align: center;
}

.ft_cs_m h2 {
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 5%;
    line-height: 1.1;
    letter-spacing: 1px;
}

.ft_cs_m span {
    display: block;
    font-size: 11px;
    margin-bottom: 5%;
    text-align: left;
}

.ft_cs_m .tel {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center
}

.ft_cs_m .bankname {
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: center
}

.ft_address_m {
    padding: 10px;
    line-height: 22px;
    background: #efefef;
    border-top: 1px solid #ccc;
    overflow: hidden;
    clear: both;
}

.ft_address_m span {
    margin-right: 25px;
}

.foot_lnb {
    width: 100%;
    background: #444444;
    margin: 0 auto;
    overflow: hidden;
}

.footNavi {
    display: flex;
    max-width: 320px;
    margin: 0 auto;
}

.footNavi li {
    flex: 1 1 auto;
    padding: 8px 0;
    text-align: center;
    letter-spacing: 1px
}

.footNavi li a {
    color: #fff;
    font-size: 11px;
}

.btn_top {
    position: fixed !important;
    width: 28px;
    bottom: 51px;
    right: 10px;
    z-index: 1006
}

.btn_top a {
    display: block;
}

@media screen and (min-width: 640px) {
    .ft_cs_m span {
        padding: 0 20%
    }
}

@media screen and (max-width: 320px) {
    .ft_address_m em {
        display: block;
    }

    .ft_cs_m .bankname {
        margin: 7px 0;
    }
}

/* //하단 고정 메뉴 */
@media screen and (min-width:420px) and (max-width:767px) {
    #footer .footerInfo {
        position: relative;
        overflow: hidden;
        zoom: 1;
        border-bottom: 1px solid #b3b3b3;
    }

    #footer .footerInfo .footerInfoTop {
        width: 46%;
        float: left;
        border-bottom: 0;
        border-right: 1px solid #b3b3b3;
        margin-left: -1px;
        padding: 20px 2%;
    }

    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {
        float: left;
    }

    #footer .footerInfo .footerInfoBottom {
        width: 46%;
        float: left;
        border-bottom: 0;
        padding: 20px 2%;
    }

    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {
        float: left;
    }
}

@media screen and (min-width:768px) {
    #footer .footerInfo {
        position: relative;
        overflow: hidden;
        zoom: 1;
        border-bottom: 1px solid #b3b3b3;
    }

    #footer .footerInfo .footerInfoTop {
        width: 46%;
        float: left;
        border-bottom: 0;
        border-right: 1px solid #b3b3b3;
        margin-left: -1px;
        padding: 20px 2%;
    }

    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {
        float: left;
    }

    #footer .footerInfo .footerInfoBottom {
        width: 46%;
        float: left;
        border-bottom: 0;
        padding: 20px 2%;
    }

    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {
        float: left;
    }
}

/* BASIC css end */


/* 20171116 footer쪽 추가 css */
.sns {
    margin-bottom: 20px;
}

#tail .tail_bottom_wrapper .tail_bottom {
    padding-bottom: 41px;
}

#tail .tail_top .tail_con p {
    font-size: 9px;
    line-height: 16px;
    letter-spacing: -0.3px;
}

/* 20171116 footer쪽 추가 css 끝 */

/* 20171208 왼쪽사이드메뉴 검색에 돋보기아이콘 추가  */
.add_search_ico {
    width: 12px;
    position: relative;
    left: 5px;
    top: -1px;
}

#review-board-list img {
    max-width: 100%;
}

/* 20190329 상단롤링배너 slick slider css추가  */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}



.src_icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.src_ricon {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
}



.gnb_wrapper {
    position: relative;
}

.gnb_wrapper .bx-wrapper {
    max-width: 100% !important;
}

.gnb_wrapper .gnb_d1 {
    border-top: 1px solid #ebebeb;
}

.gnb_wrapper .gnb_d1 li {
    float: left;
    height: 34px;
    line-height: 12px;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
    margin-top: -1px;
    display: table;
    position: relative;
}

.gnb_wrapper .gnb_d1 li a {
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    letter-spacing: -0.1px;
    display: table-cell;
    vertical-align: middle;
    color: #625144;
    height: 34px;
    width: 100%;
    text-align: center;
    border-left: none !important;
}

.onList .gnb_d1.gnb_ddd li {
    margin-bottom: 10px;
    border: none;
    width: 25%;
    height: 22px;
    padding: 0 5px;
}

.onList .gnb_d1.gnb_ddd li a {
    height: 20px;
    border: 1px solid #ebebeb;
}








.bx-wrapper {
    margin: 0 auto;
}

.bx-pager-item {
    float: left;
    width: 15px;
}

.bx-controls {
    text-align: center;
}

.gnb_wrapper .bx-wrapper .bx-viewport {
    background: none;
}

.main_top_wrapper>.bx-wrapper>.bx-controls {
    text-align: center;
}

.main_top_wrapper>.bx-wrapper .bx-pager {
    position: absolute;
}

.main_top_wrapper>.bx-wrapper>.bx-controls>.bx-pager,
#Sub_chk>.bx-wrapper>.bx-controls>.bx-pager {
    overflow: hidden;
    display: inline-block;
    top: none !important;
    bottom: 10px !important;
    left: 0;
}

.main_top_wrapper>.bx-wrapper>.bx-controls>.bx-pager>.bx-pager-item,
#Sub_chk>.bx-wrapper>.bx-controls>.bx-pager>.bx-pager-item {
    float: none;
    width: auto;
}

.main_top_wrapper>.bx-wrapper>.bx-controls>.bx-pager>.bx-pager-item>a.bx-pager-link.active,
#Sub_chk>.bx-wrapper>.bx-controls>.bx-pager>.bx-pager-item>a.bx-pager-link.active {
    background: url(//cdn-naning9.bizhost.kr/img2/icon/check_on1_1.png) 100% 100% no-repeat;
    text-indent: -9999px;
    width: 17px;
    height: 4px;
    display: inline-block;
    margin: 0 3px;
}

.main_top_wrapper>.bx-wrapper>.bx-controls>.bx-pager>.bx-pager-item>a.bx-pager-link,
#Sub_chk>.bx-wrapper>.bx-controls>.bx-pager>.bx-pager-item>a.bx-pager-link {
    background: url(//cdn-naning9.bizhost.kr/img2/icon/check_off3_1.png) 100% 100% no-repeat;
    text-indent: -9999px;
    width: 17px;
    height: 4px;
    display: inline-block;
    margin: 0 3px;
}

.main_top_wrapper>.bx-wrapper>.bx-controls .bx-controls-direction a,
.gnb_wrapper>.bx-wrapper>.bx-controls .bx-controls-direction a,
#Sub_chk .bx-wrapper>.bx-controls .bx-controls-direction a {
    display: none;
    border-radius: none;
}

.main_top_wrapper .bx-wrapper .bx-pager.bx-default-pager a,
#Sub_chk .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 0;
}

.main_top_wrapper .bx-controls.bx-has-pager,
#Sub_chk .bx-controls.bx-has-pager {
    position: unset;
    bottom: 0;
    right: 0;
}


.marcellus {
    font-family: 'Marcellus SC', sans-serif !important;
}

.item_price img {
    max-width: 100%;
}

/* 할인율표기 */
.account_rate {
	position: absolute;
	width: 38px;
	height: 38px;
	background-color: #bc342e;
	right: 0;
	bottom: 0;
	color: #fff;
	font-size: 13px;
	line-height: 40px;
	text-align: center;
	display: none;
}

.poppins {
    font-family: "Poppins", sans-serif
}

.noto {
    font-family: "Noto Sans KR", sans-serif
}

.icon-menu {
    display: inline-block;
    width: 40.96px;
    width: 5.3333333333vw;
    height: 30.72px;
    height: 4vw;
    background-image: url("https://cdn-naning9.bizhost.kr/new_icon_mo/icon_menu.svg");
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0
}

@media(max-width: 375px) {
    .icon-menu {
        width: 20px;
        width: 5.3333333333vw
    }
}

@media(max-width: 375px) {
    .icon-menu {
        height: 15px;
        height: 4vw
    }
}

.icon-search {
    display: inline-block;
    width: 40.96px;
    width: 5.3333333333vw;
    height: 40.96px;
    height: 5.3333333333vw;
    background-image: url("https://cdn-naning9.bizhost.kr/new_icon_mo/icon_search.svg");
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0
}

@media(max-width: 375px) {
    .icon-search {
        width: 20px;
        width: 5.3333333333vw
    }
}

@media(max-width: 375px) {
    .icon-search {
        height: 20px;
        height: 5.3333333333vw
    }
}

.icon-cart {
    display: inline-block;
    width: 36.864px;
    width: 4.8vw;
    height: 36.864px;
    height: 4.8vw;
    background-image: url("https://cdn-naning9.bizhost.kr/new_icon_mo/icon_cart.svg");
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0
}

@media(max-width: 375px) {
    .icon-cart {
        width: 18px;
        width: 4.8vw
    }
}

@media(max-width: 375px) {
    .icon-cart {
        height: 18px;
        height: 4.8vw
    }
}

.icon-mypage {
    display: inline-block;
    width: 40.96px;
    width: 5.3333333333vw;
    height: 40.96px;
    height: 5.3333333333vw;
    background-image: url("https://cdn-naning9.bizhost.kr/new_icon_mo/icon_mypage.svg");
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0
}

@media(max-width: 375px) {
    .icon-mypage {
        width: 20px;
        width: 5.3333333333vw
    }
}

@media(max-width: 375px) {
    .icon-mypage {
        height: 20px;
        height: 5.3333333333vw
    }
}

.icon-close {
    display: inline-block;
    width: 40.96px;
    width: 5.3333333333vw;
    height: 40.96px;
    height: 5.3333333333vw;
    background-image: url("https://cdn-naning9.bizhost.kr/new_icon_mo/icon_close.svg");
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0
}

@media(max-width: 375px) {
    .icon-close {
        width: 20px;
        width: 5.3333333333vw
    }
}

@media(max-width: 375px) {
    .icon-close {
        height: 20px;
        height: 5.3333333333vw
    }
}

.icon-arrow-right {
    display: inline-block;
    width: 6.144px;
    width: .8vw;
    height: 10.24px;
    height: 1.3333333333vw;
    background-image: url("https://cdn-naning9.bizhost.kr/new_icon_mo/icon_arrow_right.svg");
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0;
    vertical-align: middle
}

@media(max-width: 375px) {
    .icon-arrow-right {
        width: 3px;
        width: .8vw
    }
}

@media(max-width: 375px) {
    .icon-arrow-right {
        height: 5px;
        height: 1.3333333333vw
    }
}

.icon-facebook {
    display: inline-block;
    background-image: url("https://cdn-naning9.bizhost.kr/new_icon_mo/icon_facebook.svg");
    background-size: 10.24px 20.48px;
    background-size: 1.3333333333vw 2.6666666667vw;
    background-repeat: no-repeat;
    font-size: 0;
    vertical-align: middle
}

@media(max-width: 375px) {
    .icon-facebook {
        background-size: 5px 10px;
        background-size: 1.3333333333vw 2.6666666667vw
    }
}

.icon-instagram {
    display: inline-block;
    width: 20.48px;
    width: 2.6666666667vw;
    height: 20.48px;
    height: 2.6666666667vw;
    background-image: url("https://cdn-naning9.bizhost.kr/new_icon_mo/icon_instagram.svg");
    background-size: 20.48px 20.48px;
    background-size: 2.6666666667vw 2.6666666667vw;
    background-repeat: no-repeat;
    font-size: 0;
    vertical-align: middle
}

@media(max-width: 375px) {
    .icon-instagram {
        width: 10px;
        width: 2.6666666667vw
    }
}

@media(max-width: 375px) {
    .icon-instagram {
        height: 10px;
        height: 2.6666666667vw
    }
}

@media(max-width: 375px) {
    .icon-instagram {
        background-size: 10px 10px;
        background-size: 2.6666666667vw 2.6666666667vw
    }
}

.icon-kakao {
    display: inline-block;
    width: 8.192px;
    width: 1.0666666667vw;
    height: 16.384px;
    height: 2.1333333333vw;
    background-image: url("https://cdn-naning9.bizhost.kr/new_icon_mo/icon_kakao.svg");
    background-size: 8.192px 16.384px;
    background-size: 1.0666666667vw 2.1333333333vw;
    background-repeat: no-repeat;
    font-size: 0;
    vertical-align: middle
}

@media(max-width: 375px) {
    .icon-kakao {
        width: 4px;
        width: 1.0666666667vw
    }
}

@media(max-width: 375px) {
    .icon-kakao {
        height: 8px;
        height: 2.1333333333vw
    }
}

@media(max-width: 375px) {
    .icon-kakao {
        background-size: 4px 8px;
        background-size: 1.0666666667vw 2.1333333333vw
    }
}

.body--active {
    overflow: hidden
}

.header-top {
    position: relative;
    padding: 36.864px 40.96px;
    padding: 4.8vw 5.3333333333vw;
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-bottom-width: 2.048px;
    border-bottom-width: .2666666667vw;
    border-bottom-color: #e6e6e6;
    border-bottom-style: solid;
    box-sizing: border-box;
    z-index: 10;
}

@media(max-width: 375px) {
    .header-top {
        padding: 18px 20px;
        padding: 4.8vw 5.3333333333vw
    }
}

@media(max-width: 375px) {
    .header-top {
        border-bottom-width: 1px;
        border-bottom-width: .2666666667vw
    }
}

.header-top__left {
    font-size: 0
}

.header-top__left-search {
    margin-left: 40.96px;
    margin-left: 5.3333333333vw
}

@media(max-width: 375px) {
    .header-top__left-search {
        margin-left: 20px;
        margin-left: 5.3333333333vw
    }
}

.header-top__right {
    font-size: 0
}

.header-top__right-cart {
    position: relative
}

.header-top__right-cart-cnt {
    position: absolute;
    right: -14.336px;
    right: -1.8666666667vw;
    bottom: -14.336px;
    bottom: -1.8666666667vw;
    display: inline-block;
    width: 34.816px;
    width: 4.5333333333vw;
    height: 34.816px;
    height: 4.5333333333vw;
    line-height: 30.72px;
    line-height: 4vw;
    border-radius: 50%;
    background-color: #f1eada;
    text-align: center;
    font-size: 21.3333333333px;
    font-size: 2.7777777778vw
}

@media(max-width: 375px) {
    .header-top__right-cart-cnt {
        right: -7px;
        right: -1.8666666667vw
    }
}

@media(max-width: 375px) {
    .header-top__right-cart-cnt {
        bottom: -7px;
        bottom: -1.8666666667vw
    }
}

@media(max-width: 375px) {
    .header-top__right-cart-cnt {
        width: 17px;
        width: 4.5333333333vw
    }
}

@media(max-width: 375px) {
    .header-top__right-cart-cnt {
        height: 17px;
        height: 4.5333333333vw
    }
}

@media(max-width: 375px) {
    .header-top__right-cart-cnt {
        line-height: 15px;
        line-height: 4vw
    }
}

html[lang^=th] .header-top__right-cart-cnt {
    font-size: 28.8px;
    font-size: 3.75vw
}

@media(max-width: 360px) {
    .header-top__right-cart-cnt {
        font-size: 10px;
        font-size: 2.7777777778vw
    }

    html[lang^=th] .header-top__right-cart-cnt {
        font-size: 13.5px;
        font-size: 3.75vw
    }
}

.header-top__right-mypage {
    margin-left: 40.96px;
    margin-left: 5.3333333333vw
}

@media(max-width: 375px) {
    .header-top__right-mypage {
        margin-left: 20px;
        margin-left: 5.3333333333vw
    }
}

.header-top__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    font-size: 0
}

@media(max-width: 375px) {
    .header-top__logo {
        width: 100px;
        width: 26.6666666667vw
    }
}

.header-top__logo img {
    width: 100%
}

.header-bottom {
    padding: 32.768px 40.96px;
    padding: 4.2666666667vw 5.3333333333vw;
    border-bottom-width: 2.048px;
    border-bottom-width: .2666666667vw;
    border-bottom-color: #000;
    border-bottom-style: solid;
    box-sizing: border-box
}

@media(max-width: 375px) {
    .header-bottom {
        padding: 16px 20px;
        padding: 4.2666666667vw 5.3333333333vw
    }
}

@media(max-width: 375px) {
    .header-bottom {
        border-bottom-width: 1px;
        border-bottom-width: .2666666667vw
    }
}

.header-bottom__menu-list {
    font-size: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header-bottom__menu-item {
    font-size: 25.6px;
    font-size: 3.3333333333vw
}

html[lang^=th] .header-bottom__menu-item {
    font-size: 34.56px;
    font-size: 4.5vw
}

@media(max-width: 360px) {
    .header-bottom__menu-item {
        font-size: 12px;
        font-size: 3.3333333333vw
    }

    html[lang^=th] .header-bottom__menu-item {
        font-size: 16.2px;
        font-size: 4.5vw
    }
}

.header-bottom__menu-item a {
    color: #000
}

.gnb-category+.gnb-category {
    margin-top: 49.152px;
    margin-top: 6.4vw;
    padding-top: 49.152px;
    padding-top: 6.4vw;
    border-top-width: 2.048px;
    border-top-width: .2666666667vw;
    border-top-style: solid;
    border-top-color: #eee
}

@media(max-width: 375px) {
    .gnb-category+.gnb-category {
        margin-top: 24px;
        margin-top: 6.4vw
    }
}

@media(max-width: 375px) {
    .gnb-category+.gnb-category {
        padding-top: 24px;
        padding-top: 6.4vw
    }
}

@media(max-width: 375px) {
    .gnb-category+.gnb-category {
        border-top-width: 1px;
        border-top-width: .2666666667vw
    }
}

.gnb-category__title {
    font-size: 29.8666666667px;
    font-size: 3.8888888889vw;
    font-weight: 700;
    font-family: "Poppins", sans-serif
}

html[lang^=th] .gnb-category__title {
    font-size: 40.32px;
    font-size: 5.25vw
}

@media(max-width: 360px) {
    .gnb-category__title {
        font-size: 14px;
        font-size: 3.8888888889vw
    }

    html[lang^=th] .gnb-category__title {
        font-size: 18.9px;
        font-size: 5.25vw
    }
}

.gnb-category__title+.gnb-category__list {
    margin-top: 49.152px;
    margin-top: 6.4vw
}

@media(max-width: 375px) {
    .gnb-category__title+.gnb-category__list {
        margin-top: 24px;
        margin-top: 6.4vw
    }
}

.gnb-category__item {
    font-size: 25.6px;
    font-size: 3.3333333333vw
}

html[lang^=th] .gnb-category__item {
    font-size: 34.56px;
    font-size: 4.5vw
}

@media(max-width: 360px) {
    .gnb-category__item {
        font-size: 12px;
        font-size: 3.3333333333vw
    }

    html[lang^=th] .gnb-category__item {
        font-size: 16.2px;
        font-size: 4.5vw
    }
}

.gnb-category__item+.gnb-category__item {
    margin-top: 49.152px;
    margin-top: 6.4vw
}

@media(max-width: 375px) {
    .gnb-category__item+.gnb-category__item {
        margin-top: 24px;
        margin-top: 6.4vw
    }
}

.gnb-category__item a {
    color: #000
}

.side {
    position: fixed;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    padding: 49.152px 20.48px;
    padding: 6.4vw 2.6666666667vw;
    box-sizing: border-box;
    background-color: #fff;
    transition: all .3s;
    z-index: 1000;
}

@media(max-width: 375px) {
    .side {
        padding: 24px 10px;
        padding: 6.4vw 2.6666666667vw
    }
}

.side--active {
    right: 0
}

.side-close {
    position: absolute;
    top: 40.96px;
    top: 5.3333333333vw;
    right: 45.056px;
    right: 5.8666666667vw
}

@media(max-width: 375px) {
    .side-close {
        top: 20px;
        top: 5.3333333333vw
    }
}

@media(max-width: 375px) {
    .side-close {
        right: 22px;
        right: 5.8666666667vw
    }
}

.side-tab__list {
    font-size: 0
}

.side-tab__item {
    display: inline-block;
    font-size: 32px;
    font-size: 4.1666666667vw;
    font-weight: 700;
    color: #000
}

.side-tab__item+.side-tab__item {
    margin-left: 34.816px;
    margin-left: 4.5333333333vw
}

@media(max-width: 375px) {
    .side-tab__item+.side-tab__item {
        margin-left: 17px;
        margin-left: 4.5333333333vw
    }
}

html[lang^=th] .side-tab__item {
    font-size: 43.2px;
    font-size: 5.625vw
}

@media(max-width: 360px) {
    .side-tab__item {
        font-size: 15px;
        font-size: 4.1666666667vw
    }

    html[lang^=th] .side-tab__item {
        font-size: 20.25px;
        font-size: 5.625vw
    }
}

.side-tab__item--active {
    position: relative
}

.side-tab__item--active:before {
    position: absolute;
    bottom: -8.192px;
    bottom: -1.0666666667vw;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 4.096px;
    height: .5333333333vw;
    background-color: #000;
    content: ""
}

@media(max-width: 375px) {
    .side-tab__item--active:before {
        bottom: -4px;
        bottom: -1.0666666667vw
    }
}

@media(max-width: 375px) {
    .side-tab__item--active:before {
        height: 2px;
        height: .5333333333vw
    }
}

.side-tab__container {
    display: none;
    margin-top: 61.44px;
    margin-top: 8vw
}

@media(max-width: 375px) {
    .side-tab__container {
        margin-top: 30px;
        margin-top: 8vw
    }
}

.side-tab__container--active {
    display: block
}

.search {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 20.48px 40.96px;
    padding: 2.6666666667vw 5.3333333333vw;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 5;
}

@media(max-width: 375px) {
    .search {
        padding: 10px 20px;
        padding: 2.6666666667vw 5.3333333333vw
    }
}

.search--active {
    display: block
}

.search-input {
    position: relative;
    width: 100%;
    margin-top: 40.96px;
    margin-top: 5.3333333333vw;
    border-bottom-width: 2.048px;
    border-bottom-width: .2666666667vw;
    border-bottom-style: solid
}

@media(max-width: 375px) {
    .search-input {
        margin-top: 20px;
        margin-top: 5.3333333333vw
    }
}

@media(max-width: 375px) {
    .search-input {
        border-bottom-width: 1px;
        border-bottom-width: .2666666667vw
    }
}

.search-input input[type=text] {
    width: 100%;
    padding-right: 92.16px;
    padding-right: 12vw;
    height: 106.496px;
    height: 13.8666666667vw;
    line-height: 106.496px;
    line-height: 13.8666666667vw;
    border: none;
    font-size: 25.6px;
    font-size: 3.3333333333vw;
    font-weight: 200;
    color: #000;
    box-sizing: border-box
}

@media(max-width: 375px) {
    .search-input input[type=text] {
        padding-right: 45px;
        padding-right: 12vw
    }
}

@media(max-width: 375px) {
    .search-input input[type=text] {
        height: 52px;
        height: 13.8666666667vw
    }
}

@media(max-width: 375px) {
    .search-input input[type=text] {
        line-height: 52px;
        line-height: 13.8666666667vw
    }
}

html[lang^=th] .search-input input[type=text] {
    font-size: 34.56px;
    font-size: 4.5vw
}

@media(max-width: 360px) {
    .search-input input[type=text] {
        font-size: 12px;
        font-size: 3.3333333333vw
    }

    html[lang^=th] .search-input input[type=text] {
        font-size: 16.2px;
        font-size: 4.5vw
    }
}

.search-input input[type=text]::placeholder {
    font-size: 25.6px;
    font-size: 3.3333333333vw;
    font-weight: 200;
    color: #000
}

html[lang^=th] .search-input input[type=text]::placeholder {
    font-size: 34.56px;
    font-size: 4.5vw
}

@media(max-width: 360px) {
    .search-input input[type=text]::placeholder {
        font-size: 12px;
        font-size: 3.3333333333vw
    }

    html[lang^=th] .search-input input[type=text]::placeholder {
        font-size: 16.2px;
        font-size: 4.5vw
    }
}

.search-input__btn {
    position: absolute;
    right: 20.48px;
    right: 2.6666666667vw;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width: 375px) {
    .search-input__btn {
        right: 10px;
        right: 2.6666666667vw
    }
}

.search-keyword__title {
    margin-top: 65.536px;
    margin-top: 8.5333333333vw;
    font-size: 25.6px;
    font-size: 3.3333333333vw;
    font-weight: 600
}

@media(max-width: 375px) {
    .search-keyword__title {
        margin-top: 32px;
        margin-top: 8.5333333333vw
    }
}

html[lang^=th] .search-keyword__title {
    font-size: 34.56px;
    font-size: 4.5vw
}

@media(max-width: 360px) {
    .search-keyword__title {
        font-size: 12px;
        font-size: 3.3333333333vw
    }

    html[lang^=th] .search-keyword__title {
        font-size: 16.2px;
        font-size: 4.5vw
    }
}

.search-keyword__item {
    display: inline-block;
    margin-top: 30.72px;
    margin-top: 4vw;
    margin-left: 24.576px;
    margin-left: 3.2vw;
    font-size: 25.6px;
    font-size: 3.3333333333vw;
    font-weight: 200;
    word-break: keep-all
}

@media(max-width: 375px) {
    .search-keyword__item {
        margin-top: 15px;
        margin-top: 4vw
    }
}

@media(max-width: 375px) {
    .search-keyword__item {
        margin-left: 12px;
        margin-left: 3.2vw
    }
}

html[lang^=th] .search-keyword__item {
    font-size: 34.56px;
    font-size: 4.5vw
}

@media(max-width: 360px) {
    .search-keyword__item {
        font-size: 12px;
        font-size: 3.3333333333vw
    }

    html[lang^=th] .search-keyword__item {
        font-size: 16.2px;
        font-size: 4.5vw
    }
}

.search-keyword__item-num {
    display: inline-block;
    width: 20.48px;
    width: 2.6666666667vw;
    margin-right: 24.576px;
    margin-right: 3.2vw;
    font-family: "Poppins", sans-serif;
    font-weight: 300
}

@media(max-width: 375px) {
    .search-keyword__item-num {
        width: 10px;
        width: 2.6666666667vw
    }
}

@media(max-width: 375px) {
    .search-keyword__item-num {
        margin-right: 12px;
        margin-right: 3.2vw
    }
}

.search-keyword__list {
    margin-left: -24.576px;
    margin-left: -3.2vw
}

@media(max-width: 375px) {
    .search-keyword__list {
        margin-left: -12px;
        margin-left: -3.2vw
    }
}

.search-keyword__list--half {
    margin-left: 0;
    font-size: 0
}

.search-keyword__list--half .search-keyword__item {
    display: inline-block;
    width: 50%;
    margin-left: 0
}

.search_data {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    flex-wrap:wrap;
}

.imc-banner {
    position: relative
}

.imc-banner__item img {
    width: 100%
}

.imc-banner .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: inline-block;
    width: 30.72px;
    width: 4vw;
    height: 61.44px;
    height: 8vw;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0
}

@media(max-width: 375px) {
    .imc-banner .slick-arrow {
        width: 15px;
        width: 4vw
    }
}

@media(max-width: 375px) {
    .imc-banner .slick-arrow {
        height: 30px;
        height: 8vw
    }
}

.imc-banner .slick-arrow.slick-prev {
    left: 40.96px;
    left: 5.3333333333vw;
    background-image: url("https://cdn-naning9.bizhost.kr/new_icon_mo/icon_arrow_prev.svg")
}

@media(max-width: 375px) {
    .imc-banner .slick-arrow.slick-prev {
        left: 20px;
        left: 5.3333333333vw
    }
}

.imc-banner .slick-arrow.slick-next {
    right: 40.96px;
    right: 5.3333333333vw;
    background-image: url("https://cdn-naning9.bizhost.kr/new_icon_mo/icon_arrow_next.svg")
}

@media(max-width: 375px) {
    .imc-banner .slick-arrow.slick-next {
        right: 20px;
        right: 5.3333333333vw
    }
}

.imc-banner .slick-dots {
    position: absolute;
    bottom: 40.96px;
    bottom: 5.3333333333vw;
    left: 50%;
    transform: translateX(-50%)
}

@media(max-width: 375px) {
    .imc-banner .slick-dots {
        bottom: 20px;
        bottom: 5.3333333333vw
    }
}

.imc-banner .slick-dots li {
    display: inline-block;
}
  
.imc-banner .slick-dots li a {
    color: #fff;
    font-size: 13.3px;
}   

.imc-banner .slick-dots li.slick-active{
    font-size: 0;
    width: 8px;
    height: 2px;
    vertical-align: sub;
    background-color: #fff;
}


.imc-banner .slick-dots li.slick-active a{
    font-size: 0;
}

.imc-banner .slick-dots li+li {
    margin-left: 15px;
}

.middle-banner {
    margin-top: 2.6666666667vw;
    padding-left: 2.6666666667vw;
    box-sizing: border-box;
    font-size: 0
}

@media(max-width: 375px) {
    .middle-banner {
        margin-top: 10px;
        margin-top: 2.6666666667vw
    }
}

@media(max-width: 375px) {
    .middle-banner {
        padding-left: 10px;
        padding-left: 2.6666666667vw
    }
}

.middle-banner .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: inline-block;
    width: 20.48px;
    width: 2.6666666667vw;
    height: 40.96px;
    height: 5.3333333333vw;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0
}

@media(max-width: 375px) {
    .middle-banner .slick-arrow {
        width: 10px;
        width: 2.6666666667vw
    }
}

@media(max-width: 375px) {
    .middle-banner .slick-arrow {
        height: 20px;
        height: 5.3333333333vw
    }
}

.middle-banner .slick-arrow.slick-prev {
    left: 40.96px;
    left: 5.3333333333vw;
    background-image: url("https://cdn-naning9.bizhost.kr/new_icon_mo/icon_arrow_prev.svg")
}

@media(max-width: 375px) {
    .middle-banner .slick-arrow.slick-prev {
        left: 20px;
        left: 5.3333333333vw
    }
}

.middle-banner .slick-arrow.slick-next {
    right: 40.96px;
    right: 5.3333333333vw;
    background-image: url("https://cdn-naning9.bizhost.kr/new_icon_mo/icon_arrow_next.svg")
}

@media(max-width: 375px) {
    .middle-banner .slick-arrow.slick-next {
        right: 20px;
        right: 5.3333333333vw
    }
}

.middle-banner__item {
    width: 319.488px;
    width: 41.6vw
}

@media(max-width: 375px) {
    .middle-banner__item {
        width: 156px;
        width: 41.6vw
    }
}

.middle-banner__item img {
    width: 100%
}

.middle-banner__item+.middle-banner__item {
    margin-left: 20.48px;
    margin-left: 2.6666666667vw
}

@media(max-width: 375px) {
    .middle-banner__item+.middle-banner__item {
        margin-left: 10px;
        margin-left: 2.6666666667vw
    }
}

.main-best__title {
    margin-top: 92.16px;
    margin-top: 12vw
}

@media(max-width: 375px) {
    .main-best__title {
        margin-top: 45px;
        margin-top: 12vw
    }
}

.main-title {
    font-size: 53.3333333333px;
    font-size: 6.9444444444vw;
    font-weight: 500;
}

html[lang^=th] .main-title {
    font-size: 72px;
    font-size: 9.375vw
}

@media(max-width: 360px) {
    .main-title {
        font-size: 25px;
        font-size: 6.9444444444vw
    }

    html[lang^=th] .main-title {
        font-size: 33.75px;
        font-size: 9.375vw
    }
}

.main-title--center {
    text-align: center
}

.main-title--nono {
    font-family: "Noto Sans KR", sans-serif
}

.main-title--small {
    font-size: 42.6666666667px;
    font-size: 5.5555555556vw
}

html[lang^=th] .main-title--small {
    font-size: 57.6px;
    font-size: 7.5vw
}

@media(max-width: 360px) {
    .main-title--small {
        font-size: 20px;
        font-size: 5.5555555556vw
    }

    html[lang^=th] .main-title--small {
        font-size: 27px;
        font-size: 7.5vw
    }
}

.main-exhibition {
    margin-top: 102.4px;
    margin-top: 13.3333333333vw
}

@media(max-width: 375px) {
    .main-exhibition {
        margin-top: 50px;
        margin-top: 13.3333333333vw
    }
}

.main-exhibition--small {
    margin-top: 61.44px;
    margin-top: 8vw;
    box-sizing: border-box;
    text-align: center
}

@media(max-width: 375px) {
    .main-exhibition--small {
        margin-top: 30px;
        margin-top: 8vw
    }
}

.main-exhibition__img img {
    width: 100%
}

.main-exhibition__contents {
    padding: 0px 20.48px 40.96px;
    padding: 0vw 2.6666666667vw 5.3333333333vw;
    background: #f9f9f9
}

@media(max-width: 375px) {
    .main-exhibition__contents {
        padding: 0px 10px 20px;
        padding: 0vw 2.6666666667vw 5.3333333333vw
    }
}

.main-exhibition__title {
    position: relative;
    margin-top: -67.584px;
    margin-top: -8.8vw;
    padding: 40.96px;
    padding: 5.3333333333vw;
    font-size: 42.6666666667px;
    font-size: 5.5555555556vw;
    background: #f9f9f9;
    box-sizing: border-box
}

@media(max-width: 375px) {
    .main-exhibition__title {
        margin-top: -33px;
        margin-top: -8.8vw
    }
}

@media(max-width: 375px) {
    .main-exhibition__title {
        padding: 20px;
        padding: 5.3333333333vw
    }
}

html[lang^=th] .main-exhibition__title {
    font-size: 57.6px;
    font-size: 7.5vw
}

@media(max-width: 360px) {
    .main-exhibition__title {
        font-size: 20px;
        font-size: 5.5555555556vw
    }

    html[lang^=th] .main-exhibition__title {
        font-size: 27px;
        font-size: 7.5vw
    }
}

.main-exhibition__title--small {
    margin-top: 0px;
    margin-top: 0vw;
    background: none
}

@media(max-width: 375px) {
    .main-exhibition__title--small {
        margin-top: 0px;
        margin-top: 0vw
    }
}

.main-exhibition__desc {
    margin-top: 10.24px;
    margin-top: 1.3333333333vw;
    font-size: 29.8666666667px;
    font-size: 3.8888888889vw;
    font-weight: 300;
    color: #000
}

@media(max-width: 375px) {
    .main-exhibition__desc {
        margin-top: 5px;
        margin-top: 4.3333333333vw
    }
}

html[lang^=th] .main-exhibition__desc {
    font-size: 40.32px;
    font-size: 5.25vw
}

@media(max-width: 360px) {
    .main-exhibition__desc {
        font-size: 14px;
        font-size: 3.8888888889vw
    }

    html[lang^=th] .main-exhibition__desc {
        font-size: 18.9px;
        font-size: 5.25vw
    }
}

.main-exhibition__desc--small {
    margin-top: 8.192px;
    margin-top: 1.0666666667vw
}

@media(max-width: 375px) {
    .main-exhibition__desc--small {
        margin-top: 4px;
        margin-top: 1.0666666667vw
    }
}

.main-exhibition__product--small {
    padding-left: 20.48px;
    padding-left: 2.6666666667vw
}

@media(max-width: 375px) {
    .main-exhibition__product--small {
        padding-left: 10px;
        padding-left: 2.6666666667vw
    }
}

.main-new__title {
    margin-top: 61.44px;
    margin-top: 18vw
}

@media(max-width: 375px) {
    .main-new__title {
        margin-top: 30px;
        margin-top: 18vw
    }
}

.main-new__contents {
    margin-top: 40.96px;
    margin-top: 5.3333333333vw;
    padding: 0px 20.48px;
    padding: 0vw 2.6666666667vw
}

@media(max-width: 375px) {
    .main-new__contents {
        margin-top: 20px;
        margin-top: 5.3333333333vw
    }
}

@media(max-width: 375px) {
    .main-new__contents {
        padding: 0px 10px;
        padding: 0vw 2.6666666667vw
    }
}

.main-new__btn {
    margin-top: 61.44px;
    margin-top: 8vw;
    text-align: center
}

@media(max-width: 375px) {
    .main-new__btn {
        margin-top: 30px;
        margin-top: 8vw
    }
}

.default-tab {
    margin-top: 40.96px;
    margin-top: 5.3333333333vw;
    padding: 0px 20.48px;
    padding: 0vw 2.6666666667vw;
    box-sizing: border-box
}

@media(max-width: 375px) {
    .default-tab {
        margin-top: 20px;
        margin-top: 5.3333333333vw
    }
}

@media(max-width: 375px) {
    .default-tab {
        padding: 0px 10px;
        padding: 0vw 2.6666666667vw
    }
}

.default-tab__list {
    font-size: 0
}

.default-tab__item {
    position: relative;
    display: inline-block;
    width: 20%;
    height: 81.92px;
    height: 10.6666666667vw;
    text-align: center;
    font-size: 23.4666666667px;
    font-size: 3.0555555556vw;
    color: dimgray;
    vertical-align: top;
    border: 1px solid #eee;
    box-sizing: border-box
}

@media(max-width: 375px) {
    .default-tab__item {
        height: 40px;
        height: 10.6666666667vw
    }
}

html[lang^=th] .default-tab__item {
    font-size: 31.68px;
    font-size: 4.125vw
}

@media(max-width: 360px) {
    .default-tab__item {
        font-size: 11px;
        font-size: 3.0555555556vw
    }

    html[lang^=th] .default-tab__item {
        font-size: 14.85px;
        font-size: 4.125vw
    }
}

.default-tab__item+.default-tab__item {
    margin-left: -1px
}

.default-tab__item--active {
    border-color: #000;
    z-index: 1;
    color: #000
}

.default-tab__item-anchor {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    line-height: 120%;
    text-align: center;
    transform: translateY(-50%);
    box-sizing: border-box;
    font-family: "Poppins", sans-serif
}

.default-tab__contents {
    display: none;
    margin-top: 61.44px;
    margin-top: 8vw
}

@media(max-width: 375px) {
    .default-tab__contents {
        margin-top: 30px;
        margin-top: 8vw
    }
}

.default-tab__contents--active {
    display: block
}

.product-list {
    font-size: 0
}

.product-list--exhibition--small {
    white-space: nowrap
}

.product-item {
    display: inline-block;
    width: 49%;
    vertical-align: top
}

.product-item:nth-child(2n) {
    margin-left: 2%
}

.product-item+.product-item {
    margin-top: 61.44px;
    margin-top: 8vw
}

@media(max-width: 375px) {
    .product-item+.product-item {
        margin-top: 30px;
        margin-top: 8vw
    }
}

.product-item:first-child,
.product-item:nth-child(2) {
    margin-top: 0
}

.product-item img {
    width: 100%
}

.product-item--slick {
    width: 327.68px;
    width: 42.6666666667vw;
    margin-left: 20.48px;
    margin-left: 2.6666666667vw;
    margin-top: 0 !important;
    vertical-align: top;
    text-align: left
}

@media(max-width: 375px) {
    .product-item--slick {
        width: 160px;
        width: 42.6666666667vw
    }
}

@media(max-width: 375px) {
    .product-item--slick {
        margin-left: 10px;
        margin-left: 2.6666666667vw
    }
}

.product-item--slick:nth-child(2n) {
    margin-left: 20.48px;
    margin-left: 2.6666666667vw
}

@media(max-width: 375px) {
    .product-item--slick:nth-child(2n) {
        margin-left: 10px;
        margin-left: 2.6666666667vw
    }
}

.product-info {
    position: relative;
    margin-top: 24.576px;
    margin-top: 3.2vw;
}

@media(max-width: 375px) {
    .product-info {
        margin-top: 12px;
        margin-top: 3.2vw
    }
}

.product-info__color {
    line-height: 0;
}

.product-info__color-item {
    display: inline-block;
    width: 24.576px;
    width: 3.2vw;
    height: 4.096px;
    height: .5333333333vw
}

@media(max-width: 375px) {
    .product-info__color-item {
        width: 12px;
        width: 3.2vw
    }
}

@media(max-width: 375px) {
    .product-info__color-item {
        height: 2px;
        height: .5333333333vw
    }
}

.product-info__color-item+.product-info__color-item {
    margin-left: 4.096px;
    margin-left: .5333333333vw
}

@media(max-width: 375px) {
    .product-info__color-item+.product-info__color-item {
        margin-left: 2px;
        margin-left: .5333333333vw
    }
}

.product-info__name {
    margin-top: 16.384px;
    margin-top: 2.1333333333vw;
    font-size: 25.6px;
    font-size: 3.3333333333vw;
    color: #000
    display: flex;
    align-items: center;
}

.product-info__name span {
    margin-left: 3px;
}

.product-info__name img {
    width: 21.6px;
    height: auto;
}

@media(max-width: 375px) {
    .product-info__name {
        margin-top: 8px;
        margin-top: 2.1333333333vw
    }
}

html[lang^=th] .product-info__name {
    font-size: 34.56px;
    font-size: 4.5vw
}

@media(max-width: 360px) {
    .product-info__name {
        font-size: 12px;
        font-size: 3.3333333333vw
    }

    html[lang^=th] .product-info__name {
        font-size: 16.2px;
        font-size: 4.5vw
    }
}

.product-info__price {
    font-size: 27.7333333333px;
    font-size: 3.6111111111vw;
    margin-top: 2.1333333333vw;
    font-weight: 600;
    color: #000;
    font-family: "Poppins", sans-serif
}

html[lang^=th] .product-info__price {
    font-size: 37.44px;
    font-size: 4.875vw
}

@media(max-width: 360px) {
    .product-info__price {
        font-size: 13px;
        font-size: 3.6111111111vw
    }

    html[lang^=th] .product-info__price {
        font-size: 17.55px;
        font-size: 4.875vw
    }
}

.product-info__price-default {
    display: inline-block;
    margin-left: 4.096px;
    margin-left: .5333333333vw;
    font-size: 23.4666666667px;
    font-size: 3.0555555556vw;
    font-weight: 300;
    text-decoration: line-through
}

@media(max-width: 375px) {
    .product-info__price-default {
        margin-left: 2px;
        margin-left: .5333333333vw
    }
}

html[lang^=th] .product-info__price-default {
    font-size: 31.68px;
    font-size: 4.125vw
}

@media(max-width: 360px) {
    .product-info__price-default {
        font-size: 11px;
        font-size: 3.0555555556vw
    }

    html[lang^=th] .product-info__price-default {
        font-size: 14.85px;
        font-size: 4.125vw
    }
}

.product-info__tag {
    margin-top: 16.384px;
    margin-top: 2.1333333333vw;
    font-size: 21.3333333333px;
    font-size: 2.7777777778vw;
    color: #000;
    font-weight: 300;
    white-space: normal
}

@media(max-width: 375px) {
    .product-info__tag {
        margin-top: 8px;
        margin-top: 2.1333333333vw
    }
}

html[lang^=th] .product-info__tag {
    font-size: 28.8px;
    font-size: 3.75vw
}

@media(max-width: 360px) {
    .product-info__tag {
        font-size: 10px;
        font-size: 2.7777777778vw
    }

    html[lang^=th] .product-info__tag {
        font-size: 13.5px;
        font-size: 3.75vw
    }
}

.cta {
    display: inline-block;
    width: 286.72px;
    width: 37.3333333333vw;
    height: 81.92px;
    height: 10.6666666667vw;
    line-height: 77.824px;
    line-height: 10.1333333333vw;
    color: #000;
    font-size: 25.6px;
    font-size: 3.3333333333vw;
    border: 1px solid #000
}

@media(max-width: 375px) {
    .cta {
        width: 140px;
        width: 37.3333333333vw
    }
}

@media(max-width: 375px) {
    .cta {
        height: 40px;
        height: 10.6666666667vw
    }
}

@media(max-width: 375px) {
    .cta {
        line-height: 38px;
        line-height: 10.1333333333vw
    }
}

html[lang^=th] .cta {
    font-size: 34.56px;
    font-size: 4.5vw
}

@media(max-width: 360px) {
    .cta {
        font-size: 12px;
        font-size: 3.3333333333vw
    }

    html[lang^=th] .cta {
        font-size: 16.2px;
        font-size: 4.5vw
    }
}

.wide-banner {
    margin-top: 102.4px;
    margin-top: 13.3333333333vw
}

@media(max-width: 375px) {
    .wide-banner {
        margin-top: 50px;
        margin-top: 13.3333333333vw
    }
}

.wide-banner__item {
    width: 100%
}

.wide-banner__item img {
    width: 100%
}

.wide-banner__item+.wide-banner__item {
    margin-top: 20.48px;
    margin-top: 2.6666666667vw
}

@media(max-width: 375px) {
    .wide-banner__item+.wide-banner__item {
        margin-top: 10px;
        margin-top: 2.6666666667vw
    }
}

.wide-banner--three {
    padding: 0px 20.48px;
    padding: 0vw 2.6666666667vw;
    white-space: nowrap;
    font-size: 0;
    box-sizing: border-box
}

@media(max-width: 375px) {
    .wide-banner--three {
        padding: 0px 10px;
        padding: 0vw 2.6666666667vw
    }
}

.wide-banner--three .wide-banner__item {
    display: inline-block;
    width: 100%;
    margin-top: 0
}

.wide-banner--three .wide-banner__item img {
    width: 100%
}

.wide-banner--three .slick-dots {
    position: relative;
    margin-top: 24.576px;
    margin-top: 3.2vw;
    text-align: center
}

@media(max-width: 375px) {
    .wide-banner--three .slick-dots {
        margin-top: 12px;
        margin-top: 3.2vw
    }
}

.wide-banner--three .slick-dots li {
    display: inline-block;
    width: 16.384px;
    width: 2.1333333333vw;
    height: 16.384px;
    height: 2.1333333333vw;
    border-radius: 50%;
    border: 1px solid #c4c4c4
}

@media(max-width: 375px) {
    .wide-banner--three .slick-dots li {
        width: 8px;
        width: 2.1333333333vw
    }
}

@media(max-width: 375px) {
    .wide-banner--three .slick-dots li {
        height: 8px;
        height: 2.1333333333vw
    }
}

.wide-banner--three .slick-dots li.slick-active {
    background: #c4c4c4
}

.wide-banner--three .slick-dots li+li {
    margin-left: 16.384px;
    margin-left: 2.1333333333vw
}

@media(max-width: 375px) {
    .wide-banner--three .slick-dots li+li {
        margin-left: 8px;
        margin-left: 2.1333333333vw
    }
}

.footer {
    margin-top: 86.016px;
    margin-top: 11.2vw;
    border-top: 1px solid #e6e6e6
}

@media(max-width: 375px) {
    .footer {
        margin-top: 42px;
        margin-top: 11.2vw
    }
}

.footer-logo {
    width: 120.832px;
    width: 15.7333333333vw
}

@media(max-width: 375px) {
    .footer-logo {
        width: 59px;
        width: 15.7333333333vw
    }
}

.footer-logo img {
    width: 100%
}

.footer-top {
    padding: 24.576px 40.96px;
    padding: 3.2vw 5.3333333333vw;
    box-sizing: border-box
}

@media(max-width: 375px) {
    .footer-top {
        padding: 12px 20px;
        padding: 3.2vw 5.3333333333vw
    }
}

.footer-top__util {
    display: flex;
    justify-content: space-between;
    font-size: 0
}

.footer-top__util-item a {
    color: dimgray;
    font-size: 21.3333333333px;
    font-size: 2.7777777778vw;
    font-weight: 300
}

html[lang^=th] .footer-top__util-item a {
    font-size: 28.8px;
    font-size: 3.75vw
}

@media(max-width: 360px) {
    .footer-top__util-item a {
        font-size: 10px;
        font-size: 2.7777777778vw
    }

    html[lang^=th] .footer-top__util-item a {
        font-size: 13.5px;
        font-size: 3.75vw
    }
}

.footer-bottom {
    padding: 40.96px;
    padding: 5.3333333333vw;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    box-sizing: border-box
}

@media(max-width: 375px) {
    .footer-bottom {
        padding: 20px;
        padding: 5.3333333333vw
    }
}

.footer-bottom__address {
    margin-top: 32.768px;
    margin-top: 4.2666666667vw
}

@media(max-width: 375px) {
    .footer-bottom__address {
        margin-top: 16px;
        margin-top: 4.2666666667vw
    }
}

.footer-bottom__address-item {
    font-size: 21.3333333333px;
    font-size: 2.7777777778vw;
    line-height: 180%;
    color: #666
}

html[lang^=th] .footer-bottom__address-item {
    font-size: 28.8px;
    font-size: 3.75vw
}

@media(max-width: 360px) {
    .footer-bottom__address-item {
        font-size: 10px;
        font-size: 2.7777777778vw
    }

    html[lang^=th] .footer-bottom__address-item {
        font-size: 13.5px;
        font-size: 3.75vw
    }
}

.footer-bottom__btn {
    margin-top: 16.384px;
    margin-top: 2.1333333333vw;
    font-size: 21.3333333333px;
    font-size: 2.7777777778vw;
    color: #000;
    font-weight: 700
}

@media(max-width: 375px) {
    .footer-bottom__btn {
        margin-top: 8px;
        margin-top: 2.1333333333vw
    }
}

html[lang^=th] .footer-bottom__btn {
    font-size: 28.8px;
    font-size: 3.75vw
}

@media(max-width: 360px) {
    .footer-bottom__btn {
        font-size: 10px;
        font-size: 2.7777777778vw
    }

    html[lang^=th] .footer-bottom__btn {
        font-size: 13.5px;
        font-size: 3.75vw
    }
}

.footer-bottom__btn .icon-arrow-right {
    margin-left: 8.192px;
    margin-left: 1.0666666667vw
}

@media(max-width: 375px) {
    .footer-bottom__btn .icon-arrow-right {
        margin-left: 4px;
        margin-left: 1.0666666667vw
    }
}

.footer-bottom__info {
    margin-top: 32.768px;
    margin-top: 4.2666666667vw
}

@media(max-width: 375px) {
    .footer-bottom__info {
        margin-top: 16px;
        margin-top: 4.2666666667vw
    }
}

.footer-bottom__info-container {
    margin-top: 57.344px;
    margin-top: 7.4666666667vw;
    font-size: 0
}

@media(max-width: 375px) {
    .footer-bottom__info-container {
        margin-top: 28px;
        margin-top: 7.4666666667vw
    }
}

.footer-bottom__info--half {
    display: inline-block;
    width: 50%;
    margin-top: 0;
    vertical-align: top
}

.footer-bottom__info-title {
    font-size: 25.6px;
    font-size: 3.3333333333vw;
    font-weight: 600
}

html[lang^=th] .footer-bottom__info-title {
    font-size: 34.56px;
    font-size: 4.5vw
}

@media(max-width: 360px) {
    .footer-bottom__info-title {
        font-size: 12px;
        font-size: 3.3333333333vw
    }

    html[lang^=th] .footer-bottom__info-title {
        font-size: 16.2px;
        font-size: 4.5vw
    }
}

.footer-bottom__info-title--large {
    font-size: 34.1333333333px;
    font-size: 4.4444444444vw
}

html[lang^=th] .footer-bottom__info-title--large {
    font-size: 46.08px;
    font-size: 6vw
}

@media(max-width: 360px) {
    .footer-bottom__info-title--large {
        font-size: 16px;
        font-size: 4.4444444444vw
    }

    html[lang^=th] .footer-bottom__info-title--large {
        font-size: 21.6px;
        font-size: 6vw
    }
}

.footer-bottom__info-desc {
    margin-top: 16.384px;
    margin-top: 2.1333333333vw
}

@media(max-width: 375px) {
    .footer-bottom__info-desc {
        margin-top: 8px;
        margin-top: 2.1333333333vw
    }
}

.footer-bottom__info-item {
    font-size: 21.3333333333px;
    font-size: 2.7777777778vw;
    line-height: 180%;
    color: #666
}

html[lang^=th] .footer-bottom__info-item {
    font-size: 28.8px;
    font-size: 3.75vw
}

@media(max-width: 360px) {
    .footer-bottom__info-item {
        font-size: 10px;
        font-size: 2.7777777778vw
    }

    html[lang^=th] .footer-bottom__info-item {
        font-size: 13.5px;
        font-size: 3.75vw
    }
}

.footer-bottom__info-item+.footer-bottom__info-item {
    margin-top: 8.192px;
    margin-top: 1.0666666667vw
}

@media(max-width: 375px) {
    .footer-bottom__info-item+.footer-bottom__info-item {
        margin-top: 4px;
        margin-top: 1.0666666667vw
    }
}

.footer-bottom__info-item-margin {
    display: inline-block;
    margin-left: 16.384px;
    margin-left: 2.1333333333vw
}

@media(max-width: 375px) {
    .footer-bottom__info-item-margin {
        margin-left: 8px;
        margin-left: 2.1333333333vw
    }
}

.footer-bottom__info-sns {
    font-size: 0
}

.footer-bottom__info-sns-item {
    display: inline-block;
    width: 45.056px;
    width: 5.8666666667vw;
    height: 45.056px;
    height: 5.8666666667vw;
    margin-top: 32.768px;
    margin-top: 4.2666666667vw;
    vertical-align: top
}

@media(max-width: 375px) {
    .footer-bottom__info-sns-item {
        width: 22px;
        width: 5.8666666667vw
    }
}

@media(max-width: 375px) {
    .footer-bottom__info-sns-item {
        height: 22px;
        height: 5.8666666667vw
    }
}

@media(max-width: 375px) {
    .footer-bottom__info-sns-item {
        margin-top: 16px;
        margin-top: 4.2666666667vw
    }
}

.footer-bottom__info-sns-item img {
    width: 100%
}

.footer-bottom__info-sns-item+.footer-bottom__info-sns-item {
    margin-left: 16.384px;
    margin-left: 2.1333333333vw
}

@media(max-width: 375px) {
    .footer-bottom__info-sns-item+.footer-bottom__info-sns-item {
        margin-left: 8px;
        margin-left: 2.1333333333vw
    }
}

.footer-bottom__info-sns-item--border {
    display: inline-block;
    width: 45.056px;
    width: 5.8666666667vw;
    height: 45.056px;
    height: 5.8666666667vw;
    line-height: 40.96px;
    line-height: 5.3333333333vw;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    text-align: center;
    box-sizing: border-box;
    background-position: center
}

@media(max-width: 375px) {
    .footer-bottom__info-sns-item--border {
        width: 22px;
        width: 5.8666666667vw
    }
}

@media(max-width: 375px) {
    .footer-bottom__info-sns-item--border {
        height: 22px;
        height: 5.8666666667vw
    }
}

@media(max-width: 375px) {
    .footer-bottom__info-sns-item--border {
        line-height: 20px;
        line-height: 5.3333333333vw
    }
}

.footer-bottom__copyright {
    margin-top: 32.768px;
    margin-top: 4.2666666667vw;
    padding-top: 32.768px;
    padding-top: 4.2666666667vw;
    border-top: 1px solid #e6e6e6;
    color: dimgray;
    font-size: 21.3333333333px;
    font-size: 2.7777777778vw;
    line-height: 180%
}

@media(max-width: 375px) {
    .footer-bottom__copyright {
        margin-top: 16px;
        margin-top: 4.2666666667vw
    }
}

@media(max-width: 375px) {
    .footer-bottom__copyright {
        padding-top: 16px;
        padding-top: 4.2666666667vw
    }
}

html[lang^=th] .footer-bottom__copyright {
    font-size: 28.8px;
    font-size: 3.75vw
}

@media(max-width: 360px) {
    .footer-bottom__copyright {
        font-size: 10px;
        font-size: 2.7777777778vw
    }

    html[lang^=th] .footer-bottom__copyright {
        font-size: 13.5px;
        font-size: 3.75vw
    }
}

.promotion-contents__banner img {
    width: 100%
}

.promotion-contents__product {
    margin-top: 73.728px;
    margin-top: 9.6vw;
    padding: 0px 20.48px;
    padding: 0vw 2.6666666667vw;
    box-sizing: border-box
}

@media(max-width: 375px) {
    .promotion-contents__product {
        margin-top: 36px;
        margin-top: 9.6vw
    }
}

@media(max-width: 375px) {
    .promotion-contents__product {
        padding: 0px 10px;
        padding: 0vw 2.6666666667vw
    }
}

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

.product-info__namehead {
    color:#c50504; 
    font-size: 12px;
    margin-top: 5px;
}

.item_review {
    position: absolute;
    top: -5px;
    right: 0;
}

.item_review span {
    font-size: 12px;
}

.product-thumnail {
    position: relative;
}

.made_icon {
  max-width: 45px; 
  position: absolute;
  top: 0;
  left: 0;  
}