/* BASIC css start */
body { font-family:'NanumSquare', sans-serif; font-weight:400; overflow-x:hidden; }

/* 햄버거 */
aside {position:fixed; width:100%; height:100%; top:0; left:0; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none; overscroll-behavior: contain; }
aside.active { display:block; }
aside .logo_section { width:96%; margin:0 auto; padding:35px 20px 10px; position:relative; box-sizing:border-box; }
aside .logo_section .close_btn svg { height:20px; }
aside .logo_section .logo { height:40px; }
aside .logo_section .logo img { height:100%; }
aside .logo_section .close_btn { position:absolute; right:10px; top:50%; transform: translate(0, -50%); }

aside .user_info_wrap { width:96%; margin:0 auto; padding:10px 20px 30px; box-sizing:border-box; }
aside .user_info_wrap .txt_wrap { color:#acacac; font-size:10pt; margin:0 0 20px; }
aside .user_info_wrap .txt_wrap h3 { font-size:12pt; color:#303030; margin:0 0 7px; }

aside .user_info_wrap .user_btnwrap { width:60%; height:30px; margin:0; }
aside .user_info_wrap .user_btnwrap .user_btn { float:left; position:relative; box-sizing:border-box; width:calc(50% - 4px); margin:0 2px; text-align:center; height:30px; border:1px solid #303030; }
aside .user_info_wrap .user_btnwrap .user_btn .float_point { position:absolute; bottom:-25px; left:50%; width:55px; transform: translate(-50%, 0);
    -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; }
aside .user_info_wrap .user_btnwrap .user_btn .float_point img { width:100%; }
aside .user_info_wrap .user_btnwrap a { display:block; color:#303030; line-height:30px; }
aside .user_info_wrap .user_btnwrap .log_btn a { background:#303030; color:#fff; }

@-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 }
}

aside .user_info_wrap .user_mypage { width:100%; display:flex; padding:30px; border:1px solid #d2d2d2; box-sizing:border-box; }
aside .user_info_wrap .user_mypage .mypage_sec { flex-grow:1; text-align:center; }

aside .icon_box { width:30px; margin:0 auto 10px; }
aside .icon_box img { width:100%; }

aside .ham_navi { width:90%; display:flex; margin:0 0 30px 2%; gap:10px; box-sizing:border-box; padding:0 20px; }
aside .ham_navi li { flex-grow:1; text-align:center; position:relative; padding:10px 0; background:#f5f5f5; flex-basis:0; }
aside .ham_navi li .count { position:absolute; box-sizing:border-box; width:27px; height:27px; line-height:27px; text-align:center; border-radius:27px; background:#444; color:#fff; right:5px; top:-10px; }

aside .visual_line { width:94%; height:1px; background:#dcdcdc; margin:0 auto; }

aside .cate_board { margin:0; padding:30px; width:100%; overflow:hidden; box-sizing:border-box; }
aside .cate_board div { font-size:1.5rem; font-weight:400; line-height:2.5rem; }
aside .cate_board .board_tit { font-weight:900; margin:0 0 10px; }


aside .buger_btnwrap { width:90%; margin:0 auto 40px; display:flex; gap:10px; text-align:center; }
aside .buger_btnwrap a { flex-grow:1; line-height:30px; border:1px solid #303030; border-radius:5px; font-size:10pt; }

aside .customer_call { font-size:1rem; line-height:1.5rem; margin:0; padding:30px 30px 10px; width:100%; overflow:hidden; box-sizing:border-box; }
aside .customer_call .number_box { font-size:1.3rem; }
aside .customer_call a { margin-top:50px; display:block; }

aside .sloganLogo { font-size:.7rem; margin:0; padding:30px; width:100%; overflow:hidden; box-sizing:border-box; }
aside .sloganLogo span { font-size:.5rem; display:block; }

aside .copyright_sec { width:100%; margin:30px auto; text-align:center; font-size:10pt; color:#717171; }

aside .cate_board .cate_wrap.notice { margin:0; }
aside .cate_board .cate_wrap.notice .depth_cate { font-size:10pt; }

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */


.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}
#header {width:100%;}
#header .top-pt-01 {position:fixed; top:0; left:0; right:0; z-index:100;}
#header .top-pt-02 {position:fixed; top:0; left:0; right:0; z-index:100;}
#header .headerTop {min-width:275px; text-align:center; padding-right:45px; background-color:#3e4347;}
#header .headerTop a {width:25%; height: 36px; line-height: 36px; background-color:#3e4347; color:#fff; display:inline-block; border-left:1px solid #373737; margin-left:-1px;}
#header .headerTop a .fa {vertical-align:top; position: relative; top:12px;}
#header .headerBottom {padding:0 10px; margin-bottom: 20px;}
#header .headerBottom h1 {font-size:2.333em;}
#header .headerBottom .headerBottomLeft {float:left; margin-top: 22px;}
#header .headerBottom .headerBottomRight {float:right; margin-top: 20px;}
#header .headerBottom .headerBottomRight a {margin-left:17px; color:#7d7d7d;}
#header .headerBottom .headerBottomRight a .fa-bookmark-o {color:#f1494d;}
#header .headerBottom .headerBottomRight .cart {position:relative;}
#header .headerBottom .headerBottomRight .cart sup {width:12px; height:12px; background-color:#f1191f; color:#fff; border-radius:6px; position:absolute; top:-12px; right:-5px; text-align: center; line-height: 12px;}

.pagecate_wrap { width:98%; margin:0 auto; }
.pagecate_wrap .items { display:grid; grid-template-columns: repeat(2, minmax(50%, auto)); gap:50px 10px; align-content: stretch; }
.pagecate_wrap .items li { position:relative; }
.pagecate_wrap .items .item_thumb { width:100%; position:relative; }
.pagecate_wrap .items .item_thumb img { width:100%; }

/* 아이템 리스트 */

.wrap_tit { font-size:1rem; margin:120px auto 60px; text-align:center; }
.wrap_tit h3 { font-size:1.2rem; font-weight:900; }

.item_wrap { display:grid; width:100%; margin:0 auto 60px; max-width:1700px; gap:80px 15px; }
.item_wrap.grid3 { grid-template-columns: repeat(3, 1fr); }
.item_wrap.grid4 { grid-template-columns: repeat(4, 1fr); }
.items { position:relative; }
.items .item_thumb { width:100%; position:relative; }
.items .item_thumb img { width:100%; }

.item_thumb { position:relative; }

.thumb_season { position:absolute; width:35px; height:35px; bottom:0; right:0px; }
.thumb_season img { width:100%; }

.item_info { position:relative; }
.items .colorbox { display:table; margin:7px 0; line-height:5px; }
.items .colorbox div { width:12px; height:12px; display:inline-block; margin:0 4px 0 0; box-sizing:border-box; border:1px solid #cfcfcf; border-radius:12px; }
.items .colorbox div:last-child { margin:0; }
.items .items_name { color:#555; margin:0 0 7px; }
.items .items_subname { color:#a8a8a8; margin:0 0 7px; }
.items .items_price_wrap { font-weight:800; color:#555; }

.items .jh_discount_wrap { position:relative; }
.items .priceStrike { color:#a8a8a8; }
.items .jh_discount_rate { position:absolute; right:10px; top:0; font-size:11pt; color:#c10d0d; font-style:italic; }

.header_wrap { position:relative; background:#fff; width:100%; }
.header_wrap.fixed { position:fixed!important; left:0; top:0; z-index:99; }
.renewal_header { height:120px; position:relative; background:#fff; max-width:1700px; margin:0 auto; }
.renewal_header.fixed { position:fixed!important; left:0; top:0; z-index:99; }

.logo_wrap { position:absolute; top:50%; left:0; transform: translate(0, -50%); height:60px; }
.logo_wrap img { height:100%; }

.hidden_logo { position:absolute; top:50%; left:0; transform: translate(0, -50%); height:24px; display:none; }
.hidden_logo img { height:100%; }

.left_menu { position:absolute; top:50%; left:1%; transform: translate(0, -50%); z-index:100; display:none; }

.buger_btn { float:left; margin:0 7px 0 0; }
.buger_btn .fa-2x { font-size:1.8em; }
.user_icon { height:20px; }
.user_icon img { height:100%; }

.icon_navi { background-size:cover; position:absolute; right:1%; top:50%; transform: translate(0, -50%); display:flex; gap:15px; align-items:center; justify-content:center; height:45px; }
.icon_navi .fa-2x { font-size:20px; }
.icon_navi .mobi_cart { float:left; width:20px; height:20px; background:url("//ftp.okkanetdh.jpg3.kr/jh_images/renewal/images/icon/cart_icon.png") no-repeat center; background-size:cover; position:relative; }
.icon_navi .mobi_cart a { display:block; width:100%; height:100%; }
.icon_navi .search_click { float:left; width:20px; height:20px; background:url("//ftp.okkanetdh.jpg3.kr/jh_images/renewal/images/search_icon.png") no-repeat center; background-size:cover;  }
.icon_navi .global_icon { float:left; width:20px; height:20px; background:url("//ftp.okkanetdh.jpg3.kr/jh_images/renewal/images/global_icon.png") no-repeat center; }
.icon_navi .global_icon a { display:block; width:100%; height:100%; }

#header .searchBox {width:150px;}
#header .searchBox input { width:100%; height:30px; text-indent:15px; background:#f6f6f6; border:0; border-radius:15px; -webkit-tap-highlight-color: transparent; box-sizing:border-box; }
#header .btn_search img { width:20px; }

#join .sequence li.now .fa-circle { color:#232323; }

.hidden_userlog { display:none; }

.sub_navi_wrap { position:fixed; right:10px; bottom:110px; z-index:40; }
.sub_navi_wrap div { display:flex; width:30px; height:30px; text-align:center; justify-content:center; align-items:center; }
.sub_navi_wrap div img { width:100%; }

.renewal_mobi_wrap { width:100%; margin:0 auto; padding:0; box-sizing:border-box; overflow:hidden; }

.follow_sec { position:fixed; width:100%; height:50px; line-height:50px; text-align:center; left:0 ;bottom:0; z-index:150; background:#f0f0ee; color:#000; font-size:14pt; font-weight:800; }
.follow_sec a { display:block; width:100%; height:100%; }
.follow_sec img { height:50px; width:auto; }


.burger { display:inline-block; width:20px; }
.burger img { width:100%; }

.wide_userNavi { display:flex; gap:20px; position:absolute; left:120px; top:50%; transform: translate(0, -50%); }

.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; text-align:center; }
.user_basket_quantity { margin:0; padding:0; }

.icons .MK-product-icons { display:flex; gap:5px; }
.header_wrap.fixed .hidden_logo { display:block; }
.header_wrap.fixed .logo_wrap { display:none; }
.header_wrap.fixed .renewal_header { height:40px; }
.header_wrap.fixed .wide_userNavi { left:130px; }

.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; }
#small_icon img { width:60%; }

@media screen and (min-width:420px) and (max-width:767px) {
    .tabletOnly {display:none !important;}
}

@media (max-width: 767.98px) {
    .renewal_header { height:60px; }
    .logo_wrap { top:50%; left:50%; transform: translate(-50%, -50%); height:40px; }
    .left_menu { display:block; }
    .wrap_tit { margin:60px auto 30px; }
    .item_wrap.grid3 { grid-template-columns: repeat(2, 1fr)!important; }
    .wide_userNavi { display:none; }
    .detailSection .detail_nav.float_active { top:60px; }
    .more_btn { max-width:160px; margin:40px auto; font-size:.9rem; }
    .header_wrap.fixed .renewal_header { height:60px; }
    .header_wrap.fixed .hidden_logo { display:none; }
    .header_wrap.fixed .logo_wrap { display:block; }
    .searchBox { display:none; }
    
    .sticky_bn { right:10px; }
    .sticky_bn div a { width:40px; height:40px; }
}
/* BASIC css end */