/* BASIC css start */
/*

#SMS_fixed_warp .SMS_fixed_inner .my_menu .joinicon{
    width: 28px;
    height: 28px;
    top: 3px;
    right: -25px;
}
*/

#SMS_fixed_warp .SMS_fixed_inner .my_menu .joinicon:before{
top: 9px;
}

#SMS_fixed_warp .SMS_fixed_inner .my_menu .joinicon em .text {
    letter-spacing: 1px;
}

#SMS_fixed_warp .SMS_fixed_inner .my_menu .joinicon em .text .fc_white {
}

span.top_free_delivery {
    display: block;
    margin: -6px 0 0;
}

#SMS_fixed_warp .SMS_fixed_inner .my_menu {
    left: 35px;
}

/***Æ˾÷°ü·Ã***/
#popup-event.type-01 dd{
    top: 0;
    background: #E1E0DF;
}

.beach-icon {
    margin: 8px 0px 5px 0px;
}





#SMS_fixed_warp .SMS_fixed_inner .my_menu .joinicon:before {
    content: "";
    position: absolute;
    top: 3px;
    left: -2px;
    margin:0 none;
    border-top: 0 none;
    border-bottom: 0 none;
    /* border-left: 6px solid #007dad; */
    display: none;
    width: 0;
    z-index: 1;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


.joinicon02 {
    position: absolute;
    display: inline-block;
    z-index: 500;
    top: 0px;
    right: -33px;
    width: 28px;
    height: 24px;
    line-height: 18px;
    font-size: 9px;
    color: #FFF;
    margin: 0 0 0 -28px;
    border-radius: 3px;
    background: 0 none;
}


.kakaofloat_Btn img{
  width:100%;
}


.jh_scroll { position:fixed; top:0; left:0; width:100%; text-align:center; font-size:10px; line-height:30px; overflow:hidden; background:#000; color:#fff; z-index:8000; }
.jh_scroll .swiper-wrapper { transition-timing-function:linear!important; }
.jh_scroll .swiper-slide { width:auto; padding:0 3%; position:relative; }
.jh_scroll .swiper-slide a { color:#fff; }
.jh_scroll .swiper-slide:after { position: absolute;
    top: 50%;
    left: -1.5px;
    display: block;
    content: '';
    border: 1.5px solid #666;
    border-radius: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    
}

.style_bn { width:100%; text-align:center; height:30px; line-height:30px; background:#fff; margin:5px 0; }
.style_bn a { display:block; width:100%; height:100%; }
.sale_bn { width:100%; text-align:center; height:30px; line-height:30px; box-sizing:border-box; border:1px solid #111; background:#fff; margin:10px 0 0; }
.sale_bn a { display:block; width:100%; height:100%; }
.con_bn { width:100%; text-align:center; height:30px; line-height:30px; background:url("https://okkanetdh.jpg3.kr/jh_images/shorts_icon2.png") no-repeat -2px center; background-size:contain; background-color:#f40407; border-radius:30px; }
.con_bn a { display:block; width:100%; height:100%; font-weight:bold; color:#fff; }

.okk_con { position:fixed; left:11px; bottom:45px; }
.live_con { position:fixed; left:11px; bottom:100px; }
.live_con img { max-width:62px; }
.okk_con img { max-width:62px; }
.okk_con2 { position:fixed; left:11px; bottom:45px; }

.split_wrap { width:100%; overflow:hidden; margin:10px 0 0; }
.split_wrap .split_box { width:calc(50% - 10px); margin:0 5px; float:left; }
.split_wrap .split_box img { width:100% }

.mobi_flex { display:flex; width:100%; overflow:hidden; }
.mobi_flex li { flex-grow: 1; }


#Basement { width:100%!important; left:0!important; visibility:visible!important; display:none;overscroll-behavior: contain; background:#f3f3f3!important; }
#Basement.active { display:block; }

#Basement .search input { border-radius:10px; border:0px!important; }

#Basement .SMS_All_CopyRight { background:#fff; }
#Basement .AllsmartskinCopyRight { background:#fff; }

.total_ui_btn { position:absolute; top:16px; left:6px; width:35px; height:35px; background:url("//okkanetdh.jpg3.kr/jh_images/menu_icon.png") no-repeat center; background-size:55%; z-index:9999; }
.total_ui_close_btn { position:absolute; top:12px; right:4px; width:35px; height:35px; background:url("//okkanetdh.jpg3.kr/jh_images/close_icon2.png") no-repeat center; background-size:46%; }

.banner_sec { width:100%; margin:10px 0; display:flex; flex-direction:row; }
.banner_sec div { margin:5px; flex-grow:1; border-radius:8px; overflow:hidden; }
.banner_sec div img { width:100%; }

.split_sec { width:100%; overflow:hidden; display:flex; min-height:100%; }
.split_white { width:25%; background:#fff; float:left; font-weight:bold; }
.split_gray { width:75%; height:650px; float:left; overflow-y:auto; }
.split_gray::-webkit-scrollbar {
    width: 7px;
}
.split_gray::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
}
.split_gray::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.cate_name { font-size:14px; padding:10px; box-sizing:border-box; cursor:pointer; }
.bag_cate { font-size:14px; padding:10px; box-sizing:border-box; }
.cate_name.clickable { font-weight:bold; background:#f3f3f3; }

.cate_sec02 { margin:30px 0 0; padding:30px 0 0; border-top:1px solid #ccc; }

.cate_tab { width:90%; margin:0 auto; display:none; grid-template-columns:repeat(3, 1fr); grid-auto-rows:auto; gap:25px 10px; }
.cate_tab.on { display:grid; }

.cate_tab .total_view { font-size:16px; font-weight:bold; margin:15px 0; grid-column: 1 / 4; }

.cate_tab div { text-align:center; }
.cate_tab div a { display:block; width:100%; height:100%; }

.roted_icon { margin:0 0 10px; border-radius:8px; overflow:hidden; }
.roted_icon img { width:100%; }


.ham_floatsec { position:fixed!important; width:100%; top:0; left:0; background:#f3f3f3!important; z-index:9999; }

.MenuAllCon { padding-top:60px; }

.sec2_tab { width:90%; margin:0 auto; display:none; grid-template-columns:repeat(3, 1fr); grid-auto-rows:auto; gap:25px 10px; }

.sec2_tab .total_view { font-size:16px; font-weight:bold; margin:15px 0; grid-column: 1 / 4; }

.sec2_tab.on { display:grid; }
.sec2_tab div { text-align:center; }

.store_tab img { width:100%; }
.sec2_tab div img { width:100%; }

.board_tab div { width:100%; border-radius:8px; background:#fff; }
.board_tab div a { display:flex; height:50px; text-align:center; justify-content:center; align-items:center; font-size:13px; line-height:16px; }

.c365_tab div { width:100%; border-radius:8px; background:#fff; }
.c365_tab div a { display:flex; height:50px; text-align:center; justify-content:center; align-items:center; font-size:13px; line-height:16px; }


.store_tab { width:90%; margin:0 auto; display:none; grid-template-columns:repeat(2, 1fr); grid-auto-rows: minmax(100px, auto); gap:25px 10px; }
.store_tab.on { display:grid; }

.MenuAllCon .SMS_All_CopyRight li { width:25%!important; }

.red_font { color:#ff0000; }

.reels_box { width:100%; max-width:500px; margin:30px auto; overflow:hidden; }

.shortsform { margin:0 auto; max-width:300px; width:100%; overflow:hidden; }
.shortsform .form_inner { padding:0 0 177.78%; position:relative; }
.shortsform iframe { position:absolute; width:100%; height:100%; left:0; top:0; }

.on_3_bn li { overflow:hidden; }

#SMS_fixed_warp .SMS_fixed_inner { height:64px; position:relative; }

.jh_new_logo { position:absolute; left:50%; top:0; transform:translate(-50%, 0); overflow:hidden; height:64px; max-width:180px; }
.jh_new_logo img { width:100%; }

.jh_header_fix { display:flex; position:absolute; right:6px; top:24px; flex-direction:row; align-items:stretch; text-align:center; justify-content:center; gap:7px; }
.m_header_icons { flex-grow:1; width:20px; height:20px; background-size:cover!important; }
.m_header_icons a { display:block; width:100%; height:100%; }
.m_header_icons svg { width:20px; height:20px; vertical-align:top; }
.jh_header_fix .mobi_cart { background:url("//www.okkane.co.kr/design/okkane/smartskin2017/okkane_2017/img/cart_icon.png") no-repeat center top; }
.jh_header_fix .mobi_search { background:url("//www.okkane.co.kr/design/okkane/smartskin2017/okkane_2017/img/search_icon.png") no-repeat center top; }

#glo_popup { width:60%; position:fixed; left:50%; top:50%; transform: translate(-50%, -50%); background:#fff; padding:40px; z-index:999; }
#glo_popup .con_section { background:#f6f6f6; text-align:center; border-radius:8px; margin:5px 0; }

.global_map_dummy { width:100%; height:100%; position:fixed; left:0; top:0; z-index:998; background:rgba(255,255,255,0); opacity:0; visibility:hidden; transition: visibility 0s .2s, opacity .2s linear; }
.global_map_dummy.on { display:block; visibility:visible; opacity:1; transition: opacity .4s linear; }

.my_menu { width:20px!important; height:20px!important; background-size:cover!important; top:24px!important; left:45px!important; }
/* BASIC css end */