/* BASIC css start */
#contentWrapper { padding-top:42px; }
#wrap {
    overflow: hidden;
}

#content {position:relative;z-index:1;}
#blk_scroll_wings.fix {top:875px !important;}

/*ÆË¿±¿µ¿ª*/
/* Æ˾÷ ¼¼·ÎÇü */
.slide_popup_vertical img { border: 0px; }
.slide_popup_vertical ul { list-style:none; }
.slide_popup_vertical { width:269px; }
.slide_popup_vertical .slider {position:relative; overflow: hidden; margin:0px; padding: 0px; list-style:none; width:269px; height: 315px; background-color: #fff;}
.slide_popup_vertical .slider li { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.slide_popup_vertical .slider li img { width:100%; height:100%;}
.slide_popup_vertical .navi { overflow: hidden; margin:5px 0 0 0; padding: 0px; list-style:none; width: 269px; height: 200px; background: url('/SkinImg/popup_thumbnail_bg.png') left top repeat-y; }
.slide_popup_vertical .navi li { float: left; margin: 0px; padding: 0px; margin-left: 5px; width: 84px; height: 94px; cursor:pointer; }
.slide_popup_vertical .navi li.first_child { margin-left: 5px; width: 84px; }
.slide_popup_vertical .navi li.last_child { }
.slide_popup_vertical .navi li img { width: 74px; height: 84px; border: 5px solid #fff; }
.slide_popup_vertical .navi li.first_child img { width: 74px; }
.slide_popup_vertical .navi li.current img {  border: 5px solid #ddd;}
/*ÆË¿±¿µ¿ª ³¡*/

/* ÇÖÇȹè³Ê */
.hotpickBanner{
   text-align:center;
   padding:100px 0 30px;
}

/* º£½ºÆ®¹è³Ê*/
.bestBanner{
   text-align:center;
   padding-top:48px;
}

.bestBanner100{
   text-align:center;
   padding-top:88px;
   padding-bottom:20px;
}

/*¸ÞÀκñÁÖ¾óÇ÷ÔÆ®Á¦¾î*/
.float_img_wrapper {
    width: 100%;
    height:100%;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
}
.float_img_wrapper .float_img{
    width: 50%;
    height:100%;
    float: left;
}
    
.float_img_wrapper:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    text-align: -9999px;
    clear: both;
}

/* ¿ÀÇÁ¶óÀÎ ¸ÅÀå */
.offline_banner .ob_fl{
    width:40%;
    height: 100%;
}

.offline_banner .ob_fr{
    width:60%;
    height: 100%;
}

.ob_fr ul {
    width: 686px;
    height: 640px;
    background-color: black;
}
.ob_fr ul li {
    display: inline-block;
    width: 328px;
    height: 299px;
    margin: 12px 10px 0 0;
    overflow: hidden;
}

.ob_fr ul li a{
    display: block;
    width: 100%;
    height:100%;
    position: relative;
}

.ob_fr ul li a span{
    line-height: 1.9;
    letter-spacing: 0.5;
    font-size: 17px;
    font-weight: bold;
    display: block;
    width: 118px;
    height: 32px;
    color: white;
    text-align: center;
    background-color: rgba(0,0,0, 0.7);
    top: 83%;
    left: 33%;
    position: absolute;
    z-index: 3;
}   

.ob_fr ul li a img:hover{
    cursor:pointer;
    -webkit-transform:scale(1.1); /*  Å©·Ò */
    -moz-transform:scale(1.1); /* FireFox */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);
    transition: transform .35s;
    -o-transition: transform .35s;
    -moz-transition: transform .35s;
    -webkit-transition: transform .35s;
}


#contentWrapper {
    padding-top: 45px !important;
}

/* 1´Ü °¡·Î ¹è³Ê */
.mid_div_bnr {
    margin-top: 25px;
}

/*3´Ü ¹è³Ê on off*/
.mbw_on {display:none;}
.mbw_off{display:none;}

/**** 180223 ´º ¿ÀÇÁ¶óÀÎ ****/

.offline_banner_wrapper {
    width: 1249px;
    background: #1f1f1f;
    position: relative;
    margin: 80px auto 0;
}

.offline_banner_contain {
    width: 1194px;
    margin: 0 auto;
    padding: 27.5px;
    padding-top: 0;
}

.ob-child-depth01 {
    overflow: hidden;
}

.ob-child img {
    width: 100%;
}

.clear:after,
.clear:before,
.clear::after,
.clear::before {
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    content: '';
}

.offline_banner.ob_fl {
    margin: 0 8px;
}

.ob-offline-title {
    text-align:center;
}

.ob-child-best {
    width: 232px;
    height: 207px;
    overflow: hidden;
    position: relative;
}

.ob-child {
    width: 291px;
    height: 193px;
    float: left;
    margin: 0px 10px 10px 0;
    overflow: hidden;
    position:relative;
}

.ob-child:last-child {
    margin: 0 0 10px;
}

.ob-child-depth01:last-child .ob-child {
    margin-bottom: 0px;
}

.ob-child a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}

.offline_name {
    line-height: 2.1;
    font-size: 15px;
    font-weight: bold;
    display: block;
    width: 118px;
    height: 32px;
    color: white;
    text-align: center;
    border-radius: 19px;
    background-color: rgba(8, 122, 193, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    bottom: 3%;
    position: absolute;
    z-index: 3;
    margin: 0 auto;
    left: 27%;
}

.ob-child img:hover{
    cursor: pointer;
}

.ob-child.ob-child-main {
    width: 474px;
    height: 423px;
    margin-right: 8px;
    margin-bottom : 0px;
}

.ob-child-main .offline_name {
    left: 40%;
    bottom: 1.7%;
}

/******************* ¸ÞÀÎ-¿ÀÇÁ¶óÀοµ¿ª css ******************/
.offline-store_title-wrap {
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70000000', endColorstr='#70000000',GradientType=0 ); /* IE6-9 */
}

.offline-store_title-wrap strong {
    font-size: 22px;
    color: #fff;
    font-family: "Nanum Square";
}

.offline-store_title {
    display:block;
    font-size:30px;
    line-height:1.2;
}

.offline-store_go-btn {
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 9px;
}

.offline-store_title-cluster{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}


.ob-child:hover .offline-store_title-wrap{
display:none;
transition: display 0.36s
}

.ob-child-contain {
    height: 391px;
    overflow: hidden;
}

.ob-child-wrapper {
    height: 391px;
    overflow: hidden;
}

.ob-child_last-child{
   margin-right:0;
}
/******************* ¸ÞÀηѸµ css ³¡ ******************/

/******************* ¸ÞÀηѸµ css ******************/

.slideWrap {
    position: relative;
    margin: 0 auto;
    border-bottom: 1px solid #f1f1f1;
}

.slideUl {
    position: relative;
    top: 0;
    left: 0;
    width: 500%;
    display: block;
    z-index: 9;
    background-color: #f4f4f4;
    height: 31.2vw;
}

.slideUl li {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    width: 20%;
    float: left;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
}

.slideUl li:first-child{
    display: block;
}

.slideUl li a {
    display: block;
    width: 100%;
    position: relative;
}

.nextBtn {
    position: absolute;
    z-index: 3;
    font-size: 30px;
    font-weight: bold;
    color: #880000
}

.nextBtn {
    right: 1%;
    bottom: 42%;
}

.s_btnUl {
    max-width: 100%;
    z-index: 10;
    margin: 0 auto;
    display: block;
}

.s_btnUl li {
    height: 100%;
    float: left;
    margin: 0 0px 0 0;
    text-align: center;
    font-size: 20px;
    line-height: 1.8;
    box-sizing: border-box;
    display: none
}

.s_btnUl li a {
    color: #0d0d0d;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    display: block;
    border-right: 1px solid #f5f5f5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 15px 0 13px;
}

.s_btnUl li:first-child a {
    border-left: 1px solid #f5f5f5;
}

.s_btnUl::after,
.s_btnUl::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    text-indent: -99999px;
    clear: both;
}

.s_btnUl li a:hover,
.s_btnUl li p a:hover {
    color: #087ac1;
}

.s_btnUl .s_active {
    border-bottom: 2px solid #c7c7c7;
}

.s_btnUl .s_active a {
    color: #087ac1;
}

.slider-contents {
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 2px solid #f4f4f4;
}

.s_btnUlwrapper {
    width: 100%;
    position: relative;
    top: 0;
    z-index: 4;
    display: block;
    height: 45px;
}

.slideUl .sul_active {
    z-index: 5;
}

.s_btnUl_double {
    width: 100%;
    overflow: hidden;
}

.sbtn_double {
    width: 50%;
    float: left;
}

.sbtn_double.inner_left {
    text-align: right;
}

.sbtn_double.inner_right {
    text-align: left;
}

.slideUl li a img {
    width: 100%
}

.slideWrap {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.s-direction-btn {
    width: 100%;
    position: absolute;
    top: 34%;
    z-index: 10;
}

.s-direction {
    position: absolute;
    background: url(https://okkanetdh.jpg3.kr/gab/okkane_2018/images/main-arrow.png) no-repeat;
    border: 0 none;
    font-size: 0px;
    display: block;
    width: 141px;
    height: 195px;
    padding: 0px;
}

.s-direction-prev {
    left: -141px;
    background-position: -6px;
}

.s-direction-next {
    right: -141px;
    background-position: -192px 0;
}

.slideUl {
    display: block;
}

.sul01.sul_active {
    background-color: #f4f4f4;
}

.jh_radi_bann { width:1350px; height:136px; margin:120px auto 75px; overflow:hidden; }
.jh_radi_bann .radi_box { width:137px; height:136px; margin:0 27px; float:left; }
.jh_radi_bann .radi_box a { display:block; width:100%; height:100%; }

.jh_radi_bann .radi_box:nth-child(1) { background:url("//okkanetdh.jpg3.kr/jjh_sample/images/one_off.png") no-repeat center top; }
.jh_radi_bann .radi_box:nth-child(2) { background:url("//okkanetdh.jpg3.kr/jh_images/store_off.png") no-repeat center top; }
.jh_radi_bann .radi_box:nth-child(3) { background:url("//okkanetdh.jpg3.kr/jjh_sample/images/gym_off.png") no-repeat center top; }
.jh_radi_bann .radi_box:nth-child(4) { background:url("//okkanetdh.jpg3.kr/jh_images/youcon_off.png") no-repeat center top; }
.jh_radi_bann .radi_box:nth-child(5) { background:url("//okkanetdh.jpg3.kr/jjh_sample/images/event_off.png") no-repeat center top; }
.jh_radi_bann .radi_box:nth-child(6) { background:url("//okkanetdh.jpg3.kr/jh_images/pay_off.png") no-repeat center top; }
.jh_radi_bann .radi_box:nth-child(7) { background:url("//okkanetdh.jpg3.kr/jh_images/brand_on.png") no-repeat center top; }


.jh_radi_bann .radi_box:nth-child(1):hover { background:url("//okkanetdh.jpg3.kr/jjh_sample/images/one_on.png") no-repeat center top; }
.jh_radi_bann .radi_box:nth-child(2):hover { background:url("//okkanetdh.jpg3.kr/jh_images/store_on.png") no-repeat center top; }
.jh_radi_bann .radi_box:nth-child(3):hover { background:url("//okkanetdh.jpg3.kr/jjh_sample/images/gym_on.png") no-repeat center top; }
.jh_radi_bann .radi_box:nth-child(4):hover { background:url("//okkanetdh.jpg3.kr/jh_images/youcon_on_kor.png") no-repeat center top; }
.jh_radi_bann .radi_box:nth-child(5):hover { background:url("//okkanetdh.jpg3.kr/jjh_sample/images/event_on.png") no-repeat center top; }
.jh_radi_bann .radi_box:nth-child(6):hover { background:url("//okkanetdh.jpg3.kr/jh_images/pay_on.png") no-repeat center top; }
.jh_radi_bann .radi_box:nth-child(7):hover { background:url("//okkanetdh.jpg3.kr/jh_images/brand_off.png") no-repeat center top; }

.colorbox span {display:inline-block; width:10px; height:10px; border:1px solid #bbbbbb;}

.jh_bann { width:1249px; margin:45px auto; overflow:hidden; display:grid; grid-template-columns: repeat(4, 1fr); gap:20px; }
.jh_bann div img { width:100%; }

.count_wrap { position:relative; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }
.count_wrap #jh_count { width:100%; height:60px; background:rgba(0,0,0,0.4); position:absolute; top:80%; left:50%; transform: translate(-50%, -50%); }
.count_wrap #jh_count div { font-weight:bold; font-size:32px; text-align:center; color:#fff; width:100%; line-height:56px; }

.jh_btn li a.on { font-weight:bold; }

.colorbox span {display:inline-block; width:10px; height:10px; border:1px solid #bbbbbb;}

#jh_tree.item-list .item { text-align:left; }
#jh_tree.item-list .item:nth-child(4) { margin-right:0; }
#jh_tree.item-list .item dd { position:relative; }
#jh_tree.item-list .item .colorbox { margin:6px 0 10px; }
#jh_tree.item-list .item .prices { font-size:13px; font-weight:bold; color:#727272; margin-top:12px; display:table; }
#jh_tree.item-list .item .info { text-align:left; }
#jh_tree.item-list .item .info li.names { padding:2px 0; }
#jh_tree.item-list .item .info li.names a{ font-size:13px; font-weight:500; color:#717171; }
#jh_tree.item-list .item .info li.subnames { font-size:13px; color:#979797; margin-top:10px; }
#jh_tree.item-list .item .info .snap_review_count { font-size:13px; color:red; position:absolute; right:0; top:0; }
#jh_tree.item-list .item .info li.con { color:#b5b5b5; text-decoration:line-through; padding:0; font-size:13px; margin:12px 5px 0 0; display:table; float:left; font-weight:bold; }
#jh_tree.item-list .item .icons { margin-top:10px; }
#jh_tree.item-list .item .item_de { margin-top:5px; font-weight:bold; colot:#000; }

#jh_tree.item-list span.snap_review_count:not(.noset):before { content:"¸®ºä "; }

.timebox_wrap { position:relative; overflow:hidden; }
.timebox_wrap .timer_wrap { width:255px; position:absolute; left:50%; bottom:120px; transform:translate(-50%, 0); margin:0; }
.timebox_wrap .timer_wrap div { width:65px; height:65px; position:relative; line-height:65px; text-align:center; float:left; margin:0 10px; color:#eefe00; font-size:24px; font-family:"Audiowide", sans-serif; text-shadow: 0px 0px 10px #f0f883; background:linear-gradient(rgb(44, 44, 44), rgb(0, 0, 0)); }
.timebox_wrap .timer_wrap div:after { position:absolute; right:-12px; top:0; content:":"; color:#fff; }
.timebox_wrap .timer_wrap .sec_box:after { content:""; }

.newMainslide { width:100%; margin-top:0; position:relative; }
.newMainslide .swiper-slide { width:33.33%; }
.newMainslide .swiper-slide img { width:100%; }

.newMainslide .swiper-pagination { bottom:-7px!important; }
.newMainslide_ver2 .swiper-pagination { bottom:-7px!important; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#000!important; opacity:.6; }

.insta_widget { margin:60px 0 80px; }

.bn_timer { position:relative; }
.bn_timer .t_box {
    position:absolute;
    width:100%; text-align:center;
    left:50%; top:32%;
    transform:translate(-50%, 0);
    color:#cf0c1d;
    font-size:84px;
    font-family: "Special Gothic Expanded One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.slide_timer { position:relative; }
.slide_timer .t_box {
    position:absolute;
    width:100%; text-align:center;
    left:50%; top:50%;
    transform:translate(-50%, -50%);
    color:#cf0c1d;
    font-size:124px;
    font-family: "Special Gothic Expanded One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.jh_discount_wrap .prices { display:inline-block!important; }
.jh_discount { display:inline-block!important; position:relative; color:#000!important; font-weight:300!important; margin: 12px 0 0 5px!important; float:none!important; }
.jh_discount_rate { position:absolute; right:-50px; top:0; font-size:18px; color:#c10d0d; font-weight:bold; font-style:italic; }
/* BASIC css end */