/* BASIC css start */
.sticky_bn { position:fixed; right:20px; bottom:50px; 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; box-sizing:border-box; text-align:center; justify-content:center; align-items:center; font-size:13px; line-height:16px; }

.allcate { opacity:0; visibility:hidden; position:absolute; left:0; top:100%; 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; }

.header_wrap { width:100%; z-index:9999; background:#fff; }
.header_wrap.fixed { left:0; top:0; }

.header_cate { max-width:1700px; margin:0 auto; position:relative; }
.header_cate::after{ content:""; display:block; clear:both; }

.okkane_header { width:100%; max-width:1700px; box-sizing:border-box; margin:0 auto; }

.upper_sec { width:100%; display:flex; position:relative; }
.bottom_sec { width:100%; position:relative; background:#fff; }
.bottom_sec.fixed { position:fixed; top:0; left:0; }


.show_allcate svg { width:20px; vertical-align: middle; }

.upper_sec .logo { padding:30px 0 30px 12px; width:100%; box-sizing:border-box; }
.upper_sec .logo img { max-height:60px; }

.icon_navi { position:absolute; top:50%; right:0; transform: translate(0, -50%); display:flex; flex-direction:row; align-items:stretch; text-align:center; justify-content:center; float:right; }
.icon_navi .icons { font-family: inherit; font-size: inherit; height:100%; margin:0 10px; }
.icon_navi div img { width:auto; height:20px; vertical-align:middle; }

.mypage_icon { position:relative; }

.icon_navi .basket_icon { position:relative; }
.icon_navi .rotate_basket { position:absolute; right:-12px; top:-10px; width:20px; height:20px!important; border-radius:20px; background:#333; color:#fff; line-height:20px!important; margin:0!important; }
.icon_navi .search_icon .icon_svg { width:auto; height:17px; }
.icon_navi .search_icon input.MS_search_word.keyword { display:none; text-indent:5px; width:140px; border:0; height:29px; font-size:12px; font-family:Nanum Gothic; box-sizing:border-box; background:#f6f6f6; border-radius:3px; margin:0 10px 0 0; }


.hidden_navi { position:absolute; top:50%; right:0; transform: translate(0, -50%); display:none; flex-direction:row; align-items:stretch; text-align:center; justify-content:center; float:right; }
.hidden_navi div { font-family: inherit; font-size: inherit; height:100%; margin:0 10px; }
.hidden_navi div img { width:auto; height:20px; vertical-align:middle; }

.hidden_navi .basket_icon { position:relative; }
.hidden_navi .rotate_basket { position:absolute; right:-12px; top:-7px; width:20px; height:20px!important; border-radius:20px; background:#333; color:#fff; line-height:20px!important; margin:0!important; }
.hidden_navi .search_icon .icon_svg { width:auto; height:17px; }
.hidden_navi .search_icon input.MS_search_word.keyword { display:none; text-indent:5px; width:140px; border:0; height:29px; font-size:12px; font-family:Nanum Gothic; box-sizing:border-box; background:#f6f6f6; border-radius:3px; margin:0 10px 0 0; }


.cate_wrap { width:1000px; display:flex; float:left; }  
.cate_wrap .cate_item { flex-grow:1; font-size:12px; position:relative; text-align:center; height:40px; }
.cate_wrap .cate_item a { display:block; width:100%; height:100%; line-height:40px; color:#2b2626; }
.cate_wrap .cate_item .depth_cate { position:absolute; top:40px; left:50%; margin-left:-80px; text-align:center; width:160px; background:#fff; z-index:30; box-sizing:border-box; padding:15px 10px; transform-origin:left top; transform:scaleY(0); visibility:hidden; transition: all 0.2s; }
.cate_wrap .cate_item .depth_cate a { line-height:20px; }
.cate_wrap .cate_item.on_mouse .depth_cate { visibility:visible; transform:scaleY(1); }

#small_icon img { width:60%; }

.hidden_logo { float:left; height:40px; text-align:center; display:none; align-items:center; padding:0 10px; }
.hidden_logo.active { display:flex; }
.hidden_logo img { height:20px; width:auto; }



.product_items .info_wrap { position:relative; }
.info_wrap .con { text-decoration:line-through; display:inline-block; }
.info_wrap .prices { display:inline-block; }

.product_items .thumb { margin:0 0 15px; overflow:hidden; }
.product_items .thumb img { width:100%; }

.product_items .colorbox { display:table; margin:0 0 7px; }
.product_items .colorbox li { width:12px; height:12px; display:inline-block; margin:0 4px 0 0; box-sizing:border-box; border:1px solid #bbb; }
.product_items .colorbox li:last-child { margin:0; }

.product_items .names { margin:0 0 7px; color:#555; }
.product_items .names a { color:#555; }
.product_items .subnames { margin:0 0 10px; }
.product_items .subnames a { color:#a8a8a8; }

.product_items .prices { color:#555; font-weight:bold; }
.product_items .item_de { color:#555; margin:10px 0 0; }

.product_items .snap_review_count { position:absolute; top:0; right:0; color:#a8a8a8; font-weight:300; font-size: 12px; padding-bottom:0px; }


.floating_ev { display:table; position:absolute; left:50%; bottom:-25px; transform: translate(-50%, 0); z-index:99;
-webkit-animation:keepfloat 1.3s ease-in-out infinite alternate;
-moz-animation:keepfloat 1.3s ease-in-out infinite alternate;
animation:keepfloat 1.3s ease-in-out infinite alternate; }

.hidden_navi .floating_ev { left:0; }

@-webkit-keyframes keepfloat{
    0% { bottom:-25px; }
    50% { bottom:-20px }
}

@-moz-keyframes keepfloat{
    0% { bottom:-25px; }
    50% { bottom:-20px }
}

@keyframes keepfloat{
    0% { bottom:-25px; }
    50% { bottom:-20px }
}

.thumb_sw { position:relative; }
.jh_preview_cart { position:absolute; left:50%; bottom:-20px; width:50px; height:50px; z-index:40; transform: translate(-50%, 0); opacity:0; transition:all 0.2s; }
.jh_preview_cart.hhover { opacity:1; bottom:20px; }
.jh_preview_cart img { width:100%; }
/* BASIC css end */