/* BASIC css start */
body {
overflow: hidden;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.thumb_wrap .swiper-container .swiper-slide img{display:block; max-width:100%; margin:0 auto; }
.thumb_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000;}

.MK-oneclick-only-text li.MK-oneclick-text span{font-size: .6875rem;}
.MK-oneclick-value{font-size: .6875rem;}
.option_tk .product-opt{margin: 10px 0;}
.option_tk .add-opt_item{margin: 10px 0;}
.shopdetail .shopdetailItem .shopdetail_Content .detail_item{padding: 20px 10px 30px; text-align: center;}


.option_tk .shopdetailInfoSelect{margin-top:10px}
.option_tk .shopdetailInfoSelect select{font-size:12px; margin-bottom:7px}
.shopdetailInfoOneclick{background-color:#fff !important}

.slider {overflow: hidden;position: relative;max-width: 1210px;margin: 50px auto;padding: 0 60px;}
.slider .inner {overflow: hidden;margin: 0 auto;}
.slide_list > li {display: flex;justify-content: center;align-items: center; background: #FFFFFF;}
.slider .btn_sd {position: absolute;top: 50%;width: 35px;height: 35px;background:url('/design/cosmetree/js/arrow.png') center center no-repeat;background-size: cover;text-indent: -999em;cursor: pointer;}
.slider .btn_sd.btn_prev {left: 0;transform:translate(0,-50%) rotateY(180deg);}
.slider .btn_sd.btn_next {right: 0;transform: translate(0,-50%);}


/* 스마트쿠폰목록 */
.smart-coupon-list  { padding:20px 0; text-align:center;}
.smart-coupon-list  ul {display: inline-block; *display:inline; zoom:1; overflow:hidden; margin-left:-30px; min-width:300px;}
.smart-coupon-list  ul li {position:relative; float:left; width:344px; margin:0 0 30px 30px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden; text-align:left;}
.smart-coupon-list  ul li .c-info {position:relative; float:left; width:245px; padding:20px; border-right: 1px dashed #cecece; }
.smart-coupon-list  ul li .c-image a {display:block;}
.smart-coupon-list  ul li .c-image img { width:368px; height:128px;}
.smart-coupon-list  ul li p { padding-bottom:10px; line-height:18px; font-size:12px; color:#999; word-break:break-all; font-family:"Malgun Gothic"; }
.smart-coupon-list  ul li p:last-child {padding-bottom:0;}
.smart-coupon-list  ul li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; }
.smart-coupon-list  ul li p.c-price {font-size:26px; color:#ff3a34; font-weight:bold; line-height:24px;}
.smart-coupon-list  ul li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;}
.smart-coupon-list  ul li .sc-btn-down {position:absolute; top:0; right:0; bottom:0; width:58px; margin:auto; vertical-align:middle; background:#f8f8f8; font-family:"Malgun Gothic"; } 
.smart-coupon-list  ul li .sc-btn-down > span {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; height:22px; text-align:center; font-size:0; }
.smart-coupon-list  ul li .sc-btn-down > span > span.sc-complete {font-size:12px; color:#999;}
.smart-coupon-list  ul li .sc-btn-down > span a { font-size:0; display:inline-block; margin-top:-5px; }
.smart-coupon-list  ul li .sc-btn-down span a > span { font-size:0; text-indent:-9999px; display:inline-block; width:22px; height:22px; background:url('/images/common/ico_h11_down_black_l.png') no-repeat center center; }
.smart-coupon-list  ul li.sc-style2 {border:1px solid #fff;}
.smart-coupon-list  ul li.sc-style2 .c-info { background:#171940; border-color:#171940; }
.smart-coupon-list  ul li.sc-style2 p { color:#fff; }
.smart-coupon-list  ul li.sc-style2 p.c-txt { color:#999; }
.smart-coupon-list  ul li.sc-style2 .sc-btn-down { background:#ff3a34; border:0; color:#fff; }
.smart-coupon-list  ul li.sc-style2.sc-reserve .sc-btn-down { background:#3b6ce9; color:#fff; }
.smart-coupon-list  ul li.sc-style2 .sc-btn-down span a { color:#fff; }
.smart-coupon-list  ul li.sc-style2 .sc-btn-down span .num {color:#fff;}
.smart-coupon-list  ul li.sc-style2 .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center center; }
.smart-coupon-list  ul li.sc-style3 { width:346px; border:0; border-radius:0; }
.smart-coupon-list  ul li.sc-style3 .c-info { width:244px; border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; }
.smart-coupon-list  ul li.sc-style3 p.c-price { color:#eb3697;}
.smart-coupon-list  ul li.sc-style3 .sc-btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px; }
.smart-coupon-list  ul li.sc-style3 .sc-btn-down span a { color:#999; }
.smart-coupon-list  ul li.sc-style3 .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center center; }
.smart-coupon-list  ul li.sc-style3.sc-reserve .sc-btn-down { background:#eefff7; }
.smart-coupon-list  ul li.sc-style3.sc-reserve p.c-price {color:#18b776;}
.smart-coupon-list  ul li.sc-style3.sc-reserve .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center center; }


/* 관련상품 수량 변경 */
.swiper-wrapper li .prd-info .basket_quantity_wrap {
    height: 25px;
    font-size: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

.swiper-wrapper li .prd-info .basket_quantity_wrap .basket_quantity_box,
.swiper-wrapper li .prd-info .basket_quantity_wrap .btn_change,
.swiper-wrapper li .prd-info .basket_quantity_wrap label {
    display: inline-block;
    vertical-align: top;
    height: 25px;
    box-sizing: border-box;
    font-size: .792rem
}

.swiper-wrapper li .prd-info .basket_quantity_wrap label {
    width: 39px;
    line-height: 25px
}

.swiper-wrapper li .prd-info .basket_quantity_wrap .btn_change {
    width: 48px;
    text-align: center;
    line-height: 23px;
    margin-left: 5px
}

.swiper-wrapper li .prd-info .basket_quantity_wrap .basket_quantity_box {
    height: 27px;
    border: 1px solid #dfdfdf;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.swiper-wrapper li .prd-info .basket_quantity_wrap .basket_quantity_box .btn_m {
    float: left;
    display:block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    font-size:0;
    background-size: 19px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(//skin.makeshop.co.kr/skin/ms_basic_mobile/images/ic_minus.png);
}

.swiper-wrapper li .prd-info .basket_quantity_wrap .basket_quantity_box .btn_p {
    float: right;
    display:block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    font-size:0;
    background-size: 19px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(//skin.makeshop.co.kr/skin/ms_basic_mobile/images/ic_plus.png);
}

.swiper-wrapper li .prd-info .basket_quantity_wrap .basket_quantity_box input {
    float: left;
    width: 30px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    box-sizing: border-box;
    border: 0;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    padding: 0;
    -webkit-appearance: none;
    font-size: .792rem;
    vertical-align: top;
}
/* 관련상품 수량 변경 */


/* 게시글 */
#tabs {
    padding-bottom: 10px;
    font-size: 12px;
    /*margin: 0 10px;*/
}
#tabs .shopdetailBoard {
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #cdcdcd;
    padding: 10px 8px;
    margin-bottom: 0;
    text-align: left;
}
#tabs .shopdetailBoard .tab_on {
    padding: 10px 0;
    font-weight: bold;
}
#tabs .util {
    border-bottom: 1px solid #e4e4e4;
    /*padding: 10px;*/
    padding:10px 0; 
}
#tabs .util a {
    border:0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    background-color: #b4b4b4;
}
#tabs .list_board .reply-detail {
    margin: 0 5px;
    border: 1px solid #73adff;
    font-size: 0.875em;
    color: #5da0ff;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 3px;
}
#tabs .review .list_board > ul > li.now > .cont_wrap {
    display: block;
}
#tabs .list_board > ul > li > .wrap .re-wrap {
    padding: 10px;
    border-top: 1px solid #bebebe;
}
#tabs .empty-board {
    text-align: center;
    padding: 15px 0 5px;
}
.list_board ul li {
    color: #424242;
    word-break: break-all;
}
.list_board .re-wrap ul li {
    font-size: 1em;
    border-bottom: 0;
    border-top: 1px dotted #bebebe;
    margin-top: 5px;
    padding-top: 5px;
    list-style: none;
}
.list_board ul li dl {
    padding: 7px;
}
.list_board ul li dl h4 {
    margin: 0
}
.list_board ul li .cont_wrap {
    padding-top: 5px;
    border-top: 1px dotted rgb(190, 190, 190);
    padding: 7px;
}
.list_board ul li .cont_wrap img {
    max-width: 100%;
    padding-bottom: 5px;
}
/* 댓글 */
.MS_cmt_list_box {
    color: #656565;
}
.MS_cmt_list_box .comment_list:last-child {
    border-bottom: 1px solid #cecece;
}
.MS_cmt_list_box .comment_list {
    padding: 5px;
    border: 1px solid #cecece;
    border-bottom: 0;
    background-color: #fff;
}
.MS_cmt_list_box .MS_cmt_hname {
    padding-left: 5px;
}
.MS_cmt_list_box .MS_cmt_content {
    padding-left: 15px;
}
.MS_cmt_list_box .comment_depth2 {
    padding-left: 10px;
}
.MS_cmt_list_box .comment_depth3 {
    padding-left: 15px;
}
#comment_password {
    width: 250px;
    left: 7px;
    box-shadow: 0 0 5px 0 #808080;
}
#comment_password input[type="password"] {
    width: 75%;
}
#comment_password form {
    height: auto !important;
}
#comment_password form span {
    display: block;
}
/* 답글 */
.list_board ul li .reply_depth1 .rating, .list_board ul li .reply_depth1 .info, .list_board ul li .reply_depth2 .rating, .list_board ul li .reply_depth2 .info, .list_board ul li .reply_depth3 .rating, .list_board ul li .reply_depth3 .info {
    padding-left: 12px;
}
.list_board ul li .reply_status {
    font-size: 0.875em;
    color: #777777;
    font-weight: normal;
}
/* 비번입력 */
.list_board input[type="password"] {
    border-radius: 3px 0 0 3px;
    width: 80%;
    border-right: 0;
    box-sizing: border-box;
    height: 35px;
}
.list_board input[type="button"] {
    width: 20%;
    float: right;
    height: 35px;
    border-radius: 0 3px 3px 0;
    background-color: #444;
    color: #fff;
    border: 1px solid #444;
    box-sizing: border-box;
}
.paging a.now {
    background-color: #fff !important;
    border: none !important;
    color: #000;
}
/* new, hit 아이콘 */
.list_board ul li dl h4 .new {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #fff;
    font-size: 0.875em;
    background-color: #5cb7fa;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
}
.list_board ul li dl h4 .hit {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #fff;
    font-size: 0.875em;
    background-color: #ff912c;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
}
/* 수정,삭제버튼 */
.list_board ul li .cont_wrap .comment_modify {
    text-align: right;
    margin-top: 5px;
}
.list_board ul li .cont_wrap .comment_modify a {
    width: 45px;
    border: 1px solid #444;
    border-radius: 3px;
    font-size: 0.875em;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    height: 20px;
    background-color: #fff;
}
.list_board ul li dl .info .review_del {
    width: 45px;
    border: 1px solid #444;
    border-radius: 3px;
    font-size: 0.875em;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    height: 20px;
    background-color: #fff;
}
/* BASIC css end */