/* BASIC css start */
/* */
.shopdetail {text-align:center;}

.kakaofloat_Btn,
.SMS_BottomBtn{
  display:none;
}

.SMS_BottomBtn,
.SMS_TopBtn,
.kakaofloat_Btn {
    position: static;
    bottom: 0px;
    right: 0px;
    border: 0 none;
    width: 0px;
    height: 0px;
    z-index: 1;
}

.kakaofloat_Btn img{
    width:100%;
}

.sub-nav-wrap {
    display:none;
    position: absolute;
    right: 4px;
    z-index:100;
    transition : all ease 2s 0s;
}

.sub-nav-wrap.fixed{
    display:block;
    position: fixed;
    top:45vh;
}


.sub-nav-wrap li {
    width: 50px;
    height: 50px;
    margin: 5px 0 0 0;
    background: rgba( 39, 42, 87 , 1);
    color: white;
    text-align: center;
    border-radius: 8px;
    font-size: 11px;
}

.sub-nav-wrap li a{
  color: white;
}

.SMS_TopBtn b {
    font-size: 0;
}

.SMS_TopBtn:before {
    color: #fff;
    content: 'TOP';
    font-size: 12px;
    font-weight: 400;
    line-height: 3;
}

.size-view,
.detail-view {
  padding: 15px 0 0 0;
    line-height: 1.5;
}

.review-view a {
    padding: 8px 0 0 0;
    display: block;
}

.review-view a span {
    line-height: 1;
    display: block;
}


.machine-wash{
   width:100%
}

/* À¯Æ©ºê */

.sub-nav-wrap .player-wrap {
    padding:55px 2.5% 42px;
}
.colorview {margin-top: 80px; }
.colorbutton {background: #ffffff; border : 0; cursor: hand; padding: 2px; width: 32%;}
.sidespace {width: 33%;}
.colorview_back {margin-top: 80px; text-align: center;}
.mmovie {width : 100%;}


/* 24.01.15 »ó¼¼ÆäÀÌÁö ÆîÃÄÁö°Ô */

.mini_wrapper { height:600px; position:relative; overflow:hidden; }

.open_btn { 
    position:absolute; bottom:0; left:50%; margin-left:-25%;
    height:50px; line-height:50px;
    font-size:20px; color:#000;
    font-weight:bold;
    border:1px solid #111;
    background:rgba(255,255,255,0.8);
    box-sizing:border-box;
    cursor: pointer;
}

.print_btn { width:100%; overflow:hidden; }
.print_btn img { width:100%; }

.shopdetailInfoBottom { position:relative; }
.jh_float_btn { position:absolute; right:8px; top:0; overflow:hidden; }
.jh_float_btn a { display:block; float:left; }

.jh_benepitbox { position:relative; margin:30px 0 10px; }


#benepit_price { position:absolute; width:60%; padding:5px; bottom:0; left:5px; box-sizing:border-box; background:#fff; border:1px solid #aaa; display:none; z-index:40; }
.close_display { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.1); z-index:39; display:none; }

#benepit_price .grade_btn { color:#111; float:left; }

#benepit_price span { color:#5177f3; float:right; line-height:24px; font-weight:bold; }

#benepit_price .box_wrap { width:100%; overflow:hidden; margin:6px 0 3px; padding-bottom:3px; border-bottom:1px solid #e6e6e6; position:relative; }
#benepit_price .box_wrap:last-child { border-bottom:0; margin:6px 0 0; padding-bottom:0; }

#benepit_price .box_wrap .myicon { position:absolute; right:60px; top:4px; display:none; }

#benepit_price .close_btn { height:20px; margin:0; padding-bottom:0; border-bottom:0; text-align:left; }
#benepit_price .close_btn img { width:20px; }

.katalk { width:24px; margin-right:10px; padding:0; }
.katalk img { width:100% }

#detail-item .prd-wish { padding: 15px 15px 10px; text-align: right; } 
#detail-item .prd-wish p { display: inline-block; height: 22px; line-height: 20px; padding: 0 4px 0 5px; border: 1px solid #b9b9b9; border-radius: 3px; font-family: 'malgun gothic'; font-size: 13px; color: #000; background: #fff; } 
#detail-item .prd-wish p i.fa-heart { margin-right: 4px; color: #f41f3a; } 

.btn-wish i { font-size:24px; margin:0; }

.btn-wish i.fa { color: #999; } 
.btn-wish i.fa-heart { display:none; color: #242424; } 
.btn-wish .wish-on i.fa { display:none; } 
.btn-wish .wish-on i.fa-heart { display:inline-block; } 

#SMS_shopdetailInfo #contents .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName{
  float: left;
}
#SMS_shopdetailInfo #contents .shopdetailInfoBottom .shopdetailInfoSelect p .shopdetailInfoName{
  float: left;
}
#SMS_shopdetailInfo #contents .shopdetailInfoBottom .shopdetailInfoSelect .txt{
  display: inline-block;
  width: 70%;
  padding: 0;
}
#SMS_shopdetailInfo #contents .shopdetailInfoBottom .shopdetailInfoSelect .txt select{
  width: 100%;
}
#SMS_shopdetailInfo #contents .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"]{
  float: none !important;
}
.SMS_ShopDetail_subMenu {
    width: 100%;
    overflow: hidden;
    border-bottom: 2px solid #999;
    border-top: 2px solid #999;
    margin-bottom: 10px;
    background: #fff;
    padding: 0;
}
.SMS_ShopDetail_subMenu li {
    display: inline-block;
    float: left;
    padding: 0;
    width: 33.333%;
    text-align: center;
}
.SMS_ShopDetail_subMenu li a {
    display: inline-block;
    width: 100% !important;
    padding: 10px 0;
    color: #000;
    font-weight: bold;
    border-right: 1px solid #000;
}
.SMS_ShopDetail_subMenu button.sf_review_rd_bRtCn {
    display: inline-block;
    width: 100% !important;
    height: 37px;
    color: #000;
    font-weight: bold;
    border-right: 1px solid #000!important;
    background-color: #fff;
    border: none;
}

.shopdetailImage img{
    width: 100%;
}
.accordion p { padding:15px 10px; text-align:left; }
.accordion p .shopdetailInfoName { width:30%; margin-right:5px; display:inline-block; }

.MK_p-name { position:absolute; left:0; top:10px; }
.MK_price { position:absolute; left:0; bottom:10px; }

.MK_qty-ctrl { text-align:right; padding-right:50px; }
.MK_btn-del { margin-top:13px; }


.reels {width: 100%!important;text-align: center;}

.shopdetailImage.closed_detail { height:3000px; margin-bottom:80px; position:relative; overflow:hidden; }
.shopdetailImage.closed_detail:after {
    display: block;
    width: 100%;
    height: 80px;
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
    content: "";
    position:absolute; left:0; bottom:35px;
}

.dummy_wrap { width:100%; height:35px; background:#fff; position:absolute; left:0; bottom:0; z-index:30; }
.bigblue_btn { 
    width:70%; line-height:35px; box-sizing:border-box; font-size:20px; letter-spacing:2px; font-weight:bold; cursor:pointer; color:#fff; text-align:center;
    position:absolute; left:50%; bottom:0; background:#0078FF; border-radius:15px; transform: translate(-50%, 0);
}
/* BASIC css end */

