/* BASIC css start */
.swiper-button-lock {display: block !important;}
#preview_wrap {display: none;}
#mask {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1500;}
.w1800 {width: 94%; max-width: 1800px !important; margin: 0 auto;}


/* 240226 »ó´Ü ½Å±Ô Ä«Å×°í¸® ¾ÆÀÌÄÜ (»ç¿ëÄÚµå)*/
.hd_bt ul:nth-child(2) li .newIcon {position: relative;}
.hd_bt ul:nth-child(2) li .newIcon::after {content: ""; display: inline-block; width: 5px; height: 5px; background-color: #ff7b10; border-radius: 9999px; position: absolute; top: 36%; right: -10%;}
/* 240415 ¼¼Æ®ÇÒÀÎ up ¾Ö´Ï¸ÞÀÌ¼Ç (»ç¿ëÄÚµå)*/
.mk_tg35 {padding-right: 18px;}
.mk_tg35::after {content: "UP"; position: absolute; bottom: 0; right: 0; color: #ff6d44; font-size: 10px; font-weight: bold; animation: upTextAni 1.5s ease infinite; animation-iteration-count: infinite; font-family: "Montserrat", "Noto Sans KR", sans-serif;}

/* ÆùÆ®ÀÚ°£¼öÁ¤ Ŭ·¡½º (»ç¿ëÄÚµå)*/
.mk_tg04 {word-spacing: -2px;}

@keyframes upTextAni {
    0% {
        bottom: -2px;
    }
    100% {
        bottom: 3%;
    }
}


.hd_bt [href="javascript:;"] {cursor: default;}
.hd_sticky {position: sticky; top: 0; left: 0; width: 100%; z-index: 1000; background: #fff;}

#headerWrap {background: #fff;}
#headerWrap .lineb {
    position: relative; 
    height: 44px; 
    line-height: 44px; 
    background-color: #a47764; 
    color: #ffffff; 
    font-weight: 400; 
    font-size: 14px; 
    text-align: center; 
    min-width: 1320px; 
    z-index: 10000;
}
#headerWrap .lineb p {text-transform: uppercase;}
#headerWrap .lineb .swiper-slide { background-color: #a47764; }
#headerWrap .lineb .swiper-slide a {color: #ffffff; font-weight: 400; font-size: 14px; display: block; line-height: 44px;}
#headerWrap .select {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 58px;
    border: none;
    color: #ffffff;
    letter-spacing: 0.02em;
    font-weight: 400;
    font-size: 13px;
    height: 100%;
    background: transparent !important;
    z-index: 999;
    cursor: pointer;
}
#headerWrap .select ul {
    display: none;
    background: #fff;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    padding: 15px 8px 15px 16px;
    top: 38px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
}
#headerWrap .select ul li {
    text-align: left;
    margin-bottom: 16px;
    line-height: 1;
}
#headerWrap .select ul li:last-child {
    margin-bottom: 0;
}
#headerWrap .select ul li a {
    color: #4e4e4e;
    letter-spacing: 0.02em;
    font-weight: 400;
    font-size: 13px;
    display: block;
}
#headerWrap .select p {
    font-size: 0;
    position: relative;
}
#headerWrap .select p img {
    vertical-align: middle;
}
#headerWrap .select span {
    margin: 0 7px 0 12px;
    color: #ffffff;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    vertical-align: middle;
}
#headerWrap .select ul li a img {
    width: 30px;
    margin-right: 8px;
    border: 1px solid #ccc;
}

.lineb .arrow {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    width: 970px;
    height: 0;
    z-index: 500;
}
.lineb .arrow .swiper-button-next:after,
.lineb .arrow .swiper-button-prev:after {
    display: none;
}
.lineb .arrow .swiper-button-next,
.lineb .arrow .swiper-button-prev {
    width: 9px;
    height: 17px;
}
.lineb .arrow .swiper-button-next {
    background: url(/design/jstyle07/wib/img/rightarrow.svg) no-repeat;
    right: 0;
    top: 14px;
}
.lineb .arrow .swiper-button-prev {
    background: url(/design/jstyle07/wib/img/leftarrow.svg) no-repeat;
    left: 0;
    top: 14px;
}


/*Ŭ¸¯ Ä«Å×*/
.ac_red {color: red;}

/*Çì´õ Ä«Å×°í¸®*/
.all_cate_wrap .cate {
    display: none;
    position: absolute;
    background: #fff;
    width: 100%;
    height: 640px;
    left: 0;
}
.hd_bt {
    max-width: 1670px;
    box-sizing: border-box;
    font-size: 0;
    margin: 0 auto;
    display: flex;
    padding: 6px 33px 0 20px;
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 7;
    text-align: center;
}
.hd_bt > ul {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    flex: none;
    font-size: 0;
    letter-spacing: 0;
    width: auto;
}
.hd_bt ul > span {
    display: block;
    height: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}
.hd_bt ul:nth-child(2) {
    font-size: 0;
    padding: 0 30px;
    box-sizing: border-box;
    transition: padding 0.3s;
}
.hd_bt ul li.mi ul {
    height: auto;
    padding: 0 12px;
    width: 105px;
    border: 0px solid #e3e3e3;
}
.hd_bt .login ul:nth-child(2) {
    padding: 0 12px;
    width: 105px;
    border: 0px solid #e3e3e3;
}
.hd_bt ul:nth-child(2) li {
    position: relative;
    text-align: left;
    margin-right: 16px;
}
.hd_bt ul:nth-child(2) li.hamberger {
    cursor:pointer;
    width: 24px;
    height: 17px;
    background: url(/design/jstyle07/wib/img_pc/icon/ham_menu.png) no-repeat;
}
.hd_bt ul:nth-child(2) li.hamberger.open {
    width: 24px;
    height: 18px;
    background: url(/design/jstyle07/wib/img_pc/icon/ham_close.png) no-repeat;
}
.hd_bt ul:nth-child(2) li.all_cate_wrap {
    position: initial !important;
}
.hd_bt ul:nth-child(2) li:last-child {
    margin-right: 0;
}
.hd_bt ul:nth-child(2) li a {
    color: #1b1b1b;
    letter-spacing: 0.02em;
    font-weight: 600;
    font-size: 14px;
}
.hd_bt ul:nth-child(2) li a .textChange2 {
    width: 100px;
    text-align: center;
}
.hd_bt li.hoverm {
    position: relative;
}
.hd_bt li.hoverm ul {
    position: absolute;
    top: 67px;
    left: 50%;
    transform: translateX(-50%);
    border: 0px solid #e3e3e3;
    background: #ffffff;
    border-radius: 8px;
    width: 130px; /* 105px */
    height: 0;
    padding: 0 12px;
    transition-duration: 0.2s;
    overflow: hidden;
    box-sizing: border-box;
}
.hd_bt li.hoverm ul.over {
    height: 200px;
    padding: 0;
    transition-duration: 0.2s;
    padding: 15px 12px;
    border: 1px solid #e3e3e3;
}
.hd_bt li.hoverm ul li {
    display: block;
    margin: 0;
    text-align: center;
    height: auto;
    line-height: 1;
    margin-bottom: 16px;
}
.hd_bt li.hoverm ul li:last-child {
    margin-bottom: 0;
}

.hd_bt li.hoverm ul li a {
    height: auto;
    line-height: 1;
    color: #4e4e4e;
    letter-spacing: -0.02em;
    font-weight: 400;
}
.hd_bt ul:nth-child(3) {
    box-sizing: border-box;
    margin-left: auto;
    transition: margin .3s;
}
.hd_bt ul:nth-child(3) li {
    width: auto;
    height: 100%;
    margin-right: 16px;
    display: inline-block;
}
.hd_bt ul:nth-child(3) li a {
    line-height: 80px;
    color: #4e4e4e;
    letter-spacing: -0.02em;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
}
.hd_bt ul:nth-child(3) li:last-child {
    margin-right: 0;
}

/*Çì´õ °Ë»öâ*/
.sch_box {
    height: 80px;
    vertical-align: middle;
    position: relative;
}
.sch_box form {
    line-height: 80px;
}
.sch_box input {
    width: 215px;
    height: 37px;
    border: none;
    background: #f6f6f6;
    border-radius: 500px;
    padding: 0 15px;
    box-sizing: border-box;
    margin: 0 15px 0 14px;
}
.sch_box input::placeholder {
    color: #9c9c9c;
    letter-spacing: -0.02em;
    font-weight: 400;
    font-size: 13px;
}
.sch_box .sch_btn {
}

/*Çܹö°Å*/
.all_cate_wrap .cate {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.all_cate_wrap .cate ul {
    display: inline-block;
}
.all_cate_wrap .cate ul:nth-child(1) {
    background: #f8f8f8;
    padding: 40px 0 40px 80px;
    box-sizing: border-box;
    width: 33%;
    height: 100%;
    margin-right: 0;
}
.all_cate_wrap .cate ul:nth-child(1) li:nth-child(1) {
    margin-right: 70px;
}
.all_cate_wrap .cate ul:nth-child(1) li:nth-child(2) {
    margin-right: 70px;
}
.all_cate_wrap .cate ul:nth-child(1) li:nth-child(1) a:nth-child(1) {
    color: #640585;
    letter-spacing: 0.02em;
    font-weight: 600;
    font-size: 16px;
}
.all_cate_wrap .cate ul:nth-child(1) li:nth-child(2) a:nth-child(1) {
    color: #1b1b1b;
    letter-spacing: -0.02em;
    font-weight: 600;
    font-size: 16px;
}
.all_cate_wrap .cate ul:nth-child(1) li:nth-child(3) a:nth-child(1) {
    color: #1b1b1b;
    letter-spacing: -0.02em;
    font-weight: 600;
    font-size: 16px;
}
.all_cate_wrap .cate ul:nth-child(1) li a {
    color: #8a8a8a;
    letter-spacing: -0.02em;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 20px;
}
.all_cate_wrap .cate ul:nth-child(2) {
    width: 67%;
    height: 100%;
    margin: 0;
    vertical-align: top;
    padding: 40px 40px 50px;
    box-sizing: border-box;
    flex-wrap: wrap;
    white-space: initial;
    text-align: left;
    line-height: 1;
}
.all_cate_wrap .cate ul:nth-child(2) li {
    width: 14.28%;
    height: auto;
    vertical-align: top;
    margin-right: 0;
}
.all_cate_wrap .cate ul:nth-child(2) li a {
    color: #8a8a8a;
    letter-spacing: -0.02em;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 15px;
}
.all_cate_wrap .cate ul:nth-child(2) li a:first-child {
    color: #1b1b1b;
    letter-spacing: -0.02em;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 20px;
}
.all_cate_wrap .cate ul li {
    height: 100%;
    line-height: 1;
}
.all_cate_wrap .cate ul li a {
    display: block;
    height: auto;
    line-height: 1;
}

/* ´Ùã´Ù °Ë»ö ÆÄÀδõ */
#allfinder-layer {
    display: none;
    z-index: 100000;
    position: fixed;
    top: 50%;
    margin-top: -350px;
    margin-left: -600px;
    _overflow: hidden;
    width: 1200px;
    zoom: 1;
    left: 50%;
}
#allfinder-layer .finder-body {
    z-index: 1;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    background: #fff;
}
#allfinder-layer .finder-body .finder-close {
    position: absolute;
    top: 5px;
    right: -55px;
}
#allfinder-layer .finder-body .finder-close i {
    font-size: 36px;
    color: #fff;
}

#allfinder-ctr {
    /* z-index: 10000; position: fixed; top: 50px; right: 0; width: 103px; height:86px;*/
}
#allfinder-ctr a {
    /*display:block; width:100%; height:100%; background:url('/images/common/allfinder_ctrl_pc.png') no-repeat right top; border:none; outline:none; font-size:0;*/
}

.all-finder-layer .finder-body .finder-tbl table {
    border-top: 1px solid #000;
    border-bottom: 1px solid #dddddd;
}
.all-finder-layer .finder-body .finder-tbl th,
.all-finder-layer .finder-body .finder-tbl td {
    height: 40px;
    border-top: 1px solid #e5e5e5;
    font-size: 14px;
    color: #000;
}
.all-finder-layer .finder-body .finder-tbl tr:first-child th,
.all-finder-layer .finder-body .finder-tbl tr:first-child td {
    border-top: none;
}
.all-finder-layer .finder-body .finder-tbl th {
    padding: 10px 0 10px 20px;
    background: #f8f8f8;
    text-align: left;
    vertical-align: middle;
    font-weight: 600;
}
.all-finder-layer .finder-body .finder-tbl th .txt-l {
    position: relative;
}
.all-finder-layer .finder-body .finder-tbl th .txt-l .fa {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px;
}
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-tooltip-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 22px;
    border: 1px solid #cecece;
    border-radius: 20px;
    color: #666;
    font-size: 11px;
    background: #fff;
    text-align: center;
    outline: none;
}
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer {
    display: none;
    position: absolute;
    top: 33px;
    left: 52px;
    width: 270px;
    padding: 0 20px 18px;
    border: 1px solid #000;
    background: #fff;
    text-align: left;
    font-weight: normal;
    color: #000;
    z-index: 1;
}
.all-finder-layer
    .finder-body
    .finder-tbl
    th
    .txt-l
    .finder-comm-layer
    .finder-btn-close {
    display: inline-block;
    position: absolute;
    top: 14px;
    right: 20px;
    margin: 0;
    font-size: 21px;
    color: #000;
    outline: none;
    *width: 19px;
    *height: 22px;
    *background: url("/images/common/btn_h11_close.gif") no-repeat center center;
}
.all-finder-layer
    .finder-body
    .finder-tbl
    th
    .txt-l
    .finder-comm-layer
    .finder-layer-tit {
    padding: 18px 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
}
.all-finder-layer
    .finder-body
    .finder-tbl
    th
    .txt-l
    .finder-comm-layer
    .finder-layer-cnt {
    padding-top: 16px;
    line-height: 1.5;
    font-size: 13px;
}
.all-finder-layer .finder-body .finder-tbl td {
    padding: 10px 20px;
}
.all-finder-layer .finder-body .txt-input {
    height: 21px;
    line-height: 21px;
    padding: 0 5px;
    font-size: 13px;
    font-family: "Malgun Gothic";
}
.all-finder-layer .finder-body .finder-category {
    height: 40px;
    overflow: hidden;
}
.all-finder-layer .finder-body .finder-category.open {
    height: 100%;
    overflow: visible;
}
.all-finder-layer .finder-body tr.finder-child-category {
    display: none;
}
.all-finder-layer .finder-body tr.finder-child-category th,
.all-finder-layer .finder-body tr.finder-child-category td {
    border-top: none;
}
.all-finder-layer .finder-body tr.finder-child-category td {
    background: #fbfbfb;
}
.all-finder-layer
    .finder-body
    tr.finder-child-category
    td
    .finder-category2
    .finder-cate2 {
    display: inline-block;
    margin: 3px 5px 3px 0;
    padding: 5px 10px;
    cursor: pointer;
    line-height: 22px;
    vertical-align: top;
    word-break: break-all;
    color: #9a9a9a;
}
.all-finder-layer
    .finder-body
    tr.finder-child-category
    td
    .finder-category2
    .finder-cate2
    .fa-check {
    display: none;
}
.all-finder-layer
    .finder-body
    tr.finder-child-category
    td
    .finder-category2
    .finder-cate2.on {
    font-weight: bold;
    color: #000;
    border: 0;
    border-radius: 0;
    box-shadow: unset;
}
.all-finder-layer
    .finder-body
    tr.finder-child-category
    td
    .finder-category2
    .finder-cate2.on
    .fa-check {
    display: inline-block;
    margin-right: 3px;
}

.all-finder-layer .finder-body .finder-color {
    padding-left: 10px;
}
.all-finder-layer .finder-body .finder-price .finder-price-input {
    display: inline-block;
    padding-top: 5px;
}
.all-finder-layer .finder-body .finder-price .finder-price-input label {
    display: inline-block;
    width: 138px;
    border: 1px solid #dddddd;
    color: #111;
    height: 38px;
    font-size: 13px;
    line-height: 38px;
}

.all-finder-layer
    .finder-body
    .finder-price
    .finder-price-input
    label
    .txt-input {
    display: inline-block;
    width: 110px;
    height: 38px;
    line-height: 38px;
    vertical-align: top;
    padding: 0;
    border: none;
    background: none;
    color: #333;
    text-align: right;
}

.all-finder-layer .finder-body .finder-search {
    position: relative;
    _padding-left: 5px;
}
.all-finder-layer .finder-body .finder-search label {
    display: inline-block;
    width: 398px;
    border: 1px solid #dddddd;
}
.all-finder-layer .finder-body .finder-search label .txt-input {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border: none;
    background: none;
    color: #333;
    text-align: left;
    text-indent: 5px;
}
.all-finder-layer .finder-body .finder-btn-c {
    padding: 30px 0 0;
    text-align: center;
}
.all-finder-layer .finder-body .finder-btn-c a.reset {
    display: inline-block;
    width: 240px;
    height: 50px;
    line-height: 50px;
    border: none;
    background: #999;
    color: #fff;
    font-size: 15px;
    margin-right: 10px;
}
.all-finder-layer .finder-body .finder-btn-c button {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 240px;
    padding: 0 30px;
    *padding: 0;
    border: none;
    background: #000;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

.all-finder-layer .finder-body .finder-btn-c button i {
    margin-right: 2px;
    font-size: 16px;
}
.all-finder-layer .finder-body .finder-btn-c button span.ico-search {
    visibility: visible;
    display: inline-block;
    width: 16px;
    height: 15px;
    margin-right: 10px;
    margin-top: -4px;
    *margin-top: 0;
    vertical-align: middle;
    background: url("/images/common/btn_h15_search.png") no-repeat 0 0;
}
.all-finder-layer .finder-body .finder-btn-c button span.finder-count {
    visibility: visible;
    display: inline-block;
    height: 60px;
    color: #ffd800;
    font-weight: bold;
    color: #ffd800;
    *vertical-align: middle;
}
.all-finder-layer .finder-body .finder-btn-c button span.finder-count-toggle {
    visibility: visible;
    display: none;
}

.all-finder-layer .finder-body .finder-options {
    display: inline-block;
    margin: 3px 5px 3px 0;
    padding: 5px 10px;
    cursor: pointer;
    line-height: 22px;
    border: 1px solid #e8e8e8;
    vertical-align: top;
    border-radius: 16px;
    word-break: break-all;
}

.all-finder-layer .finder-body .finder-options.on {
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 20px;
    box-shadow: 2px 2px 3px #d2d2d2;
}
.all-finder-layer .finder-body .finder-option-color em {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 20px;
    font-size: 0;
    vertical-align: top;
}
.all-finder-layer .finder-body .finder-option-color.color-picker {
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
}
.all-finder-layer .finder-body .finder-option-color.color-picker.on {
    border: none;
}
.all-finder-layer .finder-body .finder-option-color.color-picker .fa-check {
    display: none;
    width: 22px;
    height: 22px;
    margin-top: -17px;
    color: #fff;
    text-align: center;
}
.all-finder-layer .finder-body .finder-option-color.color-picker.on .fa-check {
    display: block;
}
.all-finder-layer
    .finder-body
    .finder-option-color.color-picker.on.finder-option-color-white
    .fa-check {
    color: #000;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-black
    em {
    background-color: #000;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-white
    em {
    background-color: #fff;
    width: 20px;
    height: 20px;
    border: 1px solid #e5e5e5;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-gray
    em {
    background-color: #808080;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-beige
    em {
    background-color: #e5d0b2;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-brown
    em {
    background-color: #aa6810;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-navy
    em {
    background-color: #425583;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-blue
    em {
    background-color: #0000ff;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-light-blue
    em {
    background-color: #62acff;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-red em {
    background-color: #ff0000;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-orange
    em {
    background-color: #ffa500;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-yellow
    em {
    background-color: #ffff00;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-pink
    em {
    background-color: #ffc0cb;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-purple
    em {
    background-color: #800080;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-jaju
    em {
    background-color: #a63f7f;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-khaki
    em {
    background-color: #2f5e2f;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-green
    em {
    background-color: #008000;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-light-green
    em {
    background-color: #72dd95;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-silver
    em {
    background-color: #dfdfdf;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-gold
    em {
    background-color: #cfbc4e;
}
.all-finder-layer
    .finder-body
    .finder-option-color.finder-option-color-apricot
    em {
    background-color: #fbceb1;
}

.all-finder-layer .finder-body .search-auto-complete-list {
    display: none;
    z-index: 1;
    position: absolute;
    top: 30px;
    left: 5px;
    border: 1px solid #ddd;
    line-height: 14px;
    background: #fff;
}
.all-finder-layer .finder-body .search-auto-complete-list ul {
    width: 340px;
    padding: 4px 0 6px;
    border-bottom: 1px solid #ddd;
}
.all-finder-layer .finder-body .search-auto-complete-list ul li {
    text-align: left;
}
.all-finder-layer .finder-body .search-auto-complete-list ul li.on {
    background: #f3f3f3;
}
.all-finder-layer .finder-body .search-auto-complete-list ul li a {
    display: block;
    padding: 8px 14px 7px;
    color: #000;
    background: none;
    font-family: "dotum";
    font-size: 12px;
    letter-spacing: -1px;
}
.all-finder-layer .finder-body .search-auto-complete-list ul li a strong {
    color: #ab3e41;
}
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover {
    background: #f2f2f2;
}
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover span {
    border-bottom: 1px solid #000;
}
.all-finder-layer .finder-body .search-auto-complete-list .search-list-close {
    display: block;
    padding: 10px 11px;
    text-align: right;
    color: #999;
    font-size: 11px;
}

.all-finder-layer .finder-body .finder-search-data .finder-options {
    border: 1px solid #e5e5e5;
    box-shadow: none;
}
.all-finder-layer .finder-body .finder-search-data .finder-options .fa-close {
    margin-left: 10px;
    color: #999;
}


/*  °øÅë ·¹À̾ƿô ½ºÅ¸ÀÏ ¼¼Æà */
.fleft {
    float: left !important;
}
.fright {
    float: right !important;
}
.pdn {
    padding: 0 !important;
}
.mgn {
    margin: 0 !important;
}
.dpn {
    display: none !important;
}
.dpb {
    display: block !important;
}
.bdn {
    border: 0 !important;
}
.ofh {
    overflow: hidden;
}
.cleth {
    clear: both !important;
}
.bold {
    font-weight: 700 !important;
}
.cut_lay {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
.slick-slide img:focus {
    outline: none;
}

/* Æò»ýȸ¿ø Æ˾÷ »çÀÌÁî */
iframe#loginlifetime {width: 482px !important; height: 582px !important;}

/* °øÅë Æ÷ÀÎÆ® Ä÷¯ ÀÏ°ýº¯°æ */
.point_bg,
.slick-dots li.slick-active,
.gb_wrap .list_box ul li a:hover,
.gb_wrap .list_box ul li a.on,
#lifetimeService .btns a.btn-submit,
.fix_buy_btn {
    background-color: #640585 !important;
}
.point_color,
.hd_bt > .cut_lay > ul > li > a.on_page,
#scroll-right .side-menu .side-menu-inner a:hover,
#footerWrap .cs_wrap .tell > a,
.real_size_wrap h3.title.on,
.del_notice_wrap h3.title.on,
#productDetail .detailTab ul li a.active,
#faqWrap .faq-menu li.now a,
#aside .lnb li.on_page a {
    color: #640585 !important;
}
.point_border,
.pro_best_inner .slick-dots li.slick-active,
.cate-list-wrap ul li:hover a,
.cate-list-wrap ul li.on a,
#productDetail .detailTab ul li a.active,
#faqWrap .faq-menu li.now a,
#faqWrap .faq-menu li.now a,
#lifetimeService .btns a.btn-submit,
.jtv_menu li a.on,
.pro_best_tab div.on {
    border-color: #640585 !important;
}
/* °øÅë Æ÷ÀÎÆ® Ä÷¯ ÀÏ°ýº¯°æ ³¡ */

/* °øÅë ½½¶óÀ̵å ÆäÀÌ¡ */
.slick-dots {
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
}
.slick-arrow,
.slick-dots li {
    font-size: 0;
    text-indent: -9999px;
}
.slick-dots li {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    opacity: 0.5;
    border-radius: 50%;
    margin: 0 4px;
    padding: 0;
    cursor: pointer;
    width: 12px;
    height: 12px;
}
.slick-dots li.slick-active {
    background: #640585;
    opacity: 1;
}
.slick-arrow {
    position: absolute;
    top: 46%;
    z-index: 4;
    width: 29px;
    height: 56px;
}
.slick-prev {
    left: 5%; /*margin-left:-645px;*/
    background: url(http://jstyle07.jpg3.kr/SITE_2018/IMG/ms_prev.png) no-repeat;
    background-size: 100% 100%;
}
.slick-next {
    right: 5%; /*margin-right:-645px;*/
    background: url(http://jstyle07.jpg3.kr/SITE_2018/IMG/ms_next.png) no-repeat;
    background-size: 100% 100%;
}
.slick-prev:focus,
.slick-next:focus {
    outline: none;
}



/*** »ó´Ü¿µ¿ª ***/
/* ÃÖ»ó´Ü ¶ì¹è³Ê */
.hd_top_ban {
    position: relative;
    z-index: 99;
    overflow: hidden;
    min-height: 37px;
    max-height: 54px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    height: auto;
    display: block;
} /*Çø³ ¿ÀÇÂÇÒ¶© none¿¡¼­ blockÀ¸·Î ¼öÁ¤, Çø³ ¹Ì»ç¿ë ½Ã block¿¡¼­ noneÀ¸·Î ¼öÁ¤*/
.hd_top_ban .flipper_inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    height: 0;
    padding-bottom: 2.8125%;
    display: block;
    overflow: hidden;
}
.hd_top_ban .chx_box {
    z-index: 2;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 10%; /*margin-right:-700px;*/
    color: #3f3f3f;
    font-size: 12px;
}
.hd_top_ban .chx_box input {
    margin-right: 7px;
}
.hd_top_ban .close_btn {
    z-index: 2;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 9%; /*margin-right:-715px;*/
    width: 10px;
    height: 10px;
    cursor: pointer;
}
.hd_top_ban .close_btn img {
    width: 10px;
}
.hd_top_ban .animationFrontBanner a,
.hd_top_ban .animationFrontBanner a img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    min-height: 37px;
    max-height: 54px;
    display: block;
    overflow: hidden;
}
.hd_top_ban .front.animationFrontBanner {
    vertical-align: middle;
}
.hd_top_ban .flipper_inner .slick-arrow {
    top: 27%;
    width: 10px;
    height: 20px;
    background: url(http://jstyle07.jpg3.kr/SITE_2018/IMG/arrow_flip_ch_pc.png)
        no-repeat;
    background-size: 100% 100%;
    opacity: 0.3;
}
.hd_top_ban .flipper_inner .slick-arrow.slick-prev {
    transform: rotate(180deg);
}

/* ·Î±×ÀÎ °ü·Ã¸Þ´º¿µ¿ª */
.hd_top {
    border-bottom: 1px solid #ededed;
    height: 50px;
    background: #fff;
}
.hd_top,
.hd_top .cut_lay,
.hd_top ul li.sns_wrap ul li {
    position: relative;
}
.hd_top .fleft {
    position: absolute;
    left: 0;
    top: 0;
}
.hd_top .fright {
    position: absolute;
    right: 0;
    top: 0;
}
.hd_top .fix_logo {
    width: 75px;
    text-align: center;
    display: none;
    margin: 0 auto;
    padding: 10px 0; /*padding:14px 0*/
} /*¾ÆÀÎ width:75px;*/
.hd_top,
.hd_top .fix_logo img {
    width: 100%;
}
.hd_top ul {
    font-size: 0;
    letter-spacing: 0;
}
.hd_top ul li {
    display: inline-block;
    vertical-align: top;
}
.hd_top ul li a {
    margin: 0 10px;
    font-size: 13px;
    color: #000;
    padding: 17px 0;
    display: block;
}
.hd_top ul li:first-child a {
    margin-left: 0;
}
.hd_top ul li.gb_wrap a img {
    padding-top: 1px; /*width:15px;*/
}
.hd_top ul li.sch a img {
    padding-top: 3px;
    width: 12px;
}
.hd_top ul li.sns_wrap ul > li > a {
    margin: 0 5px;
    position: relative;
    width: 22px;
    height: 22px;
    padding: 14px 0;
    cursor: default;
}
.hd_top ul li.sns_wrap ul li .insta_wrap,
.hd_top ul li.sns_wrap ul li .insta_wrap p a,
.hd_top ul li.sns_wrap ul > li > a img {
    padding: 0;
    transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -ms-transition: all 0.35s;
}
.hd_top ul li.sns_wrap ul > li > a img {
    position: absolute;
}
.hd_top ul li.sns_wrap ul > li:hover > a img.off,
.hd_top ul li.sns_wrap ul > li > a img.on {
    opacity: 0;
}
.hd_top ul li.sns_wrap ul > li:hover > a img.on {
    opacity: 1;
}
.hd_top ul li.sns_wrap ul li .insta_wrap {
    position: absolute;
    top: 52px;
    left: 5px;
    border: 1px solid #ededed;
    width: 112px;
    background: #fff;
    padding: 7px 0;
    opacity: 0;
    visibility: hidden;
}
.hd_top ul li.sns_wrap ul li:hover .insta_wrap {
    opacity: 1;
    visibility: visible;
    top: 42px;
}
.hd_top ul li.sns_wrap ul li .insta_wrap p {
    padding: 0 10px;
}
.hd_top ul li.sns_wrap ul li .insta_wrap p a {
    font-size: 12px;
    line-height: 22px;
    margin: 0;
}
.hd_top ul li.sns_wrap ul li .insta_wrap p:hover a {
    text-indent: 5px;
    text-decoration: underline;
}

/* ·Î°í¿µ¿ª */
.hd_mid {
    text-align: center;
}
.hd_mid .logo_wrap {
    padding: 50px 0 5px;
    width: 140px;
    margin: 0 auto;
}
.hd_mid .logo_wrap a img {
    width: 100%;
}

/* »óÇ° Ä«Å×°í¸® ¿µ¿ª */
.hd_bt ul > li {
    display: inline-block;
    vertical-align: middle;
    line-height: 80px;
    height: 80px;
} 
.hd_bt ul > li.small_logo {
    display:none;
}
/*  220512   18.5px ³Ö±â º¯°æ ´Ù¹Ì ½Â¿¬ */
.hd_bt ul > li > a {
    font-size: 15px;
    line-height: 80px;
    height: 80px;
}
.hd_bt ul > li a > img {
    vertical-align: middle;
}

/* »ó´Ü 1ÃÊ È¸¿ø°¡ÀÔ */
.hd_bt ul.iconbox > li:nth-child(3):hover > p {
    animation-name: move;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.hd_bt ul.iconbox > li:nth-child(3) > p {
    position: absolute;
    left: 50%;
    bottom: 70%;
    transform: translateX(-50%);
    background: #f7e600;
    border-radius: 9999px;
    padding: 5px 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
}

.hd_bt ul.iconbox > li:nth-child(3) > p::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 5px solid #f7e600;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 0px solid transparent;
}

@keyframes move {
    0% {
        bottom: 70%;
    }

    12.5% {
        bottom: 65%;
    }

    25% {
        bottom: 70%;
    }

    37.5% {
        bottom: 65%;
    }

    50% {
        bottom: 70%;
    }

    100% {
        bottom: 70%;
    }
}

/* ÀüüīÅ×°í¸® */
.all_cate_wrap .all_btn {
    display: block;
    margin-right: 25px;
    position: relative;
    width: 24px;
    height: 100%;
}
.all_cate_wrap .all_btn span {
    display: block;
    width: 24px;
    height: 2px;
    background: #1b1b1b;
    position: absolute;
    left: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.all_cate_wrap .all_btn .line01 {
    top: 29px;
}
.all_cate_wrap .all_btn .line02 {
    top: 38px;
}
.all_cate_wrap .all_btn .line03 {
    top: 47px;
}
.all_cate_wrap .all_btn:hover .line01 {
    width: 8px;
}
.all_cate_wrap .all_btn:hover .line02 {
    width: 6px;
}
.all_cate_wrap .all_btn:hover .line03 {
    width: 12px;
}
.all_cate_wrap .all_inner {
    width: 100%;
    background: #fff;
    position: absolute;
    top: 54px;
    left: 0;
    min-height: 550px;
    z-index: 1;
    border-bottom: 1px solid #ddd;
    display: none;
    border-top: 1px solid #ccc;
}
.all_cate_wrap .all_btn.on .line01 {
    width: 12px !important;
    top: 26px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.all_cate_wrap .all_btn.on .line02 {
    display: none;
}
.all_cate_wrap .all_btn.on .line03 {
    width: 12px !important;
    top: 26px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.all_cate_wrap .all_inner .cut_lay {
    padding: 30px 0;
}
.all_cate_wrap .all_inner ul {
    font-size: 0;
    letter-spacing: 0;
}
.all_cate_wrap .all_inner ul li {
    position: relative;
    width: 16%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin: 0;
    padding-bottom: 18px;
}
.all_cate_wrap .all_inner ul:first-child li:after {
    content: "";
    display: block;
    width: 1px;
    height: 610px;
    position: absolute;
    left: 0;
    top: 0;
    background: #ececec;
} /* Àüü¸Þ´º ¼öÁ÷¼± */
.all_cate_wrap .all_inner ul li a {
    display: block;
    padding-left: 22px;
    font-size: 12px;
    line-height: 24px;
    color: #454545;
    transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -ms-transition: all 0.35s;
}
.all_cate_wrap .all_inner ul li a:hover {
    color: #000;
    text-decoration: underline;
}
.all_cate_wrap .all_inner ul li a.first {
    font-size: 14px;
    color: #000;
    margin-bottom: 8px;
    text-decoration: none !important;
    font-weight: 700;
}

/* ±Û·Î¹ú Æ˾÷ ¿µ¿ª */
.gb_wrap .gb_inner {
    position: fixed;
    width: 383px;
    height: 316px;
    padding: 60px 45px;
    background: #fff;
    z-index: 10;
    border: 1px solid #222;
    margin-left: -237px;
    margin-top: -219px;
    left: 50%;
    top: 50%;
    display: none;
}
.gb_wrap .close_btn {
    top: 20px;
    right: 30px;
    position: absolute;
    cursor: pointer;
}
.gb_wrap .gb_hd {
    text-align: center;
    margin-bottom: 43px;
    font-size: 13px;
}
.gb_wrap .gb_hd .txt01 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}
.gb_wrap .gb_hd .txt01 img {
    padding-right: 10px;
}
.gb_wrap .text_box {
    width: 100%; /*background:#f5f5f5;*/
    padding: 20px 0;
    margin-top: 12px;
    text-align: center;
    font-size: 13px;
}
.gb_wrap .list_box {
    position: relative;
}
.gb_wrap .list_box .select {
    height: 46px;
    border: 1px solid #ddd;
    line-height: 46px;
    font-size: 13px;
    color: #2e2e2e;
    text-indent: 15px;
    background: url(/design/jstyle07/wib/img_pc/icon/list_arrow_bt.png)
        no-repeat;
    background-position: center right 15px;
    cursor: pointer;
}
.gb_wrap .list_box .select.on {
    background: url(/design/jstyle07/wib/img_pc/icon/list_arrow_top.png)
        no-repeat;
    background-position: center right 15px;
}
.gb_wrap .list_box ul {
    position: absolute;
    width: 100%;
    top: 46px;
    border: 1px solid #ddd;
    margin-top: -1px;
    text-indent: 15px;
    box-sizing: border-box;
    background: #fff;
    border-top: 0;
    padding: 0 0 6px;
    display: none;
}
.gb_wrap .list_box ul li {
    font-size: 12px;
    line-height: 23px;
    display: block;
}
.gb_wrap .list_box ul li a {
    padding: 0;
    margin: 0;
    line-height: 23px;
    transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -ms-transition: all 0.35s;
    cursor: pointer;
}
.gb_wrap .go_btn,
.gb_wrap .list_box ul li a.on,
.gb_wrap .list_box ul li a:hover {
    background: #640585;
    color: #fff;
}
.gb_wrap .go_btn {
    width: 100%;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-top: 13px;
}
.gb_wrap .go_btn a {
    color: #fff;
}
.gb_wrap .ws_btn {
    width: 100%;
    font-size: 15px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    margin-top: 13px;
    background: white;
    color: #640585;
    border: 1px solid #640585;
}
.gb_wrap .ws_btn a {
    color: #640585;
    padding: 16px 0;
}

/** »ó´Ü °íÁ¤½Ã **/
.hd_top.fixed {
    position: fixed;
    top: 0;
    z-index: 10;
}
.hd_bt.fixed {
    position: fixed;
    top: 50px;
    z-index: 9;
    border-top: 1px solid #ededed;
}
.hd_top.fixed .fix_logo {
    display: block;
}

.ws-menu {
    margin-bottom: 10px;
}
.ws-menu > a {
    display: block;
    color: #640585;
    font-size: 15px;
}
.ws-menu > a > img {
    margin-top: 6px;
    width: inherit;
}

/* ½ºÅ©·Ñ ž ¹öÆ° */
#scroll-right .scroll_top {
    width: 40px;
    height: 40px;
    position: absolute;
    left: -55px;
    bottom: 85px;
    cursor: pointer;
}
#scroll-right .scroll_btm {
    width: 40px;
    height: 40px;
    position: absolute;
    left: -55px;
    bottom: 40px;
    cursor: pointer;
    transform: rotate(180deg);
}
#scroll-right .scroll_top img,
#scroll-right .scroll_btm img {
    width: 100%;
}

/* ±âº» Ãø¸é¸Þ´º °¡¸®±â */
#aside {
    display: none;
}

/*190322 »ó´ÜÄ«Å×°í¸® NEW ¾ÆÀÌÄÜ Ãß°¡ */

#scroll-right .icon_new {
    margin-left: 1px;
}
.icon_last {
    width: 6px;
    height: 6px;
    background: red;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 11px;
    margin-left: 1px;
}

.allMenuBox .w1800 > div.section01 > ul {
    height: 585px;
    overflow: auto;
    padding-right: 20px;
}

/* ¾Æ·¡ÀÇ ¸ðµç ÄÚµå´Â ¿µ¿ª::ÄÚµå·Î »ç¿ë */
.allMenuBox .w1800 > div.section01 ul.gnb::-webkit-scrollbar {
    width: 8px; /* ½ºÅ©·Ñ¹ÙÀÇ ³Êºñ */
}

.allMenuBox .w1800 > div.section01 ul.gnb::-webkit-scrollbar-thumb {
    height: 30%; /* ½ºÅ©·Ñ¹ÙÀÇ ±æÀÌ */
    background: #e9e9e9; /* ½ºÅ©·Ñ¹ÙÀÇ »ö»ó */
    border-radius: 10px;
}
.allMenuBox .w1800 > div.section01 ul.gnb:hover::-webkit-scrollbar-thumb {
    background: #e5e5e5;
}

.allMenuBox .w1800 > div.section01 ul.gnb::-webkit-scrollbar-track {
    background: #ededed60; /*½ºÅ©·Ñ¹Ù µÞ ¹è°æ »ö»ó*/
    border-radius: 10px;
}

.allMenuBox .w1800 > div.section02::-webkit-scrollbar {
    width: 7px; /* ½ºÅ©·Ñ¹ÙÀÇ ³Êºñ */
}

.allMenuBox .w1800 > div.section02::-webkit-scrollbar-thumb {
    height: 30%; /* ½ºÅ©·Ñ¹ÙÀÇ ±æÀÌ */
    background: #e9e9e9; /* ½ºÅ©·Ñ¹ÙÀÇ »ö»ó */
    border-radius: 10px;
}
.allMenuBox .w1800 > div.section02:hover::-webkit-scrollbar-thumb {
    background: #e5e5e5;
}

.allMenuBox .w1800 > div.section02::-webkit-scrollbar-track {
    background: #ededed60; /*½ºÅ©·Ñ¹Ù µÞ ¹è°æ »ö»ó*/
    border-radius: 10px;
}

/*Çܹö°Å ¸Þ´º*/
.allMenuBox,
.allMenuBox * {
    box-sizing: border-box;
}

.allMenuBox .w1800 {
    font-size: 0;
    padding: 30px 0 40px;
    width: 100% !important;
}
.allMenuBox .w1800 > div[class^="section"] {
    display: inline-block;
    height: 640px;
    vertical-align: top;
    border-right: 1px solid #ddd;
    padding: 0 40px;
}

.allMenuBox .w1800 > div[class^="section"]:nth-last-child(1) {
    margin-right: 0 !important;
    border-right: 0;
}
.allMenuBox .w1800 > div[class^="section"] h3 {
    font-size: 24px;
    color: #111111;
    font-family: "Montserrat";
    font-weight: 600;
    padding-bottom: 20px;
    padding-top: 5px;
}
.allMenuBox .w1800 > div.section01,
.allMenuBox .w1800 > div.section02{
    width: 20%;
}
.allMenuBox .w1800 > div.section03 {
    width: 35%;
}
.allMenuBox .w1800 > div.section02 {
    overflow: auto;
}
.allMenuBox .w1800 > div.section02 > div,
.allMenuBox .w1800 > div.section03 > ul,
.allMenuBox .w1800 > div.section04 > div {
    width: 100%;
}
.allMenuBox .w1800 > div.section03 {
}
.allMenuBox .w1800 > div.section04 {
}
.allMenuBox .w1800 > div.section05 {
    width:25%;
}
.allMenuBox .w1800 > div.section05 > div {
}
.allMenuBox {
    border-bottom: 1px solid #eeeeee;
    position: absolute;
    top: 86px;
    display: none;
    width: 100%;
    height: 740px;
    _padding: 30px 60px 40px;
    background: #fff;
    _overflow: auto;
    transition: all 0.3s;
    z-index: 0;
}

.allMenuBox.open {
    display: block;
}

.allMenuBox .am_TopBox {
    padding: 20px 15px;
    position: fixed;
    top: 0;
    left: -120%;
    width: 100%;
    background: #fff;
    z-index: 1002;
    transition: all 0.3s;
}

.allMenuBox.open .am_TopBox {
    left: 0;
}

.allMenuBox .am_TopBox .logo img {
    width: 105px;
    margin-top: 2px;
}

.allMenuBox .am_TopBox .global {
    margin-right: 40px;
}

.allMenuBox .am_TopBox .global li {
    margin-left: 1px;
    margin-top: 1px;
}

.allMenuBox .am_TopBox .global li a {
    display: block;
    width: 25px;
    height: 18px;

    background-image: url(/design/09women/2023_renew/image/global.png);
    background-size: 100px 17px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.allMenuBox .am_TopBox .global li a.kr {
    background-position: 0 0;
}

.allMenuBox .am_TopBox .global li a.cn {
    background-position: -25px 0;
}

.allMenuBox .am_TopBox .global li a.en {
    background-position: -50px 0;
}

.allMenuBox .am_TopBox .global li a.jp {
    background-position: -75px 0;
}

.allMenuBox .am_TopBox .closeMenuBtn a {
    padding: 10px;
    display: block;
    position: absolute;
    right: 5px;
    top: 10px;
}

.allMenuBox .am_TopBox .closeMenuBtn a i {
    font-size: 20px;
    line-height: 20px;
    display: block;
}

.allMenuBox .am_userMenu {
    padding: 10px 0;
}

.allMenuBox .am_userMenu ul li {
    position: relative;
    width: 25%;
    text-align: center;
}

.allMenuBox .am_userMenu ul li a {
    display: block;
    margin: 0 10px;
}

.allMenuBox .am_userMenu ul li a img {
    width: auto;
    height: 17px;
}

.allMenuBox .am_userMenu ul li a .text {
    display: block;
    padding-top: 5px;
    font-size: 12px;
    font-weight: 500;
}

.allMenuBox .am_searchBox {
    position: relative;
    padding: 10px 0;
}

.allMenuBox .am_searchBox input {
    height: 40px;
    width: 100%;
    background: #efefef;
    border: none;
}

.allMenuBox .am_searchBox input::placeholder {
    color: #222;
}

.allMenuBox .am_searchBox a {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 0;
    line-height: 40px;
    text-align: center;
}

.allMenuBox .am_searchBox a img {
    width: 17px;
    vertical-align: middle;
}

.allMenuBox .categoryWrap .c_tabBtn ul li {
    width: 50%;
    text-align: center;
}

.allMenuBox .categoryWrap .c_tabBtn ul li a {
    position: relative;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 40px;
    color: #999999;
}

.allMenuBox .categoryWrap .c_tabBtn ul li a:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: #cdcdcd;
}

.allMenuBox .gnb > li > a {
    position: relative;
    display: block;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
}

.allMenuBox .gnb > li > a span.c_enName {
    margin-left: 5px;
    font-size: 11px;
    font-weight: 500;
    color: #999;
}

.allMenuBox .gnb > li > a i {
    position: absolute;
    font-size: 12px;
    line-height: 40px;
    top: 0;
    right: 0;
    text-align: right;
}

.allMenuBox .lnb {
    display: none;
    padding: 17px 0 15px 20px;
    background: #f5f5f5;
    margin: 5px 0 20px;
}

.allMenuBox .lnb > li {
    display: inline-block;
    width: 50%;
}

.allMenuBox .lnb > li:nth-child(2n + 1) {
    padding-right: 0;
}

.allMenuBox .lnb > li a {
    display: block;
    font-size: 12px;
    line-height: 25px;
    color: #222;
}

.allMenuBox .communityList ul li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.allMenuBox .communityList ul.icomenu {
    display:flex;
    justify-content:space-between;
}
.allMenuBox .communityList ul.icomenu.last {
    margin-bottom:20px;
}
.allMenuBox .communityList ul.icomenu li {
    width:auto;
    text-align:center;
    padding:0!important;
}
.allMenuBox .communityList ul.icomenu li a span {
    display:block;
}
.allMenuBox .communityList ul li:nth-child(2n) {
    padding-left: 15px;
}

.allMenuBox .communityList ul li a {
    display: block;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
}

.allMenuBox .brandWrap ul li {
    width: calc((100% / 3) - 6px);
    margin-right: 9px;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
}

.allMenuBox .brandWrap ul li:nth-last-child(1),
.allMenuBox .brandWrap ul li:nth-last-child(2) {
    margin-bottom: 0;
}

.allMenuBox .brandWrap ul li:nth-child(3n) {
    margin-right: 0;
}

.allMenuBox .brandWrap ul li .imgBox img {
    display: block;
    width: 100%;
}

.allMenuBox .brandWrap ul li .textBox strong {
    display: block;
    margin-top: 7px;
    font-size: 14px;
    font-weight: 600;
    color: #111;
    line-height: 20px;
}

.allMenuBox .brandWrap ul li .textBox span {
    color: #7b7b7b;
    font-size: 12px;
}

.allMenuBox .lookBookWrap {
    margin-bottom: 45px;
}

.allMenuBox .lookBookWrap ul li {
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
}

.allMenuBox .lookBookWrap ul li:nth-child(1) {
    padding-top: 0;
}

.allMenuBox .lookBookWrap ul li:nth-last-child(1) {
    border-bottom: 0;
}

.allMenuBox .lookBookWrap ul li a {
    display: flex;
}

.allMenuBox .lookBookWrap ul li a .imgBox {
    width: 80px;
}

.allMenuBox .lookBookWrap ul li a .imgBox img {
    display: block;
    width: 100%;
}

.allMenuBox .lookBookWrap ul li a .textBox {
    display: flex;
    padding-left: 13px;
    flex-direction: column;
    justify-content: center;
}

.allMenuBox .lookBookWrap ul li a .textBox strong {
    margin-bottom: 5px;
    font-size: 14px;
}

.allMenuBox .membershipWrap01 .swiper-container {
    padding-bottom: 30px;
    overflow:hidden;
}

.allMenuBox .membershipWrap01 .swiper .swiper-pagination-bullet {
    margin: 0 3px;
    width: 6px;
    height: 6px;
    transform: scale(1);
    background: #efefef;
    opacity: 1;
    left: 0 !important;
    visibility: hidden;
}

.allMenuBox .membershipWrap01 .swiper .swiper-pagination-bullet-active {
    background: #111111;
}

.allMenuBox .membershipWrap01 .swiper-container .swiper-slide img {
    display: block;
    width: 100%;

    /*Å©·Ò À̹ÌÁö È帲 ¹æÁö*/
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
}

.allMenuBox .eventWrap {
    margin-top: 50px;
}

.allMenuBox .eventWrap h3 {
    padding-bottom: 15px;
}

.allMenuBox .eventWrap ul li a {
    position: relative;
    display: block;
    padding-left: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}

.allMenuBox .eventWrap ul li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 2px;
    height: 2px;
    background: #111;
}

.allMenuBox .customerCenterWrap .tel {
    font-size: 16px;
    font-weight: 600;
    display: block;
}

.allMenuBox .customerCenterWrap dl {
    margin-bottom: 20px;
}

.allMenuBox .customerCenterWrap dt {
    font-size: 14px;
    padding-bottom: 8px;
    font-weight: 600;
}

.allMenuBox .customerCenterWrap dd {
    font-size: 12px;
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #777;
    font-weight: 500;
}
.allMenuBox .customerCenterWrap dd.bankAccount {
    display:flex; 
    flex-wrap:wrap;
}
.allMenuBox .customerCenterWrap dd.bankAccount > * {
    display:inline-block; 
    width:50%;
    margin-bottom:5px;
}
.allMenuBox .customerCenterWrap dd a {
    display:block; margin-bottom:10px;
}
.allMenuBox .customerCenterWrap dd a.reservation {
    padding:10px; border:1px solid #000; display:inline-block;
}
.allMenuBox .offlineCenterWrap dt i {
    vertical-align: middle;
    margin-top: -2px;
}

.allMenuBox .customerCenterWrap dl.snsWrap {
    display:inline-block;
}
.allMenuBox .customerCenterWrap dl.snsWrap dd {
    width:50%;
    display:inline-block;
    line-height:20px;
    font-size:14px;
}
.allMenuBox .customerCenterWrap dl.snsWrap dd img {
    height:20px;
    margin-right:5px;
}
.allMenuBox .offlineCenterWrap dd ul {
}

.allMenuBox .offlineCenterWrap dd ul li:nth-child(1) {
    padding-top: 0;
}

.allMenuBox .offlineCenterWrap dd ul li:nth-last-child(1) {
    border-bottom: 0;
}

.allMenuBox .offlineCenterWrap dd ul li {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.allMenuBox .offlineCenterWrap dd ul li span {
    display: block;
}

.allMenuBox .snsWrap {
    padding: 20px 0 15px;
}

.allMenuBox .snsWrap ul li {
    width: 36px;
    height: 36px;
    margin-right: 9px;
}

.allMenuBox .snsWrap ul li:last-child {
    margin-right: 0;
}

.allMenuBox .snsWrap ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background: #d9d9d9;
    border-radius: 18px;
}



/*Çì´õ ¾ÆÀÌÄÜ ¿µ¿ª(·Î±×ÀÎ/Àå¹Ù±¸´Ï)*/
.iconbox {
    height: 80px;
}

.iconbox li {
    position: relative;
    margin-right: 25px;
}
.iconbox li:last-child {
    margin-right: 0;
}
.iconbox li a {
    display: block;
    line-height: 80px;
}
.iconbox li a img {
    vertical-align: middle;
}
.iconbox li a > span {
    position: absolute;
    top: 25px;
    right: -12px;
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #1b1b1b;
}
.iconbox li > ul li {
    display: block;
    margin: 0 0 16px 0 !important;
    height: auto !important;
    line-height: 1 !important;
}
.iconbox li > ul li:last-child {
    margin-bottom: 0 !important;
}
.iconbox li > ul li > a {
    height: auto !important;
    line-height: 1 !important;
    text-align: center;
    color: #4e4e4e !important;
    letter-spacing: -0.02em !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}
.iconbox li i {
    width: 20px;
    height: 100%;
    display: block;
}
.iconbox li.on i {
    background: url(/design/jstyle07/wib/img_pc/icon/mypur.svg) no-repeat;
    background-position: center;
}
.iconbox li.login a {
    letter-spacing: -0.02em;
    font-weight: 600;
    font-size: 14px;
    color: #1b1b1b;
}
.iconbox li.login a b {
    color: #640585;
    font-weight: 600;
}
.iconbox li.login a img {
    margin-left: 5px;
}
.iconbox li .searchArea {
    width: 150px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
}
.iconbox li .searchArea .search {
    position: relative;
    _width: 204px;
    height: 30px;
}
.iconbox li .searchArea .search fieldset {
    height: 30px;
}
.iconbox li .searchArea .search input {
    line-height: 35px;
    border: none;
    background: #fff;
    padding: 0;
    width: 150px;
    height: 35px;
    border-bottom: 1px solid #000;
    vertical-align: top;
    font-size: 13px;
    margin-top: -5px;
}
.iconbox li .searchArea .search input::placeholder {
    font-size: 13px;
    color: #111;
}
.iconbox li .searchArea .search a.btn {
    display: block;
    position: absolute;
    top: -2px;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.iconbox li .searchArea .searchDetailBox {
    display: none;
    position: absolute;
    right: 0;
    z-index: 2222;
    background: #fff;
    width: 300px;
    border: 1px solid #000;
    top: 38px;
    padding: 20px;
    line-height: 1;
}

.iconbox li .searchArea .searchDetailBox .xbtn {
    right: 10px;
    top: 10px;
    position: absolute;
    line-height: 1;
}
.iconbox li .searchArea .searchDetailBox .xbtn img {
}
.iconbox li .searchArea .searchDetailBox [class^="box"] {
    text-align: left;
}
.iconbox li .searchArea .searchDetailBox [class^="box"] h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 13px;
    margin-top: 5px;
}

.iconbox li .searchArea .searchDetailBox .box01 {
    margin-bottom: 0; /* 20px */
}
.iconbox li .searchArea .searchDetailBox .box01 .keyWrap {
    display: flex;
}
.iconbox li .searchArea .searchDetailBox .box01 .keyWrap ul {
    font-size: 0;
    width: 50%;
    display: inline-block;
}

.iconbox li .searchArea .searchDetailBox .box01 .keyWrap ul li {
    display: block;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
}
.iconbox li .searchArea .searchDetailBox .box01 .keyWrap ul li a.top {
    color: #111;
}
.iconbox li .searchArea .searchDetailBox .box01 .keyWrap ul li a em {
    font-weight: bold;
    margin-right: 15px;
}

.iconbox li .searchArea .searchDetailBox .box01 .keyWrap ul li a {
    font-size: 14px;
    color: #7b7b7b;
    display: block;
    line-height: 30px;
    height: 30px;
}

.iconbox li .searchArea .searchDetailBox .box02 {
    overflow: hidden;
}
.iconbox li .searchArea .searchDetailBox .box02 .styleSlide {
    overflow:hidden;
}
.iconbox li .searchArea .searchDetailBox .box02 .styleSlide a {
    background: #efefef;
    padding: 9px 15px;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px;
    font-size: 13px;
    border-radius: 20px;
    color: #777777;
    font-weight: 500;
    line-height: 1;
    width:auto;
}
.iconbox li .searchArea .searchDetailBox .box02 .styleSlide a:last-child {margin-right:0;}

.iconbox li .searchArea .searchDetailBox .box03 {
    cursor: pointer;
    margin-top: 20px;
    background: #000;
    color: #fff;
    border-radius: 10px;
    position: relative;
    padding: 15px;
}

.iconbox li .searchArea .searchDetailBox .box03 p.tit {
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 6px;
}
.iconbox li .searchArea .searchDetailBox .box03 p.txt {
    font-size: 14px;
}
.iconbox li .searchArea .searchDetailBox .box03 img {
    position: absolute;
    right: 15px;
    top: 20px;
}
@media screen and (max-width: 1730px) {
    .hd_bt ul > li.wide_only {display:none;}
    .hd_bt ul > li.small_logo {display:inline-block;}
}
@media screen and (max-width: 1620px) {
    .allMenuBox .brandWrap ul li{width: calc((100% / 2) - 4px); margin-right:8px;}
    .allMenuBox .brandWrap ul li:nth-child(3n) {margin-right:8px;}
    .allMenuBox .brandWrap ul li:nth-child(2n) {margin-right:0;}
    .allMenuBox .w1800 > div.section03 {width:30%;}
    .allMenuBox .w1800 > div.section02 {width:25%;}
     /* 250526 add */
    .allMenuBox .brandWrap .brandWrap_hambuger_banner { margin-top: 20px; }
    .allMenuBox .brandWrap { overflow: auto; }
}

@media screen and (max-width:1480px){ 
    .hd_bt ul:nth-child(2) {padding:0 15px;}
    .hd_bt ul:nth-child(2) li {margin-right:10px;}
    .hd_bt ul:nth-child(2) li a {font-size:13px;}
    .hd_bt ul:nth-child(3) li {margin-right:10px;}
    .hd_bt ul:nth-child(3) li a {font-size:13px;}
    /* 250526 add */
    .allMenuBox .brandWrap .brandWrap_hambuger_banner { margin-top: 20px; } 
    .allMenuBox .brandWrap { overflow: auto; }
}
@media screen and (max-width: 1340px) {
    .hd_bt ul:nth-child(3) { margin-left: 0; }
    .hd_bt ul:nth-child(2) { padding-right: 15px; }
    /* 250526 add */
    .allMenuBox .brandWrap .brandWrap_hambuger_banner { margin-top: 20px; } 
    .allMenuBox .brandWrap { overflow: auto; }
}



/* 250207 add */
li.openLnb__wrap span { font-weight: 400; color: #000; }

/* 250526 add */
.section03.brandWrap .brandWrap_hambuger_banner { display: block; }
.section03.brandWrap .brandWrap_hambuger_banner img { width: 100%; }

.allMenuBox .brandWrap::-webkit-scrollbar {
    width: 7px; /* ½ºÅ©·Ñ¹ÙÀÇ ³Êºñ */
}

.allMenuBox .brandWrap::-webkit-scrollbar-thumb {
    height: 30%; /* ½ºÅ©·Ñ¹ÙÀÇ ±æÀÌ */
    background: #e9e9e9; /* ½ºÅ©·Ñ¹ÙÀÇ »ö»ó */
    border-radius: 10px;
}
.allMenuBox .brandWrap:hover::-webkit-scrollbar-thumb {
    background: #e5e5e5;
}

.allMenuBox .brandWrap::-webkit-scrollbar-track {
    background: #ededed60; /*½ºÅ©·Ñ¹Ù µÞ ¹è°æ »ö»ó*/
    border-radius: 10px;
}

/* 250527 ½Ç½Ã°£ Àα⠰˻ö¾î add */
.mk_new_ranking { width: 100% !important; border: 0 !important; padding: 0 0 10px !important; }
.mk_title_wrap { display: none; }
.mk_new_ranking .mk_keywords { 
    width: 100% !important; 
    margin: 0; padding: 0;
    display: grid !important;
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: column;
    list-style: none;    
    grid-template-columns: 50% 50%;
}
.mk_new_ranking .mk_keywords li { width: 100%; padding: 0 !important; }
.mk_new_ranking .mk_keywords li a { width: 100%; }
.mk_new_ranking .mk_keywords li a span { 
    position: relative !important; 
    top: 0; left: 0; 
    display: inline-block; 
    background: none; 
    color: #000; 
    font-size: 14px; font-weight: bold;
    width: auto; 
    line-height: 1; 
}
.mk_new_ranking .mk_keywords li a span.mk_ico_ranking_up,
.mk_new_ranking .mk_keywords li a span.mk_ico_ranking_down{ top: 0 !important; }
.mk_new_ranking .mk_keywords li.mk_txt_date { 
    grid-column: 1 / -1; /* ¸ðµç ¿­À» °¡·ÎÁö¸§ */
    grid-row: 6; /* 6¹ø° ÁÙ·Î ³»¸² */
    text-align: right;
}
.mk_new_ranking .mk_keywords li a span.mk_keywords_num { color: #000; }
.mk_new_ranking .mk_keywords li a span.mk_line { display: none; }
/* BASIC css end */