/* ===============================================================================================

# CAFE 24 공통 스타일 시트
# 저작자 : 스마트스킨 | (주)유니드커뮤니케이션즈 스마트스킨 사업부
# 최초 작성일 : 2015 - 09 - 15
* 디자인 문의 고객센터: 02-1544-6297
* 본 문서의 소스와 정보에 대한 모든 권리는 스마트스킨((주)유니드커뮤니케이션즈))에게 있습니다.
* 사전 동의없이는 동일,유사의 수준에서 어떠한 형식과 방법으로든 무단 도용을 금합니다.
* 만일 위와 같은 권고에도 불구하고 무단 도용시 저작권법에 의거하여 법적인 제재를 받으실 수 있습니다.

=============================================================================================== */
/*네이버 체크아웃*/
/*#Basement {
    left: 0 !important;
    visibility: visible !important;
}*/


.dn{
    display: none !important;
}

/* 버튼 시작 */
#SMS_style .main_btn01_block, /*  */
#SMS_style .btnArea .btnSubmit {
    background: #270150 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
}

#SMS_style .black_btn01_block, /*  */
#SMS_style .btnStrong {
    background: #414146 !important;
    border: none !important;
    color: #fff !important;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
}

#SMS_style .normal_btn01_block, /*  */
#SMS_style .btnBasic {
    background: #ddd !important;
    border: 1px solid #ccc !important;
    color: #888 !important;
    border-radius: 3px;
    height: 40px;
    line-height: 39px;
}

#SMS_style .normal_btn01_line, /*  */
#SMS_style .btnArea .btnEm {
    background: #fff !important;
    color: #333 !important;
    border: 1px solid #aaa !important;
    border-radius: 3px;
    height: 40px;
    line-height: 39px;
}
#SMS_style .btnNormal {
    border: 1px solid #aaa;
    border-radius: 3px;
    height: 40px;
    line-height: 39px;
}

/*확인필요 */
.btnArea .soldout {
}


/* 버튼 끝 */
/* 삭제할 것!! 시작 */
/* 색상 클래스 */
.SMS_AllBtnBox_color {
}

/* 삭제할 것!! 끝 */
/* 기본 form 세팅 시작 */
#SMS_style input, #SMS_style input[type="text"], #SMS_style input[type="date"], #SMS_style input[type="tel"], #SMS_style input[type="number"], #SMS_style input[type="email"], #SMS_style input[type="password"], #SMS_style select {
    border-color: #ccc !important;
    height: 40px;
    border-radius: 3px;
    padding: 0 5px;
}

#SMS_style input[type="text"]:focus, #SMS_style input[type="date"]:focus, #SMS_style input[type="tel"]:focus, #SMS_style input[type="number"]:focus, #SMS_style input[type="email"]:focus, #SMS_style input[type="password"]:focus {
    color: #333;
    background: #fff !important;
    outline: none;
    border: 2px solid #000 !important;
}

#SMS_style input[type=checkbox], #SMS_style input[type=radio] {
    -webkit-appearance: button !important;
    width: 21px !important;
    height: 21px !important;
    margin-bottom: 1px !important;
    border-radius: 0 !important;
    transition: .4s !important;
    background-image: url(img/check_input.png) !important;
    background-color: #ddd !important;
    background-position: center !important;
    background-size: 90% !important;
    border: 1px solid #ccc !important;
    border-radius: 100px !important;
}

#SMS_style input[type=checkbox]:checked, #SMS_style input[type=radio]:checked {
    background-color: #270150 !important;
    border-color: #270150 !important;
}

/* 기본 form 세팅 끝 */
.ds_n {
    display: none !important;
}

#capp-shop-new-product-optionselect-layer {
    height: 500px !important;
}

#Hamburger {
}

#Hamburger #contents {
}

#contents {
    background: #fff !important;
}

/* 장바구니 관심상품 최근본상분 선택 색상 */
.SMS_mypage_navi a.btn_selecet {
}

/* 장바구니 구객배송상품 - 해외배송상품 */
#SMS_cart_myp .xans-order-tabinfo.tab.typeStrong.gFlex li.selected {
}

/* 전체 슬라이더 화살표 수정 */
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFOEFCMjQzNzk2MjExRTU4MEM2QzQ3RDA3ODZBMkIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFOEFCMjQ0Nzk2MjExRTU4MEM2QzQ3RDA3ODZBMkIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUU4QUIyNDE3OTYyMTFFNTgwQzZDNDdEMDc4NkEyQjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUU4QUIyNDI3OTYyMTFFNTgwQzZDNDdEMDc4NkEyQjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/65zUAAACAklEQVR42uzdYUrDQBCG4Ub8397EHkFv4hG8od5APYE5gjeIG2ggFFtFcPLOzvvB/GhaWJiH2S2FJsM0TTvDyY0tEMQIIoj5Y24jFhmG4fzSsdXY6jNTsyK+AG0xITPGy6kOzsS2IAvGvtWdKNuCrDGWiHK+vUfsi+0MOZzOjP2Fj7y3uqefKT2dIXOjn66876Ss1f+7Vnmcl7xSb2SUkF4Fg6RG6RUkLUrPIClRegdJh1IBJBVKFZA0KJVAUqBUA8GjVARBo1QFwaJUBkGiVAfBoQgCQxEEhiIIDEUQGIogMBRBYCiCwFAEgaEIAkMRBIYiCAxFEBiKIDAUQWAogsBQBIGhCAJDEQSGIggMRRAYiiAwFEFgKILAUASBoQgCQxEEhhLRK+8G9MtfTeJWckJ+mo5XtywghiAwDEFgGILAMASBYQgCwxAEhiEIDEMQGIYgMAxBYBiCwDAEgWEIAsMQBIYhCAxDEBiGIDAMQWAYgsAwBIFhCALDEASGIQgMQxAYhiAwjOogOIzKIEiMqiBYjIogaIxqIHiMSiApMKqApMGoAJIKo3eQdBg9g6TE6BUkLUaPIKkxokAiH3D/caXh8x/zH3Y+4D70AfeXGp4CIyqRd3L4rvFinO8mQVvW+uWx1XOrMRtGSK82AFlQxmyT0Q2IYZ4hRhBBjCB95UuAAQA9qUmo5q5vZgAAAABJRU5ErkJggg==");
    right: 10px;
    left: auto;
    background-size: 15px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlDRENENTRFNzk2MjExRTVBQURCOUJDMDkwRDExNUMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlDRENENTRGNzk2MjExRTVBQURCOUJDMDkwRDExNUMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUNEQ0Q1NEM3OTYyMTFFNUFBREI5QkMwOTBEMTE1QzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUNEQ0Q1NEQ3OTYyMTFFNUFBREI5QkMwOTBEMTE1QzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Nqd0BAAAB/UlEQVR42uzd0U3DQAyA4YQJGCFMACOUTViBCWEDwiZlgnCRGjVCpFIfcvl9/i35pX3zV1/ai9Prp2nqDE70gghiCCKIQQbp+z5aXR5LDiXH9Ys1avXgZ/JfjI9LvtghDIwF4lzydemUKrUSZBOj+4siyPEYa5SnUquz15DjMeZ4v6DsH3OH7J1wjK+5DDfyrWqtEoPchSEIDEMQGIYgMAxBYBiCwDAEgWEIAsMQBIYhCAxDEBiGIDAMQWAYgsAwBIFhCALDEASGIQgMQxAYhiAwDEFgGILAMASBYQgCwxAEhpEdBIeRGQSJkRUEi5ERBI2RDQSPkQkkBEYWkDAYGUBCYbQOEg6jZZCQGK2ChMVoESQ0Rmsg4TFqgdR8Tj3cP9C024bXJWt0yeJd1MOitPy1NyRK6z8Mw6Fk2DoJhZJlczEMSqbt9xAo2W5Q4VEy3sJFo2QdcsCiZB4DQqJkH5TDoThKCkNx2BqGIggMRRAYiiAwFEFgKILAUASBoQgCQxEEhiIIDEUQGIogMBRBYCiCwFAEgaEIAkMRBIYiCAxFEBiKIDAUQWAogsBQBIGhCAJDEQSGIggMpUatPOD+ivJZ8nnj/Z+Sgwfc14u50KeS3xsYp67SAfd2yO1OWTDGZckS5DiUYY0hyPEowxqjKRBDEEEMQQQx9o9fAQYAlAdzeWeYpz4AAAAASUVORK5CYII=");
    left: 10px;
    right: auto;
    background-size: 15px;
}

/* 메인슬라이더 페이징 */
.SMS_swiper_pagingnumber {
    z-index: 1;
    text-align: center;
    color: #fff;
    background: #A5A5A5;
    margin: 8px auto;
    border-radius: 27px;
    width: 59px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
}

.SMS_main_gallery .SMS_swiper_pagingnumber,
.SMS_top_main_gallery .SMS_swiper_pagingnumber{
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.56);
    margin: 8px auto;
    border-radius: 25px 0 0 25px;
    width: 50px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    bottom: 4px;
    right: 25px;
    z-index: 10;
    padding-right: 15px;
}

.SMS_main_gallery .all_view_btn,
.SMS_top_main_gallery .all_view_btn {
    position: absolute;
    right: 0px;
    bottom: 10px;
    display: inline-block;
    width: 45px;
    height: 25px;
    line-height: 23px;
    background: #aaa;
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: center;
    color: #fff;
    padding: 0;
    border-radius: 20px 0 0 20px;
    z-index: 10;
    text-align: center;
}

.SMS_main_gallery .all_view_btn:before,
.SMS_top_main_gallery .all_view_btn:before {
    font-weight: normal;
    font-size: 10px;
    margin-right: 3px;
    content: "\f067";
    font-family: "FontAwesome";
    text-align: center;
}


#main_all_view_bg {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.8);
    /* display: none; */
}
#main_all_view {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 40;
    right: 0;
    bottom: 0;
    padding: 20px;
}

#main_all_view .contents {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius:  3px;
    position:  relative;
}
#main_all_view .contents a{
    display: block;
}
#main_all_view .contents img {
    width: 100%;
    vertical-align: middle;
}

/*
#main_all_view .contents img:nth-child(1) {
display: none;
}

#main_all_view .contents img:nth-last-child(1) {
display: none;
}
*/
#main_all_view .contents .title {
    background: #fff;
    font-size: 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    line-height: 1.5;
    color: #fff;
    position:  relative;
}

#main_all_view .contents .title span {
    display: inline-block;
    float: right;
    font-weight: bold;
    color: #000;
    width: 18px;
    height: 18px;
    background: url("img/close_icon.png") no-repeat center;
    background-size: 100%;
}


.xans-board-listpackage .boardSort {
    padding: 0 15px !important;
}

/*====================================================
상단 플립 배너 시작
====================================================*/
#SMS_flipBannerContainer {
    width: 100%;
    position: relative;
    line-height: 0px;
    background: #333;
}

#SMS_flipBannerContainer img {
    width: 100%;
}

#SMS_flipBannerContainer .origin {
    opacity: 0;
}

#SMS_flipBanner .SMSFlipper .front,#SMS_flipBanner .SMSFlipper .back {
    width: 100%;
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}

#SMS_flipBanner .SMSFlipper .front {
    z-index: 2;
}

#SMS_flipBanner .SMSFlipper .back {
    z-index: 1;
    -webkit-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

@-webkit-keyframes animationFrontBanner {
    0% {
        z-index: 2;
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    40% {
        z-index: 2;
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    50% {
        z-index: 1;
        -webkit-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
        -moz-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }

    90% {
        z-index: 2;
        -webkit-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
        -moz-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }

    100% {
        z-index: 2;
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
}

.animationFrontBanner {
    display: inline-block;
    -webkit-animation: animationFrontBanner 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes animationBackBanner {
    0% {
        z-index: 2;
        -webkit-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
        -moz-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }

    40% {
        z-index: 2;
        -webkit-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
        -moz-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }

    50% {
        z-index: 1;
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    90% {
        z-index: 2;
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    100% {
        z-index: 2;
        -webkit-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
        -moz-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
}

.animationBackBanner {
    display: inline-block;
    -webkit-animation: animationBackBanner 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}

/*====================================================
상단 플립 배너 끝
====================================================*/
/*====================================================
메인 전체 팝업 CSS 시작
====================================================*/
.main_popup_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    background: rgba(0,0,0,0.75);
    z-index: 9999;
    display: none;
}

.main_popup_box .main_popup_DisplayContainer {
    display: box;
    box-pack: center;
    box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 100%;
}

.main_popup_box .main_popup_container {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    /* border-radius: 4px; */
    overflow: hidden;
}

.main_popup_box .main_popup_container .main_popup_btn {
    text-align: center;
}

.main_popup_box .main_popup_container .main_popup_btn .btn_todayClose {
    text-align: right;
    color: #949494;
    display: block;
    padding: 7px 10px;
    font-size: 13px;
}


.main_popup_box .main_popup_container .main_popup_btn .btn_close {
    display: block;
    font-size: 12px;
    letter-spacing: 5px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin: 10px 0 0 0;
    border: 1px solid #fff;
}

.main_popup_box .main_popup_body {
    text-align: center;
    color: #444;
    padding: 0px;
}

.main_popup_box .main_popup_body img {
    width: 100%;
    vertical-align: middle;
}

#smartskinMain_popup_floating {
    display: none;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 45px;
    padding: 0px;
    background: #fff;
    z-index: 11;
    color: #333;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    line-height: 14px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.22);
}

#smartskinMain_popup_floating .container {
    position: relative;
    width: 100%;
    height: 100%;
}

#smartskinMain_popup_floating img {
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
}

/*====================================================
메인 전체 팝업 CSS 끝
====================================================*/
/* ============================================================
웹에서 앱에서 - 앱에서 접속 시 팝업 시작
==============================================================*/
#SMS_AppWeb_wrap {
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    z-index: 50;
    box-shadow: 0px 0px 3px rgba(0,0,0,.6);
    border-radius: 3px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.95);
    opacity: 0;
    display: none;
}

#SMS_AppWeb_wrap.APPWEBOpen {
    opacity: 1;
    -webkit-animation: APPWEBOpen 600ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    display: block;
}

.MenuAllCon.APPWEBOpen_close {
    opacity: 0;
    -webkit-animation: APPWEBOpen_close 600ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    display: none;
}

@-webkit-keyframes APPWEBOpen {
    0% {
        -webkit-opacity: 0;
        opacity: 0;
    }

    100% {
        -webkit-opacity: 1;
        opacity: 1;
    }
}

@-webkit-keyframes APPWEBOpen_close {
    0% {
        -webkit-opacity: 1;
        opacity: 1;
    }

    100% {
        -webkit-opacity: 0;
        opacity: 0;
    }
}

#SMS_AppWeb_wrap .top_appweb {
    text-align: center;
    padding: 20px 20px 10px;
}

#SMS_AppWeb_wrap .top_appweb .appweb_body {
    line-height: 1.5;
    font-size: 13px;
    color: #333;
}

#SMS_AppWeb_wrap .top_appweb .appweb_body b {
    color: #270150;
}

#SMS_AppWeb_wrap .top_appweb .appweb_body .app {
    background: #270150;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 16px;
    border-radius: 40px;
    margin: 15px auto 0;
}

#SMS_AppWeb_wrap .top_appweb .appweb_body .app a {
    display: block;
    color: #fff;
}

#SMS_AppWeb_wrap .btn_appweb {
    overflow: hidden;
    padding: 0 20px 20px;
}

#SMS_AppWeb_wrap .btn_appweb div {
    text-align: center;
    margin: 0 auto;
}

#SMS_AppWeb_wrap .btn_appweb div a {
    display: block;
    background: #ccc;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    font-size: 12px;
}

/* ============================================================
웹에서 앱에서 - 앱에서 접속 시 팝업 끝
==============================================================*/
/*====================================================
top / end 버튼 시작
====================================================*/
.SMS_TopBtn, .SMS_BottomBtn {
    position: fixed;
    text-align: center;
    color: #fff;
    font-size: 0;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #D7D7D7;
    z-index: 10;
    border-radius: 1px;
    right: 15px;
}

.SMS_TopBtn:before, .SMS_BottomBtn:before {
    font-family: FontAwesome;
    font-size: 20px;
    color: #000;
}

/* TOP 버튼 */
.SMS_TopBtn {
    bottom: 84px;
    line-height: 25px;
}

.SMS_TopBtn:before {
    content: "\f106";
}

/* BOTTOM 버튼 */
.SMS_BottomBtn {
    bottom: 55px;
    line-height: 28px;
}

.SMS_BottomBtn:before {
    content: "\f107";
}

/*====================================================
top / end 버튼 끝
====================================================*/
/* ==================================================================
.MenuAllCon 전체햄버거 유찬현
================================================================== */
#SMS_MenuAll_wrap {
    position: fixed;
    width: 320px;
    height: 100%;
    top: 36px;
    right: 0;
    bottom: 0;
    background-color: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1270150;
    display: none;
}

#SMS_MenuAll_wrap {
    top: 0;
    left: 0;
    width: 100%;
    background: #ececec;
    z-index: 9999;
    opacity: 0;
}

#SMS_MenuAll_wrap::-webkit-scrollbar {
    width: 0 !important
}

#SMS_MenuAll_wrap.OpenALLMENU {
    opacity: 1;
    -webkit-animation: OPEN_ALLMENU 400ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
}

#SMS_MenuAll_wrap.OpenALLMENU_close {
    opacity: 0;
    -webkit-animation: OPEN_ALLMENU_CLOSE 400ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes OPEN_ALLMENU {
    0% {
        -webkit-opacity: 0;
        opacity: 0;
    }

    100% {
        -webkit-opacity: 1;
        opacity: 1;
    }
}

@-webkit-keyframes OPEN_ALLMENU_CLOSE {
    0% {
        -webkit-opacity: 1;
        opacity: 1;
    }

    100% {
        -webkit-opacity: 0;
        opacity: 0;
    }
}

/* -------------- 전체햄버거 컨텐츠 시작 공통 클래스 시작 ----------------------------------------------------------------------------------- */
.MenuAllCon .logout_Module {
    position: relative;
    padding: 15px;
    background: #fff;
}

.MenuAllCon .logout_Module .left_logo {
    width: 120px;
}
.MenuAllCon .logout_Module .left_logo a{
    display: block;
}
.MenuAllCon .logout_Module .left_logo img {
    width: 100%;
}

.MenuAllCon .logout_Module .left_Same {
    position: absolute;
    top: 12px;
    width: 35px;
    height: 35px;
}

.MenuAllCon .logout_Module .left_Same a {
    display: block;
}

.MenuAllCon .logout_Module .left_Same.Cart_Icon {
    right: 50px;
    background: url("img/fix_cart.png") no-repeat center;
    background-size: 70%;
}

.MenuAllCon .logout_Module .left_Same.Cart_Icon p {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    top: 2px;
    left: 50%;
    color: #fff;
    font-size: 8px;
    font-weight: normal;
    text-align: center;
    border-radius: 18px;
    background: #270150;
    z-index: 23;
}

.MenuAllCon .logout_Module .left_Same.Cart_Icon p a {
    color: #fff;
}

.MenuAllCon .logout_Module .left_Same.Close_Icon {
    right: 10px;
    background: url("img/close_icon.png") no-repeat center;
    background-size: 50%;
}

/* ------------ 공통 텍스트 시작  ------------ */
.MenuAllCon .ham_user_wrap {
    height: auto;
    float: initial;
    position: relative;
    padding: 0 15px;
    margin: 15px 0;
}

.MenuAllCon .ham_user_wrap .text {
    text-align: left;
    font-size: 12px;
    line-height: 1.2;
    color: #888;
    margin-bottom: 15px;
}

.MenuAllCon .ham_user_wrap .text b {
    display: block;
    font-size: 13px;
    margin: 0 0 6px 0;
    color: #000;
}

.MenuAllCon .ham_header_menu {
    padding: 0px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #bbb;
}

.MenuAllCon .ham_header_menu ul {
    overflow: hidden;
    display: flex;
}

.MenuAllCon .ham_header_menu li {
    text-align: center;
    color: #333;
    font-size: 12px;
    flex: 1;
    border-right: 1px solid #bbb;
}

.MenuAllCon .ham_header_menu li a {
    display: block;
    height: 100%;
    padding: 8px 0;
}
.MenuAllCon .ham_header_menu li.point a{
    border-color: #000;
    background: #000;
    color: #fff;
}
.MenuAllCon .ham_header_menu li:last-child {
    border-right: none;
}

.MenuAllCon .ham_header_menu02 ul {
    margin: 15px 0;
}

.MenuAllCon .ham_header_menu02 li {
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
}

.MenuAllCon .ham_header_menu02 li a {
    display: block;
    font-size: 14px;
}

.MenuAllCon .ham_header_menu02 li:after {
    content: "|";
    position: absolute;
    right: -2px;
    top: -1px;
    color: #aaa;
}

.MenuAllCon .ham_header_menu02 li:last-child {
    margin: 0;
    padding: 0;
}

.MenuAllCon .ham_header_menu02 li:last-child:after {
    display: none;
}

/* ------------ 공통 텍스트 끝 ------------ */
.MenuAllCon .SMS_user_info {
}

/* ------------ 로그인 시작  ------------ */
/* 햄버거 자주가는 메뉴 시작 ========================= */
.user_Inbody .SMS_LikeCategory {
    position: absolute;
    top: 27px;
    right: 22px;
    padding: 3px 7px;
    border: 2px solid #000000;
    color: #000000;
    background: #fff;
    text-align: center;
    border-radius: 27px;
    font-size: 11px;
}

.MenuAllCon .SMS_LikeCategory.SMSselLike {
    border-color: #270150;
    color: #fff;
    background: #270150;
}

.SMS_LikeCategory_Inbody .LikeCategory_text {
    text-align: center;
    font-size: 11px;
    color: #888;
    padding: 5px 0;
}

.user_Inbody .SMS_LikeCategory_Inbody {
    margin: 10px auto 10px;
    background: #efefef;
    padding: 4px;
    border: 1px solid #ddd;
    display: none;
    width: 100%;
}

.MenuAllCon .SMS_LikeCategory_wrap {margin:  15px 0;}

.MenuAllCon .SMS_LikeCategory {
    position: relative;
    border: 1px solid #ccc;
    height: 36px;
    line-height: 35px;
    color: #333;
    text-align: center;
    font-size: 12px;
}

.MenuAllCon .SMS_LikeCategory_Inbody {
    background: #f7f7f7;
    padding: 3px;
    border: 1px solid #ddd;
    border-top: none;
    display: none;
}

.MenuAllCon .user_Inbody .SMS_LikeCategory_Inbody {
    width: 100%;
}

.SMS_LikeCategory_Inbody ul {
    overflow: hidden;
    margin-right: -3px;
    margin-bottom: -3px;
}

.SMS_LikeCategory_Inbody li {
    float: left;
    /* border: 1px solid #ccc; */
    text-decoration: underline;
    /* background: #fff; */
    margin: 0 3px 3px 0;
    font-size: 12px;
}

.SMS_LikeCategory_Inbody li a {
    color: #333;
    display: block;
    padding: 2px 4px;
}

/* 햄버거 자주가는 메뉴 끝 ========================= */
.SMS_MemberMenuWrap {
    margin: 15px 0;
}

.SMS_MemberMenu {
    font-size: 12px;
    font-weight: bold;
    padding: 0px 10px;
    height: 36px;
    line-height: 35px;
    border: 1px solid #ccc;
}

.SMS_MemberMenu a {
    font-weight: normal;
    color: #6B6B6B;
}

.SMS_MemberMenu b {
    display: block;
    width: 15px;
    height: 18px;
    padding: 0;
    background-image: url("img/down_arr.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9px;
    float: right;
    position: relative;
    top: 8px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.SMS_MemberMenu .rotaMember {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

/* ------------ 포인트 적립금 예치금 쿠폰 시작 ------------ */
.MenuAllCon .SMS_ham_myp_points {
    overflow: hidden;
    text-align: center;
    margin: 0;
    border: 1px solid #bbb;
    border-bottom: none;
}

.MenuAllCon .SMS_ham_myp_points ul {
    overflow: hidden;
}

.MenuAllCon .SMS_ham_myp_points li {
    display: inline-block;
    float: left;
    width: 33.3%;
    padding: 0;
}



.MenuAllCon .SMS_ham_myp_points li a {
    color: #888;
    font-size: 12px;
    display: block;
    height: 100%;
    padding: 10px 0;
}

.MenuAllCon .SMS_ham_myp_points li a br {
    display: none;
}

.MenuAllCon .SMS_ham_myp_points li em {
    color: #270150;
    font-weight: bold;
    /* display: block; */
}
.MenuAllCon .SMS_ham_myp_points li .myp_icon {
    width: 26px;
    height: 26px;
    margin: 0 auto 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.MenuAllCon .SMS_ham_myp_points li.coupon .myp_icon {
    background-image: url("img/myp_coupon.png");
}

.MenuAllCon .SMS_ham_myp_points li.mileage .myp_icon {
    background-image: url("img/myp_mileage.png");
}
.MenuAllCon .SMS_ham_myp_points li.deposits .myp_icon {
    background-image: url("img/myp_deposit.png");
}


/* ------------ 포인트 적립금 예치금 쿠폰 끝 ------------ */
/* ------------ 햄버거 회원정보 시작 ------------ */
.MenuAllCon .SMS_leftMyp {
    background: #888;
}

.MenuAllCon .SMS_leftMyp .scon {
    border-top: none;
    overflow: hidden;
}

.MenuAllCon .SMS_leftMyp .scon ul {
    overflow: hidden;
}

.MenuAllCon .SMS_leftMyp .scon ul:last-child {
    border-bottom: none;
}

.MenuAllCon .SMS_leftMyp .scon ul li {
    position: relative;
    display: inline-block;
    float: left;
    width: 25%;
    height: 35px;
    line-height: 34px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-right: 1px solid #aaa;
}

.MenuAllCon .SMS_leftMyp .scon ul li a b {
    font-weight: normal;
}

.MenuAllCon .SMS_leftMyp .scon ul li a {
    display: block;
    font-size: 10px;
}

.MenuAllCon .SMS_leftMyp .scon ul li:last-child {
    border-right: none;
}
.MenuAllCon .SMS_leftMyp_text {
    padding: 12px 12px 0px 12px;
    background: #F5F5F5;
}

.MenuAllCon .SMS_leftMyp_text .scon_t {
    text-align: center;
    background: #efefef;
    padding: 13px 0;
    font-size: 13px;
    line-height: 19px;
    border-radius: 3px;
    border: 1px solid #ddd;
    font-weight: bold;
}

/* ------------ 햄버거 회원정보 끝 ------------ */
/* ------------ 검색 시작 ------------ */
.MenuAllCon .SMS_Search_ham {
    padding: 0 15px;
    margin: 15px 0;
}

.MenuAllCon .SMS_Search_ham .hotKeyword {
    margin-top: 10px;
}

.MenuAllCon .SMS_Search_ham .hotKeyword strong {
    display: block;
    margin-bottom: 5px;
}

.MenuAllCon .SMS_Search_ham .hotKeyword a {
    font-size: 12px;
    color : #333;
    text-decoration: underline;
    display: inline-block;
    margin-right: 5px;
}

.MenuAllCon .SMS_Search_ham .container_Box {
    position: relative;
}

.MenuAllCon .SMS_Search_ham .container_Box ul li.search {
    position: relative;
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    line-height: 0;
}

#SMS_style .MenuAllCon .SMS_Search_ham .container_Box .search input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    width: 100%;
    height: 40px;
    line-height: 12px;
    padding: 0 45px 0 8px;
    border: 0px solid #ccc;
    background: #eee;
    border-radius: 3px;
}

.MenuAllCon .SMS_Search_ham .container_Box .search_btn {
    display: block;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    line-height: 38px;
    text-align: center;
    background: #333;
    color: #fff;
    border-radius: 0 3px 3px 0;
}

.MenuAllCon .SMS_Search_ham .container_Box .search_btn:before {
    font-family: FontAwesome;
    content: "\f002";
    font-size: 12px;
}

.MenuAllCon .SMS_Search_ham .container_Box .search input::-webkit-input-placeholder {
    font-size: 12px;
    color: #888;
    line-height: 14px;
}

/* ------------ 검색 끝 ------------ */
/* ------------ 메뉴 시작 ------------ */
.MenuAllCon .SMS_All_tapMenu {
    overflow: hidden;
    display: flex;
    /* border-top: 1px solid #ccc; */
}

.MenuAllCon .SMS_All_tapMenu div {
    flex: 1;
    height: 40px;
    line-height: 39px;
    font-size: 12px;
    color: #888;
    text-align: center;
}

/* 블록모드 시작 */
.MenuAllCon .SMS_All_tapMenu.blk {
    margin: 0 -1px;
}

.MenuAllCon .SMS_All_tapMenu.blk div {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #aaa;
    background: #f7f7f7;
}

.MenuAllCon .SMS_All_tapMenu.blk div.SelMenu {
    font-weight: bold;
    color: #270150;
    background: #fff;
    border-bottom: none;
    border-color: #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

/* 블록모드 끝 */
/* 언더라인 모드 시작 */
.MenuAllCon .SMS_All_tapMenu.under div {
    border-bottom: 1px solid #aaa;
}

.MenuAllCon .SMS_All_tapMenu.under div.SelMenu {
    font-weight: bold;
    background: #fff;
    color: #000;
    border-bottom: 2px solid #270150;
}

/* 언더라인 모드 끝 */
/* 햄버거 메뉴 > 자주가는 메뉴 */
.MenuAllCon .SMS_All_tabmenu_content .SMS_LikeCategory_wrap {
    padding: 0;
    margin:  0;
}

.MenuAllCon .SMS_All_tabmenu_content .SMS_LikeCategory_wrap .SMS_LikeCategory {
    text-align: left;
    padding: 0 10px;
    border: none;
    border-bottom: 1px solid #ddd;
    height: 38px;
    line-height: 38px;
}

.MenuAllCon .SMS_All_tabmenu_content .SMS_LikeCategory_wrap .SMS_LikeCategory:after {
    float: right;
    font-family: "FontAwesome";
    content: "\f107";
}

.MenuAllCon .SMS_All_tabmenu_content .SMS_LikeCategory_wrap .SMS_LikeCategory.SMSselLike:after {
    content: "\f106";
}

.MenuAllCon .SMS_All_tabmenu_content .SMS_LikeCategory_Inbody {
    border: none;
    border-bottom: 1px solid #ddd;
}

/* //햄버거 메뉴 > 자주가는 메뉴 */
/* 햄버거 메뉴 */
.MenuAllCon .SMS_All_tabmenu_content .tab_box {
    background: #fff;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box a {
    display: block;
}

.MenuAllCon .SMS_All_tabmenu_content .base_menu li {
    border-bottom: 1px solid #ddd;
}

.MenuAllCon .SMS_All_tabmenu_content .base_menu li a {
    display: block;
    color: #333;
    font-size: 12px;
    height: 38px;
    line-height: 38px;
}

/* //햄버거 메뉴 */
/* --------------------- 햄버거 심플 메뉴 시작 --------------------- */
.MenuAllCon .SMS_simple_menu {
    padding: 0 15px;
    margin: 15px 0;
    overflow: hidden;
}

.MenuAllCon .SMS_simple_menu .ham_simple_menu_inner_wrap {
    overflow: hidden;
}

.MenuAllCon .SMS_simple_menu .ham_simple_menu_inner {
    display: block;
    width: 50%;
    float: left;
}

.MenuAllCon .SMS_simple_menu .ham_simple_menu_inner strong {
    display: block;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    margin: 10px 0;
}

.MenuAllCon .SMS_simple_menu .base_menu {
}

.MenuAllCon .SMS_simple_menu .base_menu li {
}

.MenuAllCon .SMS_simple_menu .base_menu li a {
    display: block;
    font-size: 12px;
    padding: 7px 10px;
    color: #888;
    line-height: 1.3;
}

/* --------------------- 햄버거 심플 메뉴 끝 --------------------- */
/* --------------------- 햄버거 CS 시작 --------------------- */
.ham_cs_wrap {
    padding: 0 15px;
    margin: 15px 0;
}

.ham_cs_wrap .SMS_CallBody {
    margin-bottom: 10px;
}

.ham_cs_wrap .SMS_CallBody .SMS_title {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 8px;
}

.ham_cs_wrap .SMS_CallBody .SMS_call_point {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.ham_cs_wrap .SMS_CallBody .SMS_call_point.SMS_call_tel {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
}

.ham_cs_wrap .SMS_CallBody .SMS_call_point.SMS_call_tel:before {
    content: "\f095";
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 5px;
}

.ham_cs_wrap .SMS_CallBody .SMS_call_point a {
    font-size: 10px;
    border: 1px solid #ccc;
    border-radius: 30px;
    padding: 3px 8px;
    margin-left: 10px;
    display: inline-block;
    position: relative;
    top: -3px;
}

.ham_cs_wrap .SMS_CallBody span {
    display: block;
    font-size: 10px;
    line-height: 1.5;
    color: #888;
    padding-left: 0px;
}

/* --------------------- 햄버거 CS 끝 --------------------- */
/* --------------------- 햄버거 토글 메뉴 시작 --------------------- */
.ham_toggle > .ham_toggle_head{
    display: block;
    padding: 0 10px;
    color: #333;
    font-size: 12px;
    height: 38px;
    line-height: 38px;
    border-bottom:  1px solid #ddd;
}
.ham_toggle > .ham_toggle_head:after{
    content:"\f107";
    font-family:"FontAwesome";
    float: right;
}
.ham_toggle > .ham_toggle_head.on:after{
    content:"\f106";
}
.ham_toggle > .ham_toggle_contents{
    display: none;
    padding-left: 10px;
    border-bottom:  1px solid #ccc;
    background: rgba(160, 160, 160, .1);
}
.ham_toggle > .ham_toggle_contents li:last-child,
.ham_toggle > .ham_toggle_contents li.ham_toggle,
.ham_toggle > .ham_toggle_contents li:last-child > *{
    border-bottom: none;
}
/* --------------------- 햄버거 토글 메뉴 끝 --------------------- */
/* ----------- 서브메뉴 시작 ----------- */
.MenuAllCon .SMS_All_tabmenu_content .tab_box .Cate_SubMenu {
    overflow: hidden;
    padding: 0;
    background: #fff;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box .Cate_SubMenu .subM_r {
    border-radius: 2px;
    overflow: hidden;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box .Cate_SubMenu .subM_r div {
    display: inline-block;
    float: left;
    width: 50%;
    height: 37px;
    line-height: 35px;
    font-size: 13px;
    color: #959595;
    text-align: center;
    border-bottom: 1px solid #aaa;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box .Cate_SubMenu .subM_r div.Sel_subMenu {
    font-weight: bold;
    background: #fff;
    color: #270150;
    border-bottom: 2px solid #270150;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box .tabSub_box .tabSub_box_inner {
    /* border: 1px solid #ddd; */
    border-top: none;
    border-bottom: none;
    overflow: hidden;
}

/* ----------- 서브메뉴 끝 ----------- */
.MenuAllCon .SMS_All_CopyRight {
    overflow: hidden;
    padding: 0 15px;
    margin: 15px 0;
}

.MenuAllCon .SMS_All_CopyRight ul {
    margin: 0 -3px;
}

.MenuAllCon .SMS_All_CopyRight li {
    display: inline-block;
    float: left;
    width: 33.3%;
    line-height: 30px;
    text-align: center;
    padding: 0 3px;
}

.MenuAllCon .SMS_All_CopyRight li a {
    display: block;
    font-size: 11px;
    color: #636363;
}
.MenuAllCon .SMS_All_CopyRight li a:after{
    content:"|";
    float: right;
    color: #aaa;
}
.MenuAllCon .SMS_All_CopyRight li:last-child a:after{
    display: none;
}

/* --------------------- 최근본상품 시작 --------------------- */
.SMS_recentHam {
}

.SMS_recentHam ul {
    display: block;
    overflow: hidden;
    margin-top: 5px;
}

.SMS_recentHam ul > li {
    width: 33.333%;
    padding: 3px;
    margin-bottom: 5px;
    display:  inline-block;
    vertical-align: top;
}

.SMS_recentHam ul li a {
    display: block;
    height: auto;
}

.SMS_recentHam ul li dd {
    display: block;
    line-height: 1.2;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    overflow: hidden;
    margin-top: 2px;
}

.SMS_recentHam ul li dt.thumb {
    margin-bottom: 5px;
}

.SMS_recentHam ul li dt.thumb img {
    width: 100%;
}

.SMS_Recent_header, .SMS_Recent_header_none {
    font-size: 11px;
    color: #aaa;
    line-height: 1.2;
    overflow: hidden;
    text-align: center;
}

.SMS_Recent_header_none {
    margin: 20px 0;
}

.SMS_recent_swiper {
    padding: 3px;
}

.SMS_recent_swiper strong{
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.SMS_recent_swiper ul {
}

.SMS_recent_swiper ul li {
    padding: 3px;
    margin-bottom: 15px;
}
.SMS_recent_swiper .swiper-pagination{
    bottom: 0;
}


.SMS_recent_swiper ul li dt {
}

.SMS_recent_swiper ul li dd:first-child {
    margin-top: 5px;
}

.SMS_recent_swiper ul li dd {
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.SMS_recent_swiper ul li dd.summary,
.SMS_recent_swiper ul li dd.simple{
    display: none;
}
/* --------------------- 최근본상품 끝 --------------------- */
.AllsmartskinCopyRight {
    text-align: center;
    font-size: 11px;
    color: #949494;
}

/* -------------- 전체햄버거 컨텐츠 시작 공통 클래스 끝 ----------------------------------------------------------------------------------- */
/* ==================================================================

MenuAllCon 전체햄버거 끝

================================================================== */
/* ==================================================================
왼쪽햄버거 기본버전 시작
================================================================== */
#Basement {
    position: fixed;
    top: 0px;
    left: -290px;
    visibility: hidden;
    width: 290px;
    height: 100% !important;
    z-index: 40;
    background: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    padding-bottom: 40px;
}

.SMS_HamOpenClass {
    position: static;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    overflow-y: hidden !important;
    -webkit-pointer-events: none !important;
    -webkit-overflow-scrolling: none !important;
    z-index: -1 !important;
}

#Basement::-webkit-scrollbar {
    width: 0 !important
}

#Basement .log_login {
    width: 100%;
    background: #fff;
    padding: 10px 0 5px 0;
}

#Basement .log_login img {
    display: block;
    margin: 0 auto;
    width: 50%;
    vertical-align: middle;
}

#Basement::-webkit-scrollbar {
    width: 0 !important
}

@-webkit-keyframes BasementOpenAnimation {
    0% {
        -webkit-transform: translate(-290px,0px);
        transform: translate(-290px,0px);
    }

    100% {
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
}

#Basement.BasementOpen {
    visibility: visible;
    -webkit-animation: BasementOpenAnimation 500ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes BasementOffAnimation {
    0% {
        -webkit-transform: translate(-0px,0px);
        transform: translate(0px,0px);
    }

    100% {
        -webkit-transform: translate(-290px,0px);
        transform: translate(-290px,0px);
    }
}

#Basement.BasementOff {
    visibility: visible;
    -webkit-animation: BasementOffAnimation 500ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
}

#SMS_HamburgerClose {
    display: none;
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 40;
    display: none;
}

#SMS_HamburgerClose p {
    position: absolute;
    top: 0px;
    left: 290px;
    letter-spacing: 1px;
    width: 50px;
    height: 50px;
    background-image: url('img/close_icon_w.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    color: #fff;
    text-align: center;
    padding-top: 50px;
    padding-left: 5px;
    font-size: 12px;
    font-size: 0;
}

/* --------------------- 햄버거 최상단 메뉴 시작 --------------------- */
.top_menu01 {
    overflow: hidden;
}

.top_menu01 ul {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    overflow: hidden;
}

.top_menu01 ul li {
    display: inline-block;
    float: left;
    width: 33.3%;
    color: #333;
    text-align: center;
    border-right: 1px solid #ccc;
    font-size: 12px;
}

.top_menu01 ul li a {
    display: block;
    padding: 10px 0;
}

.top_menu01 ul li:last-child {
    border-right: none;
}

/* --------------------- 햄버거 최상단 메뉴 끝 --------------------- */
/* --------------------- 햄버거 로그인 전 회원정보 시작 --------------------- */
#left-menu .custom #member {
    padding: 0;
    border-top: none;
    border-bottom: none;
    list-style: none;
}

#member {
    padding: 0;
    border-bottom: 1px solid #363636;
    background: #fff;
}

#member div {
    text-align: center;
}

#member div.member_my_info {
    padding: 0;
}

#member div.member_login_info {
    position: relative;
    padding: 5px 0;
}

#member div.member_login_info .login_top {
    width: 140px;
    display: block;
    height: 38px;
    background: #fff;
    margin: 15px auto 15px;
}

#member div.member_login_info .login_top img {
    width: 100%;
}

#member div.member_login_info .logoff_txt {
    line-height: 16px;
    font-size: 12px;
    color: #888;
    padding: 5px 10px;
    text-align: center;
}

#member div.member_login_info .logoff_txt b {
    font-weight: bold;
    color: #000;
}

#member div.member_login_info .logoff_txt .title_logoff {
    display: inline-block;
    font-size: 13px;
    color: #888;
    margin: 0 0 5px;
}

#member .login_join_wrap {
    overflow: hidden;
    padding: 0 9px;
}

#member .login_join_wrap div {
    width: 50%;
    float: left;
    padding: 0 2px;
}

#member .login_join_wrap div a {
    display: block;
    background: #DCDCDC;
    color: #717171;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    border-radius: 2px;
}

/* --------------------- 햄버거 로그인 전 회원정보 끝 --------------------- */
/* --------------------- 햄버거 로그인 후 회원정보 시작 --------------------- */
#member div.member_my_info {
    padding: 0;
}

#member div.member_my_info .member_my_info_box {
    position: relative;
    padding: 10px 20px;
}

#member div.member_my_info .member_my_info_box_login {
    position: relative;
}

#member div .login_info_box {
    font-size: 15px;
    font-weight: normal;
    text-align: left;
}

#member div .member_box1 {
    line-height: 21px;
    font-size: 13px;
    text-align: center;
    color: #666;
}

#member div .member_name {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0;
}

#member div.member_box2 {
    display: block;
    font-size: 12px;
    text-align: center;
    padding: 0 10px;
}

#member div.member_box2 .member_border {
    padding: 10px 0 5px;
    border-top: 1px solid #ddd;
    box-shadow: inset 0 1px rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.5);
    -moz-box-shadow: inset 0 1px rgba(255,255,255,0.5);
}

#member div.member_box2 dl {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#member div.member_box2 dd {
    display: table-cell;
    font-size: 12px;
}

#member div.member_box2 dd.ham_in_title {
    position: relative;
    width: 73px;
    line-height: 21px;
    text-align: left;
}

#member div.member_box2 dd.ham_in_title .opt_ico {
    display: inline-block;
    line-height: 0;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin: -1px 3px 0 0;
    background: url("/SkinImg/img/member_icon.gif") no-repeat;
    background-size: 54px 18px;
}

#member div.member_box2 dd.ham_in_title .ico_po_01 {
    background-position: 0;
}

#member div.member_box2 dd.ham_in_title .ico_po_02 {
    background-position: -18px 0;
}

#member div.member_box2 dd.ham_in_title .ico_po_03 {
    background-position: -36px 0;
}

#member div.member_box2 dd.ham_in_info {
    position: relative;
    text-align: right;
}

#member div.member_box2 dd.ham_in_info .point, #member div.member_box2 dd.ham_in_info .coupon, #member div.member_box2 dd.ham_in_info .deposit {
    font-weight: bold;
    color: #000;
}

#member div.member_box2 dd.ham_in_info .end_tag {
    display: inline-block;
    width: 13px;
    text-align: center;
    color: #888;
}

#member .myInfo_logout {
    padding: 0 10px
}

#member .myInfo_logout a {
    display: block;
    background: #DCDCDC;
    color: #717171;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    border-radius: 2px;
    text-align: center;
}

/* --------------------- 햄버거 로그인 후 회원정보 끝 --------------------- */
/* --------------------- 햄버거 검색창 --------------------- */
.SMS_Topmodule_03_ham {
}

.SMS_Topmodule_03_ham .container_Box {
    position: relative;
    padding: 7px 10px;
    border-bottom: none;
    background: #fff;
}

.SMS_Topmodule_03_ham .container_Box ul li.search {
    position: relative;
    width: 100%;
}

.SMS_Topmodule_03_ham .container_Box .search_btn {
    display: inline-block;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 15px;
    color: #000;
    text-align: center;
    border: none;
}

.SMS_Topmodule_03_ham .container_Box .search_btn:before {
    font-family: FontAwesome;
    content: "\f002";
    color: #000;
}

.SMS_Topmodule_03_ham .container_Box .search input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    width: 100%;
    height: 34px;
    line-height: 12px;
    padding: 0 8px;
    border-radius: 2px;
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
}

.SMS_Topmodule_03_ham .container_Box .search input::-webkit-input-placeholder {
    font-size: 12px;
    color: #888;
    line-height: 14px;
}

/* --------------------- 햄버거 검색창 END ---------------------  */
/* --------------------- 햄버거 기본 탭 메뉴 시작 --------------------- */
#Basement .basementTab {
    display: none;
}

.basementTabNavigation {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-orient: horizontal;
    -webki-box-orient: horizontal;
    -moz-box-orient: horizontal;
    padding: 0;
    background: #f7f7f7;
    border-top: 1px solid #ddd;
}

.basementTabNavigation div {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-align: top;
    -webkit-box-align: top;
    -moz-box-align: top;
    box-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    float: none;
    width: 100% !important;
    height: 50px;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 13px 0 9px;
    background: none;
}

.basementTabNavigation div {
    border-bottom: 1px solid #ddd;
    color: #111;
    font-weight: normal;
}

.basementTabNavigation div.active {
    border-bottom: 5px solid #323232;
    color: #000000;
}

/* --------------------- 햄버거 기본 탭 메뉴 끝 --------------------- */
.basementTab .BasicMenu {
    display: block;
    padding: 0px;
    background: #fff;
    height: 35px;
    line-height: 35px;
    text-indent: 14px;
}

.smartskinCopyRight p {
    padding: 15px 0 150px;
    text-align: center;
    font-size: 11px;
    color: #666;
    text-shadow: none;
    border-top: 1px solid #d7d7d7;
}

/* ==================================================================
왼쪽햄버거 기본버전 끝
================================================================== */
/*====================================================
 햄버거 오른쪽 이벤트 시작
====================================================*/
#BasementRight.BasementOpen {
    visibility: visible;
    -webkit-animation: RightBasementOpenAnimation 500ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes RightBasementOffAnimation {
    0% {
        -webkit-transform: translate(-0px,0px);
        transform: translate(0px,0px);
    }

    100% {
        -webkit-transform: translate(290px,0px);
        transform: translate(290px,0px);
    }
}

#BasementRight.BasementOff {
    visibility: visible;
    -webkit-animation: RightBasementOffAnimation 500ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
}

#BasementRight {
    position: fixed;
    top: 0px;
    right: -290px;
    visibility: hidden;
    overflow: hidden;
    overflow-x: hidden;
    width: 290px;
    height: 100% !important;
    z-index: 40;
    background: #fff;
    overflow: auto;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    padding-bottom: 40px;
}

#BasementRight::-webkit-scrollbar {
    width: 0 !important
}

@-webkit-keyframes RightBasementOpenAnimation {
    0% {
        -webkit-transform: translate(290px,0px);
        transform: translate(290px,0px);
    }

    100% {
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
}

#SMS_HamburgerClose_right {
    display: none;
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100% !important;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 40;
    display: none;
}

#SMS_HamburgerClose_right p {
    position: absolute;
    top: 0px;
    right: 290px;
    letter-spacing: 1px;
    width: 50px;
    height: 50px;
    background-image: url('img/close_icon_w.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding-top: 50px;
    padding-right: 5px;
    font-size: 0;
}

/*====================================================
 햄버거 오른쪽 이벤트 끝
====================================================*/
/* ==================================================================
- 올인원 상단 갤러리 시작
================================================================== */
#SMS_oneSlideBanner {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    border-bottom: 1px solid #efefef;
}

.oneSlideFixed {
    display: block;
    width: 100%;
    z-index: 20;
    top: 0;
    left: 0;
}

.oneSlideFixed.fixed {
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 3px rgba(100,100,100,.5);
    position: fixed;
    z-index: 999;
}


/* ==================================================================
- 올인원 상단 갤러리 끝
================================================================== */
/* 플로팅 시작 */
.floating {
    position: absolute;
    bottom: 20px;
    left: 15px;
    width: 30px;
    height: 30px;
    z-index: 10;
    text-align: center;
    color: #444;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 2px;
    overflow: hidden;
}

.floating img {
    width: 100%;
}

.floating.icon01 {
    bottom: 100px !important;
}

.floating.icon02 {
    bottom: 63px !important;
}

.floating.icon03 {
    bottom: 25px !important;
}
/* 플로팅 끝 */
/*====================================================
상단 55px메뉴 표준화 시작
====================================================*/
#fix_position {
    display: block;
    width: 100%;
    overflow: hidden;
    background: rgba(255,255,255,0.9);
    position: relative;
    /* border-bottom:  1px solid #ccc; */
}

.fixedTopStyle {
    background: #fff;
    position: fixed;
    top: 0px;
    z-index: 20;
    border: none;
    width: 100%;
}

/*#fix_position.fixed {
    box-shadow: 0 0 3px rgba(100,100,100,.5);
    position: fixed;
    top: 0px;
    z-index: 20;
    border: none;
}*/

.SMS_fixed_inner {
    height: 64px;
    line-height: 64px;
    padding: 0;
    text-align: center;
    width:  100%;
    border-bottom: 1px solid #ddd;
}

.SMS_fixed_inner .fixed_logo {
    width: 155px;
    margin: 0 auto;
}

.SMS_fixed_inner .fixed_logo a {
    display: block;
    line-height: 58px;
}

.SMS_fixed_inner img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.SMS_fixed_inner .small_icon {
    position: absolute;
    top: 14px;
    text-align: center;
    color: #000;
    width: 35px;
    height: 35px;
    line-height: 30px;
    font-size: 0;
}

.SMS_fixed_inner .small_icon a {
    display: block;
    width: 35px;
    height: 35px;
}

/* 메뉴 */
.SMS_fixed_inner .small_icon {
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
}

.SMS_fixed_inner .m_menu {
    background-image: url('/SkinImg/img/fix_menu.png');
    left: 8px;
}

.SMS_fixed_inner .search_fixed_btn {
    background-image: url('/SkinImg/img/fix_search.png');
    left: 45px;
}

.SMS_fixed_inner .my_menu {
    background-image: url('/SkinImg/img/fix_user.png');
    right: 8px;
}

.SMS_fixed_inner .m_cart {
    background-image: url('/SkinImg/img/fix_cart.png');
    /*  background-image: url('/SkinImg/img/fix_bag.png'); */
    right: 45px;
}

.SMS_fixed_inner .m_cart a {
    display: block;
    width: 35px;
    height: 35px;
}

.SMS_fixed_inner .m_cart a b {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    top: 2px;
    left: 50%;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    border-radius: 18px;
    background: #270150;
    color: #fff;
    z-index: 23;
}

/*====================================================
상단 55px메뉴 표준화 끝
====================================================*/
/* Topmodule_01 */
.SMS_Topmodule_01 .container_Box {
    height: 35px;
    line-height: 35px;
}

.SMS_Topmodule_01 .container_Box ul li {
    position: relative;
    float: left;
    width: 20%;
    color: #000;
    font-size: 11px;
    text-align: center;
}

.SMS_Topmodule_01 .container_Box ul li a {
    display: block;
}

.SMS_Topmodule_01 .container_Box ul li:last-child {
    border-right: none;
}

.SMS_Topmodule_01 .container_Box ul li:last-child span {
    display: none;
}

.SMS_Topmodule_01 .container_Box ul li span {
    position: absolute;
    display: inline-block;
    width: 1px;
    right: 0;
    font-weight: normal;
    color: #ccc;
    padding: 0;
}

/*
.SMS_Topmodule_01 .container_Box ul li b.count {
    position: absolute;
    display: inline-block;
    min-width: 17px !important;
    height: 17px !important;
    line-height: 17px;
    top: 24px;
    left: 50%;
    color: #fff;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    border-radius: 18px;
    background: #282828;
    margin-left: -10px;
    z-index: 23;
}
*/
.SMS_Topmodule_01 .container_Box ul li span.count a {
    color: #fff;
}

.SMS_Topmodule_01 .container_Box ul li .joinAnimation {
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    background: #270150;
    z-index: 1;
}

.SMS_Topmodule_01 .container_Box ul li .joinAnimation:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    margin: 0 0 0 -3px;
    border-style: solid;
    border-width: 5px 4px 0;
    display: block;
    width: 0;
    z-index: 1;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-color: #270150 transparent;
}

/* 기존 이미지버젼 */
/* .SMS_Topmodule_01 .container_Box ul li .joinAnimation p .icon {
position:absolute;
top:-4px;
left:50%;
width:8px;
height:4px;
margin:0 0 0 -3px;
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAJUlEQVQIW2NkQAX/oVxGmDCcARSASaLIwRSgS8IVgRTgkgQrAgAjkAQEEElBXgAAAABJRU5ErkJggg==") no-repeat;
} */
/* join animation */
@-webkit-keyframes joinAnimation {
    0% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

    5% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(3deg) skewY(0deg);
    }

    10% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

    15% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(-3deg) skewY(0deg);
    }

    20% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
}

.joinAnimation {
    display: inline-block;
    -webkit-animation: joinAnimation 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}

/* Topmodule_01 END */
.SMS_Logolayout {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.SMS_Logolayout .container_Box h1 {
    height: 70px;
    line-height: 70px !important;
    padding: 0 0 0 0 !important;
    text-align: center !important;
}

.SMS_Logolayout .container_Box h1 img {
    width: 125px !important;
    height: auto !important;
    vertical-align: middle;
}

.SMS_Logolayout .search_ico_btn {
    display: inline-block;
    position: absolute;
    bottom: 9px;
    right: 6px;
    display: inline-block;
    width: 20px;
    height: 20px;
    backgorund-image: url("http://placehold.it/50x50");
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: center;
    font-size: 0;
}

.SMS_Logolayout .search_ico {
    font-size: 0;
}

.SMS_Logolayout .bookmark_btn {
    position: absolute;
    top: 0px;
    left: 5px;
    width: 40px;
    height: 40px;
    display: block;
    backgorund-image: url("http://placehold.it/50x50");
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center;
    text-align: center;
    color: #D2D2D2;
    z-index: 10;
    font-size: 0;
}

/* Topmodule_03 기본 노출형 버전 */
/*  

.SMS_MainSearch {
overflow: hidden;
display: block;
width: 50%;
margin: 0 auto 10px;
border-bottom: 1px solid #aaa;
}

.SMS_MainSearch .container_Box {
padding:0;
}

.SMS_MainSearch .container_Box ul li.search {
position:relative;
background:none;
background-size:0;
width:100%;
padding:0;
}

.SMS_MainSearch .container_Box ul li.search .search_btn {
display:inline-block;
position:absolute;
z-index:1;
right:0;
top:0;
width:30px;
height:30px;
line-height:30px;
text-align:center;
background:#fff;
}

.SMS_MainSearch .container_Box .search input {
width:100% !important;
height:30px;
padding:0 35px 0 3px;
border:none !important;
border:0px solid #000 !important;
}

.SMS_MainSearch .container_Box .search .search_btn {
color:#888;
}

.SMS_MainSearch .container_Box .search .search_btn:before {
font-family: FontAwesome;
content: "\f002";
}
*/
/* Topmodule_03 기본 노출형 버전 END */
/** 클릭시 노출 버전 **/
.SMS_MainSearch {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 0;
}

.SMS_MainSearch .container_Box {
    padding: 10px 5px 10px 5px;
    line-height: 0;
}

.SMS_MainSearch .container_Box ul li.search {
    position: relative;
    background: none;
    background-size: 0;
    width: 93%;
    padding: 0;
    margin: 0 auto;
}

.SMS_MainSearch .container_Box ul li.search .search_btn {
    display: inline-block;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0px;
    width: 35px;
    height: 100%;
    line-height: 40px;
    text-align: center;
    color: #000;
}

.SMS_MainSearch .container_Box .search input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    width: 100% !important;
    height: 35px;
    padding: 0px 35px 0 3px;
    border: 0px solid #ccc;
    background: #ddd;
    font-size: 11px;
    text-indent: 3px;
    line-height: 15px;
}

.SMS_MainSearch .container_Box .search .search_btn:before {
    font-family: FontAwesome;
    content: "\f002";
}

.SMS_main_gallery_search .swiper-container {
    height: 180px;
    margin-bottom: 10px;
}

.SMS_main_gallery_search .swiper-slide {
    line-height: 36px;
    -webkit-transform: scale(1);
    -mox-transform: scale(1);
    transform: scale(1);
    transition: 0.5s;
    text-align: center;
    color: #ddd;
    height: 36px;
}

.SMS_main_gallery_search .swiper-slide a {
    color: #888;
    /*     display:  block; */
}

.SMS_main_gallery_search .swiper-slide.swiper-slide-active {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    transform: scale(1.6);
    font-weight: bold;
    opacity: 1;
}

.SMS_main_gallery_search .swiper-slide.swiper-slide-active a {
    border-top: 1px solid #270150;
    border-bottom: 1px solid #270150;
    margin: 0 auto;
    padding: 3px 10px;
    color: #333;
}

.SMS_main_gallery_search {
    position: relative;
    overflow: hidden;
}

/* Topmodule_03 END */
/*====================================================
기본 베이스 메뉴
====================================================*/
.SMS_BaseMenu_01 {
}

.SMS_BaseMenu_01 .container_Box {
    /* border-top: 1px solid #ddd; */
    /* border-bottom: 1px solid #ddd; */
    background: #000;
}

.SMS_BaseMenu_01 .container_Box ul {
    overflow: hidden;
}

.SMS_BaseMenu_01 .container_Box ul li {
    display: inline-block;
    position: relative;
    float: left;
    width: 20%;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding: 0;
}

.SMS_BaseMenu_01 .container_Box ul li a {
    display: block;
}

.SMS_BaseMenu_01 .container_Box ul li:last-child {
    border-right: none;
}

.SMS_BaseMenu_01 .container_Box ul li span {
    position: absolute;
    display: inline-block;
    width: 1px;
    right: 1px;
    font-weight: normal;
    color: #fff;
    padding: 0;
    opacity: .5;
}

.SMS_BaseMenu_01 .container_Box .SMS_menu {
    text-align: center;
}

.SMS_BaseMenu_01 .container_Box .SMS_menu:before {
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 11px;
    margin-right: 5px;
}

/* SMS_BaseMenu */
.SMS_BaseMenu_02 .container_Box {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.SMS_BaseMenu_02 .container_Box ul {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.SMS_BaseMenu_02 .container_Box ul:last-child {
    border-bottom: none;
}

.SMS_BaseMenu_02 .container_Box ul li {
    position: relative;
    display: inline-block;
    float: left;
    width: 20%;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #000;
    text-align: center;
    border-right: 1px solid #ddd;
}

.SMS_BaseMenu_02 .container_Box ul li a {
    display: block;
}

.SMS_BaseMenu_02 .container_Box ul li:last-child {
    border-right: none;
}

.SMS_BaseMenu_02 .container_Box ul li span {
    display: inline-block;
    position: absolute;
    right: 1px;
    width: 1px;
    font-weight: normal;
    color: #ccc;
    padding: 0;
}

@media screen and (min-width: 768px) {
    .MediaLayout {
        overflow: hidden;
    }

    .MediaLayout .container_Box ul {
        width: 50%;
        float: left;
        border-bottom: none;
    }

    .MediaLayout .container_Box ul:first-child li:last-child {
        border-right: 1px solid #ccc;
    }
}

/* SMS_BaseMenu END */
/* SMS_TopMenu_Icon 상단 아이콘 카테고리 */
.SMS_TopMenu_Icon {
    display: none;
    overflow: hidden;
    padding: 0;
}

.SMS_TopMenu_Icon {
    overflow: hidden;
}

.SMS_TopMenu_Icon .Iconbody {
    border-top: 1px solid #ddd;
    background: #fff;
}

.SMS_TopMenu_Icon .Iconbody ul {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.SMS_TopMenu_Icon .Iconbody li {
    color: #333;
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
    border-right: 1px solid #ddd;
    font-size: 12px;
}

.SMS_TopMenu_Icon .Iconbody li:last-child {
    border-right: none;
}

.SMS_TopMenu_Icon .Iconbody li a {
    display: block;
    padding: 5px;
}

.SMS_TopMenu_Icon .Iconbody li a img {
    width: 35px;
    margin: 0 auto 3px;
}

/* 메뉴 텍스트 height 값 조절 */
.SMS_TopMenu_Icon .Iconbody li span {
    position: relative;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /* height: 22px; */
    line-height: 14px;
    font-size: 12px;
    font-weight: normal;
    color: #444;
    text-align: center;
    vertical-align: middle;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (min-width: 768px) {
    .SMS_TopMenu_Icon .Iconbody ul {
        width: 50%;
        float: left;
    }
}

/* Topmodule_06 END */
/* 하단 fixed메뉴 시작 */
#SMS_fixedMenu {
    /* display: none; */
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    background: #f7f7f7;
    border-top: 1px solid #aaa;
    z-index: 20;
}

#SMS_fixedMenu ul {
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 3px 0 5px;
}

#SMS_fixedMenu ul li {
    float: left;
    width: 20%;
    vertical-align: top;
}
#SMS_fixedMenu ul li a{
    display: block;
}
#SMS_fixedMenu ul li span {
    display: block;
    width: 25px;
    height: 25px;
    position: relative;
    margin: 0 auto 2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
}
#SMS_fixedMenu ul li span b{
    position: absolute;
    top: 0;
    right: -5px;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    line-height: 16px;
    font-size: 11px;
    font-weight: normal;
    background: #270150;
    color: #fff;
}

#SMS_fixedMenu ul li.menu span {
    background-image: url('/SkinImg/img/ic_menu.png');
}
#SMS_fixedMenu ul li.cart span {
    background-image: url('/SkinImg/img/ic_cart.png');
}
#SMS_fixedMenu ul li.home span {
    background-image: url('/SkinImg/img/ic_home.png');
}
#SMS_fixedMenu ul li.login span {
    background-image: url('/SkinImg/img/ic_login.png');
}
#SMS_fixedMenu ul li.logout span {
    background-image: url('/SkinImg/img/ic_logout.png');
}
#SMS_fixedMenu ul li.join span {
    background-image: url('/SkinImg/img/ic_join.png');
}
#SMS_fixedMenu ul li.mypage span {
    background-image: url('/SkinImg/img/ic_user.png');
}
#SMS_fixedMenu ul li.love span {
    background-image: url('/SkinImg/img/ic_love.png');
}
#SMS_fixedMenu ul li.recent span {
    background-image: url('/SkinImg/img/ic_recent.png');
}
#SMS_fixedMenu ul li.top span {
    background-image: url('/SkinImg/img/ic_top.png');
}
/* 하단 fixed메뉴 끝 */
/* 기본 아이콘 메뉴 시작 */
.SMS_BaseMenu_Icon {
    overflow: hidden;
    padding: 0 10px;
    margin: 15px 0;
}

.SMS_BaseMenu_Icon .Iconbody ul {
    overflow: hidden;
    width: 100%;
}

.SMS_BaseMenu_Icon .Iconbody ul:first-child {
}

.SMS_BaseMenu_Icon .Iconbody li {
    color: #5E5E5E;
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
    font-size: 12px;
}

.SMS_BaseMenu_Icon .Iconbody li:last-child {
    border-right: none;
}

.SMS_BaseMenu_Icon .Iconbody li a {
    display: block;
    font-size: 11px;
    padding: 0 2px;
}

.SMS_BaseMenu_Icon .Iconbody li a > span {
    display: block;
    margin-top: 5px;
}
.SMS_BaseMenu_Icon .Iconbody li a i.icon{
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.SMS_BaseMenu_Icon .Iconbody li.order a i.icon{
    background-image: url('/SkinImg/img/myp_order.png');
}
.SMS_BaseMenu_Icon .Iconbody li.cart a i.icon{
    background-image: url('/SkinImg/img/myp_cart.png');
}
.SMS_BaseMenu_Icon .Iconbody li.wishlist a i.icon{
    background-image: url('/SkinImg/img/myp_wish.png');
}
.SMS_BaseMenu_Icon .Iconbody li.review a i.icon{
    background-image: url('/SkinImg/img/myp_review.png');
}
.SMS_BaseMenu_Icon .Iconbody li.consult a i.icon{
    background-image: url('/SkinImg/img/myp_consult.png');
}

.SMS_BaseMenu_Icon .Iconbody li b {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    top: 0;
    right: 5px;
    color: #fff;
    font-size: 8px;
    font-weight: normal;
    text-align: center;
    border-radius: 18px;
    background: #270150;
    z-index: 1;
}

/* 기본 아이콘 메뉴 끝 */
/*====================================================
배너 기본 타입 시작
====================================================*/
.SMSbanner {
    overflow: hidden;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-orient: horizontal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    clear: both;
}

.SMSbanner img {
    width: 100%;
    clear: both;
    overflow: hidden;
    /* border: 1px solid #ddd; */
}

.SMSbanner div {
    position: relative;
    box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    padding: 1px;
}

/* 상단 픽시드 배너 - CSS  */
.SMSbannerTop {
    /* max-width: 768px; */
    margin: 0 auto;
}

.SMSbannerTop a {
    display: block;
}

.SMSbannerTop img {
    border: none;
    width: 100%;
}

/*====================================================
배너 기본 타입 끝
====================================================*/
/* ============================================================

메인진열 / 분류진열

==============================================================*/
.mainSection {
    margin: 40px 0;
}

.SMS_Product_display {
    position: relative;
    /* text-align: center; */
}
#SMS_style .SMS_Product_display .swiper-pagination-bullets{
    bottom: 0;
}
/* --------- 메인 헤더 --------- */
.mainSection h3:before{
    content:"";
    display: block;
    border-top: 1px solid #ddd;
    margin-top: 1px;
    position: absolute;
    width: 100%;
    top: 50%;
}
.mainSection h3 strong{
    display: inline-block;
    padding: 0 10px;
    position:  relative;
    z-index:  1;
    background: #fff;
    font-weight: bold;
}
.SMS_Product_display h3, .SMSnaverStyleGallery h3, .mainSection h3 {
    position: relative;
    text-align: center;
    width: 100%;
    line-height: 1.4;
    padding: 0;
    color: #333;
    border: none;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 15px;
}

.SMS_Product_display h3 span, .SMSnaverStyleGallery h3 span {
    display: block;
    font-weight: normal;
    font-size: 12px;
    color: #888;
    margin-top: 3px;
}

/* --------- 더보기 ------------------------------------------------------ */
.SMS_moreBtn {
    margin: 0 auto 15px;
    text-align: center;
}
.SMS_moreBtn a{
    display: inline-block;
    min-width: 150px;
    padding: 10px 20px;
    margin: 0 auto;
    border: 1px solid #ccc;
    font-size: 12px;
}

.SMS_moreBtn a:after {
    font-family: FontAwesome;
    content: "\f107";
    color: #000;
    font-size: 13px;
    margin-left: 5px;
    text-align: center;
}

/* --------- 기본 메인 / 분류 시작 ------------------------------------------------------ */
.SMS_base_img .dcPercent{
    position: absolute;
    bottom: -20px;
    right: 10px;
    background : #000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    border-radius: 30px;
    font-weight: bold;
    display: none;
}
.SMS_base_img .dcPercent.on{
    display: flex;
}
.SMS_base_img, .SMS_base_mask {
    position: relative;
    text-align: left;
}
.SMS_Product_display.SMSprdSortTarget .items li{
    width: 50%;
}

.SMS_Product_display .items {
    font-size: 0px;
    width: 100%;
    padding: 0 4px;
}
.SMS_Product_display .items.swiper-wrapper {
    padding: 0;
}

.SMS_Product_display .items li {
    padding: 4px;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    text-align: center;
    margin-bottom: 20px;
}
.SMS_Product_display .items.owl-carousel li{
    width: 100%;
}

.SMS_Product_display .items .container {
    position: relative;
}

.SMS_Product_display .items .container a.SMS_Viewlink,
.SMSnaverStyleGallery .items .container a.SMS_Viewlink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.SMS_Product_display .items li .thumb img,
.SMSnaverStyleGallery .items li .thumb img {
    width: 100%;
}


.SMS_Product_display .items li .info_container, .SMSnaverStyleGallery .info_container {
    margin-top: 3px;
    line-height: 1.3;
}

.SMS_Product_display .items li .info_container p, .SMSnaverStyleGallery .info_container p {
    overflow: hidden;
    max-height: 2.6em;
    word-wrap: break-word;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.SMS_Product_display .items li .info_container .name, .SMSnaverStyleGallery .info_container .name {
    color: #000;
}

.SMS_Product_display .items li .info_container .subname, .SMSnaverStyleGallery .info_container .subname {
    color: #888;
    display: none;
}

.SMS_Product_display .items li .info_container .subnameSimple, .SMSnaverStyleGallery .info_container .subnameSimple {
    color: #888;
    display: none;
}

.SMS_Product_display .items li .price_container, .SMSnaverStyleGallery .items li .price_container {
    margin-top: 3px;
    line-height: 1.3;
}

.SMS_Product_display .items li .price_container .custom_price, .SMSnaverStyleGallery .items li .price_container .custom_price {
    color: #888;
}

.SMS_Product_display .items li .price_container .price, .SMSnaverStyleGallery .items li .price_container .price {
    color: #000;
    font-weight: bold;
}

.SMS_Product_display .items li .price_container .sale_price, .SMSnaverStyleGallery .items li .price_container .sale_price {
    color: #000;
    font-weight: bold;
}

.SMS_Product_display .items li .price_container .priceStrike, .SMSnaverStyleGallery .items li .price_container .priceStrike {
    color: #888;
}

.SMS_Product_display .items li .price_container .strike, .SMSnaverStyleGallery .items li .price_container .strike {
    color: #888;
    text-decoration: line-through;
}

.SMS_Product_display .items li .icons, .SMSnaverStyleGallery .items li .icons {
    margin-top: 5px;
    line-height: 0;
    overflow: hidden;
    font-size: 0;
    /*text-align:center;*/
}

.SMS_Product_display .items li .icons img, .SMSnaverStyleGallery .items li .icons img {
    display: inline-block;
    width: auto !important;
    height: 15px !important;
    padding: 0;
    margin: 0 2px 2px 0;
    /* float:  left; */
}
.SMS_Product_display .items li .review_count,
.SMSnaverStyleGallery .items li .review_count{
    display: none;
}

.SMS_Product_display .items li .sold_count,
.SMSnaverStyleGallery .items li .sold_count{
    display: none;
}

.SMS_Product_display .items li .add_container, .SMSnaverStyleGallery .items li .add_container {
    margin-top: 3px;
    line-height: 1.3;
    font-size:  0;
}

.SMS_Product_display .items li .add_container .colorchips span, .SMSnaverStyleGallery .items li .add_container .colorchips span {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 2px 2px 0;
    border: 1px solid #ddd;
}

.SMS_Product_display .items li .SMS_pm_link, .SMSnaverStyleGallery .items li .SMS_pm_link {
    display: none;
}
.SMS_Product_display .items li .startDate,
.SMSnaverStyleGallery .items li .startDate,
.SMS_Product_display .items li .endDate,
.SMSnaverStyleGallery .items li .endDate{
    display: none;
}

/* --------- 기본 메인 / 분류 끝 ------------------------------------------------------ */
/* --------- 1단 진열 시작 ------------------------------------------------------ */
.SMSprdSortTarget[data-sort="1col"] .items li{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.SMSprdSortTarget[data-sort="1col"] .items li .SMS_base_img{
    width: 40%;
    float: left;
}
.SMSprdSortTarget[data-sort="1col"] .items li .SMS_base_mask{
    float: left;
    width: 60%;
    padding-left: 15px;
    text-align: left;
}
.SMSprdSortTarget[data-sort="1col"] .items li .SMS_base_mask .info_container .name{
    font-size: 15px;
    margin-bottom: 10px;
}
/* --------- 1단 진열 끝 ------------------------------------------------------ */
/* 페이징 */
#Hamburger .paginate.typeList {
    margin: 20px 0 30px;
    padding: 0;
    background:  transparent;
    border:  none;
}

#Hamburger .paginate.typeList p, #Hamburger .paginate.typeList ol li a {
    border : 0px solid #ccc;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    color: #333;
    font-weight: normal;
    font-size: 12px;
    background: transparent;
}

#Hamburger .paginate.typeList ol li a.this {
    border-color: #000;
    color: #270150;
    font-weight: bold;
    text-decoration: underline;
    font-size: 14px;
}

#Hamburger .paginate.typeList p, #Hamburger .paginate.typeList ol, #Hamburger .paginate.typeList ol li a, #Hamburger .paginate.typeList ol li {
    margin: 0;
    padding: 0;
}

#Hamburger .paginate.typeList p a, #Hamburger .paginate.typeList p a span {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: 100%;
}

#Hamburger .paginate.typeList p {
    background:  #fff;
}

#Hamburger .paginate.typeList p:before {
    font-family: 'FontAwesome';
    font-weight: normal;
}

#Hamburger .paginate.typeList p.first:before {
    content: "\f100";
}

#Hamburger .paginate.typeList p.prev:before {
    content: "\f104";
}

#Hamburger .paginate.typeList p.next:before {
    content: "\f105";
}

#Hamburger .paginate.typeList p.last:before {
    content: "\f101";
}

/*====================================================
메인 / 분류 진열 끝
====================================================*/
/*프로모션_베스트 페이지 커스텀 시작*/
.SMS_promotion_best {
    padding: 5px;
    background: #efefef;
}

.SMS_promotion_best h3 {
    text-align: center;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0;
    margin: 0;
    border-top: 1px solid #3b3b3b;
}

.SMS_BEST_header {
    background: #efefef;
    text-align: center;
    padding: 16px 0;
}

.SMS_BEST_header b {
    display: block;
    font-size: 19px;
    margin: 0 0 17px 0;
}

.SMS_BEST_header .header_option select {
    width: 130px;
    height: 30px;
    border: 1px solid #ddd;
}

.SMS_promotion_best .SMS_promotion_best_header {
}

.SMS_promotion_best .items {
    padding: 0 5px;
    display: inline-table;
    font-size: 0;
}

.SMS_promotion_best .items li {
    display: inline-block;
    overflow: hidden;
    height: auto;
    /* background: #fff; */
    padding: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .SMS_promotion_best .items li {
        width: 50%;
        display: inline-block;
    }
}

.SMS_promotion_best .items .container {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: 1px solid #ddd;
}

.SMS_promotion_best .items .container a.SMS_Viewlink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10;
}

.SMS_promotion_best .items .container .SMS_base_img img {
    width: 100%;
}

.SMS_promotion_best .items .container .SMS_base_mask {
    display: none;
}

.SMS_promotion_best .items .container .SMS_base_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    text-align: center;
    color: #fff;
    padding: 0 10px;
}

.SMS_promotion_best .items .container .SMS_base_mask .info_container {
    margin-top: 50%;
}

.SMS_promotion_best .items .container .SMS_base_mask .info_container .name {
    font-size: 17px;
    margin-bottom: 5px;
}

.SMS_promotion_best .items .container .SMS_base_mask .info_container .subname {
    font-size: 15px;
    color: #8A8A8A;
    margin-bottom: 5px;
}

.SMS_promotion_best .items .container .SMS_base_mask .price_container .price {
    font-size: 15px;
}

.SMS_promotion_best .items .container .SMS_base_mask .SMS_pm_link {
    font-size: 14px;
    color: #fff;
    background: rgba(98, 135, 156, 0.8);
    width: 115px;
    height: 40px;
    line-height: 40px;
    margin: 10px auto 0;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
}

/* --------- 더보기 ------------------------------------------------------ */
.SMS_promotion_best_SMS_moreBtn {
    margin: 0px auto;
    background: #EFEFEF;
    padding: 0 0 20px;
}

.SMS_promotion_best_SMS_moreBtn .btn_moreGray {
    width: 150px;
    border: 1px solid #D4D4D4;
    font-size: 13px;
    text-align: center;
}

/* 프로모션_베스트 페이지 커스텀 끝 */
/* 더블터치 페이지 커스텀 시작 */
.SMS_DoubleTouch {
    padding: 5px;
    background: #efefef;
}

.SMS_DoubleTouch h3 {
    text-align: center;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0;
    margin: 0;
    border-top: 1px solid #3b3b3b;
}

.SMS_DoubleTouch .SMS_DoubleTouch_header {
}

.SMS_DoubleTouch .items {
    padding: 0 5px;
    display: inline-table;
    font-size: 0;
}

.SMS_DoubleTouch .items li {
    display: inline-block;
    overflow: hidden;
    height: auto;
    /* background: #fff; */
    padding: 5px;
    font-size: 12px;
    width: 50%;
}

@media screen and (min-width: 768px) {
    .SMS_DoubleTouch .items li {
        width: 33.3%;
        display: inline-block;
    }
}

.SMS_DoubleTouch .items .container {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: 1px solid #ddd;
}

.SMS_DoubleTouch .items .container a.SMS_Viewlink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10;
}

.SMS_DoubleTouch .items .container .SMS_base_img img {
    width: 100%;
    vertical-align: middle;
}

.SMS_DoubleTouch .items .container .SMS_base_mask {
    display: none;
}

.SMS_DoubleTouch .items .container .SMS_base_mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 5px 0;
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    color: #fff;
}

.SMS_DoubleTouch .items .container .SMS_base_mask .info_container {
}

.SMS_DoubleTouch .items .container .SMS_base_mask .info_container .name {
    font-size: 12px;
    color: #444;
    margin-top: 2px;
    height: auto;
    max-height: 20px;
    padding: 0 10px;
    overflow: hidden;
}

.SMS_DoubleTouch .items .container .SMS_base_mask .info_container .subname {
    font-size: 11px;
    color: #8A8A8A;
    height: auto;
    max-height: 15px;
    padding: 0 10px;
    overflow: hidden;
}

.SMS_DoubleTouch .items .container .SMS_base_mask .price_container .price {
    font-size: 11px;
    color: #444;
}

.SMS_DoubleTouch .items .container .SMS_base_mask .price_container .priceStrike {
    font-size: 11px;
    color: #444;
}

.SMS_DoubleTouch .items .container .SMS_base_mask .SMS_pm_link {
    display: none;
}

.SMS_DoubleTouch .items .container .SMS_base_mask .icons {
    display: none;
}

/* 더블터치 페이지 커스텀 끝 */
/*====================================================
메인 > 네이버 갤러리 시작
====================================================*/
.SMSnaverStyleGallery {
    text-align: center;
}

.SMSnaverStyleGallery .SMScontent {
    display: none;
}

.SMSnaverStyleGallery .items {
    display: inline-table;
    width: 100%;
    padding: 0 4px;
}

.SMSnaverStyleGallery .items li {
    display: inline-block;
    width: 33.33%;
    font-size: 12px;
    vertical-align: top;
    text-align: center;
    z-index: 100;
    padding: 4px;
}

.SMSnaverStyleGallery .items li .container {
    position: relative;
}

.SMSnaverStyleGallery .info_container .name {
}

.SMSnaverStyleGallery .info_container .subname {
}

.SMSnaverStyleGallery .items li .price_container .custom_price {
}

.SMSnaverStyleGallery .items li .price_container .price {
}

.SMSnaverStyleGallery .items li .thumb {
}

.SMSnaverStyleGallery .items li .icons img {
}

.SMSnaverStyleGallery .items li .add_container {
}

.SMSnaverStyleGallery .items li .SMS_pm_link {
}

.SMSnaverStyleGallery .items li .add_container .colorchips span {
}

.SMSnaverStyleGallery .SMSnaverTab {
    display: none;
}
.SMSnaverStyleGallery .SMSnaverTab > div{
    flex: 1;
}
.SMSnaverStyleGallery .SMSnaverTab span.pagingBtn {
    display: block;
    padding: 0 5px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    color: #888;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.SMSnaverStyleGallery .SMSnaverTab span.pagingBtn b{
    display: none;
}
.SMSnaverStyleGallery .SMSnaverTab span.pagingBtn.active {
    font-weight: bold;
    border-bottom: 2px solid #270150;
    color: #270150;
}

.SMSnaverStyleGallery .SMSnaverTab .sub_indicator {
    overflow: hidden;
    font-size: 0;
    line-height: 1;
    padding: 5px 0;
    display: none;
}

.SMSnaverStyleGallery .SMSnaverTab p {
    display: inline-block;
    width: 5px;
    height: 5px;
    padding: 3px;
    margin: 5px;
    background: #ddd;
}

.SMSnaverStyleGallery .SMSnaverTab p.active {
    background: #333;
}

.SMSnaverStyleGallery .swiper-container-horizontal > .swiper-pagination {
    position: relative;
    margin: 0 auto;
    bottom: 0;
}

.SMSnaverStyleGallery .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 20px;
}

.SMSnaverStyleGallery .SMSmovetoCategory {
    margin: 20px auto;
    text-align: center;
}
.SMSnaverStyleGallery .SMSmovetoCategory a{
    display: inline-block;
    min-width: 150px;
    padding: 10px 20px;
    margin: 0 auto;
    border: 1px solid #ccc;
    font-size: 12px;
}
.SMSnaverStyleGallery .SMSmovetoCategory a::after{
    content:"\f105";
    font-family:"FontAwesome";
    display: inline-block;
    margin-left: 5px;
}
.SMSnaverStyleGallery .swiper-button-prev, .SMSnaverStyleGallery .swiper-button-next {
    display: none;
}

/*====================================================
메인 > 네이버 갤러리 끝
====================================================*/
/*====================================================
메인 > 네이버 카카오 스타일 갤러리 시작
====================================================*/
.SMSnaverStyleGallery .SMSnaverContainer.SMS_kakaoStyleGallery .items li {
    position: relative;
    float: left;
    margin: 0 0 1px 0;
    vertical-align: top;
}

.SMSnaverStyleGallery .SMSnaverContainer.SMS_kakaoStyleGallery .items li:first-child {
    width: 66.5% !important;
}

.SMSnaverStyleGallery .SMSnaverContainer.SMS_kakaoStyleGallery .items li .thumb {
    padding: 0;
}

.SMSnaverStyleGallery .SMSnaverContainer.SMS_kakaoStyleGallery .items li .SMS_base_mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255,255,255,0.7);
    padding: 5px;
}
.SMSnaverStyleGallery .SMSnaverContainer.SMS_kakaoStyleGallery .items li .SMS_base_mask .info_container{
    margin: 0;
}
.SMSnaverStyleGallery .SMSnaverContainer.SMS_kakaoStyleGallery .items li .SMS_base_mask .price_container{
    margin:  0;
}
.SMSnaverStyleGallery .SMSnaverContainer.SMS_kakaoStyleGallery .items li .SMS_base_mask p{
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.SMSnaverStyleGallery .SMSnaverContainer.SMS_kakaoStyleGallery .items li .SMS_base_mask .add_container{
    display: none;
}
.SMSnaverStyleGallery .SMSnaverContainer.SMS_kakaoStyleGallery .items li .SMS_base_mask .icons {
    display: none;
}

/*====================================================
카테고리 베스트 영역 시작
====================================================*/
#SMS_best_product {
    background: #f1f1f1;
    border-bottom: 1px solid #ddd;
}

#SMS_best_product .best_cate_title {
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    font-size: 15px;
    font-weight: bold;
    color: #333;
}

#SMS_best_product .best_cate_title b {
}

#SMS_best_product .swiper-slide .best_text {
    position: absolute;
    font-size: 12px;
    color: #fff;
    margin: 0px;
    background: rgba(0,0,0,.7);
    padding: 3px 6px;
    z-index: 1;
}

#SMS_best_product .swiper-slide .best_text b {
    font-weight: normal;
    margin-left: 3px;
}

#SMS_best_product .SMS_best_padding {
    padding: 10px 4px;
}

#SMS_best_product .SMS_CategoryBest .swiper-pagination {
    position: relative;
    margin: 10px auto;
    text-align: center;
}


#SMS_best_product .SMS_CategoryBest .thumb img{
}
#SMS_best_product .SMS_CategoryBest .name {
}

#SMS_best_product .SMS_CategoryBest .subname {
}

#SMS_best_product .SMS_CategoryBest .subnameSimple {
}

#SMS_best_product .SMS_CategoryBest .price {
}

#SMS_best_product .SMS_CategoryBest .custom_price {
}

#SMS_best_product .SMS_CategoryBest .sale_price {
}

#SMS_best_product .SMS_CategoryBest .strike {
}

#SMS_best_product .SMS_CategoryBest .icons img {
}
/*====================================================
카테고리 베스트 영역 끝
====================================================*/
/*====================================================
분류 진열 - 중분류
====================================================*/
#SMSmMenu {
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#SMSmMenu li {
    float: left;
    width: 25%;
    padding: 2px 0;
    border: none;
}

#SMSmMenu li a {
    display: box;
    display: -webkit-box;
    box-pack: center;
    box-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    line-height: 1.3;
    word-break: break-all;
    height: 2.6em;
    max-height: 2.6em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    color: #333;
    padding: 0 5px;
    margin: 0;
    width: 100%;
    position: relative;
}

#SMSmMenu li a:after {
    content: "|";
    position: absolute;
    right: -1px;
    top: -1px;
    height: 100%;
    color: #ccc;
    display: box;
    display: -webkit-box;
    box-pack: center;
    box-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}

#SMSmMenu li:nth-child(4n) a:after, #SMSmMenu li:last-child a:after {
    display: none;
}

#SMSmMenu li a .count {
    display: none;
}

#SMSmMenu li.selected a {
    font-weight: bold;
    text-decoration: underline;
    color: #270150;
}

/* --------- 최신순 시작 ------------------------------------------------------ */
#SMS_view_sort {
    text-align: right;
    padding: 10px;
}

#SMS_view_sort a:first-child {
    display: none;
}

#SMS_view_sort a {
    font-size: 12px;
    margin-left: 3px;
    padding-left: 3px;
}

#SMS_view_sort a.sort {
    font-weight: bold;
}

#SMS_selArr {
    /* border-top: 1px solid #ccc; */
    padding: 10px;
    margin-top: -1px;
}

#SMS_selArr .list_arrayLeft {
    display: inline-block;
}

#SMS_selArr .list_arrayLeft select {
    width: 130px;
    height: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
}

#SMS_selArr .SMSprdSortWrap {
    float: right;
}

/* --------- 메인 / 카테고리 진열 화면 변경 ------------------------------------------------------ */
.SMS_Product_display .SMSprdSortWrap {
    position: relative;
    text-align: center;
    line-height: 0;
    margin-bottom: 5px;
}

.SMS_Product_display .SMSprdSortWrap ul {
    position: initial;
    display: inline-table;
    margin: 0;
}

.SMSprdSortWrap {
    line-height: 0;
}

.SMSprdSortWrap ul {
    display: inline-table;
    /* border-right: 1px solid #ddd; */
}

.SMSprdSortWrap ul li:first-child {
    border-radius: 0px 0 0 0px;
}

.SMSprdSortWrap ul li:last-child {
    border-radius: 0 0px 0px 0;
}

.SMSprdSortWrap ul li {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    text-indent: -999px !important;
    background: url("img/main_converter_icon.png") no-repeat center;
    background-size: auto 20px;
    /* border: 1px solid #ddd; */
    border-right: none;
}

.SMSprdSortWrap ul li.on{
    background: url("img/main_converter_icon_sel.png") no-repeat center;
    background-size: auto 20px;
}

.SMSprdSortWrap ul li[data-sort="1col"],
.SMSprdSortWrap ul li[data-sort="1col"].on {
    background-position-x: 0;
}

.SMSprdSortWrap ul li[data-sort="2col"],
.SMSprdSortWrap ul li[data-sort="2col"].on {
    background-position-x: -30px;
}

.SMSprdSortWrap ul li[data-sort="3col"],
.SMSprdSortWrap ul li[data-sort="3col"].on {
    background-position-x: -60px;
}

.SMSprdSortWrap ul li[data-sort="4col"],
.SMSprdSortWrap ul li[data-sort="4col"].on {
    background-position-x: -90px;
}
/*====================================================
SNS - 시작
====================================================*/
/* SNS Type_01 링크 */
.SMS_SnsWrap_Type1 {
    display: block;
    margin: 15px 0;
    overflow: hidden;
}

.SMS_SnsWrap_Type1 .sns_wrap {
    text-align: center;
    overflow: hidden;
}

.SMS_SnsWrap_Type1 .sns_wrap div {
    width: 30px;
    margin: 0 10px;
    display: inline-block;
    font-size: 12px;
}

.SMS_SnsWrap_Type1 .sns_wrap div a {
    display: block;
    font-size: 12px;
}

.SMS_SnsWrap_Type1 .sns_wrap div a img {
    display: block;
    margin: 0 auto;
    width: 100%;
    opacity: .3;
}

.SMS_SnsWrap_Type1 .sns_wrap div a span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* SNS 링크 */
.SMS_SnsWrap {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border-top: 1px solid #ddd;
    clear: both;
    display: flex;
}

.SMS_SnsWrap .sns_text {
    flex: 1;
    line-height: 48px;
}

.SMS_SnsWrap .sns_wrap {
    flex: 2;
    padding-top: 9px;
}

.SMS_SnsWrap .sns_wrap div {
    display: inline-block;
    float: right;
    width: 30px;
    height: 30px;
    line-height: 28px;
    margin-left: 5px;
    color: #fff;
    text-align: center;
}

.SMS_SnsWrap .sns_wrap div a {
    display: block;
    font-size: 0;
    height: 100%;
}

.SMS_SnsWrap .sns_wrap div a img {
    width: 100%;
    height: 100%;
    display: block;
    opacity: .3;
}

/*====================================================
SNS - 끝
====================================================*/
/* 하단 footer 아이콘 시작*/
.SMS_BottomMenu_Icon {
    overflow: hidden;
    border-top: 2px solid #888;
}

.SMS_BottomMenu_Icon .Iconbody {
}

.SMS_BottomMenu_Icon .Iconbody ul {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    width: 100%;
    text-align: center;
    display: flex;
}

.SMS_BottomMenu_Icon .Iconbody li {
    color: #5E5E5E;
    position: relative;
    flex: 1;
    text-align: center;
    border-right: 1px solid #ccc;
    font-size: 12px;
}

.SMS_BottomMenu_Icon .Iconbody li:last-child {
    border-right: none;
}

.SMS_BottomMenu_Icon .Iconbody li a {
    display: block;
    padding: 15px 10px;
}

.SMS_BottomMenu_Icon .Iconbody li a img {
    width: 24px;
    display: block;
    margin: 0 auto;
}

/* 메뉴 텍스트 height 값 조절 */
.SMS_BottomMenu_Icon .Iconbody li span {
    margin-top: 6px;
    position: relative;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /* height: 22px; */
    line-height: 14px;
    font-size: 12px;
    font-weight: normal;
    color: #888;
    text-align: center;
    vertical-align: middle;
}

@media screen and (min-width: 768px) {
    .SMS_BottomMenu_Icon .Iconbody ul {
        width: 50%;
        float: left;
    }
}

/* 하단 footer 아이콘 끝*/
/* 하단 footer 텍스트 시작*/
.SMS_BottomMenu_Text {
    overflow: hidden;
}

.SMS_BottomMenu_Text .Textbody {
}

.SMS_BottomMenu_Text .Textbody ul {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    width: 100%;
}

.SMS_BottomMenu_Text .Textbody li {
    color: #888;
    position: relative;
    float: left;
    width: 25%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-right: 1px solid #ddd;
}

.SMS_BottomMenu_Text .Textbody li:last-child {
    border-right: none;
}

.SMS_BottomMenu_Text .Textbody li a {
    font-size: 12px;
    color: #888;
}

.SMS_BottomMenu_Text .Textbody li span {
    display: block;
    position: absolute;
    top: 0;
    right: 1px;
    width: 1px;
    color: #ccc;
    padding: 0;
}

.SMS_BottomMenu_Text .Textbody li:last-child span {
    display: none;
}

@media screen and (min-width: 768px) {
    .SMS_BottomMenu_Text .Textbody ul {
        width: 50%;
        float: left;
    }

    .SMS_BottomMenu_Text .Textbody ul:first-child li:last-child {
        border-right: 1px solid #ddd;
    }

    .SMS_BottomMenu_Text .Textbody li:last-child span {
        display: block;
    }
}

/* 하단 footer 텍스트 끝*/
.layOutView_Left {
    padding: 10px;
}

/* CS_center / Bank Info 은행 시작*/
.SMS_BottomShopinfo {
    width: 100%;
    overflow: hidden;
    display: flex;
}

.SMS_BottomShopinfo .SMS_CallBody {
    padding: 10px;
    flex: 1;
}

.SMS_BottomShopinfo .SMS_CallBody:first-child {
    /* border-right: 1px solid #ddd; */
}

.SMS_BottomShopinfo .SMS_CallBody .SMS_title {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    margin: 0 0 10px 0;
}

.SMS_BottomShopinfo .SMS_CallBody .SMS_call_point {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 0 0 10px;
}

.SMS_BottomShopinfo .SMS_CallBody .SMS_call_point.SMS_call_tel a {
    font-size: 22px;
    text-decoration: none;
}

.SMS_BottomShopinfo .SMS_CallBody span {
    font-size: 10px;
    display: block;
    color: #888;
}

.SMS_BottomShopinfo .SMS_CallBody a {
    font-size: 10px;
    letter-spacing: -0.5px;
    display: block;
    margin-top: 10px;
    text-decoration: underline;
}

/* CS_center / Bank Info 은행 끝*/
/* 고객센터 버튼 시작*/
.SMS_BottomShopinfo_btn {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    clear: both;
}

.SMS_BottomShopinfo_btn div {
    overflow: hidden;
    margin: 0 -2px;
}

.SMS_BottomShopinfo_btn div a {
    width: 50%;
    float: left;
    display: block;
    height: 32px;
    line-height: 30px;
    margin: 0;
    text-align: left;
    font-size: 12px;
    padding: 0 10px;
}

.SMS_BottomShopinfo_btn div a span {
    display: block;
    background: #270150;
    color: #fff;
    padding: 0 10px;
    border: 1px solid #270150;
}

.SMS_BottomShopinfo_btn a:nth-child(1) span:before {
    content: "\f095 ";
    font-family: FontAwesome;
    font-weight: normal;
    float: right;
}

.SMS_BottomShopinfo_btn a:nth-child(2) span:before {
    content: "\f075 ";
    font-family: FontAwesome;
    font-weight: normal;
    float: right;
}

/* 고객센터 버튼 끝*/
@media screen and (min-width: 768px) {
    .SMS_layOutView {
        overflow: hidden;
        width: 100%;
        clear: both;
        border-bottom: 1px solid #D2D2D2;
    }

    .SMS_layOutView .layOutView_Left {
        width: 70%;
        float: left;
    }

    .SMS_layOutView .layOutView_Rigth {
        width: 30%;
        float: left;
    }

    .SMS_layOutView .layOutView_Rigth .SMS_BottomMenuList {
        border-top: none;
    }

    .SMS_layOutView .layOutView_Rigth .SMS_BottomMenuList {
        padding: 10px;
    }

    .SMS_layOutView .layOutView_Rigth .SMS_BottomMenuList .MenuListbody ul {
        border: 1px solid #ddd;
        display: block;
    }

    .SMS_layOutView .layOutView_Rigth .SMS_BottomMenuList .MenuListbody ul li {
        width: 100%;
        display: block;
        border-bottom: 1px solid #ddd;
        height: 40px;
        line-height: 40px;
    }

    .SMS_layOutView .layOutView_Rigth .SMS_BottomMenuList .MenuListbody ul li:last-child {
        border-bottom: none;
    }
}

/* 이용안내 시작 */
.SMS_BottomMenuList {
    background: #000;
}

.SMS_BottomMenuList .MenuListbody ul {
    overflow: hidden;
    overflow: hidden;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-orient: horizontal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
}

.SMS_BottomMenuList .MenuListbody ul li {
    position: relative;
    box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 11px;
    color: #333;
    text-align: center;
    /* border-right:1px solid #ccc; */
}

.SMS_BottomMenuList .MenuListbody ul li a {
    display: block;
    color: #aaa;
}

.SMS_BottomMenuList .MenuListbody ul li span {
    position: absolute;
    top: 12px;
    right: 0;
    display: inline-block;
    width: 1px;
    height: 12px;
    font-weight: normal;
    color: #ddd;
    background: #ddd;
    padding: 0;
    opacity: .4;
}

/* 이용안내 끝 */
/* 회사 정보 시작 */
.footer_shopinfoWrap{
    padding: 0 20px;
    overflow:  hidden;
    background: #fff;
}
.companyinfo_toggle{
    text-align: center;
    margin: 20px 0;
    font-size: 11px;
    color: #333;
}
/*
.companyinfo_toggle:after{
    content:" \f107";
    font-family:"FontAwesome";
}
.companyinfo_toggle.on:after{
    content:" \f106";
}
*/
.SMS_BottomModule_Companyinfo .infobody {
}

.SMS_BottomModule_Companyinfo .infobody li {
    line-height: 16px;
    font-size: 11px;
    color: #333;
    font-weight: normal;
}

.SMS_BottomModule_Companyinfo .infobody li b, .SMS_BottomModule_Companyinfo .infobody li b a, .SMS_BottomModule_Companyinfo .infobody li b span {
    display: inline-block;
    font-weight: normal;
    color: #888;
    font-size: 10px;
}
.SMS_BottomModule_Companyinfo {
    margin: 20px 0;
    text-align: center;
}

/* 회사 정보 끝 */
/* Copyright */
.SMS_BottomModule_copyright {
    margin-bottom: 40px;
    text-align: center;
}


.SMS_BottomModule_copyright .container_Box .body li {
    line-height: 16px;
    font-size: 11px;
    font-weight: normal;
    color: #888;
}

.SMS_BottomModule_copyright .container_Box .body li b {
}

.SMS_BottomModule_copyright .container_Box .body ul li:after {
    display: block;
    content: "Design by Smartskin";
    font-weight: normal;
    font-size: 10px;
    color: #aaa;
}

/* Copyright */
/* ==================================================================
- 메인 > 하단 커스텀 시작
================================================================== */
/* ==================================================================
상세 페이지 - /product/detail.html
================================================================== */
#SMS_product_detail_wrap {
}

#SMS_product_detail_wrap .paginate.typeSwipe button.circle {
    width: 8px;
    height: 8px;
    background-size: 100%;
}

.SMS_detail_catelist {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
}

.SMS_detail_catelist ul {
    text-align: right;
}

.SMS_detail_catelist ul li {
    display: inline-block;
}

.SMS_detail_catelist ul li a {
    height: 16px;
    font-size: 12px;
    line-height: 1.4;
    color: #888;
}

.SMS_detail_catelist ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    padding: 0 6px 0 0;
    font-size: 10px;
}

.SMS_detail_catelist ul li:first-child a:before {
    display: none;
}

/* 상세 헤더 최근 본 상품 시작 */
#SMS_product_detail_wrap #titleArea h2 .SMS_RecentDetail_icon {
    position: absolute;
    bottom: 7px;
    right: 5px;
    width: 78px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    background: transparent;
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #333;
    font-weight: normal;
    font-size: 11px;
    display: none;
}

#SMS_product_detail_wrap #titleArea h2 .SMS_RecentDetail_icon.RecentIconSelDetail {
    background: #444;
    border-radius: 2px;
    border: 1px solid #444;
    color: #fff;
}

#SMS_product_detail_wrap .SMS_RecentDetail {
    display: none;
    padding: 5px;
    overflow: hidden;
    border-bottom: 1px solid #DADADA;
}

#SMS_product_detail_wrap .SMS_RecentDetail ul {
    overflow: hidden;
}

#SMS_product_detail_wrap .SMS_RecentDetail ul li {
    width: 25%;
    float: left;
    border-radius: 3px;
    padding: 3px;
    border: none;
    margin: 0;
    line-height: 0;
}

#SMS_product_detail_wrap .SMS_RecentDetail ul li .name {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
}

#SMS_product_detail_wrap .SMS_RecentDetail ul li img {
    width: 100%;
}

#SMS_product_detail_wrap .SMS_RecentDetail .SMS_RecentDetail_header, #SMS_product_detail_wrap .SMS_RecentDetail .SMS_RecentDetail_header_none {
    width: 96%;
    margin: 10px auto;
    padding: 6px 0;
    font-size: 12px;
    color: #494949;
    line-height: 19px;
    overflow: hidden;
    text-align: center;
    background: #E8E8E8;
    border: 1px solid #E2E2E2;
    border-radius: 3px;
}

.SMS_RecentDe_gallery_wrap.RecentStyle {
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
    position: absolute;
    background: #fff;
    z-index: 100;
    width: 100%;
}

.SMS_RecentDe_gallery .SMS_RecentDetail_header {
    color: #333;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 0 auto 5px;
    font-size: 12px;
}

.SMS_RecentDe_gallery .swiper-pagination {
    position: relative;
    margin: 5px 0 0 0;
}

.SMS_RecentDe_gallery .swiper-wrapper div {
    padding: 3px;
    margin-bottom:  5px;
}

.SMS_RecentDe_gallery .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    top: 14px;
    left: 0px;
    background-size: 15px;
}

.SMS_RecentDe_gallery .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    top: 14px;
    right: 0px;
    background-size: 15px;
}

/* 상세 헤더 최근 본 상품 시작 */
#SMS_product_detail_wrap .xans-product-detail .overview {
    padding: 0;
}

#SMS_product_detail_wrap #SMS_detail_header {
    position: relative;
    text-align: center;
    line-height: 1.3;
}

#SMS_product_detail_wrap .SMS_detail_headerBody {
}

#SMS_product_detail_wrap #SMS_detail_header .SMS_detail_name {
    font-size: 15px;
    font-weight: bold;
}

#SMS_product_detail_wrap #SMS_detail_header .SMS_detail_summary, #SMS_product_detail_wrap #SMS_detail_header .SMS_detail_simple {
    font-size: 12px;
    margin: 5px 0 0 0;
    color: #888;
}
#SMS_product_detail_wrap .xans-product-detail .prdInfo table tbody.priceArea, #SMS_product_detail_wrap .xans-product-detail .prdInfo, #SMS_product_detail_wrap .xans-product-detail .prdOption {border: none;}

#SMS_product_detail_wrap #SMS_detail_header p.prdIcon {
    text-align: center;
    margin-top: 10px;
    /* display: none; */
}
#SMS_product_detail_wrap #SMS_detail_header p.prdIcon img{
    margin: 0 2px;
}

#SMS_product_detail_wrap .xans-product-detail .prdInfo {
    border-top: 1px solid #ddd;
    background: #fff;
    margin: 15px 0;
    padding: 8px 0;
    border-bottom:  1px solid #ddd;
}
#SMS_product_detail_wrap .xans-product-detail .prdInfo table tr{
}
#SMS_product_detail_wrap .xans-product-detail .prdInfo table td {
    padding: 8px 0;
    font-size: 12px;
}

#SMS_product_detail_wrap .xans-product-detail .prdInfo table td.price{
    font-size: 15px;
}
#SMS_product_detail_wrap .xans-product-detail .prdInfo table th {
    padding: 0;
    vertical-align: middle;
    color: #000;
    font-weight: normal;
    font-size: 12px;
}

#SMS_product_detail_wrap #totalProducts tfoot td {
    border: none;
    border-top: 1px solid #ddd;
    padding: 15px 0;
}

#SMS_product_detail_wrap #totalProducts tfoot td .total strong {
    font-weight: bold;
    font-size: 18px;
    color: #270150;
}

#SMS_product_detail_wrap .xans-product-detail .prdOption table tr input {
    width: 120px;
}

#SMS_product_detail_wrap .xans-product-detail .byte {
    font-size: 13px;
    vertical-align: top;
}
#SMS_product_detail_wrap .xans-product-detail .prdOption table tr{
    border: none;
}
#SMS_product_detail_wrap .xans-product-detail .prdOption table th {
    padding: 0;
    color: #000;
    font-size: 12px;
    font-weight: normal;
}

#SMS_product_detail_wrap .xans-product-detail .prdOption table td {
    padding: 8px 0;
}

#SMS_product_detail_wrap .xans-product-detail .prdOption {
    margin: 15px 0;
}

#SMS_product_detail_wrap .xans-product-detail .prdOption table td > ul,
#SMSBuy_wrap_all .prdOption table td > ul{
    overflow: hidden;
}
#SMS_product_detail_wrap .xans-product-detail .prdOption table td > ul > li,
#SMSBuy_wrap_all .prdOption table td > ul > li{
    width: 33.333%;
    float: left;
    text-align: center;
    padding: 2px;
    line-height: 1.3;
}
#SMS_product_detail_wrap .xans-product-detail .prdOption table td > ul > li a,
#SMSBuy_wrap_all .prdOption table td > ul > li a{
    display: block;
    padding: 5px 0;
    border: 1px solid #ccc;
    border-radius: 3px;
}
#SMS_product_detail_wrap .xans-product-detail .prdOption table td > ul > li.ec-product-selected a,
#SMSBuy_wrap_all .prdOption table td > ul > li.ec-product-selected a {
    background: #270150;
    border-color: #270150;
    color: #fff;
}
.xans-product-detail .xans-product-option .value,
#SMSBuy_wrap_all .xans-product-option .value{
    line-height: 1.5;
    font-size: 12px;
    color: #555;
    word-break: break-all;
    text-align: left;
}
.xans-product-detail .xans-product-option .value .ec-product-value,
#SMSBuy_wrap_all .xans-product-option .value .ec-product-value {
    display: inline-block;
    padding: 2px 4px;
    border-radius: 3px;
    background: #888;
    color: #fff;
    font-size:  11px;
    margin-top: 3px;
}

.xans-product-detail .xans-product-option .ec-product-soldout a,
#SMSBuy_wrap_all .xans-product-option .ec-product-soldout a {
    background: #ddd;
    color: #fff;
}

.SMS_ShopDetail_layout_right {
    padding: 20px 20px 40px;
}

#SMS_product_detail_wrap #SMS_product_topPadding {
    padding: 0;
}

#SMS_product_detail_wrap #totalProducts {
    margin: 0;
}

#SMS_product_detail_wrap .option_products {
    border-top: 1px solid #ccc;
    padding: 0 15px;
    background:  #f7f7f7;
}




#SMS_product_detail_wrap .xans-product-detail .toggle {
    padding: 0;
    margin: 15px 0;
}

#SMS_product_detail_wrap .xans-product-detail .toggle > .title:after {
    background-image: url("img/down_arr.png");
    background-size: 13px;
}

#SMS_product_detail_wrap .xans-product-detail .toggle > .title {
    color: #444;
    border: 1px solid #ccc;
    background: #FFFFFF;
}

#SMS_product_detail_wrap #totalProducts tbody td .price, #SMS_product_detail_wrap #totalProducts tfoot td .total {
    color: #000;
}

/* 구매버튼 시작 */
#SMS_product_detail_wrap .xans-product-action .btnArea.type3 {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 13px -2px;
}
#SMS_Buybtn_wrap {
}

#SMS_product_detail_wrap .xans-product-action .btnArea.type3 a,
#SMS_product_detail_wrap .xans-product-action .btnArea.type3 button{
    position: relative;
    left: initial;
    right: initial;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 50px;
    line-height: 48px;
    border: 1px solid #888 !important;
    display: block;
    margin: 2px;
    background: transparent;
    color: #333;
    padding: 0;
    font-weight: normal;
    font-size:  15px;
}
#SMS_Buybtn_wrap #actionBuy{
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    background: #270150 !important;
    border-color: #270150 !important;
    font-weight: bold;
    color: #fff !important;
}
.SMS_total #SMS_Buybtn_wrap .xans-product-action .btnArea.type3 #actionBuy{
    font-size: 18px;
}
#SMS_Buybtn_wrap #actionCart, #SMS_Buybtn_wrap #actionWish {

}

/* 구매버튼 끝 */
#SMS_product_detail_wrap .xans-product-detail .prdOption table td select {
    border: 1px solid #ccc !important;
    padding: 0 7px;
}
.SMS_ShopDetail_layout .snsLink {
    padding: 0;
    margin: 15px 0;
}
/* ------------------------------------- 빠른구매버튼 시작 ------------------------------------- */

.SMS_buy_quick_NONE {
    display: none !important;
}

.detail_mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 30;
    display: none;
}

.SMS_buy_quick {
    height: auto;
    overflow: hidden;
    z-index: 500;
}

.SMS_ShopDetaileBuy_btn {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    z-index: 20;
    background: rgba(102, 102, 102, 0.85);
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: none;
    background: #fff;
}

.SMS_ShopDetaileBuy_btn .SMS_buy_menu_close {
    position: absolute;
    top: -23px;
    left: 50%;
    width: 70px;
    height: 23px;
    margin-left: -35px;
    border-radius: 4px 4px 0 0;
    z-index: 8;
    background: none;
    background-image: url('/SkinImg/img/open_QuickBuy.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70px 23px;
    display:  none;
}

.SMS_ShopDetaileBuy_btn .Buy_btn {
    background: #270150 !important;
}

.SMS_ShopDetaileBuy_btn .widthpercent {
    display: inline-block;
    float: left;
    width: 50%;
    color: #fff;
    background: #333;
}




.SMS_buy_menu_wrap {
    width: 100%;
    background: #fff;
    height: auto;
}

#SMS_shopdetailInfo #contents .shopdetailInfoBottom .buy_on {
    overflow: hidden;
}

#SMS_shopdetailInfo #contents .shopdetailInfoBottom .buy_on a {
    width: 33.3%;
    float: left;
    border: none;
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
    background: none;
}

#SMS_shopdetailInfo #contents .shopdetailInfoBottom .buy_on a span {
    display: block;
    border: 1px solid #ddd;
}

#SMS_shopdetailInfo #contents .shopdetailInfoBottom .buy_on a.buy span {
    background: #000;
}

#SMSBuy_wrap_all {
    position: fixed;
    bottom: -300px;
    z-index: 40;
    overflow: visible;
    width: 100%;
    height: auto;
    opacity: 0;
}

#SMSBuy_wrap_all select {
    width: 91%;
    height: 30px !important;
}

#SMSBuy_wrap_all #totalProducts {
    margin:  10px 20px;
}

#SMSBuy_wrap_all .SMSBuy_wrap_close {
    display: block;
    position: absolute;
    top: -40px;
    left: 50%;
    width: 72px;
    height: 40px;
    margin-left: -35px;
    background-image: url('/SkinImg/img/Close_QuickBuy.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    line-height: 23px;
    text-align: center;
    z-index: 500;
}

#SMS_quickTotalWrap {
    font-size: 13px;
    color: #000;
    height: 30px;
    line-height: 30px;
}

/* 레이아웃 커스텀 */
#SMSBuy_wrap_all .SMS_buy_menu_wrap {
    padding: 10px 0;
}

.SMS_buy_menu_wrap {
    /* position: fixed; */
    overflow: auto;
    border-top: 2px solid #000;
}

#SMSBuy_wrap_all .prdInfo, #SMSBuy_wrap_all .prdOption {
    padding: 0 20px;
    font-size: 13px;
}

#SMSBuy_wrap_all .prdInfo table {
    border-bottom: 1px solid #ddd;
}

/* th 왼쪽 - td 오른쪽 */
#SMSBuy_wrap_all .prdInfo th, #SMSBuy_wrap_all .prdOption th {
    text-align: left;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
}

#SMSBuy_wrap_all .prdInfo td, #SMSBuy_wrap_all .prdOption td {
    text-align: right;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    padding:  5px 0;
}

#SMSBuy_wrap_all .prdInfo .price {
    font-size: 16px;
}

#SMSBuy_wrap_all .prdOption td input {
    width: 100px;
}

#SMSBuy_wrap_all .btnArea.type3 {
    padding: 0 10px;
    margin: 15px auto;
}

#SMSBuy_wrap_all .btnArea {
    max-width: 100%;
}

#SMSBuy_wrap_all #SMS_Buybtn_wrap .SMSqucikBtn {
    width: 33.3%;
    float: right;
    border: none;
    padding: 0px;
    height: 43px !important;
    line-height: 40px !important;
    background: none;
    border: none;
    padding: 0 5px;
    margin: 0;
    border: none !important;
}

#SMSBuy_wrap_all #SMS_Buybtn_wrap .SMSqucikBtn span {
    display: block;
    border: 1px solid #888;
    border-radius: 3px !important;
    width:  100%;
    height:  100%;
    margin-left:  1px;
    font-size: 14px;
}

#SMSBuy_wrap_all #SMS_Buybtn_wrap #actionBuy.SMSqucikBtnBuy {
    left: -6px !important;
    background: none !important;
    border: none !important;
}

/* 빠른창 구매 버튼 */
#SMSBuy_wrap_all #SMS_Buybtn_wrap #actionBuy.SMSqucikBtnBuy span {
    border: 1px solid #270150 !important;
    background: #270150 !important;
}

/* 빠른창 장바구니 버튼 */
#SMSBuy_wrap_all #SMS_Buybtn_wrap #actionCart.SMSqucikBtnBuy span {
}

/* 빠른창 관심상품 버튼 */
#SMSBuy_wrap_all #SMS_Buybtn_wrap #actionWish.SMSqucikBtnBuy span {
}

/* 내부스크롤 */
.SMS_buy_menu_wrap {
    max-height: 350px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* ------------------------------------- 빠른구매버튼 끝 ------------------------------------- */
#SMS_detailTab_focus{
    position: relative;
    top: -150px;
    left: 0;
}
#SMS_tabProduct_container{
    border-top: 1px solid #ccc;
}
#SMS_tabProduct {
    overflow: hidden;
}

#SMS_tabProduct ul {
    overflow: hidden;
    text-align:  center;
}
#SMS_tabProduct li {
    float: left;
    width: 33.3333%;
    font-size: 12px;
    height: 40px;
    line-height: 39px;
    color: #888;
    border-bottom: 1px solid #ccc;
}
#SMS_tabProduct li b{
    font-weight: normal;
}
#SMS_tabProduct li:last-child{
    border-right: none;
}
#SMS_tabProduct li.selected {
    position: relative;
    color: #270150;
    border-bottom: 2px solid #270150;
    background: none;
}
#SMS_tabProduct li a {
    display: block;
    color: #333;
    font-weight: normal;
    font-size: 13px;
}

.SMS_view_big {
    width: 192px;
    height: 60px;
    background: url(img/sms_pinch_zoom.png) no-repeat;
    background-size: 21%;
    background-position-x: 12px;
    background-position-y: 11px;
    margin: 40px auto;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    /* background-color: #f7f7f7; */
}

.SMS_view_big div{
     padding: 21px 0 0 60px;
     font-size: 11px;
}


.right_nave_test {
    display: none;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    font-weight: bold;
    color: #444;
}

@media screen and (min-width: 640px) {
    .SMS_ShopDetail_layout {
        width: 100%;
        border-bottom: 1px solid #ddd;
        max-width: 768px;
        margin: 0 auto;
        overflow: hidden;
    }

    .right_nave_test {
        display: block;
    }

    .SMS_ShopDetail_layout .SMS_ShopDetail_layout_left {
        width: 50%;
        float: left;
        padding: 10px;
        height: 550px;
        overflow: hidden;
    }

    .SMS_ShopDetail_layout .SMS_ShopDetail_layout_right {
        width: 50%;
        float: left;
        overflow: hidden;
        /*  height: 550px;
    overflow: auto;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden; */
    }
}

/*====================================================
관련상품 시작
====================================================*/
#SMS_related_Wrap, .SMS_detail_recmdPrd {
    margin: 20px 0;
}

#SMS_related_Wrap h3,
.SMS_detail_recmdPrd h3 {
    font-size: 13px;
    padding: 8px 20px;
    text-align: left;
    border-bottom: 1px solid #aaa;
    font-weight: bold;
    background: transparent;
}

#SMS_related_Wrap h3 b,
.SMS_detail_recmdPrd h3 b {
    font-size: 11px;
    font-weight: normal;
    color: #888;
    margin-top: 1px;
    display: block;
}
.smart_recommend {
    padding-top: 3px;
}
.smart_recommend .swiper-slide {
    padding: 3px;
    vertical-align: top;
    margin-bottom: 30px;
    line-height: 1.3;
}
.smart_recommend .swiper-slide .name{
    margin-top: 5px;
    overflow: hidden;
    height: auto;
    max-height: 30px;
    font-size: 12px;
    color: #333;
}
.smart_recommend .swiper-slide .price{
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin-top: 3px;
}

.smart_recommend .SMS_best_padding {
    margin-top: 10px;   
}

#SMS_related_product .relation .setPrdArea {
    padding: 0;
}

#SMS_related_product .relation #setTitle {
    color: #666;
    font-size: 14px;
}

#SMS_related_product .relation .inlay {
}

#SMS_related_product .relation .inlay ul li {
    padding: 10px;
    border-bottom: 1px dashed #ccc;
}

@media screen and (min-width: 768px) {
    #SMS_related_product .relation .inlay ul li {
        display: inline-block;
        width: 49%;
    }
}

#SMS_related_product .relation .inlay ul li:first-child {
    border-top: none;
}

#SMS_related_product .relation .chk input {
    display: block !important;
    margin:  0;
}

#SMS_related_product .relation .infoBox {
    position: relative;
    overflow: hidden;
    font-size:  12px;
}

#SMS_related_product .relation .infoBox .chk {
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 5;
}

#SMS_related_product .relation .infoBox .thumbnail {
    width: 40%;
    float: left;
}

#SMS_related_product .relation .infoBox .thumbnail img {
    width: 100%;
}

#SMS_related_product .relation .infoBox .information {
    float: left;
    width: 60%;
    margin: 0;
    padding-left: 10px;
}

#SMS_related_product .relation .infoBox .name a {
    display: block;
    color:  #000;
    font-size: 14px;
    word-break: break-all;
    max-height: 2.4em;
    overflow: hidden;
}

#SMS_related_product .relation .infoBox .name img {
    display: none;
    height: 12px;
}

#SMS_related_product .relation .infoBox .price {
    margin-bottom: 15px;
}
#SMS_related_product .relation .infoBox .RelationQuantityUp, #SMS_related_product .relation .infoBox .RelationQuantityDown {
    display: inline-block;
    color: #666;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    border-radius: 2px;
    border: 1px solid #ddd;
}

#SMS_related_product .relation .infoBox .RelationQuantityUp {
    background: center no-repeat url("/SkinImg/img/plus.gif");
    background-color: #efefef;
    background-size: 10px;
}

#SMS_related_product .relation .infoBox .RelationQuantityDown {
    background: center no-repeat url("/SkinImg/img/minus.gif");
    background-color: #efefef;
    background-size: 10px;
}

#SMS_related_product .relation .infoBox p{
    margin: 5px 0;
    line-height:  1.2;
}
#SMS_related_product .relation .infoBox p.name{
    margin-top: 0;
    padding-right: 25px;
    font-weight:  bold;
}
#SMS_related_product .relation .infoBox p.option span,
#SMS_related_product .relation .infoBox p.add-option span{
    display: block;
}
#SMS_related_product .relation .infoBox p.option span:first-child,
#SMS_related_product .relation .infoBox p.add-option span:first-child{
    margin-bottom: 5px;
}
#SMS_related_product .relation .infoBox p.option span:last-child,
#SMS_related_product .relation .infoBox p.add-option span:last-child{
}
#SMS_related_product .relation .infoBox p.option span:last-child input,
#SMS_related_product .relation .infoBox p.add-option span:last-child input{
    width: 100%;
}

#SMS_related_product .relation .infoBox .count input {
    width: 55px;
    height: 30px;
}

#SMS_related_product .relation .infoBox .option {
    position: relative;
    line-height: 40px;
    height: 40px;
    /* border-top: 1px dashed #ccc; */
}

#SMS_related_product .relation .infoBox .option select {
    position: absolute;
    top: 3px;
    right: 8px;
    height: 35px;
    width:  70%;
}

#SMS_related_product .relation .tSubmit1 {
    display: block;
    width: 290px;
    margin: 10px auto 40px;
    font-size: 13px;
    height: 40px;
    line-height: 38px;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    font-weight: bold;
    color: #444;
}

/* ---------------- 관련상품 슬라이드 추가 시작 ---------------- */
#SMS_related_Wrap #SMS_related_product.SMS_related_swiper_wrap .infoBox .chk{
    left: 5px;
    right: initial;
    top: 5px;
}
#SMS_related_Wrap #SMS_related_product.SMS_related_swiper_wrap .infoBox .thumbnail {
    position: initial;
    float: initial;
    width:  100%;
}
#SMS_related_product.SMS_related_swiper_wrap .relation .infoBox .information{
    padding: 0;
    width: 100%;
}

#SMS_related_Wrap #SMS_related_product.SMS_related_swiper_wrap .mSetPrd {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    table-layout: initial;
    overflow: initial;
}

#SMS_related_Wrap #SMS_related_product.SMS_related_swiper_wrap p{
    margin: 5px 0;
    padding:  0;
}

#SMS_related_Wrap #SMS_related_product.SMS_related_swiper_wrap .inlay{
    padding-top: 2px;
}
#SMS_related_Wrap #SMS_related_product.SMS_related_swiper_wrap .inlay ul li {
    border-bottom: none !important;
    padding: 2px;
    margin-bottom:  10px;
}

#SMS_related_Wrap #SMS_related_product.SMS_related_swiper_wrap .mButton-relation {
    /* display: none; */
}

#SMS_related_Wrap #SMS_related_product.SMS_related_swiper_wrap .price span,
#SMS_related_Wrap #SMS_related_product.SMS_related_swiper_wrap .count,
#SMS_related_Wrap #SMS_related_product.SMS_related_swiper_wrap .option,
#SMS_related_Wrap #SMS_related_product.SMS_related_swiper_wrap .add-option {
/*     display: none; */
}

/* ---------------- 관련상품 슬라이드 추가 끝 ---------------- */
/*====================================================
관련상품 끝
====================================================*/
/*====================================================
퀵 메뉴 시작
====================================================*/
#SMSQuickmenu {
    position: fixed;
    bottom: 100px;
    left: 10px;
    border: 1px solid #888;
    text-align: center;
    font-size: 11px;
    line-height: 1.2;
    background: #fff;
    z-index: 10;
    padding-top: 5px;
    width: 40px;
    height: 40px;
    border-radius: 3px;
}

#SMSQuickmenu.on {
    background: #270150;
    border-color: #270150;
    color: #fff;
}

/* 언더 형 시작 */
#SMSQuickmenuContainer.under {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    border-radius: 0;
    opacity: 0.94;
}

#SMSQuickmenuContainer.under .close {
    font-size: 11px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background: #000;
    font-size: 14px;
    border-radius: 0;
    /* opacity: 0.1; */
}

#SMSQuickmenuContainer.under ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#SMSQuickmenuContainer.under ul li {
    display: inline-block;
    width: 50%;
    height: 35px;
    line-height: 35px;
    position: relative;
    padding-left: 5px;
    font-size: 13px;
    color: #444;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #ddd;
    padding-left: 10px;
}

#SMSQuickmenuContainer.under ul li:last-child {
    border-bottom: none;
}

/* 언더 형 끝 */
/* 플로팅 리스트형 시작 */
#SMSQuickmenuContainer.float {
    display: none;
    position: fixed;
    bottom: 150px;
    left: 5px;
    width: 150px;
    z-index: 20;
    background: rgba(0, 0, 0, .75);
    border-radius: 0;
    opacity: 0.94;
    padding: 15px;
}

#SMSQuickmenuContainer.float strong {
    text-align: center;
    display: block;
    color: #fff;
}

#SMSQuickmenuContainer.float .close {
    font-size: 11px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #000;
    background: #fff;
    font-size: 12px;
    border-radius: 0;
    font-weight: bold;
}

#SMSQuickmenuContainer.float ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #fff;
    margin: 10px 0 0;
}

#SMSQuickmenuContainer.float ul li {
    display: block;
    height: 30px;
    line-height: 30px;
    position: relative;
    font-size: 12px;
    color: #444;
    border-bottom: 1px solid #eee;
    text-align: center;
}

#SMSQuickmenuContainer.float ul li a {
    color: #fff;
}

#SMSQuickmenuContainer.float ul li:last-child {
    border-bottom: none;
}

/* 플로팅 리스트형 끝 */
@-webkit-keyframes SMSbounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes SMSbounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.SMSbounceInUp {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: SMSbounceInUp;
    animation-name: SMSbounceInUp;
}

/*====================================================
퀵 메뉴 끝
====================================================*/
/* ============================================================
내가 자주가는 카테고리 신상품 - 시작
==============================================================*/
#SMS_myFavorite_categoryNEW {
    position: relative;
    overflow: hidden;
    margin: 40px auto;
    display: none;
    text-align: center;
}

#SMS_myFavorite_categoryNEW .myFavoriteText {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.8);
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    z-index: 100;
    height: 100%;
    width: 100%;
    display: none;
}

#SMS_myFavorite_categoryNEW .myFavoriteText b {
    position: absolute;
    top: 47%;
    left: 50%;
    height: 50px;
    margin-top: -25px;
    width: 300px;
    margin-left: -150px;
}

#SMS_myFavorite_categoryNEW .myFavoriteText b span {
    color: #CC4E4E;
}

#SMS_myFavorite_categoryNEW.myFavoriteBodyHeight {
    height: auto !important;
}

#SMS_myFavorite_categoryNEW .title {
    display: none;
}

#SMS_myFavorite_categoryNEW .title {
    color: #888;
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
}

#SMS_myFavorite_categoryNEW .cate_title {
    text-align: center;
}

#SMS_myFavorite_categoryNEW .cate_title a {
    text-align: center;
    height: 36px;
    line-height: 36px;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
}

#SMS_myFavorite_categoryNEW .swiper-container {
    clear: both;
}

#SMS_myFavorite_categoryNEW .items li .price_container .priceStrike_disp {
    display:none;
}

#SMS_myFavorite_categoryNEW .items li .thumb img {
}

#SMS_myFavorite_categoryNEW .swiper-button-prev, #SMS_myFavorite_categoryNEW .swiper-button-next {
    position: absolute;
    top: 18px;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px;
    -webkit-background-size: 27px;
    background-size: 27px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px;
}

#SMS_myFavorite_categoryNEW .SMS_Product_display .items li {
    width: 33.3%;
}

/* ============================================================
내가 자주가는 카테고리 신상품 - 끝
==============================================================*/
/*====================================================
카카오톡, 앱다운 시작
====================================================*/
.SMS_appFlaot{
    position: fixed;
    bottom: 165px;
    right: 10px;
    border: 1px solid #888;
    text-align: center;
    font-size: 11px;
    background: #fff;
    z-index: 10;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    line-height: 39px;
}
.SMS_kakaoFloat{
    position: fixed;
    bottom: 120px;
    right: 10px;
    text-align: center;
    font-size: 11px;
    z-index: 10;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    line-height: 39px;
}
.SMS_kakaoFloat a{
    display: block;
    height: 100%;
    background:url('img/login_sns_kakao.png') no-repeat center;
    background-size: 100%;
}
/*====================================================
카카오톡, 앱다운 끝
====================================================*/
/*====================================================
최근본상품 아이콘
====================================================*/
.SMS_recentIconInbody {
    position: fixed;
    height: auto;
    bottom: 10px;
    left: 10px;
    z-index: 20;
}

.SMS_recentIconInbody .SMS_recentIcon {
    position: fixed;
    bottom: 55px;
    left: 10px;
    border: 1px solid #888;
    text-align: center;
    font-size: 11px;
    line-height: 1.2;
    background: #fff;
    z-index: 10;
    display: none;
    padding-top: 5px;
    width: 40px;
    height: 40px;
    border-radius: 3px;
}

.SMS_recentIconInbody .SMS_recentIcon a {
    display: block;
    color: #444;
}

.SMS_recentIconInbody .SMS_recentIcon.RecentIconSel {
    background: #444;
    border-color: #444;
}

.SMS_recentIconInbody .SMS_recentIcon.RecentIconSel a {
    display: block;
    color: #fff
}

.SMS_recentIconInbody ul {
    background: rgba(181, 181, 181, 0.68);
    padding: 4px 4px 50px 4px;
    position: fixed;
    bottom: 48px;
    border-radius: 5px;
    left: 4px;
    display: none;
}

.SMS_recentIconInbody ul li {
    width: 44px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    z-index: 9;
}

.SMS_recentIconInbody ul li img {
    width: 100%;
    margin: 0 0 3px 0;
    border-radius: 2px;
    border: 1px solid #aaa;
}

.SMS_recentIconInbody ul li dd {
    display: none;
}

/*====================================================
최근본상품 아이콘
====================================================*/
/* ============================================================
인스타그램 - 시작
==============================================================*/
.instagram_warp {
    display: none;
    overflow: hidden;
    padding: 10px;
    border-top: 1px solid #ddd;
    margin: 0;
}
.instagram_warp .header{
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
}
.instagram_warp .header:before{
    font-family:"FontAwesome";
    content:"\f16d ";
    display: inline-block;
    margin-right: 5px;
}
.instagram_warp b {
    float: right;
    font-weight: bold;
    color: #270150;
}

#instafeed {
    padding-top: 10px;
}

#instafeed div {
    display: inline-block;
    width: 25%;
    height: auto;
    vertical-align: top;
    padding: 2px;
}

#instafeed div a {
    display: block;
    width: 100%;
    height: 100%;
    /* border: 1px solid #efefef; */
}

#instafeed div a img {
    width: 100%;
}


/* ============================================================
인스타그램 - 끝
==============================================================*/
/*====================================================
찜하기 ALL MENU 모드 ON :: HTML : START
====================================================*/
#SMS_lovePopupWrap {
/*     display: block !important; */
    display: none;
    position: fixed;
    z-index: 100;
    width: 300px;
    top: 34%;
    left: 50%;
    margin-top: -35px;
    margin-left: -150px;
    text-align: center;
    background-color: rgba(255, 255, 255, .9);
    padding: 0;
    border-radius: 7px;
    box-shadow: 0 0 3px rgba(50,50,50,.5);
}

#SMS_lovePopupWrap .SMS_lovePopup {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 100%;
    padding:  10px;
}

#SMS_lovePopupWrap .SMS_lovePopup > div.contents {
    display: block;
}

#SMS_lovePopupWrap .love_icon {
    display: block;
    width: 100%;
    height: 160px;
    background-image: url(img/SMS_Like_sel.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    transition: 1s;
}

#SMS_lovePopupWrap .love_icon.off {
    background-image: url(img/SMS_Like.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}

#SMS_lovePopupWrap .title {
    font-weight: bold;
    font-size: 15px;
    margin: 10px 0 15px;
    color: #333;
}

#SMS_lovePopupWrap .title span {
    display: block;
}

#SMS_lovePopupWrap .title span.off {
    display: none;
}

#SMS_lovePopupWrap.off .title span.on {
    display: none;
}

#SMS_lovePopupWrap.off .title span.off {
    display: block;
}

#SMS_lovePopupWrap .sub {
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 0;
}

#SMS_lovePopupWrap a {
    font-size: 14px;
    border-radius: 3px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    display:  inline-block;
}
/*====================================================
찜하기 ALL MENU 모드 ON :: HTML : END
====================================================*/
/*====================================================
상세페이지 찜하기 시작
====================================================*/
.SMS_ShopDetail_layout_right .SMS_loveWrap{
}
.SMS_ShopDetail_layout_right .SMS_love{
}
.SMS_ShopDetail_layout_right .SMS_loveLink{
}
.SMS_ShopDetaileBuy_btn .SMS_loveWrap {
    position: relative;
    top: initial;
    right: initial;
    width: 10%;
    float: right;
    height: 100%;
    border-left: 1px solid #ddd;
}


.SMS_ShopDetaileBuy_btn .SMS_loveWrap .SMS_love {
    width: 100%;
    height: 100%;
    background-size: 20px;
}

.SMS_ShopDetaileBuy_btn .SMS_loveWrap .SMS_loveLink {
    top: -30px;
    width:  100%;
}
/*====================================================
상세페이지 찜하기 끝
====================================================*/
/*====================================================
개별페이지 찜하기 시작
====================================================*/
.SMS_lovePageHeader {
    position: relative;
    text-align: center;
    font-size: 15px;
    background: #fff;
    height: 42px;
    line-height: 40px;
    font-weight: bold;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #Ddd;
}

.SMS_lovePageHeader .SMS_loveClear {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 11px;
    text-align: center;
    border: 1px solid #ccc;
    padding: 0;
    width: 61px;
    height: 30px;
    line-height: 28px;
    border-radius: 3px;
    font-weight:  normal;
}
.SMS_lovePage .SMS_lovePrdWrap{
    padding: 10px 0;
}
.SMS_lovePrdWrap .swiper-pagination{
    bottom: 0;
}
/*====================================================
개별페이지 찜하기 끝
====================================================*/
/*====================================================
찜하기 버튼 시작 // 분류페이지, 베스트, 상품검색
====================================================*/
.SMS_loveMain{
    display: none;
}
.SMS_loveWrap{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.SMS_loveWrap .SMS_love {
    width: 30px;
    height: 30px;
    transition: 0.2s;
    background-color: rgba(255, 255, 255, 0.66);
    background-image: url('img/SMS_Like.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}
.SMS_loveWrap .SMS_love.on {
    background-image: url('img/SMS_Like_sel.png');
}
.SMS_loveWrap .SMS_loveLink {
    position: absolute;
    top: 30px;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    background: #fff;
    opacity: 0.8;
    z-index: 201;
    text-align: center;
    display: none;
}
/*====================================================
찜하기 버튼 끝 // 분류페이지, 베스트, 상품검색
====================================================*/
/*====================================================
찜하기 플로팅 시작
====================================================*/
.SMS_loveFloatBtn{
    position: fixed;
    bottom: 145px;
    left: 10px;
    border: 1px solid #888;
    text-align: center;
    font-size: 11px;
    line-height: 1.2;
    background: #fff;
    z-index: 10;
    display: none;
    padding-top: 5px;
    width: 40px;
    height: 40px;
    border-radius: 3px;

    font-size: 0;
    background-image: url('img/SMS_Like_sel.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}
.SMS_loveFloat{
    position: fixed;
    background: #Fff;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 30;
    box-shadow: 0 -1px 3px rgba(100,100,100,.5);
    display: none;
    padding: 10px;
}
.SMS_loveFloat .title{
    color: #000;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.SMS_loveFloat .title strong,
.SMS_loveFloat .SMS_loveFloatToggle,
.SMS_loveFloat .SMS_loveClear{
    padding: 5px;
}
.SMS_loveFloat .title strong{
    display: inline-block;
    font-size: 15px;
}   
.SMS_loveFloat .SMS_loveFloatToggle,
.SMS_loveFloat .SMS_loveClear{
    float: right;
    margin-left: 10px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #000;
}
.SMS_loveFloat .SMS_loveClear{
    background: #aaa;
    color: #fff;
    border-color: #aaa;
}
/*====================================================
찜하기 플로팅 끝
====================================================*/
/*====================================================
고정형 상단 탭메뉴 시작
====================================================*/
.SMS_tabFixed_Warp {
    position: relative;
    z-index: 10;
}

.SMS_tabFixed_Warp .SMS_tabFixed {
    border-top: 1px solid #ddd;
    height: 35px;
    line-height: 35px;
}
.SMS_tabFixed_Warp .SMS_tabFixed ul{
    /* overflow: hidden; */
}
.SMS_tabFixed_Warp .SMS_tabFixed ul li {
    position: relative;
    float: left;
    width: 33.33%;
    font-size: 12px;
    text-align: center;
    padding: 0;
    border-right: 1px solid #ddd;
}
.SMS_tabFixed_Warp .SMS_tabFixed ul li:last-child{
    border: none;
}

.SMS_tabFixed_Warp .SMS_tabFixed ul li a {
    display: block;
    color: #4d4d4d;
    padding: 0 10px;
}
.SMS_tabFixed_Warp .SMS_tabFixed ul li > a:after{
    content:'\f107';
    font-family:'FontAwesome';
    float: right;
}
.SMS_tabFixed_Warp .SMS_tabFixed ul li > a.on:after{
    content:'\f106';
}
.SMS_tabFixed_Warp .SMS_tabFixed ul li span {
    position: absolute;
    display: inline-block;
    width: 1px;
    right: 1px;
    font-weight: normal;
    color: #ccc;
    padding: 0;
    display: none;
}

.SMS_tabFixed_Warp .SMS_Fixedsub {
    width: 100%;
    position: absolute;
    top: 35px;
    left: 0;
    margin: 0px;
    padding: 0;
    overflow: hidden;
    display: none;
    z-index:  1;
    border: 1px solid #ddd;
    border-top: none;
    background: rgba(247, 247, 247, .9);
}
.SMS_tabFixed_Warp .SMS_Fixedsub a {
    display: block;
    font-size: 12px;
    text-align: center;
}

/*====================================================
고정형 상단 탭메뉴 끝
====================================================*/
/*====================================================
로그인페이지 시작
====================================================*/
#SMS_login_header {
    border-top: 0;
    border-bottom: 0;
    color: #666;
    text-align: left;
    height: auto;
    line-height: 1.5;
    margin: 20px 8% 10px;
}
#SMS_login_header h3{
    position: relative;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    font-weight: 700;
    color:  #000;
}
#SMS_login_header p{
    font-size: 14px;
    font-weight: normal;
    color:  #888;
}
#SMS_login_warp .xans-member-login .loginWrap, #SMS_login_warp .xans-myshop-orderhistorynologin {
    position: relative;
    margin: 0 8%;
}

#SMS_login_warp .formBox {
    padding: 0;
    margin: 0;
}

#SMS_login_warp .loginHeader {
    margin: 0;
    padding: 0;
}

#SMS_login_warp .formBox .btnArea.type1 {
    width: 100%;
    max-width: 550px;
    margin: 15px 0;
}
#SMS_login_warp .formBox .btnArea.type1.btnJoin a:before{
    display: none;
}
#SMS_login_warp .formBox .btnArea.type1 a{
    line-height: 45px;
    height:  45px;
    text-align: center;
}
#SMS_login_warp .formBox .btnArea.type1.sns a {
    border-radius:3px;
    font-size: 15px;
    border: 1px solid #aaa;
    height: 45px;
    background: none;
    color: #888;
    margin: 15px 0;
    padding:  0;
    text-align:  left;
    font-weight:  bold;
    line-height:  0;
    display: block;
}
#SMS_login_warp .formBox .btnArea.type1.sns a:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 40px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
}
#SMS_login_warp .formBox .btnArea.type1.sns a.btnFacebook:before{
    background-image: url('img/login_sns_face.png');
}
#SMS_login_warp .formBox .btnArea.type1.sns a.btnKakao:before{
    background-image: url('img/login_sns_kakao.png');
}
#SMS_login_warp .formBox .btnArea.type1.sns a.btnNaver:before{
    background-image: url('img/login_sns_naver.png');
}
#SMS_login_warp .formBox .btnArea.type1.sns a.btnGoogle:before{
    background-image: url('img/login_sns_google.png');
}
#SMS_login_warp .formBox .btnArea.type1.sns a.btnLine:before{
    background-image: url('img/login_sns_line.png');
}
#SMS_login_warp .formBox .btnArea.type1.sns.icon a{
    border: none;
    display: inline-block;
    width: 50px;
    height: 50px;
}
#SMS_login_warp .formBox .btnArea.type1.sns.icon{
    margin: 30px 0;
}
#SMS_login_warp .formBox .btnArea.type1.sns.icon a{
    margin: 0 5px;
    font-size: 0;
}
#SMS_login_warp .formBox .btnArea.type1.sns.icon a:before{
    width: 100%;
    height: 100%;
    background-size: 100%;
}
#SMS_login_warp {
    margin: 0 auto;
    border-top: none
}

#SMS_login_warp .xans-member-login {
    margin: 0;
    border: none;
}

#SMS_login_warp .formBox .form {
    margin: 0;
    text-align: center
}

#SMS_login_warp #member_id {
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 5px auto;
    height: 45px;
    border-radius: 3px;
    background: rgba(255,255,255,.85);
    font-size: 15px !important;
    line-height:  45px;
}

#SMS_login_warp #member_passwd {
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 5px auto;
    height: 45px;
    border-radius: 3px;
    background: rgba(255,255,255,.85);
    font-size: 15px !important;
    line-height: 45px;
}

#SMS_login_warp .btnArea .btnSubmit {
    height: 45px;
    line-height: 45px;
    border-radius:  3px;
    font-size:  18px;
    background: #270150;
    border-color: #270150;
}

#SMS_login_warp .btnArea.typeLogin {
    overflow: hidden;
    margin: 30px auto;
    width: 100%;
    height: auto;
    border-top: 0;
    text-align: center;
    background: 0 0;
    display: block!important
}

#SMS_login_warp .btnArea.typeLogin .btnLogin {
    display: inline-block;
    float: left;
    width: 33.3%
}

#SMS_login_warp .btnArea.typeLogin .btnLogin b {
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    color: #333;
    font-weight: normal;
}
#SMS_login_warp .btnArea.typeLogin .btnLogin:before{
    display: block;
    top: 2px;
    background: #888;
}
#SMS_login_warp .btnArea.typeLogin .btnLogin:first-child:before{
    display: none;
}

#SMS_login_warp .btnArea.typeLogin .btnLogin b.SMS_icon {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 5px;
    background-size: contain !important;
    opacity: .8;
    display: none;
}

#SMS_login_warp .btnArea.typeLogin .btnLogin.SMS_login_id b.SMS_icon {
    background: url(img/login_id_findid.png) center no-repeat;
}

#SMS_login_warp .btnArea.typeLogin .btnLogin.SMS_login_pw b.SMS_icon {
    background: url(img/login_id_findpw.png) center no-repeat;
}

#SMS_login_warp .btnArea.typeLogin .btnLogin.SMS_login_id_join b.SMS_icon {
    background: url(img/login_id_join.png) center no-repeat;
}

#SMS_login_warp .formBox .option {
    font-size: 12px;
}
#SMS_login_warp .xans-member-login .formBox .option .ssl em,
#SMS_login_warp .formBox .option>span{
    font-size: 12px;
    color: #333;
}
#SMS_login_warp .formBox .option>span {
    float: right;
    margin: 0 0 0 17px;
}

#SMS_login_warp .btnOrder_nomember {
    border: 1px solid #ccc;
    color: #444;
    margin: 10px 0 0
}

@media only screen and (min-width: 768px) {
    #SMS_login_warp .loginWrap {
        width:550px!important;
        padding: 30px 50px 0
    }

    #SMS_login_warp .btnArea {
        max-width: 550px!important
    }
}

#SMS_login_warp .keyboard {
    line-height: 32px;
    text-align: right;
    vertical-align: middle;
    margin: 0 0 10px;
}

#SMS_login_warp .xans-myshop-orderhistorynologin .formBox .form #order_id1, #SMS_login_warp .xans-myshop-orderhistorynologin .formBox .form #order_id2, #SMS_login_warp .xans-myshop-orderhistorynologin .formBox .form #order_name, #SMS_login_warp .xans-myshop-orderhistorynologin .formBox .form #order_password {
    font-size: 15px !important;
    margin: 5px 0;
}

#SMS_login_warp .xans-myshop-orderhistorynologin .formBox .form #order_id1 {
    margin-right: 3px;
}

#SMS_login_warp .xans-myshop-orderhistorynologin .formBox .form #order_id2 {
    margin-left: 3px;
}

#SMS_login_warp .xans-myshop-orderhistorynologin .formBox .help {
    background: 0 0;
    text-align: center;
    font-size: 12px;
    padding: 0;
    margin: 15px 0 40px;
}

#SMS_login_warp .tab {
    overflow: hidden;
    margin: 20px 0 0;
}

#SMS_login_warp .tab .KJtabBox {
    text-align: center;
}

#SMS_login_warp .tab .KJtabBox ul {
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    height: auto;
    line-height: initial;
    border: none;
}

#SMS_login_warp .tab li:first-child {
    margin-right: -1px;
}

#SMS_login_warp .tab li.selected {
    border-bottom: none;
    border-color: #270150;
    position: relative;
    z-index: 1;
}

#SMS_login_warp .tab li.selected a {
    color: #270150;
}

#SMS_login_warp .tab li {
    position: relative;
    height: auto;
    float: left;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ccc;
}

#SMS_login_warp .tab li a {
    display: block;
    height: 40px;
    line-height: 40px;
    border: 0;
    color: #888;
    font-size: 15px;
}

#SMS_login_warp .tab li a p {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    line-height: 29px;
    color: #f33
}

#SMS_login_warp .tab li a b {
    color: #888;
    display: none;
    line-height: 29px
}

#SMS_login_warp.tab li.selected a b {
}

#SMS_login_warp .xans-myshop-orderhistorynologin .formBox .form input:focus {
}

#SMS_login_warp .tab li.selected a#login_order_user b {
    visibility: visible;
    -webkit-animation: login_order_user .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    left: 0
}

#SMS_login_warp .tab li.selected a#login_order_notuser b {
    visibility: visible;
    -webkit-animation: login_order_notuser .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out
}

#SMS_login_warp .view > div img {
    width: 80%;
}

#SMS_login_warp .keyboard .btnKey {
    padding: 0 !important;
    color: #888 !important;
    font-size:  12px;
    margin: 16px 0 0 10px;
}

#SMS_login_warp .keyboard .btnKey.selected {
    color: #888 !important;
    font-weight: bold;
}

#SMS_login_warp .keyboard .btnKey:before {
    display: none;
}

#SMS_login_warp .keyboard .btnKey:after {
    content: '\f107';
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 5px;
}

#SMS_login_warp .keyboard .btnKey.selected:after {
    content: '\f106';
}

/*====================================================
로그인페이지 끝
====================================================*/
/*====================================================
비밀번호 찾기 시작
====================================================*/
#SMS_ID_Findpasswd {
    padding: 15px;
}

#SMS_ID_Findpasswd, #SMS_ID_Findpasswd input:focus, #SMS_modifyMember input:focus {
    background: #f7f7f7;
}

#SMS_ID_Findpasswd .xans-member-findid{
    padding: 0;
    margin: 0;
}
/*====================================================
비밀번호 찾기 끝
====================================================*/
/* 장바구니 미리보기 버튼 추가 5.5 :: 김유빈 2017-02-09 :: 시작 */
div.xans-order-layerbasket {
    z-index: 9999;
    top: 20%;
}

.wishIcon,
.Prev_Cart {
    position: absolute;
    z-index: 1;
}
.Prev_Cart{
    left: 0;
    top: 0;
    width: 50px;
}
.wishIcon{
    right: 0;
    bottom: 0;
    width: 26px;
    height: 26px;
    display: none;
}
.wishIcon img{
    width: 100% !important;
    height: auto !important;
}
.Prev_Cart img{
    width: 100% !important;
    height: auto !important;
}

/* 장바구니 미리보기 버튼 추가 5.5 :: 김유빈 2017-02-09 :: 끝 */
/* 자주가는 카테고리 아이콘 추가 5.5 :: 김유빈 2017-02-09 :: 시작 */
.SMS_Product_display .items .icons img {
    width: 25px;
    height: 11px;
    vertical-align: middle;
    margin: 0 1px;
}

/* 자주가는 카테고리 아이콘 추가 5.5 :: 김유빈 2017-02-09 :: 끝 */
.SMS_main_gallery {
}

.SMS_main_gallery .swiper-button-prev, .SMS_main_gallery .swiper-button-next {
}

/* 카페24 최근검색어, 인기검색어 */
.SMSsearchOrigin {
    padding: 10px 20px;
    overflow: initial;
}

.SMSsearchOrigin .searchForm {
    line-height: 0;
    height: 35px;
    position: relative;
}

.SMSsearchOrigin #searchBarForm {
    position: relative;
}

.SMSsearchOrigin input#keyword {
    width: 100%;
    padding: 0 35px 0 8px;
    height: 100%;
    line-height: 35px;
    border-radius: 0;
    border: 1px solid #aaa;
    position: relative;
}

.SMSsearchOrigin .searchForm button.btnDelete {
    position: absolute;
    top: 0;
    right: 35px;
    width: 35px;
    height: 100%;
    border: 0;
    line-height: 36px;
    background: transparent;
    font-size: 0;
    display: none;
}

.SMSsearchOrigin input#keyword:not(:placeholder-shown) + button.btnDelete {
    display: block !important;
}

.SMSsearchOrigin .searchForm button.btnDelete:after {
    font-family: FontAwesome;
    content: "\f057";
    font-size: 18px;
    color: #888;
}

.SMSsearchOrigin button.btnSearch {
    position: absolute;
    top: 0;
    right: 0;
    height: 35px;
    width: 35px;
    background: #000;
    border: 0;
    font-size: 0;
}

.SMSsearchOrigin button.btnSearch:after {
    font-family: FontAwesome;
    content: "\f002";
    font-size: 12px;
    color: #fff;
}

.SMSsearchOrigin .searchTab {
    overflow: hidden;
    text-align: center;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.SMSsearchOrigin .searchTab li {
    background: #f5f5f5;
    width: 50%;
    float: left;
    padding: 8px 0;
    border-bottom: 1px solid #ccc;
}

.SMSsearchOrigin .searchTab li a {
    font-size: 12px;
    color: #000;
}

.SMSsearchOrigin .searchTab li.selected {
    background: #fff;
    border-color: #fff;
}

.SMSsearchOrigin .searchTab li:first-child {
    border-right: 1px solid #ccc;
}

.SMSsearchOrigin .hotKeyword {
    border: 1px solid #ccc;
    border-top: none;
    padding: 0 10px;
    counter-reset: hotkeyword;
    background: #fff;
}

.SMSsearchOrigin .hotKeyword li a {
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #ddd;
}

.SMSsearchOrigin .hotKeyword li a:before {
    counter-increment: hotkeyword;
    content: counter(hotkeyword, decimal-leading-zero)". ";
}

.SMSsearchOrigin .hotKeyword li:last-child a {
    border-bottom: none;
}

.SMSsearchOrigin .recentKeyword {
    border: 1px solid #ccc;
    border-top: none;
    padding: 0 10px;
    background: #fff;
}

.SMSsearchOrigin .recentKeyword li {
    position: relative;
}

.SMSsearchOrigin .recentKeyword li a {
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    color: #000;
}

.SMSsearchOrigin .recentKeyword button.btnDelete {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 100%;
    border: 0;
    line-height: 36px;
    background: transparent;
    font-size: 0;
}

.SMSsearchOrigin .recentKeyword button.btnDelete:after {
    font-family: FontAwesome;
    content: "\f056";
    font-size: 18px;
    color: #ccc;
}

.SMSsearchOrigin .recentKeyword div.button {
    padding: 10px;
    text-align: right;
}

.SMSsearchOrigin .recentKeyword .btnDeleteAll {
    border: none;
    background: none;
    border-bottom: 1px solid #a01f1f;
    font-size: 11px;
    color: #a01f1f;
    display: inline-block;
}

.SMSsearchOrigin .recentKeyword p {
    text-align: center;
    padding: 10px 0;
    color: #888;
}

.SMSsearchOrigin .SMSsearchKeywordWrap {
    padding-right: 35px;
    /* position: absolute; */
    width: 100%;
    overflow: hidden;
    height: 0;
}

.SMSsearchOrigin .SMSsearchKeywordWrap.On {
    height: auto;
}

.SMSsearchOrigin .SMSsearchClose {
    width: 30px;
    height: 30px;
    background: #000;
    float: right;
    text-align: center;
    line-height: 30px;
}

.SMSsearchOrigin .SMSsearchClose:after {
    font-family: FontAwesome;
    content: "\f00d";
    font-size: 18px;
    color: #fff;
}

#titleArea.xans-product-headcategory {
    border: 0 !important;
}

/* 북마크 카운터 시작 */
#SMS_bookmarkCounter {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(0, 0, 0, 0.68);
    display: none;
    z-index: 1000;
}

#SMS_bookmarkCounter .count {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    background: #000;
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
}

#SMS_bookmarkCounter p {
    position: absolute;
    top: 15px;
    left: 55px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.3;
}

#SMS_bookmarkCounter .close_btn {
    position: absolute;
    top: 0;
    right: 0;
    background: #000000;
    width: 50px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 11px;
    text-align: center;
}

/* 북마크 카운터 끝 */
/* 북마크 팝업 시작 */
#SMS_popBookmarkWrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: none;
    z-index: 1010;
}

#SMS_popBookmark {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -150px;
    width: 300px;
    background: #f7f7f7;
    border-radius: 6px;
    padding: 20px;
}

#SMS_popBookmark p {
    font-size: 14px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

#SMS_popBookmark div {
    width: 100%;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: #FE4B2E;
    margin-top: 5px;
}

#SMS_popBookmark div {
    color: #fff;
    display: block;
}

#SMS_popBookmark .close_btn {
    display: block;
    background: #fff;
    color: #444;
    border: 1px solid #ddd;
}

/* 북마크 팝업 끝 */

.SMSLove_warpDisplay{
    margin: 10px 0;
}
.SMSLove_warpDisplay .SMS_Product_display .SMSprdSortWrap{
    margin-bottom: 5px;
}

/* 드롭다운 모듈 시작 */
.SMS_dropdowns .SMS_dropdown:first-child{
    border-top: 1px solid #ccc;
}
.SMS_dropdowns .SMS_dropdown{
    border-bottom: 1px solid #ccc;
}
.SMS_dropdowns .SMS_dropdown .SMS_dropdown_hd{
    padding: 15px;
} 
.SMS_dropdowns .SMS_dropdown .SMS_dropdown_hd:after{
    font-family:"FontAwesome";
    content:"\f107";
    float: right;
}
.SMS_dropdowns .SMS_dropdown .SMS_dropdown_hd.active:after{
    content:"\f106";
}
.SMS_dropdowns .SMS_dropdown .SMS_dropdown_ct{
    border-top: 1px solid #ccc;
    padding: 15px;
    display: none;
    background: #f7f7f7;
}
.SMS_dropdowns .SMS_dropdown .SMS_dropdown_ct img{
    max-width: 100%;
}
/* 드롭다운 모듈 끝 */
/* 상품상세 조건 시작 */
.SMS_scroll_cart {
    position: fixed;
    width: 100%;
    z-index: 9999;
    bottom: 390px;
    text-align: center;
    display: none;
}
.SMS_scroll_cart p {
    color: #fff;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1.5;
    display: inline-block;
    text-align: left;
    padding-right: 20px;
}

.SMS_scroll_cart .SMS_scroll_cart_img {
    vertical-align: middle;
    text-align: right;
    display: inline-block;
}

.SMS_scroll_cart .SMS_scroll_cart_img img {
    width: 50px;
    display: inline-block;
}
/* 상품상세 조건 끝 */
#SMS_style #totalProducts tbody td{
    background: transparent;
}
#SMS_style #totalProducts tbody td p.option,
#SMS_style #totalProducts tbody td p.product{
    padding-bottom: 5px;
}
#SMS_style #totalProducts tfoot td .total,
#SMS_style #totalProducts tbody td .price{
    color: #270150;
}
#SMS_style #totalProducts tfoot td{
    border: none;
    padding: 20px 0;
    border-top:  1px solid #aaa;
}
#SMS_style #totalProducts{
}
#SMS_style .xans-product-detail .byte strong{
    color: #000;
    vertical-align: top;
}
#SMS_style .option_products{background:  #f7f7f7;}
#SMS_style #totalProducts tbody tr{
    border-top: 1px dashed #ccc;
}
#SMS_style #totalProducts tbody td .price{
    font-size: 15px;
}
#SMS_style #totalProducts tfoot td{
    font-size: 15px;
}
#SMS_style #totalProducts tfoot td strong{
    
}
#SMS_style #totalProducts tfoot td strong.price{
    color: #270150;
    font-weight:  bold;
}
#SMS_style #totalProducts tfoot td .total{
    font-weight: bold;
}


/* 마이페이지 시작 */
#SMS_mypage_warp .myshopMain {
    padding: 0
}
#SMS_mypage_warp .myshopMain .xans-myshop-benefit{
    border: none;
    padding: 0 20px;
    margin:  0;
}

#SMS_mypage_warp .myp_cart_info {
    margin-top: 15px;
    display:  inline-block;
}

#SMS_mypage_warp .myp_cart_info a {
    background-repeat: no-repeat;
    background-size: 100%;
    border: 2px solid #270150;
    color: #270150;
    padding: 3px 8px;
    border-radius: 100px;
    font-weight:  bold;
    display: block;
}

#SMS_mypage_warp .xans-myshop-benefit .info {
    position: relative;
    border: none;
    margin: 0;
}

#SMS_mypage_warp .xans-myshop-benefit .info .memberInfo {
    max-width: 550px;
    font-size: 13px;
    line-height: 1.3;
    min-height: initial;
    margin: 30px 0;
    padding: 0;
}

#SMS_mypage_warp .xans-myshop-benefit .info .memberInfo ul li {
    font-size: 16px;
    font-weight: normal;
    color: #333;
    line-height: inherit;
}

#SMS_mypage_warp .xans-myshop-benefit .info .memberInfo .name {
    color: #000;
    font-size: 25px;
    line-height: inherit;
    margin-bottom: 8px;
    display:  block;
}
#SMS_mypage_warp .xans-myshop-benefit .info .memberInfo .group{
    color: #270150;
}

#SMS_mypage_warp .xans-myshop-benefit .SMShelp {
    font-size: 13px;
    margin: 30px 0;
    padding: 30px 0 0;
    border-top: 1px dashed #ccc;
    color: #888;
    background: none;
    line-height: 1.5;
}

#SMS_mypage_warp .xans-myshop-benefit .SMShelp strong {
    display: block;
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: 'Noto Sans KR', sans-serif;
}

#SMS_mypage_warp .xans-myshop-benefit .SMShelp p {
    margin: 0;
}

#SMS_mypage_warp .myp_points {
    text-align: center;
    padding: 0;
    max-width: 620px;
    margin: 30px 0;
    border:  none;
}

#SMS_mypage_warp .myp_points ul {
    background: #fff;
    overflow: hidden;
    display: flex;
}

#SMS_mypage_warp .myp_points ul li {
    position: relative;
    flex: 1;
    line-height: 1.2;
}

#SMS_mypage_warp .myp_points ul li a {
    display: block;
    color: #333;
    font-size: 13px;
}
#SMS_mypage_warp .myp_points ul li a:after{
    content:"|";
    float: right;
    color: #ccc;
    font-size: 15px;
    position: absolute;
    right: 0;
    top: 15px;
}
#SMS_mypage_warp .myp_points ul li:last-child a:after{
    display:none;
}

#SMS_mypage_warp .myp_points ul li a em {
    font-size: 18px;
    display: block;
    margin-bottom: 8px;
    font-weight:bold;
    color:  #270150;
}
#SMS_mypage_warp .myp_points ul li a span {
    display: block;
    font-size: 13px;
}

#SMS_mypage_warp .SMS_join_modify {
    text-align: center;
    overflow: hidden;
    margin: 30px -5px;
}

#SMS_mypage_warp .SMS_join_modify > div {
    color: #fff;
    width: 50%;
    font-size: 14px;
    display: inline-block;
    float:  left;
    padding:  0 5px;
}
#SMS_mypage_warp .SMS_join_modify > div a {
    display: block;
    height: 38px;
    line-height: 36px;
    border-radius: 3px;
}

#SMS_mypage_warp .invite {
    margin: 30px 0;
    padding: 30px 0 0;
    border: 0;
    border-top: 1px dashed #ccc;
    line-height:  1.5;
}

#SMS_mypage_warp .invite h3 {
    margin: 0 0 10px;
    display: block;
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: 'Noto Sans KR', sans-serif;
}

#SMS_mypage_warp .invite .inputBox {
    position: relative;
    box-sizing: content-box;
    padding: 0 80px 0 0;
    margin: 0 0 14px;
}

#SMS_mypage_warp .invite .inputBox input {
    width: 100%;
}

#SMS_mypage_warp .invite #reco_url {
    width: 100%;
    padding: 5px;
    border: 1px solid #ddd;
}

#SMS_mypage_warp .invite a {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    float: right;
    height: 100%;
    line-height: 35px;
}

#SMS_mypage_warp .invite .help {
    font-size: 12px;
    color: #888;
    margin: 0;
    padding-left: 20px;
}
#SMS_mypage_warp .myshopMain .xans-myshop-orderstate{
    border: 0;
    margin: 20px -20px 0;
}
#SMS_mypage_warp .xans-myshop-orderstate .title{
    padding: 0;
    border-bottom: none;
}
#SMS_mypage_warp .xans-myshop-orderstate .title h3{
    margin: 0 20px 15px;
    padding: 30px 0 0;
    border-top: 1px dashed #ccc;
    font-size:  15px;
}
#SMS_mypage_warp .xans-myshop-orderstate .desc em{
    color: inherit;
}
#SMS_mypage_warp .xans-myshop-orderstate .order{
    background: #270150;
    padding: 25px 0;
    line-height:  1.3;
}
#SMS_mypage_warp .xans-myshop-orderstate .order li{
    border-left: none;
    padding: 0;
    margin: 0;
    position:  relative;
}
#SMS_mypage_warp .xans-myshop-orderstate .order li:after{
    content:"\f105";
    font-family:"FontAwesome";
    color: #fff;
    position: absolute;
    right: -4px;
    top: 50%;
    margin-top: 3px;
    opacity: .5;
}
#SMS_mypage_warp .xans-myshop-orderstate .order li:last-child:after{
    display: none;
}
#SMS_mypage_warp .xans-myshop-orderstate .order li strong{
    font-size: 12px;
    margin: 0 0 3px;
    color:  #fff;
}
#SMS_mypage_warp .xans-myshop-orderstate .order .count{
    color: #fff;
    font-size: 30px;
    display: block;
    text-decoration:  underline;
}
#SMS_mypage_warp .xans-myshop-orderstate .cs{
    border-top: none;
    background: none;
    border-bottom:  1px solid #ccc;
}
#SMS_mypage_warp .xans-myshop-orderstate .cs li{
    background: none;
    border-left: 1px solid #ccc;
}
#SMS_mypage_warp .xans-myshop-orderstate .cs li a{
    padding: 15px 0;
    font-size: 14px;
}
#SMS_mypage_warp .xans-myshop-orderstate .cs .count{
    color: #333;
}
#SMS_mypage_warp .myp_btn {
    border-top: 1px solid #ccc;
    background: #f7f7f7;
}
#SMS_mypage_warp .myp_btn > div {
    padding: 15px 0;
}
#SMS_mypage_warp .myp_btn li{
    background: #fff;
    position: relative;
}
#SMS_mypage_warp .myp_btn li a {
    display: block;
    color: #333;
    padding: 12px 10px;
    line-height: 1.3;
}
#SMS_mypage_warp .myp_btn li b.icon{
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#SMS_mypage_warp .myp_btn li.cart b.icon{
    background-image: url('img/myp_cart.png');
}
#SMS_mypage_warp .myp_btn li.wishlist b.icon{
    background-image: url('img/myp_wish.png');
}
#SMS_mypage_warp .myp_btn li.order b.icon{
    background-image: url('img/myp_order.png');
}
#SMS_mypage_warp .myp_btn li.modify b.icon{
    background-image: url('img/myp_user.png');
}
#SMS_mypage_warp .myp_btn li.attend b.icon{
    background-image: url('img/myp_attend.png');
}
#SMS_mypage_warp .myp_btn li.coupon b.icon{
    background-image: url('img/myp_coupon.png');
}
#SMS_mypage_warp .myp_btn li.mileage b.icon{
    background-image: url('img/myp_mileage.png');
}
#SMS_mypage_warp .myp_btn li.deposits b.icon{
    background-image: url('img/myp_deposit.png');
}
#SMS_mypage_warp .myp_btn li.consult b.icon{
    background-image: url('img/myp_consult.png');
}
#SMS_mypage_warp .myp_btn li.board b.icon{
    background-image: url('img/myp_board.png');
}
#SMS_mypage_warp .myp_btn li.address b.icon{
    background-image: url('img/myp_address.png');
}
#SMS_mypage_warp .myp_btn li.board b.icon{
    background-image: url('img/myp_board.png');
}
#SMS_mypage_warp .myp_btn li.pcver b.icon{
    background-image: url('img/myp_pcver.png');
}
#SMS_mypage_warp .myp_btn li.board b.icon{
    background-image: url('img/myp_board.png');
}
#SMS_mypage_warp .myp_btn li.agreement b.icon{
    background-image: url('img/myp_agreement.png');
}
#SMS_mypage_warp .myp_btn li.point b.icon{
    background-image: url('img/myp_point.png');
}
#SMS_mypage_warp .myp_btn li.email b.icon{
    background-image: url('img/myp_email.png');
}
#SMS_mypage_warp .myp_btn li.withdraw b.icon{
    background-image: url('img/myp_withdraw.png');
}
#SMS_mypage_warp .myp_btn li.recent b.icon{
    background-image: url('img/myp_recent.png');
}
#SMS_mypage_warp .myp_btn li a span.count {
    position: absolute;
    background: #270150;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    z-index: 2;
}

#SMS_mypage_warp .myp_btn .list li a span.count{
    top: 50%;
    right: 10px;
    margin-top: -9px;
}

#SMS_mypage_warp .myp_btn .list .myp_links_header {
    height: 24px;
    line-height: 24px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 700;
    color: #6F6F6F;
    max-width: 550px;
    margin: 0 auto 5px;
}
#SMS_mypage_warp .myp_btn .list .myp_links {
    position: relative;
    max-width: 550px;
    margin-bottom: 20px;
}
#SMS_mypage_warp .myp_btn .list .myp_links:last-child {
    margin: 0;
}

#SMS_mypage_warp .myp_btn .list ul {
    overflow: hidden;
    padding-left: 20px;
    background:  #fff;
    border-top:  1px solid #ccc;
    border-bottom:  1px solid #ccc;
}
#SMS_mypage_warp .myp_btn .list li {
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}
#SMS_mypage_warp .myp_btn .list li:last-child {
    border-bottom: none;
}
#SMS_mypage_warp .myp_btn .list li a:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 14px;
    color: #aaa;
    position: absolute;
    top: 50%;
    height: 20px;
    line-height: 20px;
    right: 10px;
    margin-top: -10px;
    z-index: 1;
}

#SMS_mypage_warp .myp_btn > .icon li a span.count{
    top: initial;
    right: initial;
    margin: -2px 0 0 3px;
}
#SMS_mypage_warp .myp_btn > .icon b.icon{
    display: block;
    margin: 0 auto 5px;
    width: 32px;
    height: 32px;
}
#SMS_mypage_warp .myp_btn > .icon ul {
    overflow: hidden;
    margin: 0 15px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

#SMS_mypage_warp .myp_btn > .icon li {
    float: left;
    width: 33.333%;
    text-align: center;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/* 마이페이지 끝 */

/* 타임세일 시작 */
.dateSaleHeader{
    text-align: center;
    line-height: 1.3;
    margin-bottom: 10px;
    padding: 0 15px;
    overflow: hidden;
}
.dateSaleHeader strong{
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
}
.dateSaleHeader .timer{
    font-size: 30px;
    margin-bottom: 10px;
}
.dateSaleHeader .timer > span{
    display: inline-block;
    margin: 0 1px;
}
.dateSaleHeader .dayWrap{
    font-size: 18px;
    font-weight: bold;
}
.dateSaleHeader .dayWrap .day{
}
.dateSaleHeader .hour,
.dateSaleHeader .min,
.dateSaleHeader .sec{
    font-weight: 100;
}
.dateSaleHeader .guageWrap {
    width: 100%;
    position: relative;
    height: 2px;
    background: #eee;
    font-size: 30px;
}

.dateSaleHeader .guageWrap .guage {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #270150;
    transition: 1s;
    width: 1px;
}

#timeSale01 .items li{
    width: 80%;
}
/* 타임세일 끝 */

/* 메인 게시판 시작*/
.boardWrap .boardHeader{
    padding: 12px 10px;
    font-size: 17px;
    font-weight: bold;
}
.boardWrap .boardHeader b{
    font-weight: normal;
    font-size: 12px;
    margin-left: 5px;
}
.boardWrap .boardHeader .boardMore{
    float: right;
    padding: 0 4px;
    font-weight: normal;
    font-size: 12px;
    text-decoration:  underline;
}
.boardWrap .boardHeader .boardMore:after{
    font-family:"FontAwesome";
    content:" \f105";
}
.boardList{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.boardList ul li{
    font-size: 14px;
    padding: 15px 10px;
    border-bottom: 1px solid #ccc;
}
.boardList ul li:last-child{
    border-bottom: none;
}
.boardList ul li span.date{
    float: right;
    font-size: 12px;
    color: #888;
}
.boardList.swiper-container{
    height: 50px;
}
.boardList.swiper-container ul li{
    padding: 0 10px;
    line-height: 48px;
    border: none;
}
/* 메인 게시판 끝*/
/* 상단 롤링 시작 */
#fix_position .fixedTopStyle .rolling_wrap{
    display: block;
}
.rolling_wrap{
    display: none;
    position: relative;
}
.rolling_wrap .rolling_view{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 18px;
    background: #000;
    color: #fff;
}
.rolling_wrap .rolling_view:after{
    content:"\f107";
    font-family:"FontAwesome";
}
.rolling_wrap .rolling_view.on:after{
    content:"\f106";
}
.rolling_all{
    padding: 10px 10px;
    line-height: 2;
    text-align: center;
    background: #fff;
    display: none;
}

.rolling_all a:first-child {
    color: #49028d;
    font-weight: bold;
}

.rolling_all a:nth-child(2) {
    color: #49028d;
    font-weight: bold;
}
.rolling_all a:nth-child(3) {
    color: #49028d;
    font-weight: bold;
}
.rolling_all a:nth-child(13) {
    color: #49028d;
    font-weight: bold;
}

.rolling_all a{
    display: inline-block;
    padding: 0 13px;
    font-size: 13px;
    position:  relative;
    color: #000;
}
.rolling_all a span{
    position: absolute;
    right: -1px;
    color: #555;
}
.SMS_rolling_menu {
    margin-right:  40px;
    background: #270150;
}


.SMS_rolling_menu .swiper-slide span {
    position: absolute;
    display: inline-block;
    width: 1px;
    top: -1px;
    right: 0;
    font-weight: normal;
    color: #fff;
    padding: 0;
    opacity: .4;
}
.SMS_rolling_menu .swiper-button-next, .SMS_rolling_menu .swiper-button-prev {
    position: absolute;
    top: initial;
    bottom: 0;
    width: 24px;
    height: 100%;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 8px;
    -webkit-background-size: 8px;
    background-size: 8px;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}
.SMS_rolling_menu .swiper-button-next {
    right: 0;
}

.SMS_rolling_menu .swiper-button-prev {
    left: 0;
}

.SMS_rolling_menu .swiper-slide {
    height: 40px;
    line-height: 40px;
    text-align: center;
    width:  auto;
}
.SMS_rolling_menu .swiper-slide a{
    display: block;
    padding: 0 18px;
    color: #fff;
}
.SMS_rolling_menu .swiper-slide a.on{
    font-weight: bold;
}
.SMS_rolling_menu .swiper-button-disabled {
    display: none !important;
}
/* 상단 롤링 끝 */

/* 카운트 후 앱다운 */
#paramPopupWrap #paramPopupBg {
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
    display: none;
}

#paramPopupWrap #paramPopup {
    position: fixed;
    top: 20%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
    padding: 20px;
    display: none;
}

#paramPopupWrap #paramPopup section {
    background: #fff;
    padding: 15px;
    text-align: center;
    position: relative;
    border-radius: 3px;
}

#paramPopupWrap #paramPopup section .closeIcon {
    width: 30px;
    height: 30px;
    float: right;
    background: url('img/close_icon.png') no-repeat center;
    background-size: 60%;
    margin-top: -5px;
}

#paramPopupWrap #paramPopup section img.appIcon {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -40px;
    width: 80px;
}

#paramPopupWrap #paramPopup section .desc {
    padding-top: 40px;
    margin: 10px 0;
    font-size: 13px;
    color: #4d4d4d;
}

#paramPopupWrap #paramPopup section .count {
    color: #8a2438;
    font-size: 25px;
    font-weight: bold;
    margin: 15px 0;
}

#paramPopupWrap #paramPopup section span {
    font-size: 12px;
    color: #888;
}

#paramPopupWrap #paramPopup section .justWeb {
    display: inline-block;
    margin-top: 10px;
    width: 50%;
    padding: 10px;
    border-radius: 200px;
    background: #4d4d4d;
    color: #fff;
}
/* 카운트 후 앱다운 */

/* 아울슬라이드 */
#SMS_main_slide01 .swiper-slide{
    width: 80%;
}

/* 햄버거 주문상태 */
.ham_login_wrap .xans-myshop-orderstate{
    margin: 0 -15px;
    border: none;
    /* border-bottom: 1px solid #ddd; */
}
.ham_login_wrap .xans-myshop-orderstate .order .count{
    font-size: 24px;
    color: #fff;
    text-decoration:  underline;
}
.ham_login_wrap .xans-myshop-orderstate .order li strong{
    font-size: 12px;
    color:  #fff;
    margin: 0 0 12px;
    opacity:  .8;
}
.ham_login_wrap .xans-myshop-orderstate .order{
    padding: 15px 0;
    background: #270150;
}
.ham_login_wrap .xans-myshop-orderstate .order li{
    border: none;
    position: relative;
}
.ham_login_wrap .xans-myshop-orderstate .order li:after{
    content:"\f105";
    font-family:"FontAwesome";
    position: absolute;
    right: 0;
    top: 50%;
    color: #fff;
    opacity: .3;
}
.ham_login_wrap .xans-myshop-orderstate .order li:last-child:after{
    display: none;
}
/* 햄버거 주문상태 */

/* 비디오 100% 잡기 */
.SMS_video_container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.SMS_video_container iframe, .SMS_video_container object, .SMS_video_container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 비디오 100% 잡기 */

/* 올인원 슬라이드 */
.SMS_top_main_gallery{
    display: none;
}
/* 올인원 슬라이드 */
/* 커스텀 끝 */
#SMS_best_product .items li{
    margin: 0;
}
#prdDetail table{
    width: 100% !important;
}
#prdDetail table{
    table-layout: initial;
}

.detailFixed{
    position: fixed;
    bottom: 100px;
    right: 10px;
    text-align: center;
    font-size: 11px;
    z-index: 10;
    border-radius: 3px;
}

.detailFixed a{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 39px;
    background: rgba(0,0,0,.75);
    color: #fff;
    margin-bottom: 5px;
}
.detailFixed a:last-child{
    margin: 0;
}
.hamKakaoBtn{
    background: #f9e21a;
    margin: 0 15px;
    text-align: center;
    padding: 12px;
    color: #3b1e1e;
    font-size: 12px;
}
.hamKakaoBtn:before{
    content:"\f075";
    font-family:"FontAwesome";
    color: #3b1e1e;
    display: inline-block;
    margin-right: 3px;
    font-size: 15px;
}
.baseMenuWrap{
    display: flex;
    padding: 15px 5px;
}
.baseMenuWrap > .base_menu{
    flex: 1;
    padding: 0 10px;
    border-right: 1px dashed #ccc;
}
.baseMenuWrap > .base_menu:last-child{
    border: none;
}
#SMS_style .baseMenuWrap > .base_menu li{
    border-bottom: 1px dashed #ccc;
}
#SMS_style .baseMenuWrap > .base_menu li:last-child{
    border: none;
}
.rightHamMenu{
    display: flex;
    text-align: center;
    margin: 15px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.rightHamMenu li{
    flex: 1;
    border-right: 1px solid #ddd;
}
.rightHamMenu li:last-child{
    border: none;
}
.rightHamMenu li a{
    display: block;
    padding: 10px 0;
    font-size: 11px;
}
.rightHamMenu li a img{
    width: 20px;
    display: block;
    margin: 0 auto 5px;
}

#SMSnaverStyleGallery2 .naverPagingnumber{
    text-align: left;
    padding-left: 15px;
    margin-top: 10px;
    font-size: 14px;
}
#SMSnaverStyleGallery2 .swiper-wrapper{
    margin-top: 7px;
}
#SMSnaverStyleGallery2 .swiper-pagination{
}

#timeSale01 .SMS_base_mask{
    font-size: 14px;
    text-align: left;
    padding-right: 60px;
}

#SMS_style .xans-product-detail .overview .prdImg img{
    border: none;
}
.hamMoreUserInfo{
    margin: 15px 0;
}


/*BG이미지스타일*/
#SMS_best_product .swiper-slide .thumb{
    position:relative;
}
#SMS_best_product .swiper-slide .thumb .xans-product-imagestyle span{
    position: absolute;
    display: block;
/*    width: 50px;
    height: 50px;*/
}
#SMS_best_product .swiper-slide .thumb .xans-product-imagestyle .ec-product-bgLB{
    bottom: 2.5%;
    left: 2.5%;
}
#SMS_best_product .swiper-slide .thumb .xans-product-imagestyle .ec-product-bgLT{
    top: 2.5%
    left: 2.5%;
}
#SMS_best_product .swiper-slide .thumb .xans-product-imagestyle .ec-product-bgLC{
    top: 2.5%
    left: 2.5%;
}
#SMS_best_product .swiper-slide .thumb .xans-product-imagestyle .ec-product-bgRB{
    bottom: 0px;
    right: 0px;
}
#SMS_best_product .swiper-slide .thumb .xans-product-imagestyle .ec-product-bgRT{
    top: 0px;
    right: 0px;
}
.SMS_Product_display .items .container .SMS_base_img{
    position:relative;
}
.SMS_Product_display .items .container .SMS_base_img .thumb{
    line-height: 0px;
}
.SMS_Product_display .items .container .SMS_base_img .thumb .xans-product-imagestyle span{
    position: absolute;
    display: block;
    width: 23%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.SMS_Product_display .items .container .SMS_base_img .thumb .xans-product-imagestyle span:nth-child(2){
    position: absolute;
    display: block;
    width: 23%;
    height: 36%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.SMS_Product_display .items .container .SMS_base_img .thumb .xans-product-imagestyle .ec-product-bgLB{
    top: 2.5%;
    left: 2.5%;
}
.SMS_Product_display .items .container .SMS_base_img .thumb .xans-product-imagestyle .ec-product-bgLC{
    top: 2.5%;
    left: 2.5%;
}
.SMS_Product_display .items .container .SMS_base_img .thumb .xans-product-imagestyle .ec-product-bgLT{
    top: 2.5%;
    left: 2.5%;
}
.SMS_Product_display .items .container .SMS_base_img .thumb .xans-product-imagestyle .ec-product-bgRB{
    bottom: 0px;
    right: 0px;
}
.SMS_Product_display .items .container .SMS_base_img .thumb .xans-product-imagestyle .ec-product-bgRT{
    top: 0px;
    right: 0px;
}

.SMS_Product_display .items .container .SMS_base_img .thumb .xans-product-imagestyle .ec-product-bgRB img{
    width:100%;
}

.SMS_Product_display .items .container .SMS_base_img .thumb .xans-search-imagestyle span{
    position: absolute;
    display: block;
    width: 23%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.SMS_Product_display .items .container .SMS_base_img .thumb .xans-search-imagestyle .ec-product-bgLB{
    top: 2.5%;
    left: 2.5%;
}
.SMS_Product_display .items .container .SMS_base_img .thumb .xans-search-imagestyle .ec-product-bgLT{
    top: 2.5%;
    left: 2.5%;
}
.SMS_Product_display .items .container .SMS_base_img .thumb .xans-search-imagestyle .ec-product-bgLC{
    top: 2.5%;
    left: 2.5%;
}
.SMS_Product_display .items .container .SMS_base_img .thumb .xans-search-imagestyle .ec-product-bgRB{
    bottom: 0px;
    right: 0px;
}
.SMS_Product_display .items .container .SMS_base_img .thumb .xans-search-imagestyle .ec-product-bgRT{
    top: 0px;
    right: 0px;
}
/*BG이미지스타일 끝*/