/* BASIC css start */
input.input-lang-ko[type=text] {
    ime-mode: auto !important;
} 

#overlay_layer {
  z-index: -1;
}
ul.gnb_sns.fl li.first a {
    line-height: 1.7;
}

.head_bbs_wrap {
    position: relative;
    top:92px;
    left:0;
    z-index: -2;
}

.pc_top_right_banner {
    position: absolute;
    top: -110px;
    right: 0;
    z-index:-1;
}


.gnb_sns li  {
background:url("https://okkanetdh.jpg3.kr/gab/okkane_2017/img/bnr_top_sns-black2.png") no-repeat center;
float:left;

}
.gnbsnsinner{
width:18px;
height:18px;
}
.gnb_sns li.first {
background:none;
}

li.gnbsnsinner.gnbsns02 {
    background-position: 0px;
}
li.gnbsnsinner.gnbsns03 {
    background-position: -19px;
}
li.gnbsnsinner.gnbsns04 {
    background-position: -38px;
}
li.gnbsnsinner.gnbsns05 {
    background-position: -57px;
}
li.gnbsnsinner.gnbsns06 {
    background-position: -76px;
}

    .cate2wrap .gnbsnsinner a {
    display:block;
    width:100%;
    height:100%;
}

.cate2wrap .after_div li a {
    display: block;
    width: 100%;
    height: 27px;
    text-align: center;
}

.cate2wrap dd.layer_dd_w ul li {
    margin: 0;
    padding: 0;
    font-size: 0;
    position:relative;
    top:0;
    left:0;
}



.cate2wrap .after_div li a img{
    margin-left:0 !important;
}

.cate2wrap .layers .after_div li a {
    height: 19px;
    margin: 10px 0;
    text-align: center;
    overflow: hidden;
    font-size: 13px;
    font-family: nanumgothic;

    color: black;
}

.cate2wrap .layers .after_div li a:hover{
color:red;
}

.cate2wrap .layers .after_div li {
    padding: 0 !important;
    margin-left: 12px !important;
}

.cate2wrap .sub_layer {
    top:34px;
    left:0px;
}
#hdWrap .sub_layer_bg {
    top: 44px;
height:43px;
}

.herecursor {
display:none;
    background: url(https://okkanetdh.jpg3.kr/gab/okkane_2017/img/herecursor.gif) no-repeat center;
    width: 19px;
    height: 11px;
    position: absolute;
    bottom: -2px;
    left: 38%;
    z-index: 999;
}
.cate2wrap .sub_layer .layers {
    height: 43px;
}

/* 190516 ºñÄ¡¿þ¾î Ãß°¡
#topcate .topcate .cate2wrap dd.layer_dd_w ul li {
    padding: 8px 3.5px !important;
}


*/
#topcate .topcate .cate2wrap dd.layer_dd_w ul li {
    padding: 8px 5.2px !important;
    margin: 0px 6px !important;

}


div#contentWrapper {
    padding-top: 88px;
}

.cate_blue a{
color:blue !important;
}
.cate_blue a:hover{
color:red !important;
}

#header .head_sec01 .gnb_sns li a {
    display:block;
    width:100%;
    height:100%;
}

.caution {
    color:#efb928;
}

/**** ÇÏ´Ü css º¯°æ 180123****/

.input_inner {
    display: inline-block;
    border: 1px solid black;
}

input.biz_popdo {
    vertical-align: middle;
    border: none;
    background: 0;
    padding: 1px 5px;
    line-height: 1;
    font-size: 11px;
}


.join-point{
border-radius:5.5px;
background-color:#efb928;
}

.join-point-inner {
    color: #000;
    padding: 0 7px 0 6px;
    font-family: nanum-gothic;
    font-weight: bold;
    font-size: 8pt;
}

#header .head_sec01 {
    position: relative;
    top: 21px;
    z-index:1;
}

/*****************************180419 ¼öÁ¤**************************************/


#header .head_sec01 .gnb_sns li{
margin-left:3px !important;
}

#header .head_sec01 .gnb_sns li.first a {
    color: black;
    font-weight: bold;
}

#header .head_sec01 .gnb li a,
#header .head_sec01 .gnb li.reds a{
   color:black !important;
}


#header .head_sec01 .gnb li {
    background: url(https://okkanetdh.jpg3.kr/gab/okkane_2018/images/divider-bar.png) 0px center no-repeat;
}

#header .head_sec01 .gnb li:first-child{
   background: 0 none;
}

#header .head_sec01 {
    top: 0;
    height: 180px;
    width: 1249px;
    margin: 0 auto;
    background-color: white !important;
    background: 0 none;
}

.w_custom.clear {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    z-index:-1;
}

.w_custom.clear h1.logo {
    position: absolute;
    left: 31%;
    bottom: 25px;
}

.head_bnr_wrap.fl {
    width: 248px;
    height: 130px;
    float: left;
    position:relative;
    top:50px;
    overflow:hidden;
}

.gnb-line-wrap {
    height: 30px;
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
}

.search_wrap.fr .wrap {
    border: 3px solid black;
    width: 350px;
    height: 28px;
}

.search_wrap.fr .wrap form input.MS_search_word.keyword {
    text-indent: 11px;
    width: 311px;
    border: 0;
    height: 28px;
    font-size: 15px;
    font-family: Nanum Gothic;
}

ul.gnb_bbs.fl.before_clear li {
    float: left;
    padding-right: 13px;
}

.gnb_bbs-inner.gnb-bbs-top .gnb_bbs.gnb_bbs-top li {
    padding-right: 8px;
}

.gnb_bbs-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

ul.gnb_bbs.fl.before_clear {
    float: right;
}

.gnb_bbs-inner {
    position: absolute;
    width: 500px;
    right: 0;
}

.gnb_bbs-inner.gnb-bbs-bottom {
    bottom: -28px;
}

.gnb_bbs-inner.gnb-bbs-top {
    top: -22px;
}


ul.gnb_bbs.fl.before_clear li a {
    font-size: 12px;
    font-family: Nanum Gothic;
    color: black;
        vertical-align: bottom;
}

.gnb_bbs-inner.gnb-bbs-top ul li:last-child,
.gnb_bbs-inner.gnb-bbs-bottom ul li:last-child {
    padding: 0;
}

#header .head_sec01 .gnb li a {
    padding: 0 9px;
}

#header .head_sec01 .gnb li a span.caution {
    background-color: #6d5656;
    margin-left: 3px;
    padding: 2px;
}

#header .head_sec01 .gnb li a span.caution span#user_basket_quantity {
    color: white;
}

.head_bnr_wrap .bx-controls-direction{
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 19px;
    height: 10px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0;
}


.head_bnr_wrap .bx-controls-direction .bx-prev, .head_bnr_wrap .bx-controls-direction .bx-next {
    width: 9px;
    height: 10px;
    overflow: hiddne;
    display: inline-block;
    overflow: hidden;
    font-size: 0;
}

.head_bnr_wrap .bx-controls-direction .bx-prev {
    background: url(https://okkanetdh.jpg3.kr/gab/new2017/sc_btn_top_prev.png) no-repeat 50% 50%;
}

.head_bnr_wrap .bx-controls-direction .bx-next {
    background: url(https://okkanetdh.jpg3.kr/gab/new2017/sc_btn_top_next.png) no-repeat 50% 50%;
}


        .top-slider {
            width: 248px;
            height: 130px;
            position: relative;
            top: 0;
            left: 0;
        }
        
        .btn-wrap {
    position: absolute;
    bottom: 5px;
    right: 10px;
    z-index: 1;
}


    /* PC5 [~ 1475px] */

    /*
    @media all and (max-width:1475px) {
        #blk_scroll_wings{
          display:none !important;
        }
    }
    */


/*******************************************/
.cate2wrap .layers .after_div li .cate-best20 {
    margin: 2px 0;
    height: 31px;
    background: url(https://okkanetdh.jpg3.kr/gab/okkane_2018/images/best20-btn.png) 0px center no-repeat;
    width: 92px;
}

.cate2wrap .layers .after_div li .cate-best20:hover {
    background: url(https://okkanetdh.jpg3.kr/gab/okkane_2018/images/best20-btn.png) -94px center no-repeat;

}

.big-evt {
    width: 122px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;
    text-align: center;
    background-color: #3a3a3a;
    border-radius: 20px;
    font-weight: bold;
    color: white !important;
}

.big-evt .str-yellow {
    color: #fcdd35;
}


ul.gnb_bbs.fl.before_clear li a {
    margin: -3px 0 0 0;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.big-evt{ padding-top:2px; }
}


#topcate .topcate .sub_layer .layers .after_div li.float_l {
    padding: 0px !important;
}

#offline-wrap {
    overflow: hidden;
}


.search_wrap.fr .wrap form input.MS_search_word.keyword:focus {
  background-color:none;
}


/** ¿ÀÇÁ¶óÀÎ ***/


.insta-icon{
   width:100%;
   position:relative;
   display:inline-block;
}



.insta-icon::after {
    content: '';
    display: block;
    background: url(https://okkanetdh.jpg3.kr/gab/okkane_2019/images/in_35.png) center no-repeat;
    position: absolute;
    right: -3px;
    /* top: 0; */
    width: 46px;
    height: 43px;
    bottom: -1px;
}

.insta-icon.store-board {
    display: inline;
}
.insta-icon.store-board::after {
    display: inline;
    right: 0;
    left: -57px;
    top: -14px;
}


#bbsData .bbs-link-btm{
   z-index:1;
}



#header .head_sec01 .gnb li.alliance {
   background: 0 none;
   padding-right: 0;
}

#header .head_sec01 .gnb li.alliance .caution {
    color: #fff;
    padding: 3px 5px;
    margin-left: -9px;
}


input.MS_search_word[type="text"]{
   -webkit-ime-mode:active; 
    -moz-ime-mode:active; 
    -ms-ime-mode:active; 
    ime-mode:active; 
}


.cate2wrap .after_div li.cate-beatch a {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 129px;
}

.cate-beatch a img {
    position: absolute;
    left: 0;
    top: -8px;
}

.cate11 a img {
    position: relative;
    left: 0;
    top: -2px;
    display: inline-block;

}

.cate13 a img {
    position: relative;
    left: 0;
    top: -2px;
    display: inline-block;

}

.hd_float_btn { position:absolute; left:0; top:0; overflow:hidden; }
.hd_float_btn li { float:left; width:20px; margin-right:5px; }
.hd_float_btn .liveicon { width:30px; margin:3px 0 0; }
.hd_float_btn li img { width:100%; }

#topcate { box-sizing:border-box; height:45px; }

.header_cate { width:1249px; position:absolute; left:50%; top:0; transform: translate(-50%, 0); z-index:992; }
.header_dummy { width:100%; height:45px; position:absolute; left:0; top:0; z-index:991; }

.cate_wrap { display:flex; flex-direction:row; align-items:stretch; text-align:center; justify-content:center; }
.cate_wrap .cate_item { flex-grow:1; position:relative; height:43px; }
.cate_wrap .cate_item a { display:block; width:100%; height:100%; line-height:43px; color:#111; font-size:14px; }
.cate_wrap .cate_item .depth_cate { z-index:993; position:absolute; left:50%; top:43px; margin-left:-80px; width:160px; line-height:12px; background:#fff; box-sizing:border-box; padding:10px; transform-origin:left top; transform:scaleY(0); visibility:hidden; transition: all 0.2s; }
.cate_wrap .cate_item.on_mouse .depth_cate { visibility:visible; transform:scaleY(1); }

.cate_wrap .cate_item .depth_cate li { margin:10px 0; }
.cate_wrap .cate_item .depth_cate li a { line-height:14px; font-size:12px; }
.cate_wrap .cate_item .depth_cate li a:hover { color:#ff0000; }

.allcate { opacity:0; visibility:hidden; position:absolute; left:0; top:43px; width:100%; box-sizing:border-box; text-align:left; z-index:9999; background:#fff; transition: visibility 0s .2s, opacity .2s linear; }
.allcate.show_all { visibility:visible; opacity:1; transition: opacity .4s linear; }
.allcate .close_btn { position:absolute; top:10px; right:10px; width:24px; height:24px; cursor:pointer; }
.allcate .close_btn img { width:100%; }
.allcate .allcate_wrap { display:flex; flex-direction:row; width:1249px; padding:20px; margin:0 auto; position:relative; }

.allcate .allcate_wrap .allcate_item { flex-grow:1; flex-basis:178px;  }
.allcate .allcate_wrap .allcate_item img { width:150px; }
.allcate .allcate_wrap .allcate_item ul li { line-height:23px; font-size:13px; }
.allcate .allcate_wrap .allcate_item ul li a:hover { color:#ff0000; }
.allcate .allcate_wrap .big_size ul { float:left; margin-right:10px; }

.item_tit { margin:12px 0; }
.item_tit a { font-size:18px; font-weight:bold; }
.tit_to50 { margin:70px 0 12px; }

.allcate .dipi_wrap { margin-top:10px; padding-top:20px; border-top:1px solid #c6c6c6; }
.allcate .dipi_wrap .allcate_item { flex-grow:0; }

#MAKESHOPLY1 { z-index:30!important; }
#MAKESHOPLY0 { z-index:30!important; }

.jh_scroll { width:100%; text-align:center; font-size:12px; line-height:30px; overflow:hidden; background:#000; color:#fff; z-index:990; }
.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; }

.red_font { color:#ff0000!important; }

.go2insta { position:fixed; left:10px; bottom:40px; display:none; z-index:999; }
.go2insta div { margin:3px 0; }

.sticky_bn { position:fixed; right:50px; top:380px; display:none; z-index:999; }
.sticky_bn div { display:flex; text-align:center; }
.sticky_bn div img { width:80%; }
.sticky_bn div a { display:flex; color:#3e3e3e; width:50px; height:50px; background:#f2f2f2; border:1px solid #d4d4d4; box-sizing:border-box; text-align:center; justify-content:center; align-items:center; font-size:13px; line-height:16px; }

    .flash_btn a { 
        -webkit-animation: blink 1.3s ease-in-out infinite alternate;
        -moz-animation: blink 1.3s ease-in-out infinite alternate;
        animation: blink 1.3s ease-in-out infinite alternate;
    }
    @-webkit-keyframes blink{
        0% { background:#f2f2f2; color:#3e3e3e; }
        100% { background:#3e3e3e; color:#fff; }
    }

    @-moz-keyframes blink{
        0% { background:#f2f2f2; color:#3e3e3e; }
        50% { background:#3e3e3e; color:#fff; }
    }

    @keyframes blink{
        0% { background:#f2f2f2; color:#3e3e3e; }
        50% { background:#3e3e3e; color:#fff; }
    }
    
.jh_bestlist .item:nth-child(-n+2) .thumb-add-icons { display:none!important; }

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

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

.tit_brand { margin:45px 0 0; }

.jeju a { color:#66b30f!important; font-weight:bold; }
.jeju img { margin:10px 0 0; }

.tit_gift a { color:#4969b2; }
.tit_gift img { height:20px; width:auto!important; }

.global_map { position:relative; font-size:13px; background:none!important; color:#000; }
.global_map li { background:none!important; }
.glo_float { position:absolute; width:100px; top:18px; left:0; background:#fff; border:1px solid #cfcfcf; box-sizing:border-box; padding:10px 7px; text-align:left; transform-origin:left top; transform:scaleY(0); visibility:hidden; transition: all 0.2s; z-index:99; }
.glo_float svg { width:20px; height:16px; vertical-align:top; }
.global_map.on_mouse .glo_float  { visibility:visible; transform:scaleY(1); }
/* BASIC css end */