/* BASIC css start */
/*
/*
========================================================================
hot issue common class
========================================================================
*/

/* .item-wrap */
.item-wrap * {font-family: var(--base-font)}
.item-wrap { overflow: hidden;margin:0 auto;}
.item-wrap .item-hd { margin: 40px 0 20px 0 }
.item-wrap .nbg { background: none; text-align: center; }
.item-wrap .item-info { zoom: 1; overflow: hidden; padding: 5px 0 10px; margin-bottom:10px; }
.item-wrap .item-info .all_cnt {float:left;font-size:14px;letter-spacing:-0.3px;color:#777777;line-height:30px;}
.item-wrap .item-info .all_cnt b {font-weight:normal;}
.item-wrap .item-info:after { display:block; clear:both; content:'' }
.item-wrap .item-info .item-total { float: left; font-size:14px; color:#7b7b7b }
.item-wrap .item-info .item-total span { color: #7b7b7b; }
.item-wrap .item-info .item-order { float: right }
.item-wrap .item-info .item-order select {width: 112px;padding: 6px 10px;border: 1px solid #dedede;border-radius: 5px;color: #777777;font-size:14px;}
.item-wrap .item-info .item-order li { float: left; padding: 0 15px; line-height:12px; border-right:1px solid #ddd }
.item-wrap .item-info .item-order li.nobg { padding-right:0; border-right:none }
.item-wrap .item-info .item-order li a { font-size: 12px; color:#a6a6a6; line-height:12px; vertical-align:top }
.item-wrap .item-info .item-order li a .on { color: #111 }


.item-wrap .item-cont {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.item-wrap .item-cont:after { content: ""; display: block; clear: both }
.item-wrap .item-cont .item-list { margin-right:30px; _float:left; text-align:center;font-family: var(--base-font) }
.item-wrap .item-cont dl:last-child {padding-right:0;}

/*if slide*/
.item-wrap.ifslide .item-cont { width:100%;margin:0 auto;display:flex; *zoom:1 }
.item-wrap.ifslide .item-cont:after { content: ""; display: block; clear: both }
.item-wrap.ifslide .item-cont .item-list { margin-right:30px; float:left; text-align:center;font-family: var(--base-font) }
.item-wrap.ifslide .item-cont dl:last-child {padding-right:0;}

.item-wrap .item-cont .item-list .thumb .new_option {}
.item-wrap .item-cont .item-list .thumb .new_option .ico {display: inline-block;text-align: center;width: 49%;}
.item-wrap .item-cont .item-list .thumb .new_option .ico.prd-wish::after {/*content:"";display:inline-block;width:1px;height:30px;background-color:#eee8da;position: absolute;right: 50%;bottom:15px;*/}
.item-wrap .item-cont .item-list .thumb .new_option .ico img {width:20px;height:100%;}
.item-wrap .item-cont .item-list .thumb .new_option .ico .on {display:none;}
.item-wrap .item-cont .item-list .thumb .new_option .ico .wish-on .off {display:none;}
.item-wrap .item-cont .item-list .thumb .new_option .ico .wish-on .on {display:inline-block;}
.item-wrap .item-cont .item-list .thumb {position:relative;overflow:hidden }
.item-wrap .item-cont .item-list .thumb .prd_thumb img { width:100%;transform: scale(1);transition: all 0.6s ease;}
.item-wrap .item-cont .item-list .thumb .prd_thumb img:hover {transform: scale(1.04);transition: all 0.6s ease;}
.item-wrap .item-cont .item-list .prd-info { padding:16px 0 60px; overflow:hidden }
.item-wrap .item-cont .item-list .prd-ico {text-align:left; display: inline-block;}
.item-wrap .item-cont .item-list .prd-ico img { margin:2px }
.item-wrap .item-cont .item-list .prd-name {text-align:left; margin-bottom: 6px;}
.item-wrap .item-cont .item-list .prd-name a {
    color: #121212;
    font-size: 16px;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 20px;
    display: inline-block;}
.item-wrap .item-cont .item-list .prd-price { padding-top:5px;text-align: left;}
.item-wrap .item-cont .item-list .prd-price strike { color:#707070; }
.item-wrap .item-cont .item-list .prd-price .price { color:#1c1c1c; }
.item-wrap .item-cont .item-list .prd-color { padding-top:15px;text-align:left;}
.item-wrap .item-cont .item-list .prd-preview { padding-top:5px }
.item-wrap .item-cont .item-list .prd-preview .btn-preview { display:inline-block; width:69px; height:17px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_preview.gif) 0 0 no-repeat }
.item-wrap .item-cont .item-list .prd-benefit { padding-top:5px;text-align:left; }
.item-wrap .item-cont .item-list .prd-wish a { font-family: 'malgun gothic'; font-size: 14px; color: #000; }
.item-wrap .item-cont .item-list .prd-wish i.fa { margin-right: 4px; color: #c8c8c8; font-size: 22px; vertical-align: text-top; cursor:pointer; }
.item-wrap .item-cont .item-list .prd-wish i.fa-heart { display:none; color: #f41f3a; }
.item-wrap .item-cont .item-list .prd-wish .wish-on i.fa-heart { display:inline-block; }
.item-wrap .item-cont .item-list .prd-wish .wish-on i.fa-heart-o { display:none; }
.item-wrap .item-cont .item-list .prd-subname {
    margin-bottom: 16px;
    color: #999999;
    text-align: left;
    _word-break: keep-all;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height:16px;
}

#loginWrap{padding-top:0 !important}

.item-wrap .item-cont .item-list .MK-product-icons img { vertical-align: middle }
.item-wrap .item-cont .nomg { padding-right: 0px }
.item-wrap .item-page { margin-top: 50px; text-align: center; }
.item-wrap .item-page a { padding: 0 5px }
.item-wrap .item-page a:hover, .item-wrap .item-page a.now { color: #111; font-weight: bold; letter-spacing: -1px; }


/* 타이틀 */
.cateTit { padding-top:60px; position:relative; text-align:center }
.cateTit h3 { font-size:20px; color:#1c1c1c; font-weight:bold; font-family:var(--base-font); line-height:20px }
.cateTit .line { margin:20px auto; width:10px; height:2px; background:#1c1c1c }


/* 타이틀 - 회원가입 등의 페이지 */
.cateTit_v2 { *zoom:1 }
.cateTit_v2:after{content:"";display:block;clear:both;}
.cateTit_v2 .right{float:right;}
.cateTit_v2 .title{font-size:18px;line-height:1;font-weight:bold;display:inline-block;*float:left;*line-height:20px}
.cateTit_v2 .subTxt{font-size:12px;line-height:1.5;}
.cateTit_v2.join{margin:0px 0 20px;padding:14px 0;border-bottom:1px solid #000;color:#000;}



/*상품목록 공통css*/

.product-wrap { margin:0 auto; position:relative;width:1760px;padding-top: 120px;}
.product-wrap .cateTit {padding-top:0;}
.product-wrap .cateTit h3 {
    padding-bottom: 24px;
    text-align: left;
    font-size: 32px;
    line-height: 48px;
    color: var(--point-color);
    font-weight: 600;}
.product-wrap .item-wrap {position:relative;}
.product-wrap .item-wrap .item-cont .item-list .thumb {
    position: relative;
    height: auto;
    overflow: hidden;
}

.product-wrap .item-wrap .item-cont .item-list .thumb .prd_thumb img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    display: block;}
.product-wrap .item-wrap .item-cont .item-list .thumb .new_option {
    display: none;
    position: absolute;
    right: 16px;
    top: 17px;}

.product-wrap .item-wrap .item-cont .item-list .prd-info{padding-bottom:0}
.product-wrap .item-wrap .item-cont .item-list .prd-info .prd-price {padding-top:0;position: relative;}
.item-wrap .item-cont .item-list .prd-info .prd-price .price {
    margin-right: 4px;
    color: #121212;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;}

.product-wrap .item-wrap .item-cont .item-list .prd-info .prd-price strike {
    color: #999999;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;}


.product-wrap .item-wrap .item-cont .item-list .prd-info .prd-price span.replace{color: #121212;font-size: 16px; font-weight: 700;}
.product-wrap .item-wrap .item-cont .item-list .prd-info .prd-price span.discount{color:#5F4541; font-size:16px; font-weight:700; line-height:16px; position: absolute; right: 0; bottom: 0; }

.product-wrap .item-wrap .item-cont .item-list .prd-info .prd-info-list {text-align:left;}
.product-wrap .item-wrap .item-cont .item-list .prd-info .score img {width:15px;margin-top:-3px;margin-right:3px;}
.product-wrap .item-wrap .item-cont .item-list .prd-info .review {margin-left:5px;}
.product-wrap .item-wrap .item-cont .item-list .prd-wish {padding-top:0;}

.product-wrap .swiper-scrollbar {background-color: #F2F0EA;left:0 !important;width:100% !important;}
.product-wrap .swiper-scrollbar .swiper-scrollbar-drag {background-color: var(--beige-color);height:8px;top:-2px;border-radius:0;}
.product-wrap .item-wrap .item-cont .item-list .thumb .new_option .ico.prd-wish::after {bottom:18px;}




#head_box {
    position:fixed;
    top:0;
    z-index:100;
    width:100%;
    background:none !important;
    border:0 !important;
}
#head_box.fixed {
    background:#fff !important;
    border-bottom:1px solid #E1D9D7 !important;
}
#contentWrapper {
    padding-top: 0 !important
}
/* 메인 비쥬얼 배너 */
#mainSpot {
    position:relative;
    overflow:hidden;
}
#mainSpot .mySwiper {
}
#mainSpot .mySwiper .spotSlider {
}
#mainSpot .mySwiper .spotSlider .swiper-slide {
}
#mainSpot .mySwiper .spotSlider .swiper-slide a {
}
#mainSpot .mySwiper .spotSlider .swiper-slide a img {
    width:100%;
}
#mainSpot .swiper-button-prev {
    left:var(--swiper-navigation-sides-offset,80px);
}
#mainSpot .swiper-button-prev:after {
    font-size:0;
    background:url(//skin.makeshop.co.kr/skin/fortnight/pc/img/sld_left.png);
    width:22px;
    height:42px;
}
#mainSpot .swiper-button-next {
    right:var(--swiper-navigation-sides-offset,80px);
}
#mainSpot .swiper-button-next:after {
    font-size:0;
    background:url(//skin.makeshop.co.kr/skin/fortnight/pc/img/sld_right.png);
    width:22px;
    height:42px;
}
#mainSpot .swiper-pagination {
    top:unset;
    bottom:30px;
    width:240px;
    left:calc(50% - 120px);
    background:rgba(18,18,18,0.2);
    height:2px;
}
#mainSpot .swiper-pagination .swiper-pagination-progressbar-fill {
    background: rgba(18,18,18,1)
}
/* 이미지 배너 */
.Bnnr {
    position:relative;
    width:100%;
    text-align:center;
}
.Bnnr .inner {
    overflow: hidden;
}
.Bnnr .inner .tx {
}


.Bnnr .inner .tx span{display:inline-block;
    white-space:pre;
    animation:text-to-left 60s linear infinite;
    font-size:96px;
    font-weight:300;
    color:#5F4541;
    line-height:360px; }

@keyframes text-to-left {
    0% {
        transform:translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}
/* 상품 목록 영역 */
#newPrdSld {
    padding-top:136px;
}
#bstPrdWrp .swiper-pagination {
    width:240px;
    left:calc(50% - 120px);
    background:rgba(18,18,18,0.2);
    height:2px;
    position:unset;
    margin:60px auto 20px;
}
#bstPrdWrp .swiper-pagination .swiper-pagination-progressbar-fill {
    background:rgba(18,18,18,1)
}
#bstPrdWrp .arrowBox {
    position:absolute;
    right:0;
    bottom:30px;
}
#bstPrdWrp .arrowBox .l-line {
    display:inline-block;
    vertical-align:top;
    width:1px;
    height:12px;
    background:#ccc2bf;
    margin:0 15px;
}
#bstPrdWrp .swiper-button-prev:after,#bstPrdWrp .swiper-button-next:after {
    font-size:14px;
    font-family:var(--base-font);
    color:var(--point-color);
    text-transform:capitalize !important;
    font-weight:500;
}
#bstPrdWrp .arrowBox .swiper-button-next {
    margin-top:0;
    width:auto;
    height:unset;
    position:unset;
    display:inline-block;
    vertical-align:top;
}
#bstPrdWrp .arrowBox .swiper-button-next span {
    float:right;
    margin-left:10px;
}
#bstPrdWrp .arrowBox .swiper-button-next span:after {
}
#bstPrdWrp .arrowBox .swiper-button-prev {
    margin-top:0;
    width:auto;
    height:unset;
    position:unset;
    display:inline-block;
    vertical-align:top;
}
#bstPrdWrp .arrowBox .swiper-button-prev span {
    margin-right:12px;
}
#bstPrdWrp .arrowBox .swiper-button-prev span:after {
}
.moreBox {
    padding-top:0;
    padding-bottom:80px;
}
.moreBox .item-cont .item-list {
    margin-right:24px;
    float:left;
    margin-bottom:80px;
}
.moreBox .item-cont .item-list:nth-child(4n) {
    margin-right:0
}
.moreBox .item-wrap .item-cont .item-list,.moreBox .item-wrap .item-cont .item-list .thumb {
    width: 422px
}
/*trend*/
#trend {
    width:1760px;
    margin-bottom:160px;
    padding-top: 0;
}
#trend .trendPrdWrp {
    display:flex;
    justify-content:space-between;
}
#trend .item-wrap .item-cont .item-list {
    padding:16px 0;
    display:inline-flex;
    align-content:stretch;
    align-items:center;
    margin-right:0;
    width:100%;
}
#trend .item-wrap .item-cont .item-list:nth-child(2) {
    border-top:1px solid #E1D9D7;
    border-bottom:1px solid #E1D9D7;
}
#trend .item-wrap .item-cont .item-list .thumb {
    width:92px;
    margin-right:16px;
}
#trend .item-wrap .item-cont .item-list .prd-info {
    padding-top:0
}
.trendPrdWrp .section {
    width:568px;
    display:inline-block;
    vertical-align:top;
}
.trendPrdWrp .section .big {
}
.trendPrdWrp .section .big a {
}
.trendPrdWrp .section .big a img {
    width:100%
}
#trend .item-wrap .item-cont .item-list .thumb .new_option .ico {
    width:100%
}
#trend .item-wrap .item-cont .item-list .thumb .new_option .ico img {
    width:15px;
}
#trend .item-wrap .item-cont .item-list .thumb .new_option {
    right:5px;
    top:5px
}
#trend .item-wrap .item-cont .item-list .prd-info .prd-price span.discount {
    position:unset;
    margin-left: 4px;
}
/*중간배너*/
.mid_banner {
    margin-bottom:160px;
    width:100%;
    height:520px;
    background:url('/design/sung1975w/images/260509_pc_brand.jpg') no-repeat center center / cover;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    text-align:center;
}
.banner-content {
    z-index:2;
}
.banner-title {
    font-family:var(--base-font);
    font-size:36px;
    font-weight:600;
    margin-bottom:12px;
}
.banner-subtitle {
    font-size:16px;
    margin-bottom:32px;
    line-height:24px;
}
.banner-btn {
    font-family:var(--base-font);
    font-weight:600;
    color:#fff;
    border:1px solid #fff;
    cursor:pointer;
    border-radius:999px;
    font-size:16px;
    text-decoration:none;
    margin:auto;
    display:block;
    width:169px;
    height:38px;
    line-height: 38px;
}
/*recmd*/
#recmdPrdWrp {
    width:1760px;
}
#recmdPrdWrp .item-wrap .item-cont .item-list,#recmdPrdWrp .item-wrap .item-cont .item-list .thumb {
    width:570px;
}
#recmdPrdWrp .item-wrap .item-cont .item-list:nth-child(3n) {
    margin-right:0
}
#recmdPrdWrp .item-wrap .item-cont .item-list .thumb .new_option .ico {
    width: 100%;
}

.item-wrap .item-cont .item-list .prd-color font {
    font-size: 12px !important;
}


#head_box:not(.fixed) .headerTop .tlogo a img {
    filter: invert(1);
}

#head_box:not(.fixed) .headerGnb .gnbInner > ul > li a {
    color: #FFFFFF;
}

#head_box:not(.fixed) .gnbInner > ul > li a::before {
    background: #FFFFFF !important;
}

#head_box:not(.fixed) .headerTnb .tnb li a {
    color: #FFFFFF;
}

#head_box:not(.fixed) .headerTnb .tnb li a img {
    filter: invert(1);
}


/* BASIC css end */

