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

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

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

@import 'https://fonts.googleapis.com/css?family=Open+Sans';

#Hamburger {
}

#Hamburger #contents {
}

#contents {
    background: #fff !important;
}

/* 색상 클래스 */
.SMS_redBtnBox {
    /* 
background-color: #C3C3C3 !important;
border:1px solid #ABABAB !important;
color: #444 !important; 
*/
}

.SMS_blueBtnBox {
    /* 
background-color: #C3C3C3 !important;
border:1px solid #ABABAB !important;
color: #444 !important; 
*/
}

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

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

/* 전체 슬라이더 화살표 수정 */
.SMS_swiper_buttonNext, .swiper-container-rtl .SMS_swiper_buttonPrev {
    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;
}

.SMS_swiper_buttonPrev, .swiper-container-rtl .SMS_swiper_buttonNext {
    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;
}

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

/*====================================================
상단 플립 배너 시작
====================================================*/
#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_todayClose input {
    background-color: rgba(221, 221, 221, 0.25);
    border-left-color: rgba(221, 221, 221, 0.1);
    border-right-color: rgba(221, 221, 221, 0.1);
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    border-radius: 38px;
}

.main_popup_box .main_popup_container .main_popup_btn .btn_todayClose input[type="checkbox"] {
    background-size: 70% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: none !important;
    border-radius: 38px !important;
}

.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;
    height: 250px;
    border: 1px solid #9C9C9C;
    z-index: 1000;
    box-shadow: 1px 1px 3px #a5a5a5;
    border-radius: 3px;
    overflow: hidden;
    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 {
    height: 179px;
    background: rgba(255, 255, 255, 0.95);
    text-align: center;
    padding: 28px 0 0 0;
}

#SMS_AppWeb_wrap .top_appweb .appweb_body {
    height: 150px;
    line-height: 25px;
    font-size: 14px;
    color: #444;
}

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

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

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

#SMS_AppWeb_wrap .btn_appweb {
    border-top: 1px solid #ddd;
    overflow: hidden;
    padding: 15px 10px;
    background: rgba(232, 232, 232, 0.95);
}

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

#SMS_AppWeb_wrap .btn_appweb div a {
    display: block;
    border: 1px solid #ddd;
    background: #FFFFFF;
    color: #717171;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    border-radius: 2px;
}

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

.SMS_TopBtn:before {
    content: "\f106";
    font-family: FontAwesome;
    font-size: 20px;
    color: #000;
}

/* BOTTOM 버튼 */
.SMS_BottomBtn {
    position: fixed;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 0;
    bottom: 43px;
    right: 5px;
    line-height: 27px;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #D7D7D7;
    z-index: 201;
    border-radius: 1px;
}

.SMS_BottomBtn:before {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    color: #000;
}

/*====================================================
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: 1001;
    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: 12px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    height: 60px;
}

.MenuAllCon .logout_Module .left_logo {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 100px;
}

.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/cartIcon.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: #EA6363;
    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.gif") no-repeat center;
    background-size: 50%;
}

.MenuAllCon .logout_Module {
    position: relative;
    padding: 12px;
    background: #fff;
    border-bottom: 0px solid #ddd;
    height: 0px;
}

.MenuAllCon .logout_Module .left_logo {
    position: absolute;
    top: 14px;
    left: 5px;
    width: 105px;
}

.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/cartIcon.png") no-repeat center;
    background-size: 70%;
    display: none;
}

.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: #EA6363;
    z-index: 23;
}

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

/* ------------ 로그아웃 텍스트 시작  ------------ */
.MenuAllCon .logout_text_wrap {
}

.MenuAllCon .logout_text {
    position: relative;
    padding: 15px 12px;
    background: #F5F5F5;
    overflow: hidden;
    height: 80px;
}

.MenuAllCon .logout_text .text {
    float: left;
    font-size: 11px;
    padding: 1px 0 0 0;
    line-height: 17px;
    color: #aaa;
}

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

.MenuAllCon .logout_Module .r01 a, .MenuAllCon .logout_Module .r02 a {
    display: block;
    width: 58px;
    height: 30px;
    line-height: 30px;
    background: #FFFFFF;
    border: 1px solid #333;
    text-align: center;
    position: absolute;
    top: 12px;
    font-size: 11px;
    font-weight: normal;
}

.MenuAllCon .logout_Module .r01 a {
    right: 5px;
    background: #333;
    color: #fff;
}

.MenuAllCon .logout_Module .r02 a {
    right: 62px;
    border-right: 0;
}

/* ------------ 로그아웃 텍스트 끝 ------------ */
/* ------------ 로그인 시작  ------------ */
.MenuAllCon .SMS_user_info {
    position: relative;
}

.MenuAllCon .SMS_user_info .user_Inbody {
    background: #fff;
    height: auto;
    padding: 10px 10px 7px;
}

.MenuAllCon .SMS_user_info .user_Inbody .logmenu_bottom {
    overflow: hidden;
}

.MenuAllCon .SMS_user_info .user_Inbody b {
    display: block;
    font-size: 11px;
    margin: 0 0 10px;
    line-height: 19px;
    font-weight: normal;
}

.MenuAllCon .SMS_user_info .user_Inbody .logmenu_bottom div {
    position: relative;
    display: inline-block;
    float: left;
    width: 49%;
    height: 33px;
    line-height: 33px;
    font-size: 11px;
    color: #959595;
    text-align: center;
    border: 1px solid #ddd;
}

.MenuAllCon .SMS_user_info .user_Inbody .logmenu_bottom div:first-child {
    margin-right: 2%;
}

/* .MenuAllCon .SMS_user_info .user_Inbody .logmenu_bottom div:first-child{
border-right: none;
} */
.MenuAllCon .SMS_user_info .user_Inbody .logmenu_bottom div a {
    display: block;
}

.MenuAllCon .SMS_user_info .user_Inbody .logmenu_bottom div p {
    display: inline-block;
    margin-left: 3px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    font-size: 8px;
    font-weight: normal;
    text-align: center;
    border-radius: 18px;
    background: #EA6363;
    z-index: 23;
    vertical-align: middle;
}

/* 햄버거 자주가는 메뉴 시작 ========================= */
/* 로그아웃 시  */
.SMS_LikeCategory {
    position: absolute;
    top: 48px;
    right: 13px;
    padding: 5px 21px;
    border: 2px solid #58B1DC;
    color: #58B1DC;
    background: #fff;
    text-align: center;
    border-radius: 3px;
    font-size: 11px;
}

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

/* 햄버거 자주가는 메뉴  */
.SMS_LikeCategory.SMSselLike {
    border: 1px double #666 !important;
    color: #333 !important;
    background: #f7f7f7 !important;
}

.SMS_LikeCategory_Inbody .LikeCategory_text {
    text-align: center;
    font-size: 12px;
    color: #aaa;
    padding: 2px 0;
}

.SMS_LikeCategory_Inbody li a {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 11px;
}

/* 로그인 아웃 시 */
.SMS_LikeCategory_Inbody {
    margin: 6px auto 0;
    background: #efefef;
    padding: 4px;
    border: 1px solid #ddd;
    display: none;
    width: 94%;
}

/* 로그인 아웃 시 */
/* 로그인 시 */
.user_Inbody .SMS_LikeCategory_Inbody {
    margin: 10px auto 10px;
    background: #efefef;
    padding: 4px;
    border: 1px solid #ddd;
    display: none;
    width: 100%;
}

.SMS_LikeCategory_Inbody li {
    display: inline-block;
    padding: 4px 6px;
    border: 1px solid #ffc000;
    background: #ffc000;
    margin: 4px 4px 4px 0;
    color: #58B1DC;
    font-size: 11px;
    border-radius: 10px;
}

/* 햄버거 자주가는 메뉴 끝 ========================= */
.SMS_MemberMenu {
    padding-bottom: 0;
    font-size: 12px;
    background: #F5F5F5;
    font-weight: bold;
    padding: 0px 17px;
    height: 33px;
    line-height: 33px;
    border-bottom: 1px solid #ECECEC;
    display: none;
}

.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 auto;
}

.MenuAllCon .SMS_ham_myp_points ul {
}

.MenuAllCon .SMS_ham_myp_points li {
    display: inline-block;
    float: left;
    width: 33.3%;
    height: 77px;
    border-right: 1px solid #EAEAEA;
    padding: 0;
}

.MenuAllCon .SMS_ham_myp_points li .myp_icon {
    width: 50px;
    height: 40px;
    margin: 0 auto;
    background-image: url("img/ham_icon.png");
    background-repeat: no-repeat;
    background-size: 140px;
}

.MenuAllCon .SMS_ham_myp_points li a {
    color: #6F6F6F;
    font-size: 12px;
    display: block;
}

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

.MenuAllCon .SMS_ham_myp_points li div a {
    color: #EA6363;
    font-weight: bold;
}

.MenuAllCon .SMS_ham_myp_points li .coupon_i {
    background-position: 4px 2px;
}

.MenuAllCon .SMS_ham_myp_points li .point_i {
    background-position: -92px 2px;
}

.MenuAllCon .SMS_ham_myp_points li .num_i {
    background-position: -43px 2px;
}

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

.MenuAllCon .SMS_leftMyp .scon {
    border: 1px solid #ddd;
    overflow: hidden;
}

.MenuAllCon .SMS_leftMyp .scon ul {
    overflow: hidden;
    border-bottom: 1px solid #aaa;
}

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

.MenuAllCon .SMS_leftMyp .scon ul li {
    position: relative;
    display: inline-block;
    float: left;
    width: 33.333%;
    height: 33px;
    line-height: 33px;
    font-size: 11px;
    color: #000;
    text-align: center;
    border-right: 1px solid #ddd;
    background: #fff;
}

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

.MenuAllCon .SMS_leftMyp .scon ul li a {
    display: block;
}

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

/* .MenuAllCon .SMS_leftMyp .scon ul li span {
display:inline-block;
position:absolute;
right:1px;
width:1px;
font-weight:normal;
color:#ccc;
padding:0;
display: 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 {
}

.MenuAllCon .SMS_Search_ham .container_Box {
    position: relative;
    padding: 0px 12px;
    background: #fff;
}

.MenuAllCon .SMS_Search_ham .container_Box ul li.search {
    position: relative;
    width: 80%;
    padding: 0;
    border: none;
    background: none;
    margin: 10px auto 0;
}

.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 8px;
    border-radius: 0;
    border: 0;
    color: #666;
    border-bottom: 1px solid #666;
}

.MenuAllCon .SMS_Search_ham .container_Box .search input:focus {
    background: #FF;
    color: #000;
}

.MenuAllCon .SMS_Search_ham .container_Box .search_btn {
    display: block;
    position: absolute;
    z-index: 1;
    right: 3px;
    top: 3px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

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

.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;
    border-top: 2px solid #444;
}

.MenuAllCon .SMS_All_tapMenu div {
    display: inline-block;
    float: left;
    width: 50%;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    color: #959595;
    text-align: center;
    border-bottom: 1px solid #ddd;
    background: #efefef;
}

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

.MenuAllCon .SMS_All_tabmenu_content .tab_box {
    padding: 10px 12px 25px;
    background: #fff;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box a {
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box li a {

}

.MenuAllCon .SMS_All_tabmenu_content .tab_box {
    padding: 0px 0px 10px;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box li:nth-child a(2n+2) {
    border-right: none;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box li:last-child a {
    border-bottom: none;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box li:nth-last-child(1) a {
    border-bottom: none;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box li:nth-last-child(2) a {
    border-bottom: none;
}

/* --------------------- 햄버거 토글 메뉴 시작 --------------------- */
.SMS_LeftToggle {
}

.SMS_LeftToggle .box_sub {
    height: auto;
    line-height: 37px;
}

.SMS_LeftToggle .box_sub .title {
    color: #444;
    padding-bottom: 0;
    font-size: 12px;
    background: #f7f5f6;
    font-weight: bold;
    padding: 0 12px;
    border-bottom: 1px solid #ddd;
}

.SMS_LeftToggle .box_sub .title span {
    width: 14px;
    height: 21px;
    display: inline-block;
    overflow: hidden;
    margin: 0 4px 0 0;
    position: relative;
    top: 2px;
}

.SMS_LeftToggle .box_sub .title span img {
    width: 100%;
}

.SMS_LeftToggle .box_sub .title 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: 9px;
}

.title_close b {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.SMS_LeftToggle .box_sub .t_list {
    display: none;
    font-size: 12px;
    background: #fff;
    overflow: hidden;
}

.SMS_LeftToggle .box_sub .t_list .ham_sub_menu {
    width: 100%;
    display: block;
    border-right: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    padding: 0 0 0 9px;
    text-indent: 15px;
    font-size: 12px;
}

.SMS_LeftToggle .box_sub .t_list .ham_sub_menu a {
    display: block;
}

.SMS_LeftToggle .box_sub .t_list .ham_sub_menu:nth-last-child(1) {
    border-bottom: none;
}

/* --------------------- 햄버거 토글 메뉴 시작 --------------------- */
/* ----------- 서브메뉴 시작 ----------- */
.MenuAllCon .SMS_All_tabmenu_content .tab_box .Cate_SubMenu {
    overflow: hidden;
    padding: 20px 0 10px;
    background: #fff;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box .Cate_SubMenu .subM_r {
    border-radius: 0;
    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: 37px;
    font-size: 13px;
    color: #959595;
    text-align: center;
    background: #fff;
    border: 1px solid #333;
    border-right: 0;
    border-left: 0;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box .Cate_SubMenu .subM_r div.Sel_subMenu {
    font-weight: bold;
    background: #333;
    color: #fff;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box .tabSub_box .tabSub_box_inner {
    overflow: hidden;
}

/* ----------- 서브메뉴 끝 ----------- */
.MenuAllCon .SMS_All_CopyRight {
    overflow: hidden;
    padding: 10px 30px 11px 30px;
    border-top: 1px solid #C5C5C5;
}

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

.MenuAllCon .SMS_All_CopyRight li a {
    display: block;
    background: #E4E4E4;
    border: 1px solid #D2D2D2;
    font-size: 11px;
    color: #636363;
}

/* --------------------- 최근본상품 시작 --------------------- */
.SMS_Recent_header {
    width: 100%;
    margin: 0 auto;
    font-size: 13px;
    color: #494949;
    overflow: hidden;
    text-align: left;
    font-weight: bold;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #ddd;
}

.SMS_Recent_header_none {
    width: 95%;
    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_recentHam {
    width: 100%;
    display: inline-block;
}

.SMS_recentHam ul {
    display: inline-block;
    width: 33.333%;
    float: left;
    padding: 4px;
    border: none;
    margin: 0;
    text-align: center;
}

.SMS_recentHam ul a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    float: initial !important;
    text-indent: 0 !important;
}

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

.SMS_recentHam ul li.name {
    display: block;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0;
    text-align: center;
    margin: 0 !important;
    width: initial !important;
    font-size: 11px;
	display: none;
}

.SMS_recentHam ul li.summary, .SMS_recentHam ul li.simple {
    display: block;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0;
    text-align: center;
    color: #aaa;
    display: none;
}

/* --------------------- 최근본상품 끝 --------------------- */
.AllsmartskinCopyRight {
    text-align: center;
    font-size: 11px;
    color: #949494;
}

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

MenuAllCon 전체햄버거 끝

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

.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(-250px,0px);
        transform: translate(-250px,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(-250px,0px);
        transform: translate(-250px,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: 1001;
    display: none;
}

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

/* --------------------- 햄버거 최상단 메뉴 시작 --------------------- */
.top_menu01 {
    border-bottom: none;
    overflow: hidden;
    border-bottom: 0px solid #ddd;
    background: #F5F5F5;
    display: none;
}

.top_menu01 ul {
    width: 100%;
    overflow: hidden;
}

.top_menu01 ul li {
    display: inline-block;
    float: left;
    width: 33.3%;
    color: #444;
    text-align: center;
    background: none;
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding: 10px 10px;
    border-right: 1px solid #ddd;
    font-size: 12px;
}

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

/* --------------------- 햄버거 최상단 메뉴 끝 --------------------- */
/* -- 자주가는 카테고리 영역 시작 -- */
#Basement .MenuAllCon .logout_text {
    height: auto;
    float: initial;
    position: relative;
    padding: 5px 10px 0px 10px;
    background: #ffffff;
    overflow: hidden;
}

#Basement .MenuAllCon .logout_text .text {
    height: auto;
    float: initial;
    text-align: center;
    margin: 0 0 9px 0;
}

#Basement .logout_text_wrap .r01, #Basement .logout_text_wrap .r02 {
    /* margin: 0 1px 8px 0; */
    display: inline-block;
    float: right;
    width: 49%;
    height: 30px;
    /* margin: 0 0px 8px 0; */
    margin: 0 0 8px 0;
}

#Basement .logout_text_wrap .r01 {
    margin-left: 2%;
}

#Basement .MenuAllCon .logout_text .r01 a, #Basement .MenuAllCon .logout_text .r02 a {
    display: inline-block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    background: #FFFFFF;
    border: 1px solid #666;
    font-weight: normal;
    border-radius: 0px;
    text-align: center;
    position: relative;
    top: 0;
    right: initial;
}

#Basement .MenuAllCon .logout_text .r01 a {
    right: initial;
    background: #666;
    color: #fff;
}

#Basement .SMS_LikeCategory {
    position: relative;
    top: 0;
    right: initial;
    padding: 8px 20px;
    border: 1px solid #BBBBBB;
    color: #000000;
    background: #FFF;
    text-align: center;
    border-radius: 0px;
    font-size: 12px;
    clear: both;
    margin: 0 0 0px 0;
}

#Basement .SMS_LikeCategory_Inbody {
    margin: 0px auto;
    background: #fff;
    padding: 3px;
    border: 0px solid #ddd;
    display: block;
    width: 95%;
}

#Basement .user_Inbody .SMS_LikeCategory_Inbody {
    width: 100%;
}

#Basement .MenuAllCon .SMS_user_info .user_Inbody .logmenu_bottom {
    margin: 7px 0 0 0;
}

/* -- 자주가는 카테고리 영역 끝 -- */
/* --------------------- 햄버거 로그인 전 회원정보 시작 --------------------- */
#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: #f1f1f1;
    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(900px,0px);
        transform: translate(900px,0px);
    }
}

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

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

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

@-webkit-keyframes RightBasementOpenAnimation {
    0% {
        -webkit-transform: translate(250px,0px);
        transform: translate(250px,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: 1001;
    display: none;
}

#SMS_HamburgerClose_right p {
    position: absolute;
    top: 0px;
    right: 250px;
    letter-spacing: 1px;
    width: 50px;
    height: 50px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIBAMAAABfdrOtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTQ4MDc0Nzg4Q0M0MTFFNDhGMTVGNzNFRDRCNTkxMEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTQ4MDc0Nzk4Q0M0MTFFNDhGMTVGNzNFRDRCNTkxMEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNDgwNzQ3NjhDQzQxMUU0OEYxNUY3M0VENEI1OTEwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNDgwNzQ3NzhDQzQxMUU0OEYxNUY3M0VENEI1OTEwQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PipkcTUAAAAbUExURQAAAAMDA1RUVFVVVaCgoKSkpPv7+/z8/P///4xV/SEAAAG3SURBVHja7do7UgJBFEbhBjdg4g4oTI3cAIkpayAhJ2EBlvayKUCK1zz6dt97KKn/xOOMHyjM9O2UlFJKKaWUUkoppZRS/6rJwnb87LXiIm8/H5bDp+tlxUW+8spy+Dx/V1zkM1so07Xtd/rrxfRj82x7dWsolRAbpRZioVRDLJR6SDmlAVJOaYGUUpogpZQ2SBmlEVJGaYWUUJohJZR2yDjFATJO8YCMUVwgYxQfyDDFCTJM8YIMUdwgQxQ/SD/FEdJP8YT0UVwhfRRfSDfFGdJN8YZ0UdwhXRR/yD0lAHJPiYDcUkIgt5QYyDUlCHJNiYJcUsIgl5Q4yJkSCDlTIiGns4dCTqePhRzPHww5UqIhe8rvNhhyoIRDUnrPeZOe4SLIy0W88cifMPHPiHysEB+QyEc98aWFfP0SNxLILRFxc4fcphI33MijA/EQhDzOEQ+myCM2sViALHsQCzjIUhSxqIYsDxILnciSLbH4jCyjEwMBZLRBDGmQcRMxOENGgMQwExnLEgNmZFRODP2R7QvERgxkSwmxOQbZ5oNsWEK2XiGbyJDtcEoppZRSSimllFJKqYe1A9GSB/qfrLXLAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: 50px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding-top: 50px;
    padding-right: 5px;
}

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

#SMS_oneSlideBanner .SMS_fixed_inner {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    line-height: 50px;
    padding: 0;
    text-align: center;
    width: 100%;
    z-index: 201;
    background: #fff;
}

#SMS_oneSlideBanner .SMS_fixed_inner img {
    width: 140px;
    height: auto;
    vertical-align: middle;
}

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

#SMS_oneSlideBanner .SMS_fixed_inner .left_p01 {
    left: 10px;
}

#SMS_oneSlideBanner .SMS_fixed_inner .right_p01 {
    right: 10px;
}

#SMS_oneSlideBanner .SMS_fixed_inner .right_p02 {
    right: 45px;
    background-image: url("/SkinImg/img/cartIcon.png");
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}

#SMS_oneSlideBanner .SMS_fixed_inner .right_p02 b.count {
    position: absolute;
    display: inline-block;
    min-width: 17px !important;
    height: 17px !important;
    line-height: 17px;
    top: 0px;
    left: 50%;
    color: #fff;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    border-radius: 18px;
    background: #da483e;
    margin-left: 0px;
    z-index: 23;
}

/* 메뉴 */
#SMS_oneSlideBanner .SMS_fixed_inner .left_p01 {
    background-image: url("/SkinImg/img/menu.png");
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}

/* 검색 */
#SMS_oneSlideBanner .SMS_fixed_inner .right_p01 {
    background-image: url("/SkinImg/img/search.png");
    background-repeat: no-repeat;
    background-size: 77%;
    background-position: center;
}

#SMS_oneSlideBanner .SMS_fixed_inner .small_icon img {
    width: 100%;
}

#SMS_oneSlideBanner #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;
}

#SMS_oneSlideBanner #floating img {
    width: 100%;
}

#SMS_oneSlideBanner #floating.icon01 {
    bottom: 60px !important;
}

#SMS_oneSlideBanner #floating.icon02 {
    bottom: 20px !important;
}

#SMS_oneSlideBanner #floating.icon03 {
    bottom: 25px !important;
}

#SMS_oneSlideBanner .SMS_oneNone {
    display: none;
}

/* ==================================================================
- 올인원 상단 갤러리 끝
================================================================== */
/*====================================================
상단 55px메뉴 표준화 시작
====================================================*/
#SMS_fixed_warp {
    position: relative;
    overflow: hidden;
    display: none;
    width: 100%;
    border-bottom: 1px solid #efefef;
}

#SMS_fixed_warp .SMS_fixed_inner {
    height: auto;
    line-height: 55px;
    padding: 0;
    text-align: center;
    background: #fff;
}

#SMS_fixed_warp .SMS_fixed_inner img {
    width: 110px;
    height: auto;
    vertical-align: middle;
}

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

#SMS_fixed_warp .SMS_fixed_inner .left_p01 {
    left: 10px;
}

#SMS_fixed_warp .SMS_fixed_inner .right_p01 {
    right: 10px;
}

/* 메뉴 */
#SMS_fixed_warp .SMS_fixed_inner .left_p01#menu, #SMS_fixed_warp .SMS_fixed_inner .left_p01#Allmenu {
    background-image: url("/SkinImg/img/menu.png");
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}

/* 검색 */
#SMS_fixed_warp .SMS_fixed_inner .right_p01.search_fixed_btn {
    background-image: url("/SkinImg/img/search.png");
    background-repeat: no-repeat;
    background-size: 57%;
    background-position: center;
}

#SMS_fixed_warp .SMS_fixed_inner .small_icon img {
    width: 100%;
}

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

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

.SMS_Topmodule_01 .container_Box ul li.widthMenu {
    width: 21.5%;
}

.SMS_Topmodule_01 .container_Box ul li a {
    display: block;
    color: #333;
    font-size: 10px;
}

.SMS_Topmodule_01 .container_Box ul li#menu3 a:before {
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 11px;
    color: #333;
    margin-right: 3px;
}

.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: -50px;
    width: 100px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    background: #000;
    font-size: 10px;
    z-index: 202;
}

.SMS_Topmodule_01 .container_Box ul li .joinAnimation b {
    font-weight: normal;    
}

.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: #000 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: inline-block;
    width: 100%;
    background-color: #fff;
    display: none;
}

.SMS_MainSearch .container_Box {
    padding: 10px 5px 10px 5px;
}

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

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

.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: 1px solid #ff4f48;
    background: #fff;
    font-size: 11px;
    text-indent: 3px;
    line-height: 15px;
}

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

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

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

.SMS_BaseMenu_01 .container_Box {
}

.SMS_BaseMenu_01 .container_Box ul {
    overflow: hidden;
    background: #333;
}

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

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

.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: #ccc;
    padding: 0;
}

.SMS_BaseMenu_01 .container_Box #menu {
    text-align: center;
    color: #000;
}

.SMS_BaseMenu_01 .container_Box #menu:before {
    content: "\f0c9";
    font-family: FontAwesome ;
    font-size: 11px;
}

/* 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 {
	display: block;
}


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

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

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

.SMS_TopMenu_Icon .Iconbody li a {
    display: block;
    box-pack: center;
    box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 100%;
}

/* 메뉴 텍스트 height 값 조절 */
.SMS_TopMenu_Icon .Iconbody li span {
    display: inline-block;
    position: absolute;
    right: 1px;
    width: 1px;
    font-weight: normal;
    color: #ccc;
    padding: 0;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    top: 10px;
    vertical-align: middle;
    display: none;
}

@media screen and (min-width: 768px) {
    .SMS_TopMenu_Icon .Iconbody ul {
        width: 100%;
        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: 998;
}

#SMS_fixedMenu ul {
    display: table;
    width: 100%;
}

#SMS_fixedMenu ul li {
    display: inline-block;
    float: left;
    width: 20%;
    text-align: center;
    font-size: 12px;
    height: 52px;
    line-height: 14px;
    padding: 0px 0 0;
    vertical-align: top;
}

#SMS_fixedMenu ul li span {
    display: inline-block;
    width: 28px;
    height: 31px;
    backgorund-image: url("http://placehold.it/50x50");
    background-repeat: no-repeat;
    background-size: auto 38px;
    vertical-align: text-bottom;
}

#SMS_fixedMenu ul li:nth-child(1) span {
    background-position: -5px -2px;
}

#SMS_fixedMenu ul li:nth-child(2) span {
    background-position: -51px -2px;
}

#SMS_fixedMenu ul li:nth-child(3) span {
    background-position: -99px -2px;
}

#SMS_fixedMenu ul li:nth-child(4) span {
    background-position: -152px -2px;
}

#SMS_fixedMenu ul li:nth-child(5) span {
    background-position: -207px -2px;
}

/* 하단 fixed메뉴 끝 */
/*====================================================
배너 기본 타입 시작
====================================================*/
.SMSbanner {
    overflow: hidden;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-orient: horizontal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    background: #fff;
    clear: both;
}

.SMSbanner img {
    width: 100%;
    clear: both;
    overflow: hidden;
}

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

/* 상단 픽시드 배너 - CSS  */
.SMSbanner.SMSbannerTop div {
    padding: 0;
}

.SMSbanner.SMSbannerTop img {
    border: none;
}

.SMSbanner.SMSbanner2 div {
	padding: 0;
}

.SMSbanner.SMSbanner2 div img {
	border: 0;
}

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

메인진열 / 분류진열

==============================================================*/
.SMS_Product_display {
    position: relative;
    /* text-align: center; */
}

/* --------- 메인 헤더 --------- */
.SMS_Product_display h3 {
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
    padding: 0;
    margin: 5px auto 10px;
    border: 1px solid #e5e5e5;
    font-weight: 600;
    font-size: 13px;
}

.SMS_Product_display .items {
    display: inline-table;
    font-size: 0px;
    width: 100%;
}

.SMS_Product_display .items li {
    display: inline-block;
    width: 33.3%;
    vertical-align: top;
    font-size: 12px;
    text-align: center;
    margin-bottom: 5px;
}

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

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

/* --------- 더보기 ------------------------------------------------------ */
.SMS_moreBtn {
    margin: 10px auto 15px;
}

.SMS_moreBtn .btn_moreGray {
    width: 150px;
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    border: 1px solid #666;
    font-size: 11px;
    text-align: center;
    margin: 0 auto;
    display: block;
    letter-spacing: 1px;
}

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

/* --------- 기본 메인 / 분류 시작 ------------------------------------------------------ */
.SMS_Product_display .items li {
    padding: 3px;
    vertical-align: top;
}

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

.SMS_Product_display .items li .thumb img {
    width: 100%;
    margin-bottom: 0;
}

.SMS_Product_display .items li .info_container .name {
    overflow: hidden;
    height: auto;
    max-height: 30px;
    color: #000;
    margin: 5px 0 5px 0;
    font-size: 11px;
}

.SMS_Product_display .items li .SMS_base_mask {
    text-align: left;
    padding:2px;
}

.SMS_Product_display .items li .info_container .subname {
    overflow: hidden;
    height: auto;
    max-height: 30px;
    color: #AFAFAF;
    margin: 0 0 5px 0;
    display: none;
}

.SMS_Product_display .items li .info_container .subnameSimple {
    overflow: hidden;
    height: auto;
    max-height: 30px;
    color: #AFAFAF;
    margin: 0 0 5px 0;
    font-size: 11px;
    display: none;
}

.SMS_Product_display .items li .price_container .priceStrike {
    color: #A7A7A7;
}

.SMS_Product_display .items li .price_container .price {
    color: #f0585d;
    margin: 0 0 3px 0;
    font-size: 11px;
}

.SMS_Product_display .items li .price_container .custom_price {
    color: #666;
    margin: 0 0 3px 0;
}

.SMS_Product_display .items li .price_container .sale_price {
    color: #f0585d;
    margin: 0 0 3px 0;
    font-size: 11px;
}

.SMS_Product_display .items li .price_container {
    margin-top: 0px;
}

.SMS_Product_display .items li .discountPeriod {
    font-size: 11px;
     display: none;
   
}

.SMS_Product_display .items li .price_container .strike {
    color: #666;
    text-decoration: line-through;
    float: left;
    margin-right: 5px;
    font-size: 11px;
}

.SMS_Product_display .items li .icons img {
    width: auto;
    height: auto;    
}

.SMS_Product_display .items li .add_container {
    /* display: none; */
    width: 100%;
    text-align: left;
}

.SMS_Product_display .items li .add_container span {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 3px;
}

.SMS_Product_display .items li .SMS_pm_link {
    display: none;
}

/* --------- 기본 메인 / 분류 끝 ------------------------------------------------------ */
/* 페이징 */
.mPagenate {
    text-align: center;
    vertical-align: top;
    font-weight: 700;
    padding: 15px 0 !important;
    overflow: hidden;
}

.mPagenate ol, .mPagenate li, .mPagenate p, .mReview .descriptions a.tButton {
    display: inline-block;
}

.mPagenate p {
    display: inline-block;
    text-align: center;
}

.mPagenate a, .mPagenate a.this {
    display: inline-block;
    line-height: 30px;
    width: 30px;
    height: 30px;
    font-size: 12px;
    vertical-align: middle;
    color: #aaa;
}

.mPagenate a.this {
    color: #000;
}

.mPagenate p a {
    border: 1px solid rgba(210, 210, 210, 1);
    background: #fff;
}

.mPagenate p span {
    display: none;
}

.mPagenate p.first a:before {
    content: "\f100";
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: normal;
}

.mPagenate p.prev a:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: normal;
}

.mPagenate p.next a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: normal;
}

.mPagenate p.last a:before {
    content: "\f101";
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: normal;
}

/*====================================================
메인 / 분류 진열 끝
====================================================*/
/*프로모션_베스트 페이지 커스텀 시작*/
.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%;
}

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

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

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

.SMSnaverStyleGallery .info_container .name {
    overflow: hidden;
    height: auto;
    max-height: 30px;
    color: #000;
    margin: 5px 0 5px 0;
    padding: 0 10px;
}

.SMSnaverStyleGallery .info_container .subname {
    overflow: hidden;
    height: auto;
    max-height: 30px;
    color: #AFAFAF;
    margin: 0 0 5px 0;
}

.SMSnaverStyleGallery .items li .price_container .custom_price {
    color: #A7A7A7;
}

.SMSnaverStyleGallery .items li .price_container .price {
    color: #000;
}

.SMSnaverStyleGallery .items li .thumb {
    padding: 3px;
}

.SMSnaverStyleGallery .items li .icons img {
    width: 25px;
    height: 11px;
}

.SMSnaverStyleGallery .items li .add_container {
    text-align: left;
}

.SMSnaverStyleGallery .items li .add_container span {
    width: 10px;
    height: 10px;
    display: inline-block;
    text-align: left;
    margin-right: 2px;
}

.SMSnaverStyleGallery .SMSnaverTab {
    display: none;
}

.SMSnaverStyleGallery .SMSnaverTab > span {
    display: inline-block;
    width: 20%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #ddd;
}

.SMSnaverStyleGallery .SMSnaverTab > span.active {
    background: #333;
    color: #fff;
}

.SMSnaverStyleGallery .SMSnaverTab .sub_indicator {
    overflow: hidden;
}

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

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

.SMSnaverStyleGallery .swiper-container-horizontal > .swiper-pagination {
    position: relative;
    margin: 15px auto 20px;
}

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

.SMSnaverStyleGallery .SMSmovetoCategory {
    width: 150px;
    height: 35px;
    line-height: 35px;
    background-color: #efefef;
    border: 1px solid #D4D4D4;
    font-size: 13px;
    text-align: center;
    margin: 20px auto 0;
    position: relative;
}

/*====================================================
메인 > 네이버 갤러리 끝
====================================================*/
/*====================================================
메인 > 네이버 카카오 스타일 갤러리 시작
====================================================*/
.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 3px;
}

.SMSnaverStyleGallery .SMSnaverContainer.SMS_kakaoStyleGallery .items li .SMS_base_mask .icons {
    display: none;
}

/*====================================================
카테고리 베스트 영역 시작
====================================================*/
#SMS_best_product {
}

#SMS_best_product .best_cate_title {
    height: 38px;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    background: #fff;
    color: #666;
    width: 60%;
    border: 1px solid #ddd;
    margin: 15px auto 5px;
    letter-spacing: 1px;
}

#SMS_best_product .best_cate_title b {
    color: #000;
}

#SMS_best_product .swiper-slide .best_text {
    font-size: 13px;
    color: #000;
    margin: 0px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    text-align: left;
}

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

#SMS_best_product .SMS_best_padding {
    padding: 10px;
	margin-bottom: 20px;
}

#SMS_best_product .SMS_CategoryBest .swiper-slide {
    padding: 4px;
}

#SMS_best_product .SMS_CategoryBest .thumbnail {
    position: relative;
}

#SMS_best_product .SMS_CategoryBest .thumbnail img {
    width: 100%;
    vertical-align: middle;
}

#SMS_best_product .SMS_CategoryBest .thumbnail .rank {
    position: absolute;
    display: block;
    top: 0px;
    right: 0px;
    width: 35px;
    height: 35px;
    text-align: center;
    background-image: url("/SkinImg/img/categorybest_icon.gif");
    background-repeat: no-repeat;
    background-size: 35px;
    z-index: 100;
}

#SMS_best_product .SMS_CategoryBest {
    text-align: center;
}

#SMS_best_product .SMS_CategoryBest .information {
    text-align: left;
    padding: 3px;
}

#SMS_best_product .SMS_CategoryBest .name {
    overflow: hidden;
    height: auto;
    max-height: 30px;
    color: #000;
    margin: 5px 0 5px 0;
    font-size: 11px;
}

#SMS_best_product .SMS_CategoryBest .subname {
    overflow: hidden;
    height: auto;
    max-height: 30px;
    color: #AFAFAF;
    margin: 0 0 5px 0;
}

#SMS_best_product .SMS_CategoryBest .subnameSimple {
    overflow: hidden;
    height: auto;
    max-height: 30px;
    color: #AFAFAF;
    margin: 0 0 5px 0;
}

#SMS_best_product .SMS_CategoryBest .price {
    color: #000;
    margin: 0 0 3px 0;
    font-size: 11px;
}

#SMS_best_product .SMS_CategoryBest .custom_price {
    color: #666;
    margin: 0 0 3px 0;
    font-size: 11px;
}

#SMS_best_product .SMS_CategoryBest .sale_price {
    color: #000;
    margin: 0 0 3px 0;
    font-size: 11px;
}

#SMS_best_product .SMS_CategoryBest .strike {
    color: #888;
    text-decoration: line-through;
    float: left;
    margin-right: 10px;
}

#SMS_best_product .SMS_CategoryBest .icon img {
    width: 20px;
}

#SMS_best_product .SMS_CategoryBest .swiper-pagination {
    position: relative;
}

#SMS_best_product .SMS_CategoryBest .SMS_loveWish .SMS_loveOn {
    /*top: 30px;
    right: 5px;*/
        right: 4px;
        bottom: 7px;
}

#SMS_best_product .SMS_CategoryBest .SMS_loveWish .SMS_loveView {
    /*top: 63px;
    right: 5px;*/
    right: 2px;
    bottom: -13px;
}

/*====================================================
카테고리 베스트 영역 끝
====================================================*/
/*====================================================
분류 진열 - 중분류
====================================================*/
#SMSmMenu {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0;
    background: #f7f7f7;
}

#SMSmMenu li {
    display: box;
    float: left;
    box-pack: center;
    box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    position: relative;
    width: 25%;
    height: 40px;
    word-break: break-word;
    text-align: center;
    font-family: verdana;
    color: #5E5E5E;
    border-top: none;
    padding: 0;
}

#SMSmMenu li a {
    font-size: 10px;
    padding: 0;
    margin: 0;
}

#SMSmMenu li b {
    font-weight: normal;
    font-size: 11px;
}

#SMSmMenu li span {
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 13px;
    right: 1px;
    top: 13px;
    color: #ddd;
    padding: 0;
    font-weight: normal;
    background: #ddd;
}

#SMSmMenu li:nth-child(4n+4) span {
    display: none;
}

#SMS_selArr {
    position: relative;
    padding: 10px;
}

#SMS_selArr select {
    border-radius: 0;
    width: 150px !important;
    height: 32px !important;
    line-height: 32px !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
}

#prdviewContainer ul {
    position: absolute;
    top: 7px;
    right: 7px;
    display: inline-table;
    margin: 5px 5px 0 0;
}

/* --------- 메인 / 카테고리 진열 화면 변경 ------------------------------------------------------ */
.SMS_Product_display #prdviewContainer {
    position: relative;
    text-align: center;
    margin: 45px 0 0;
}

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

#prdviewContainer ul {
    position: absolute;
    top: 7px;
    right: 7px;
    display: inline-table;
    margin: 5px 5px 0 0;
}

#prdviewContainer ul li:first-child {
    border-radius: 0px 0 0 0px;
}

#prdviewContainer ul li:last-child {
    border-right: 0px solid #ddd;
    border-radius: 0 0px 0px 0;
}

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

#prdviewContainer ul li.over1, #prdviewContainer ul li.over2, #prdviewContainer ul li.over3, #prdviewContainer ul li.over4 {
    background: #fff url("img/main_converter_icon_sel.png") no-repeat;
    background-size: auto 20px;
}

#prdviewContainer ul li.display1, #prdviewContainer ul li.over1 {
    background-position: 2px 4px;
}

#prdviewContainer ul li.display2, #prdviewContainer ul li.over2 {
    background-position: -29px 4px;
}

#prdviewContainer ul li.display3, #prdviewContainer ul li.over3 {
    background-position: -60px 4px;
}

#prdviewContainer ul li.display4, #prdviewContainer ul li.over4 {
    background-position: -92px 4px;
}

/*====================================================
SNS - 시작
====================================================*/
/* SNS Type_01 링크 */
.SMS_SnsWrap_Type1 {
    display: block;
    overflow: hidden;
    border-top: 1px solid #ddd;
}

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

.SMS_SnsWrap_Type1 .sns_wrap div {
    width: 20%;
    display: inline-block;
    float: left;
    padding: 10px 0;
    font-size: 12px;
}

.SMS_SnsWrap_Type1 .sns_wrap div a {
    display: block;
}

.SMS_SnsWrap_Type1 .sns_wrap div a img {
    width: 35px;
    vertical-align: top;
    margin-bottom: 5px;
}

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

.SMS_SnsWrap .sns_wrap {
    padding-top: 11px;
    overflow: hidden;
    margin: 0;
    float: right;
}

.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 img {
    width: 100%;
    text-align: center;
}

.SMS_SnsWrap .sns_text {
    float: left;
    width: 95px;
    height: 49px;
    line-height: 49px;
    text-align: left;
    color: #444;
}

/*====================================================
SNS - 끝
====================================================*/
/* 하단 footer 아이콘 시작*/
.SMS_BottomMenu_Icon {
    overflow: hidden;
}

.SMS_BottomMenu_Icon .Iconbody {
    border-top: 2px solid #000;
    background: #f7f7f7;
}

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

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

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

.SMS_BottomMenu_Icon .Iconbody li a {
    display: block;
    border: 1px solid #ddd;
    width: 50px;
    height: 50px;
    margin: 10px auto 5px;
    background-color: #fff;
    background-image: url("img/footer_icon.png");
    background-repeat: no-repeat;
    background-size: 300px auto;
}

.SMS_BottomMenu_Icon .Iconbody li a.icon_01 {
    background-position: -10px -7px;
}

.SMS_BottomMenu_Icon .Iconbody li a.icon_02 {
    background-position: -68px -7px;
}

.SMS_BottomMenu_Icon .Iconbody li a.icon_03 {
    background-position: -125px -7px;
}

.SMS_BottomMenu_Icon .Iconbody li a.icon_04 {
    background-position: -183px -7px;
}

.SMS_BottomMenu_Icon .Iconbody li a.icon_05 {
    background-position: -240px -7px;
}

.SMS_BottomMenu_Icon .Iconbody li a.icon_06 {
    background-position: -10px -63px;
}

.SMS_BottomMenu_Icon .Iconbody li a.icon_07 {
    background-position: -10px -63px;
}

.SMS_BottomMenu_Icon .Iconbody li a.icon_08 {
    background-position: -10px -63px;
}

.SMS_BottomMenu_Icon .Iconbody li a.icon_09 {
    background-position: -10px -63px;
}

.SMS_BottomMenu_Icon .Iconbody li a.icon_10 {
    background-position: -10px -63px;
}

/* 메뉴 텍스트 height 값 조절 */
.SMS_BottomMenu_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;
}

@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 {
    border-top: 2px solid #000;
    background: #fff;
}

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

.SMS_BottomMenu_Text .Textbody li {
    color: #5E5E5E;
    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: #797979;
}

.SMS_BottomMenu_Text .Textbody li span {
    display: block;
    position: absolute;
    top: 0;
    right: 1px;
    width: 1px;
    color: #000;
    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 텍스트 끝*/
/* CS_center / Bank Info 은행 시작*/
.SMS_BottomShopinfo {
    padding: 5px;
    overflow: hidden;
    border-top: 1px solid #666;
    margin-top: 20px;
}

.SMS_BottomShopinfo .Shopinfobody {
    width: 100%;
    overflow: hidden;
}

.SMS_BottomShopinfo .Shopinfobody li {
    position: relative;
    float: left;
    width: 50%;
    padding: 10px;
}

.SMS_BottomShopinfo .Shopinfobody li:first-child {
    border-right: 1px solid #666;
}

.SMS_BottomShopinfo .Shopinfobody .title {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    padding: 0 0 2px;
    margin: 0 0 10px 0;
}

.SMS_BottomShopinfo .Shopinfobody .call_point {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0 0 10px;
}

.SMS_BottomShopinfo .Shopinfobody li span {
    font-size: 11px;
    display: block;
}

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

.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 6px;
}

.SMS_BottomShopinfo_btn div a span {
    display: block;
    background: #000;
    color: #fff;
    padding: 0 10px;
    border-radius: 3px;
}

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

.SMS_BottomShopinfo_btn a:nth-child(2) span:before {
    content: "\f075 ";
    font-family: FontAwesome;
    font-weight: normal;
    color: #fff;
    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 {
    border-bottom: 1px solid #ddd;
}

.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: #666;
    text-align: center;
    /* border-right:1px solid #ccc; */
}

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

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

/* 이용안내 끝 */
/* 회사 정보 시작 */
.SMS_BottomModule_Companyinfo {
    padding: 20px 10px 10px;
}

.SMS_BottomModule_Companyinfo .infobody {
}

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

.SMS_BottomModule_Companyinfo .infobody li b {
    display: inline-block;
    font-weight: normal;
}

/* 회사 정보 끝 */
/* Copyright */
.SMS_BottomModule_copyright {
}

.SMS_BottomModule_copyright .container_Box {
    padding: 0 10px 55px;
}

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

.SMS_BottomModule_copyright .container_Box .body li b {
    color: #000;
}

.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 #titleArea h2 .SMS_RecentDetail_icon {
    position: absolute;
    bottom: 7px;
    right: 5px;
    width: 78px;
    height: 28px;
    line-height: 29px;
    text-align: center;
    background: #EAEAEA;
    border-radius: 2px;
    border: 1px solid #CCC;
    color: #7D7D7D;
    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: 10px 10px 5px 10px;
    border-bottom: 1px solid #464646;
    position: absolute;
    background: #fff;
    z-index: 100;
    width: 100%;
    opacity: 0.95;
}

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

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

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

.SMS_RecentDe_gallery .SMS_swiper_buttonPrev, .swiper-container-rtl .SMS_swiper_buttonNext {
    top: 14px;
    left: 0px;
    background-size: 15px;
}

.SMS_RecentDe_gallery .SMS_swiper_buttonNext, .swiper-container-rtl .SMS_swiper_buttonPrev {
    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;
    padding: 22px 0 0 0;
}

#SMS_product_detail_wrap .SMS_detail_headerBody {
    border-bottom: 0px solid #000;
    padding: 0 0 10px 0;
    margin: 0 0 0px 0;
}

#SMS_product_detail_wrap #SMS_detail_header .SMS_detail_name {
    position: relative;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

#SMS_product_detail_wrap #SMS_detail_header .SMS_detail_summary, #SMS_product_detail_wrap #SMS_detail_header .SMS_detail_simple {
    font-weight: normal;
    font-size: 12px;
    margin: 6px 0 0 0;
    color: #737373;
}

#SMS_product_detail_wrap #SMS_detail_header p.prdIcon {
    margin: 0;
    display: none;
}

#SMS_product_detail_wrap .xans-product-detail .prdInfo {
    border: 1px solid #ccc;
    background: #fff;
    margin: 0px;
    padding: 0;
}

#SMS_product_detail_wrap .xans-product-detail .prdInfo table td {
    padding: 9px;
    font-size: 12px;
}

#SMS_product_detail_wrap .xans-product-detail .prdInfo table th {
    padding: 0 0 0 3px;
    vertical-align: middle;
    color: #aaa;
    font-size: 12px;
}

#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 #totalProducts tfoot td {
    border: none;
    border-top: 1px solid #ddd;
    padding: 14px 0;
}

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

#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 th {
    padding: 7px 0px;
}

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

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

#SMS_product_detail_wrap #SMS_product_topPadding {
    padding: 0 28px;
}

#SMS_product_detail_wrap #totalProducts {
    margin: 0;
}

#SMS_product_detail_wrap .option_products {
    border: 1px solid #DDD;
}

#SMS_product_detail_wrap .xans-product-action .btnArea.type3 {
    padding: 0 28px;
}

#SMS_product_detail_wrap .xans-product-detail .toggle {
    padding: 0 28px;
    margin: 0 0 10px 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 #CECECE;
    background: #FFFFFF;
    border-radius: 3px;
}

/* 구매버튼 시작 */
#SMS_Buybtn_wrap {
}

#SMS_Buybtn_wrap #actionBuy {
    display: inline-block;
    color: #ffffff;
    background-color: #ff4f48 !important;
    border: 1px solid #ff4f48 !important;
    height: 50px;
    line-height: 15px;
    font-size: 14px;
    width: 102%;
    margin: 0 auto 6px;
    padding: 8px 0 0;
    border-radius: 0;
    left: initial;
    font-weight: bold;
}

#SMS_Buybtn_wrap #actionCart, #SMS_Buybtn_wrap #actionWish {
    display: inline-block;
    width: 50%;
    height: 50px;
    font-size: 14px;
    line-height: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #5D5D5D;
    margin: 0px;
    border-radius: 0;
    padding: 0;
    font-weight: bold;
}

/* 구매버튼 끝 */
#SMS_product_detail_wrap .xans-product-detail .prdOption table td select {
    height: 35px !important;
    border: 1px solid #ccc !important;
}

/* ------------------------------------- 빠른구매버튼 시작 ------------------------------------- */
.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: 400;
    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: 2000;
    border-top: 2px solid #000;
    background: rgba(255, 255, 255, 0.93);
    height: auto;
    line-height: 40px;
    text-align: center;
    display: none;
    font-size: 12px;
    color: #000;
}

.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;
}

.SMS_ShopDetaileBuy_btn b {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url('/SkinImg/img/open_QuickBuy.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70px 23px;
    width: 70px;
    height: 23px;
    line-height: 23px;
    text-align: center;
}

.SMS_ShopDetaileBuy_btn .widthpercent.Buy_btn {
    background: #FAD448;
    color: #444;
    font-size: 14px;
    font-weight: bold;
}

.SMS_ShopDetaileBuy_btn .SMS_loveWish_detail {
    position: relative;
    top: initial;
    right: initial;
}

.SMS_ShopDetaileBuy_btn .widthpercent {
    display: inline-block;
    float: left;
    width: 33.333%;
    border-bottom: 1px solid #DADADA;
    border-right: 1px dashed #D8D3D3;
}

.SMS_ShopDetaileBuy_btn .SMS_loveWish_detail .SMS_loveOn {
    width: 30px;
    height: 37px;
    background-color: rgba(255, 255, 255, 0);
    background-image: url("img/SMS_Like.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    z-index: 200;
    transition: 0.2s;
    margin: 0 auto;
}

.SMS_ShopDetaileBuy_btn .SMS_loveWish_detail .SMS_loveOn.loveSel {
    background-color: rgba(255, 255, 255, 0);
}

.SMS_ShopDetaileBuy_btn .SMS_loveWish_detail .SMS_loveView {
    position: absolute;
    top: -32px;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    border: none;
    background: #909090;
    opacity: 0.8;
    z-index: 201;
    text-align: center;
    display: none;
}

.SMS_buy_menu_wrap {
    width: 100%;
    z-index: 2000;
    background: #fff;
    height: auto;
}

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

#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: 2001;
    overflow: visible;
    width: 100%;
    height: auto;
    /* display: none; */
}

#SMSBuy_wrap_all #totalProducts {
    max-height: 100px !important;
    overflow: auto !important;
}

#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;
    display: none;
}

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

/* 레이아웃 커스텀 */
#SMSBuy_wrap_all {
}

#SMSBuy_wrap_all .SMS_buy_menu_wrap.SMS_buy_menu_wrap_click {
    padding: 10px 0;
}

#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: top;
    font-size: 12px;
    font-weight: normal;
}

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

#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: 7px auto 0px;
}

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

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

#SMSBuy_wrap_all #SMS_Buybtn_wrap .SMSqucikBtn span {
    display: block;
    border: 1px solid #ddd;
    border-radius: 0px !important;
    padding: 10px 0;
    font-size: 12px;
}

#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 #F9D448 !important;
    background: #F9D448 !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_tabProduct_container #SMS_tabProduct {
    width: 100%;
    overflow: hidden;
    border-bottom: none;
    margin-bottom: 10px;
    background: #fff;
}

#SMS_tabProduct_container #SMS_tabProduct ul {
    position: relative;
    border-top: none;
    border-bottom: none;
    display: inline-block;
}

#SMS_tabProduct_container #SMS_tabProduct li {
}

#SMS_tabProduct_container #SMS_tabProduct li {
    display: inline-block;
    float: left;
    width: 33.333%;
    text-align: center;
    padding: 0;
    color: #BBB;
    font-size: 12px;
    font-weight: normal;
    border-left: 0px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 37px;
    line-height: 37px;
}

#SMS_tabProduct_container #SMS_tabProduct li.selected {
    background: #fff;
    color: #000;
    border-bottom: 1px solid #000;
    height: 37px;
    font-weight: bold;
}

#SMS_tabProduct_container #SMS_tabProduct ul {
    width: 100%;
}

#SMS_tabProduct li a {
    color: #BBB;
}

.de_view_big {
    width: 100%;
    margin: 20px auto 0;
}

.de_view_big img {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 140px;
}

.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;
        height: 550px;
        overflow: auto;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
    }
}

/*====================================================
관련상품 시작
====================================================*/
.SMS_related_product_view {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 15px;
    margin: 10px auto 0;
    letter-spacing: 1px;
    border-bottom: 1px solid #999;
    width: 80%;
}

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

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

#SMS_related_product .relation .inlay {
    padding-top: 10px;
}

#SMS_related_product .relation .inlay ul li {
    padding: 7px 5px 20px 5px;
    border-bottom: 1px solid #ddd;
}

@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;
}

#SMS_related_product .relation .infoBox {
    position: relative;
    overflow: hidden;
    padding: 0 0 0 100px;
}

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

#SMS_related_product .relation .infoBox .thumbnail {
    position: absolute;
    left: 10px;
    width: 65px;
    top: 4px;
}

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

#SMS_related_product .relation .infoBox .information {
    float: left;
    width: 100%;
    margin: 0;
}

#SMS_related_product .relation .infoBox .name a {
    color: #000;
    display: block;
    height: auto;
    max-height: 33px;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 12px;
    padding: 3px 25px 3px 0;
}

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

#SMS_related_product .relation .infoBox .price {
    padding: 0px 0 10px 0;
    font-weight: bold;
}

#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 .count {
    padding: 0;
}

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

#SMS_related_product .relation .infoBox .option {
    position: relative;
    line-height: 42px;
    height: 42px;
    margin: 5px 0;
    border: 1px solid #ECECEC;
    padding: 0 6px;
}

#SMS_related_product .relation .infoBox .option select {
    position: absolute;
    top: 7px;
    right: 8px;
}

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

/* ---------------- 관련상품 슬라이드 추가 시작 ---------------- */
#SMS_related_Wrap .SMS_related_product_view_slide {
    padding: 0;
}

#SMS_related_Wrap .SMS_related_product_view_slide .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_view_slide li {
    text-align: center;
}

#SMS_related_Wrap .SMS_related_product_view_slide .relation .infoBox {
    padding: 0;
}

#SMS_related_Wrap .SMS_related_product_view_slide .infoBox .thumbnail {
    position: relative;
}

#SMS_related_Wrap .SMS_related_product_view_slide .name {
    height: auto;
    max-height: 35px;
    overflow: hidden;
    border-bottom: none;
    padding: 0 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 12px;
}

#SMS_related_Wrap .SMS_related_product_view_slide .name a {
    border-bottom: none !important;
    font-weight: normal !important;
}

#SMS_related_Wrap .SMS_related_product_view_slide .inlay ul li {
    border-bottom: none !important;
}

#SMS_related_Wrap .SMS_related_product_view_slide .mButton-relation {
    display: none;
}

#SMS_related_Wrap .SMS_related_product_view_slide .price span, #SMS_related_Wrap .SMS_related_product_view_slide .count, #SMS_related_Wrap .SMS_related_product_view_slide .option, #SMS_related_Wrap .SMS_related_product_view_slide .add-option {
    display: none;
}

/* ---------------- 관련상품 슬라이드 추가 끝 ---------------- */
/*====================================================
관련상품 끝
====================================================*/
/*====================================================
퀵 메뉴 시작
====================================================*/
#SMSQuickmenu {
    position: fixed;
    width: 44px;
    height: 44px;
    border-radius: 4px;
    border: 1px solid #848484;
    text-align: center;
    font-size: 11px;
    line-height: 15px;
    background: rgb(255, 255, 255);
    z-index: 30;
    left: 11px;
    bottom: 14px;
    padding-top: 7px;
}

#SMSQuickmenuContainer {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    border-radius: 0;
    opacity: 0.94;
}

#SMSQuickmenuContainer .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 ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#SMSQuickmenuContainer 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 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, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }

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

    90% {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 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;
    padding: 10px 10px 0 10px;
    margin: 10px 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: #808080;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

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

#SMS_myFavorite_categoryNEW .cate_title a {
    text-align: center;
    border-bottom: 1px solid #444;
    width: auto;
    height: 30px;
    line-height: 26px;
    padding: 0 10px;
    margin: 2px auto 10px;
    font-size: 13px;
    font-weight: bold;
    background: #fff;
    letter-spacing: 1px;
    display: inline-block;
}

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

#SMS_myFavorite_categoryNEW .items li .thumb img {
    border: 1px solid #ddd;
}

#SMS_myFavorite_categoryNEW .SMS_swiper_buttonPrev, #SMS_myFavorite_categoryNEW .SMS_swiper_buttonNext {
    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 .swiper-pagination {
    display: none;
}

#SMS_myFavorite_categoryNEW .priceStrike_disp {
    display: none;
}

/* ============================================================
내가 자주가는 카테고리 신상품 - 끝
==============================================================*/
/*====================================================
최근본상품 아이콘
====================================================*/
.SMS_recentIconInbody {
    position: fixed;
    height: auto;
    bottom: 10px;
    left: 10px;
    z-index: 20;
}

.SMS_recentIconInbody .SMS_recentIcon {
    position: fixed;
    bottom: 62px;
    left: 11px;
    width: 44px;
    height: 44px;
    border-radius: 4px;
    border: 1px solid #ffc000;
    text-align: center;
    font-size: 11px;
    line-height: 44px;
    background: rgb(255, 255, 255);
    z-index: 30;
    display: none;
    border-radius: 50%;
}

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

.SMS_recentIconInbody .SMS_recentIcon.RecentIconSel {
    background: #ffc000;
}

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

.SMS_recentIconInbody ul {
    background: rgba(181, 181, 181, 0.68);
    padding: 4px 4px 49px 4px;
    margin: 0 0 2px 0;
    position: fixed;
    bottom: 55px;
    border-radius: 5px;
    left: 7px;
    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 #B7B7B7;
}

.SMS_recentIconInbody ul li dd {
}

/*====================================================
최근본상품 아이콘
====================================================*/
/* ============================================================
인스타그램 - 시작
==============================================================*/
.instargram_warp {
    display: block;
    overflow: hidden;
    padding: 10px;
    margin: 10px 0 0;
}

.instargram_warp {
    font-size: 14px;
    color: #4D4D4D;
    font-weight: bold;
    color: #414967;
}

.instargram_warp .header {
    width: 80%;
    margin: 45px auto 10px;;
}

.instargram_warp .header img {
    width: 100%;
}

.instargram_warp b {
    float: right;
    font-weight: normal;
    font-weight: 200;
    color: #FF275A;
}

#instafeed {
    padding-top: 10px;
}

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

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

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

/* ============================================================
인스타그램 - 끝
==============================================================*/
/*====================================================
찜하기 시작
====================================================*/
.SMS_loveWish .SMS_loveOn {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.66);
    background-image: url("img/SMS_Likew.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    z-index: 200;
    transition: 0.2s;
}

.SMS_loveWish .SMS_loveView {
    position: absolute;
    top: 30px;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    /* border: 1px solid #efefef; */
    background: #fff;
    opacity: 0.8;
    z-index: 201;
    display: none;
}

.SMS_loveWish .SMS_loveOn.loveSel {
    background-color: rgba(255, 255, 255, 0.66);
    background-image: url("img/SMS_Like_sel.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}

/*====================================================
찜하기 끝
====================================================



/*====================================================
상세페이지 찜하기 시작
====================================================*/
.SMS_loveWish_detail {
    position: absolute;
    top: 17px;
    right: 0;
}

.SMS_loveWish_detail .SMS_loveOn {
    width: 30px;
    height: 30px;
    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%;
    z-index: 200;
    transition: 0.2s;
}

.SMS_loveWish_detail .SMS_loveView {
    position: absolute;
    top: 30px;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    border: 1px solid #ddd;
    background: #fff;
    opacity: 0.8;
    z-index: 201;
    text-align: center;
    display: none;
}

.SMS_loveWish_detail .SMS_loveOn.loveSel {
    background-color: rgba(255, 255, 255, 0.66);
    background-image: url("img/SMS_Like_sel.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}

/*====================================================
상세페이지 찜하기 끝
====================================================*/
/*====================================================
개별페이지 찜하기 시작
====================================================*/
.SMSLove_header {
    position: relative;
    text-align: center;
    font-size: 13px;
    background: #fff;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}

.SMSLove_header .SMSLove_headerClear {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 11px;
    text-align: center;
    border: 1px solid #ddd;
    background: #efefef;
    padding: 0;
    width: 61px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
}

.SMS_loveWish .SMS_loveOn {
    position: absolute;
    top: initial;
    right: 0;
    width: 15px;
    height: 15px;
    background-color: rgba(255, 255, 255, 0);
    background-image: url("img/SMS_Likew2.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 200;
    transition: 0.2s;
    border-radius: 50%;
    bottom: 5px;
    display: none;
}

.SMS_loveWish .SMS_loveView {
    position: absolute;
    top: initial;
    right: -1px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    font-size: 11px;
    border: 1px solid #da483e;
    background: #fff;
    opacity: 0.8;
    z-index: 201;
    text-align: center;
    display: none;
    bottom: -15px;
}

.SMS_loveWish .SMS_loveView a {
    color: #ff0000;
}

.SMS_loveWish .SMS_loveOn.loveSel {
    background-color: rgba(255, 255, 255, 0);
    background-image: url("img/SMS_Like_selw.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

/*====================================================
개별페이지 찜하기 끝
====================================================*/
/*====================================================
고정형 상단 탭메뉴 시작
====================================================*/
.SMS_tabFixed_Warp {
    position: relative;
}

.SMS_tabFixed_Warp .SMS_tabFixed {
    border-bottom: 1px solid #ddd;
    height: 35px;
    line-height: 35px;
}

.SMS_tabFixed_Warp .SMS_tabFixed ul li {
    position: relative;
    float: left;
    width: 33.33%;
    font-size: 12px;
    text-align: center;
    padding: 0;
    z-index: 105;
}

.SMS_tabFixed_Warp .SMS_tabFixed ul li a {
    display: block;
    color: #000;
}

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

.SMS_tabFixed_Warp .SMS_Fixedsub {
    width: 100%;
    position: absolute;
    top: 35px;
    left: 0;
    margin: 0px;
    padding: 0;
    overflow: hidden;
    display: none;
}

.SMS_tabFixed_Warp .SMS_Fixedsub a {
    display: block;
    font-size: 12px;
    text-align: center;
    background: #efefef;
}

/*====================================================
고정형 상단 탭메뉴 끝
====================================================*/
/*====================================================
리멤버 쿠폰 시작
====================================================*/
.SMS_RemberCouponOrderPage {
    display: none;
}

.SMSorderSubmit_coupon {
    border: 1px solid #5BBAFF;
    background: #5BBAFF;
    margin-top: 10px;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    width: 217px;
    margin: 12px auto 0;
}

/*====================================================
리멤버 쿠폰 끝
====================================================*/

#SMS_oneSlideBanner .flag {
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 99;
    overflow: hidden;
	display: none !important;
}

#SMS_oneSlideBanner .flag li {
    width: 20px;
    height: auto;
    float: left;
    display: block;
    margin-left: 2px;
}

#SMS_oneSlideBanner .flag li img {
    width: 100%;
    display: block;
}

/* 햄버거 */

.MenuAllCon .SMS_All_tabmenu_content .tab_box ul.tab01, .MenuAllCon .SMS_All_tabmenu_content .tab_box ul.tab02 {
    overflow: hidden;
    padding: 0 40px;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box ul.tab01 li, .MenuAllCon .SMS_All_tabmenu_content .tab_box ul.tab02 li {
    padding: 5px;
    width: 50%;
    display: block;
    float: left;
    text-align: center;
    height: 80px;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box div ul.tab01 li a, .MenuAllCon .SMS_All_tabmenu_content .tab_box ul.tab02 li a {
    width: 100%;
    line-height: 18px;
    display: block;
    border: 2px solid #ff4f48;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #565657;
    font-family: 'Hammersmith One', sans-serif;
    box-pack: center;
    box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 100%;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box div ul.tab01 li:nth-child(1) a {
    color: #fff;
    background: #ff4f48;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box ul.tab02 {
    margin-bottom: 10px;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box ul.tab03, .MenuAllCon .SMS_All_tabmenu_content .tab_box ul.tab04 {
    padding: 0 40px;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box ul.tab03 li a, .MenuAllCon .SMS_All_tabmenu_content .tab_box ul.tab04 li a {
    width: 100%;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    font-weight: bold;
    color: #444;
    text-indent: 10px;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box .tabSub_box .tabSub_box_inner:nth-child(2) ul li {
    width: 80%;
    margin: 10px auto;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box .tabSub_box .tabSub_box_inner:nth-child(2) ul li.recentImg {
    width: initial;
    margin: 0;
}

.MenuAllCon .SMS_All_tabmenu_content .tab_box .tabSub_box .tabSub_box_inner:nth-child(2) ul li a {
    width: 100%;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #444;
    text-indent: 10px;
}

.tabLogo {
    overflow: hidden;
    margin-bottom:10px;
}

.tabLogo div {
    text-align: center;
    background: #ff4f48;
    width: 50%;
    margin: 0 auto 10px;
    padding: 12px 0;
    border-radius: 10px;
}

.tabLogo div a {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
    display: block;
    line-height: 18px;
}

.tabLogo span {
    text-align: center;
    display: block;
    font-size: 11px;
}

/* 햄버거 */


/* 상세 */

.BuyMenu01, .BuyMenu02 {
    width: 100%;
    overflow: hidden;
}

.SMS_ShopDetaileBuy_btn .BuyMenu02 .widthpercent {
    width: 50%;
}

#SMS_Buybtn_wrap #fixedActionButton #actionBuy, #SMS_Buybtn_wrap #fixedActionButton #actionCart, #SMS_Buybtn_wrap #fixedActionButton #actionWish {
    font-size: 14px;
}

#SMSBuy_wrap_all .btnArea.type3 {
    padding: 0;
}

#SMSBuy_wrap_all .prdOption table tbody tr td select {
    width: 100%;
    border-radius: 0;
}

#SMS_Buybtn_wrap .SMS_buy_menu_wrap .btnArea.type3 > button:nth-child(3) {
    right: -2px;
}

#SMS_product_detail_wrap #titleArea {
    border-bottom: 0;
}

#SMS_product_detail_wrap .relation .xans-product-action#orderFixArea .btnArea.type3 {
padding:0 10px;
}

.product_detail_info1 {
    width: 100%;
    margin: 0 auto;
    border-top: 1px dotted #333;
    padding-bottom: 30px;
}

.xans-product-detail .product_detail_info1 h2 {
    font-size: 13px;
    text-align: center;
    letter-spacing: 1px;
    color: #333;
    padding: 40px 0 0px 0;
}

.product_detail_info1 .left {
    text-align: center;
    width: 100%;
}

.product_detail_info1 .left img {
    max-width: 200px;
    margin-top: -20px;
    margin-bottom: -20px;
    width: 100% !important;
    height: auto !important;
    padding: 40px 0 40px 0;
}

.product_detail_info1 .right {
    text-align: left;
    width: 100%;
    padding: 5%;
}

.product_detail_info1 h5 {
    font-family: 'Lato',sans-serif;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 1px;
    color: #333;
    text-align: left;
    line-height: 1.7;
    padding: 10px 0 0 0;
}

.product_detail_info1 .comment {
    font-size: 11px;
    color: #a2a2a2;
    line-height: 11px;
}

.product_detail_info1 .infotable1 {
    border: 1px solid #e7e7e7;
    padding-bottom: 5px;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
	display: table;
}

.product_detail_info1 tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
	border-collapse: collapse;
}

.product_detail_info1 tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.product_detail_info1 .infotable1 td {
    border: 1px solid #e7e7e7;
    padding: 5px 0px 5px 0px;
    font-size: 10px;
    text-align: center;
}

.product_detail_info1 table strong {
    font-family: 'Lato',sans-serif;
    color: #333;
    padding-right: 5px;
    display: block;
}

.product_detail_info1 p {
    font-size: 11px;
    color: #666666;
    line-height: 2;
}

.product_detail_info1 .infotable3 {
    border: 1px solid #e7e7e7;
    text-align: center;
}

.product_detail_info1 .infotable3 td {
    border: 1px solid #e7e7e7;
    padding: 5px 0px 5px 0px;
    text-align: center;
    font-size: 9px;
    height: 60px !important;
    line-height: 1;
}

.product_detail_info1 .infotable3 td img {
    max-width: 40px !important;
    max-height: 40px !important;
    padding: 0 0 5px 0;
    margin: 0;
}

.product_detail_info2 {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-top: 1px dotted #333;
    padding-bottom: 40px;
    border-bottom: 2px solid #333;
    clear: both;
    min-height: 280px;
    margin-bottom: 40px;
}

.product_detail_info2 h2 {
    font-size: 13px;
    text-align: center;	
    letter-spacing: 1px;
    color: #333;
    padding: 40px 0 20px 0;
}

.product_detail_info2 .left {
    width: 100%;
    padding: 0 5% 0 5%;
    text-align: left;
    font-size: 11px;
}

.product_detail_info2 .infotable2 {
    border: 1px solid #e7e7e7;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.product_detail_info2 .infotable2 tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.product_detail_info2 .infotable2 td {
    border: 1px solid #e7e7e7;
    padding: 5px 5px 5px 10px;
    width: 25%;
    line-height: 18px;
}

.product_detail_info2 .tdtitle {
    background: #fbfbfb;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.product_detail_info2 .infotable2 img {
    max-width: 10px !important;
    max-height: 10px !important;
    padding: 0 5px 5px 0;
    margin: 0;
    width: 100% !important;
    height: auto !important;
}

.product_detail_info2 .right {
    width: 90%;
    padding: 5% 5% 0 5%;
    text-align: left;
}

.product_detail_info2 p {
    font-size: 11px;
    color: #666666;
    line-height: 3;
}

.product_detail_info2 p strong {
    font-size: 11px;
    color: #333;
    line-height: 3;
    font-weight: bold;
    padding-right: 5px;
}

#prdDetailContent {
/*	padding: 0 10px;*/
}

#prdDetailContent .product_detail_comment p {
	font-size: 12px;
}

/* 상세 */

#titleArea.xans-product-headcategory {
	border-bottom: 0;
	overflow: hidden;
	text-align: center;
}

#titleArea.xans-product-headcategory h2 {
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: #2e2e2e;
    text-align: center;
    border: 1px solid #ddd;
    width: auto;
    margin: 10px auto;
    letter-spacing: 1px;
    height: 30px;
    display: inline-block;
    padding: 0 15px;
}

#titleArea.xans-product-headcategory span {
    top: 13px;
}

#titleArea.xans-product-headcategory span img {
    width: 30px;
    height: 30px;
    display: block;	
}

.SMS_flipBanner01 .front, .SMS_flipBanner01 .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: 3px;
}

.SMS_flipBanner01 .front b, .SMS_flipBanner01 .back b {
    color: #333;
    font-weight: normal;
}

.tab_box22 {
	padding: 10px;

}

.HamMenuBox {
    overflow: hidden;
}

.HamMenuBox div a {
    color: #fff;
    font-size: 0;
    display: block;
    width: 35px;
    height: 35px;
}

#SMS_HamburgerClose .HamMenuBox .HamMenu01 p {
    position: absolute;
    display: block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    top: 14px;
    left: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    border-radius: 18px;
    background: #333333;
    z-index: 23;
    margin-left: -9px;
}

.HamMenuBox .HamMenu01, .HamMenuBox .HamMenu02 {
    position: fixed;
    left: 266px;
    overflow: hidden;
    padding: 0;
}

.HamMenuBox .HamMenu01 {
    top: 55px;
    background-image: url('img/cartIconw.png');
    background-repeat: no-repeat;
    background-size: 35px;
}

#SMS_HamburgerClose .HamMenuBox .HamMenu01 span.count {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    top: 0px;
    left: 50%;
    color: #fff;
    font-size: 8px;
    font-weight: normal;
    text-align: center;
    border-radius: 18px;
    background: #EA6363;
    z-index: 23;
    margin-left: -5px;
}

.SMS_Product_display2 {
	margin-top: 45px;
}

.SMS_Product_display.SMS_Product_display2 .items li {
	width: 33.333%;
}

.hamloveBtn {
    padding: 5px 10px 14px 10px;
}

.hamloveBtn a {
    display: block;
    background: #E4E4E4;
    border: 1px solid #D2D2D2;
    font-size: 12px;
    color: #636363;
    text-align: center;
    height: 35px;
    line-height: 35px;
}

#SMS_myFavorite_categoryNEWbox {
	position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    display: none;
    padding: 0 10px;
}

#SMS_myFavorite_categoryNEW .FavoriteClose,
#SMS_myFavorite_categoryNEWbox .FavoriteOpen {
	z-index:1000;
	width:100%;
	height:100%;
}

#SMS_myFavorite_categoryNEW .FavoriteClose p{
	font-size: 12px;
	border: 1px solid #000;
	width: 90%;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 15px;
	margin: 0px auto 10px;
}

#SMS_myFavorite_categoryNEWbox .FavoriteOpen p {
    font-size: 12px;
    border: 1px solid #000;
    width: 90%;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 15px;
    margin: 10px auto 10px;
}

#SMS_myFavorite_categoryNEWbox div p b,
#SMS_myFavorite_categoryNEW .FavoriteClose p b {
	color: #da483e;
}

#SMS_oneSlideBanner .SMS_oneNone .SMS_top_main_gallery div li {
	list-style: none;
}