/* 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; }

/* ÃÖ±Ù º» »óÇ° */
#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; background:#fff; }
.renewal_header.fixed { position:fixed; left:0; top:0; z-index:99; }

.logo_wrap { position:absolute; top:50%; left:5%; transform: translate(0, -50%); width:170px; }
.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; }
.icon_navi .global_icon a { display:block; width:100%; height:100%; }
.icon_navi .global_icon img { width: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%; }

.flex_headernavi { display:flex; width:100%; overflow:hidden; background:#000; }
.flex_headernavi.fixed { position:fixed; left:0; top:60px; z-index:99; }
.flex_headernavi div { flex-grow: 1; text-align:center; }
.flex_headernavi a { color:#fff; font-weight:bold; display:block; width:100%; height:30px; line-height:30px; }
/* BASIC css end */