@charset "UTF-8";

header{position:fixed;left:0;top:0;width:100%;min-height:50px;background:rgba(255,255,255,1);transition:all 0.5s;z-index:11;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
body.main header{
    background:#fff;
    box-shadow:none
}

body.main header.scroll{background:rgba(255,255,255,1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}

header .inwrap{position:relative;padding:0 60px 0 50px}
header .logo{text-align:center;padding:7px 0 0 0;
}
header .logo a{display:block}
header .logo img{max-width:50%;max-height:30px;}
header i{
    font-size:25px;
    color:#ffc89b;
}
header .side_menu,
header .myshop,
header .top_search,
header .top_cart{display:block;position:absolute;top:50%;font-size:0;line-height:0}
header .side_menu{left:15px;margin-top:-12px}
header .myshop{right:45px;margin-top:-10px}
header .top_search{right:12px;margin-top:-10px}
header .top_cart{right:12px;margin-top:-10px}
header .navi_g,
header .sub_top{display:none}

/* search */
.header_search{display:none;position:fixed;left:0;top:0;width:100%;z-index:100}
.header_search .search_bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7)}
.header_search ._header_search .ly_ct{overflow:visible}
.header_search ._header_search .layer_search_content .search_bx_area{display:block;width:auto}
.header_search ._header_search .layer_search_content .search_bx_area:after{content:"";display:block;clear:both}
.header_search ._header_search .layer_search_content .search_bx_area .latest_search_tab{float:left;display:block;width:50%;padding:5px;box-sizing:border-box;}
.header_search ._header_search .layer_search_content .search_bx_area .latest_search_tab.on{border-bottom-color:#222}
.header_search ._header_search .layer_search_content .search_bx_area .latest_search_list_box{background:#f9f9f9}
.header_search ._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li{border-bottom:0;border-top:1px solid #e5e5e5}
.header_search ._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li a{font-size:11px;padding:6px}

/* side */
#wrap nav .nav_bg_box .nav_box .nav_iscroll_box{overflow-y:auto}
.member_menu{background:#fff;overflow:hidden;padding:23px 0}
.member_menu ul{overflow:hidden;text-align:center}
.member_menu ul li{display:inline-block;position:relative}
.member_menu ul li + li:after{content:"";display:block;width:1px;height:8px;background:#000;position:absolute;top:50%;left:-2px;margin-top:-4px;-ms-transform:rotate(25deg) scale(1) skew(1deg) translate(0px);-webkit-transform:rotate(25deg) scale(1) skew(1deg) translate(0px);-moz-transform:rotate(25deg) scale(1) skew(1deg) translate(0px);-o-transform:rotate(25deg) scale(1) skew(1deg) translate(0px)}

.member_menu ul li a{
    color:#000;
    letter-spacing:-0.1px;
    display:inline-block;
    padding:0 7px;
    font-size:10px;
    font-family: 'GmarketSansMedium';
}

.nav_tabmenu_box{padding-top:0;margin:0 14px}
.nav_tabmenu_box .nav_tabmenu{margin-bottom:15px}
.nav_tabmenu_box .nav_tabmenu li:nth-child(1) span,
.nav_tabmenu_box .nav_tabmenu li:nth-child(2) span{
    display:block;
    height:30px;
    line-height:30px;
    margin:0;
    padding:0;
    background:none;
    border:1px solid #ffc89b;
    font-size:10px;
    font-family: 'GmarketSansMedium';
    color:#000;
    border-radius: 20px;
}

.nav_tabmenu_box .nav_tabmenu li:nth-child(1) span{margin-right:5px;}
.nav_tabmenu_box .nav_tabmenu li:nth-child(2) span{margin-left:5px;}

.nav_tabmenu_box .nav_tabmenu li.on span{
    background:#ffc89b;
    border-color:#ffc89b;
    color:#fff;
    border-radius: 20px;
    font-family: 'GmarketSansMedium';
    font-size: 11px;
}

.nav_category .side_cate{margin-bottom:15px}
.nav_category .side_cate > li .cate_menu > span{position:relative;display:inline-block;vertical-align:middle;left:15px;width:9px;height:1px;background:#222;margin:-2px 0 0 5px}
.nav_category .side_cate > li .cate_menu > span:after{content:"";display:block;position:absolute;left:4px;top:-4px;width:1px;height:9px;background:#222;}
.nav_category .side_cate > li.on .cate_menu > span:after{display:none}
.nav_category .side_cate .category_all{display:none;margin:0 18px;padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}

.nav_category .side_cate > li > a{
    display:block;
    height:40px;
    padding-left:18px;
    font-size:12px;
    line-height:42px;
    color:#000;
    font-family: 'GmarketSansMedium';
}

.nav_category .side_cate .category_side{width:auto;}
.nav_category .side_cate .category_side > li{position:relative;}
.nav_category .side_cate .category_side > li:after{content:"";display:block;width:2px;height:2px;position:absolute;left:4px;top:15px;background:#777}
.nav_category .side_cate .category_side > li a{
    height:34px;
    line-height:34px;
    font-size:11px;
    color:#555;
    font-family: 'GmarketSansMedium';
    padding:0;
}
.nav_category .side_cate .category_side > li a.on{color:#000;font-weight:600}
.nav_category .side_cate .category_side > li ul{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:20px}
.nav_category .side_cate .category_side > li ul li{padding-left:10px}
.nav_category .side_cate .category_side > li ul ul{border-bottom:0}

.side_search ._header_search .layer_search_box{background:none;border:1px solid #000}
.side_search ._header_search .layer_search_box dl{padding:0;margin-right:50px}
.side_search ._header_search .layer_search_content{display:none}
.side_search ._header_search .layer_search_box dl dd .keyword_box input{border:0;font-size:13px;}
.side_search .h_search_close_btn,
.side_search ._header_search .layer_search_box dl dd .keyword_box button{display:none !important}
.side_search .h_search_btn{font-size:0;line-height:0;top:0;right:0;width:40px;height:40px;border:0;background:#000 url(http://m.ranicake.com/data/skin/mobile/jeonyul/urban/images/common/search.png) no-repeat center;}

.side_footer{padding:15px 10px 40px}
.side_footer .phone{font-size:18px;font-weight:600;margin-bottom:5px;}
.side_footer .phone i{display:inline-block;margin-right:5px}
.side_footer .runtime{margin-bottom:10px}

.side_footer .copy{
    font-size:5px;
    color:#666;
    font-family: 'GmarketSansMedium';
}

#wrap.jd nav .left_close{left:300px;background-size:70% auto}