/* BASIC css start */
.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;}
#header .search { height:42px; position:relative; left:0; bottom:-60px; background-color:#fff; padding-right:45px; text-align:center; display:none; z-index:10; }
#header .search .searchBox {width:100%;}
#header .search .searchBox input { width:90%; height:30px; border:1px solid #aaa; margin-top: 6px; padding: 0 5px; -webkit-tap-highlight-color: transparent; box-sizing:border-box; }
#header .search .btn_search {width:45px; height:42px; line-height:42px; background-color:#fff; position:absolute; top:0; right:0; color:#252525; text-align:center;}
#header .search .btn_search .fa-2x { font-size:1.2em; }

/* 햄버거 */
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 .gray_section { background:#303030; padding:35px 10px; position:relative; }
aside .gray_section .close_btn svg { height:20px; fill:#fff; }
aside .gray_section .logo { width:120px; }
aside .gray_section .logo img { width:100%; }
aside .gray_section .close_btn { position:absolute; right:10px; top:50%; transform: translate(0, -50%); }

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

aside .user_info_wrap .user_btnwrap { width:90%; height:30px; margin:0 auto; }
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; line-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; }
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:96%; display:flex; margin:0 auto; padding:30px 0; border-bottom:1px solid #d2d2d2; box-sizing:border-box; }
aside .ham_navi li { flex-grow:1; text-align:center; position:relative; }
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 .cate_board { margin:0 0 30px; padding:30px; width:100%; overflow:hidden; box-sizing:border-box; }
aside .cate_board .buger_tit { font-size:12pt; font-weight:bold; margin:0 0 10px; }

aside .cate_board .cate_wrap { font-size:10pt; margin:0 0 20px; }
aside .cate_board .cate_wrap li { line-height:18pt; }
aside .cate_board .board_wrap li { line-height:18pt; }
aside .cate_board .cate_wrap .depth_cate { margin:5px 10px; display:none; }
aside .cate_board .cate_wrap .p_cate { position:relative; }
aside .cate_board .cate_wrap .p_cate.active::after { content:"∨"; position:absolute; right:10px; top:0; }
aside .cate_board .cate_wrap .p_cate.active { font-weight:800; }
aside .cate_board .cate_wrap .p_cate.active .depth_cate { display:block; font-weight:400; }

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 .copyright_sec { width:100%; margin:0 auto 30px; text-align:center; font-size:10pt; color:#717171; }

/* 최근 본 상품 */
#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;}
/* //최근 본 상품 */

body { font-family:'NanumSquare', sans-serif; font-weight:400; }
.normal { font-weight:400; }
.bold { font-weight:700; }
.bolder { font-weight:800; }
.light { font-weight:300; }

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

.item_info { font-size:8pt; position:relative; }
.items .colorbox { display:table; margin:7px 0; line-height:5px; box-sizing:border-box; }
.items .colorbox li { width:10px; height:10px; display:inline-block; margin:0 2px 0 0; box-sizing:border-box; border:1px solid #bbb; }
.items .colorbox li: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:0; top:0; font-size:11pt; color:#c10d0d; font-style:italic; }

.jh_preview_cart { position:absolute; right:0; bottom:0; width:20px; }
.jh_preview_cart img { width:100%; }

.renewal_header { height:60px; position:relative; }
.renewal_header.fixed { position:fixed; left:0; top:0; z-index:99; }

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

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

.buger_btn { float:left; margin:0 7px 0 0; }
.buger_btn .fa-2x { font-size:1.8em; }
.user_icon { float:left; 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:7px; }
.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; }
.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%; }

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

.hidden_userlog { display:none; }

.sub_navi_wrap { position:fixed; right:10px; bottom:60px; 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%; }

font { color:#cc4533!important; }
/* BASIC css end */