/* 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!important;
    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; }

.scrap_btn { width:24px; margin-right:10px; padding:0; }
.scrap_btn 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;}

#size_box { width:100%!important; }
table { width:100%; text-align:center; }
.codyinfo_tit { text-align:center; }

.wrap_fix table { width:100%!important; }

.SMS_ShopDetail_layout_left .swiper-container { width:100%; }

.pro_etc { width:100%; text-align:left; font-weight:bold; margin:0 0 15px; text-indent:30%; }
.pro_size { width:100%; text-align:left; font-weight:bold; margin:0 0 15px; padding-left:30%; }
.pro_oneplus { color:#ff0000; margin:0 0 15px; }

.discountDate { width:100%; text-align:left; margin:0 0 15px; text-indent:30%; }
.discountDate .point_color { color:#d02424; font-weight:bold; }

.jh_proname { width:70%; display:inline-block; margin-left:-4px; font-weight:bold; text-align:left; font-size:12px; }

.item_dummy { display:none; height:30px; color:#ff0000; width:100%; }
#tPrice { text-decoration:line-through; }
#one_dispr { font-weight:bold; }


.timelimit_sec { background:url("https://okkanetdh.jpg3.kr/con/240822/images/PH01_역시즌_01.jpg") no-repeat center top; background-size:cover; height:340px; position:relative; display:none; }
.timelimit_sec .limit_txt { display:table; font-size:18px; color:#fff; position:absolute; left:50%; bottom:40px; transform:translate(-50%, 0); }
.timelimit_sec .timebox_wrap { width:270px; position:absolute; left:50%; bottom:80px; transform:translate(-50%, 0); pointer-events:none; }
.timelimit_sec .timebox_wrap div { width:70px; height:80px; color:#fff; text-align:center; font-size:14px; float:left; margin:0 10px; }
.timelimit_sec .timebox_wrap .t_box { width:70px; position:relative; height:70px; line-height:70px; background:linear-gradient(rgb(44, 44, 44), rgb(0, 0, 0));
    color:#eefe00; font-size:30px; margin:0; font-family:"Audiowide", sans-serif; text-shadow: 0px 0px 10px #f0f883; }
.timelimit_sec .timebox_wrap .t_box:after { position:absolute; right:-15px; top:0; content:":"; color:#fff; }
.timelimit_sec .timebox_wrap .sec_box .t_box:after { content:""; }
.timesale_com { width:100%; padding:20px 0; text-align:center; background:#f2f2f2; color:#000; font-size:12px; }

.red_holiyday { width:80%; margin:10px auto; padding:10px 0; font-size:12px; border-radius:25px; color:#fff; text-align:center; background:#e54a48; }

.share_bg { width:100%; margin:0 auto; position:fixed; inset:0; z-index:999; background:#000; overscroll-behavior:none; opacity:0; visibility:hidden; transition: visibility 0s .2s, opacity .2s linear; }
.share_bg.show_bg { visibility:visible; opacity:.6; transition: opacity .4s linear; }
.share_box { width:100%; min-width:320px; max-width:var(--max-width); margin:0; padding-bottom:calc(env(safe-area-inset-bottom) + 0); position:fixed; left:0; bottom:0; z-index:1000; background:#fff; border-radius:8px 8px 0 0; transform:scaleY(0); visibility:hidden; transition: all 0.2s; }
.share_box.on_box { visibility:visible; transform:scaleY(1); }
.share_box .box_tit { display:flex; justify-content:space-between; padding:12px 16px; }
.share_box .rotate_wrap { display:grid; grid-template-columns: repeat(4, 1fr); grid-gap:calc((100% - 320px) / 3); row-gap:16px; padding:8px 16px; }
.share_box .rotate_wrap div { display:flex; flex-direction: column; align-items:center; gap:4px; max-width:80px; font-size:13px; line-height:18px; }
.share_box .rotate_wrap div svg { display:block; margin:0 auto; }


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

.jh_review_event { position:relative; }
.jh_review_event .review_info_btn { color:#ff0000; font-weight:bold; }
.jh_review_event .review_table { position:absolute; display:none; left:3%; top:20px; background:#fff; border:1px solid #eee; box-sizing:border-box; padding:8px 16px; width:80%; z-index:20; }
.jh_review_event .review_table.re_toggle { display:block; }
.jh_review_event .review_table svg { width:14px; height:14px; }
.jh_review_event .review_table .table_close_btn { background:#2d2d2d; cursor:pointer; width:20px; height:20px; text-align:center; position:absolute; right:0; top:0; }
.jh_review_event .review_table .table_close_btn svg { fill:#fff; margin:3px 0 0; }
.review_info_btn svg { width:14px; height:14px; vertical-align:top; }
.jh_review_event .review_table .line { margin:5px 0; line-height:22px; color:#000; display:grid; grid-template-columns: repeat(6, 1fr); gap:0 10px; }
.jh_review_event .review_table .line .table_icon { grid-column:1; }
.jh_review_event .review_table .line .table_icon svg { fill:#7d7c7b; }
.jh_review_event .review_table .line .table_text { grid-column:2 / 5; }
.jh_review_event .review_table .line .table_colorb { grid-column:5 / 7; border-radius:20px; color:#fff; text-align:center; }
.jh_review_event .review_table .line .table_colorb.orange { background:#ff9000; }
.jh_review_event .review_table .line .table_colorb.red { background:#ee3f3f; }
/* BASIC css end */