/* BASIC css start */
div.naver-checkout {width:100%; display:inline-block; text-align:center; }
.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;}
.shopdetail .shopdetailInfo .shopdetailInfoTop .thumb_wrap {padding: 0 10px; box-sizing: border-box;}
.shopdetail .shopdetailInfo .shopdetailInfoTop .thumb_wrap .thumb img {width:100%;}

.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;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed::after{content:""; display:block; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.5); z-index:-1}

.shopdetailItem img, .shopdetailItem video {
    width: 100%;
}

/* °Ô½Ã±Û */
#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;
}

/* ´ÙÁßÀÌ¹ÌÁö */
.thumb_wrap .thumb01 {position:relative; margin-bottom:20px;}
.thumb_wrap .thumb02 .swiper-slide.swiper-slide-thumb-active {border:1px solid #000; box-sizing:border-box;}
.thumb_wrap .thumb02 .swiper-slide img {width:100%;}
.thumb_wrap .thumb01 .swiper-button-prev {background-image:url(/design/dmcosmetic/img/leftarrow.png); width:16px; height:32px; margin-top:-16px; background-size:16px auto;}
.thumb_wrap .thumb01 .swiper-button-next {background-image:url(/design/dmcosmetic/img/rightarrow.png); width:16px; height:32px; margin-top:-16px; background-size:16px auto;}
.thumb_wrap .thumb01 .swiper-button-prev:after,
.thumb_wrap .thumb01 .swiper-button-next:after {display:none;}

/* ±¸¸Å¹öÆ° */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box {display:flex;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_50:nth-of-type(1) {margin-right:5px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a {flex:1; width:auto;}


/* ¾ÆÄÚµð¾ð Á¤º¸ */
.prd-accordion {margin-top:30px; padding:0 15px;}
.product-tab { border-top:1px solid #000; overflow:hidden; margin:0 0 15px; }
.product-tab h3 { padding:10px 0; font-size:14px; margin:0; position:relative; cursor:pointer; }
.product-tab .tab-cont { display:none; padding:0 0 50px; font-size:13px; word-wrap: break-word; }
.product-tab .tab-cont { font-weight: 500 !important }
.product-tab .tab-cont b { font-weight: 700 !important }
.product-tab h3:after {
   content: '';
   background: url('/design/dmcosmetic/hologram/pc/icon/plus.png') no-repeat;
   width: 20px;
   height: 20px;
   background-size: 20px auto;
   right: 0;
   top: 50%;
   position: absolute;
   transform: translateY(-50%);
   }
.product-tab h3.active:after  {
   content: '';
   background: url('/design/dmcosmetic/hologram/pc/icon/minus.png') no-repeat;
   width: 20px;
   height: 20px;
   background-size: 20px auto;
   right: 0;
   top: 50%;
   position: absolute;
   transform: translateY(-50%);
   }


.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic h2 {font-size : .8rem; padding:0 !important;}
body .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {padding:0 15px 10px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .big strong {font-weight : 400;}


.prd-info-first dt {padding: 10px 0; font-size: 12px; margin: 0; display: block; color:#3b3b3b; position:relative;}
.prd-info-first dt:after {
   content: '';
   background: url('/design/dmcosmetic/hologram/pc/icon/plus.png') no-repeat;
   width: 20px;
   height: 20px;
   background-size: 20px auto;
   right: 0;
   top: 50%;
   position: absolute;
   transform: translateY(-50%);
   }
.prd-info-first dt.active:after  {
   content: '';
   background: url('/design/dmcosmetic/hologram/pc/icon/minus.png') no-repeat;
   width: 20px;
   height: 20px;
   background-size: 20px auto;
   right: 0;
   top: 50%;
   position: absolute;
   transform: translateY(-50%);
   }
.prd-info-first dd {padding: 0 0 15px; font-size: 11px; word-wrap: break-word; font-weight: 500 !important; display: block; color:#3b3b3b;}


.info01-tit {border-bottom:1px solid #dcdcdc; margin-bottom:20px;}


#kakaopay_order_btn {

text-align: center;
}

/* BASIC css end */

