@charset "UTF-8";

/* Arita dotum Medium */
@font-face { font-family: 'Arita-dotum-Medium'; src: url('../../../../../../../gh/projectnoonnu/noonfonts_one-1.0/Arita-dotum-Medium.woff') format('woff'); font-weight: normal; font-style: normal; }

/* Gmarket Sans */
@font-face { font-family: 'GmarketSansMedium'; src: url('../../../../../../../gh/projectnoonnu/noonfonts_2001-1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'GmarketSansBold'; src: url('../../../../../../../gh/projectnoonnu/noonfonts_2001-1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }

/* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */
@font-face {
  font-family: "NanumGothic";
  font-style: normal;
  font-weight: 400;
  src: url("../../../../../../../ea/nanumgothic/v5/NanumGothic-Regular.eot");
  src: url("../../../../../../../ea/nanumgothic/v5/NanumGothic-Regular.eot#iefix") format("embedded-opentype"),
       url("../../../../../../../ea/nanumgothic/v5/NanumGothic-Regular.woff") format("woff2"),
       url("../../../../../../../ea/nanumgothic/v5/NanumGothic-Regular.woff") format("woff"),
       url("../../../../../../../ea/nanumgothic/v5/NanumGothic-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "NanumGothic";
  font-style: normal;
  font-weight: 700;
  src: url("../../../../../../../ea/nanumgothic/v5/NanumGothic-Bold.eot");
  src: url("../../../../../../../ea/nanumgothic/v5/NanumGothic-Bold.eot#iefix") format("embedded-opentype"),
       url("../../../../../../../ea/nanumgothic/v5/NanumGothic-Bold.woff") format("woff2"),
       url("../../../../../../../ea/nanumgothic/v5/NanumGothic-Bold.woff") format("woff"),
       url("../../../../../../../ea/nanumgothic/v5/NanumGothic-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "NanumGothic";
  font-style: normal;
  font-weight: 800;
  src: url("../../../../../../../ea/nanumgothic/v5/NanumGothic-ExtraBold.eot");
  src: url("../../../../../../../ea/nanumgothic/v5/NanumGothic-ExtraBold.eot#iefix") format("embedded-opentype"),
       url("../../../../../../../ea/nanumgothic/v5/NanumGothic-ExtraBold.woff") format("woff2"),
       url("../../../../../../../ea/nanumgothic/v5/NanumGothic-ExtraBold.woff") format("woff"),
       url("../../../../../../../ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf") format("truetype");
}

/* Lato-Regular */
@font-face {
	font-family : "Lato-Regular";
	src :url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Lato-Regular.eot");
	src :url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Lato-Regular.eot#iefix") format("embeded-opentype"),
	url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Lato-Regular.ttf") format("truetype"),
	url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Lato-Regular.woff") format("woff");
}

/* MalgunGothic */
@font-face {
	font-family: "MalgunGothic";
	src: url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/MalgunGothic.eot");
	src: url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/MalgunGothic.eot#iefix") format("embedded-opentype"),
	url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/MalgunGothic.ttf") format("truetype");
}

/* Roboto */
@font-face {
	font-family: "Roboto";
	font-style: normal;font-weight:100;
	src: url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Thin.woff2") format("woff2"),
	url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Thin.woff") format("woff"),
	url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Thin.otf") format("opentype");
}
@font-face {
	font-family: "Roboto";
	font-style:normal;font-weight:300;
	src: url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Light.woff2") format("woff2"),
	url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Light.woff") format("woff"),
	url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Light.otf") format("opentype");
}
@font-face {
	font-family: "Roboto";
	font-style:normal;font-weight:400;
	src: url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Regular.woff2") format("woff2"),
	url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Regular.woff") format("woff"),
	url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Regular.otf") format("opentype"); 
}
@font-face {
	font-family: "Roboto";
	font-style:normal;font-weight:500;
	src: url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Medium.woff2") format("woff2"),
	url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Medium.woff") format("woff"),
	url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Medium.otf") format("opentype"); 
}
@font-face {
	font-family: "Roboto";
	font-style:normal;font-weight:700;
	src: url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Bold.woff2") format("woff2"),
	url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Bold.woff") format("woff"),
	url("http://m.ranicake.com/data/skin/front/jeonyul/urban/fonts/Roboto-Bold.otf") format("opentype"); 
}

/* urban.css - common layout */
*{padding:0;margin:0;font-family: 'Arita-dotum-Medium';
}
body{min-width:320px}

/* title common */
.tit_sub{padding-top:10px}
.tit_sub h2{font-size:15px;padding:12px;text-align:center}

/* company (about us) */
.jd .company{padding:15px 5px 30px;border-top:0; text-align: center;}
.company h3{text-align:center;padding:12px 0;font-size:15px;}
.company .company_top{margin-bottom:10px}
.company .company_top .img_top{margin-bottom:10px}
.company .company_top .img_top img{width:100%}
.company .company_info{padding:20px 10px}
.company .company_info p{line-height:1.3}
.company .company_bnn{margin-bottom:10px}
.company .company_bnn img{width:100%}
.company .bt_info{padding:0 21px}
.company .bt_info strong{color:#000;letter-spacing:3px;margin:30px 0 20px 0;display:inline-block;font-size:12px;padding:0}
.company .bt_info .info_box {display:table;width:100%;margin:0 auto;font-size:11px;color:#555;}
.company .bt_info .info_box dl{display:table-row;height:30px;line-height:22px}
.company .bt_info .info_box dl dt, bt_info dl dd{display:table-cell;word-break:keep-all}
.company .bt_info .info_box dl dt{width:75px;font-weight:600;position:relative}
.company .bt_info .info_box dl dt:after{content:"";display:block;position:absolute;top:5px;right:12px;width:1px;height:10px;background:#ddd}
.company .company_map{margin-top:20px;padding:0 7px}
.company .company_textbox p{
    font-size: 14px;
    line-height: 24px;
    color: #000;
}

/* delivery info */
.delivery_info {
    width: 100%;
    text-align: center;
    display: flex;
}

.delivery_info .delivery_image {
    width: 100%;
}

/* color chip */
.jd .color_chip{text-align:center;margin-top:0}
.jd .color_chip > div{float:none;display:inline-block;width:5px;height:5px;border-radius:100%;margin-top:0}

/* list common */
.jd .goods_prd_content .goods_info_list li{font-size:12px;}
.jd .goods_prd_content .goods_info_list li.prd_name{font-size:12px;color:#000}
.jd .goods_prd_content .goods_info_list li.short_des{font-size:11px;font-weight:normal;color:#666}
.jd .price_percent{position:absolute;right:8px;top:8px;display:inline-block;width:36px;height:36px;border-radius:100%;line-height:36px;white-space:nowrap;background:rgba(0,0,0,0.4);font-size:11px;text-align:center;color:#fff;transition:all 0.5s; opacity: 0%;}

.btn_list_tab{overflow:hidden;padding:20px 0 0}
.btn_list_tab ul{text-align:center}
.btn_list_tab ul li{display:inline-block;vertical-align:top}
.btn_list_tab ul li + li{margin:0 0 0 5px}
.btn_list_tab ul li a{display:block}
.btn_list_tab ul .type1.on a{width:23px;height:23px;background:url('http://m.ranicake.com/data/skin/mobile/jeonyul/urban/images/common/item_1_on.png') no-repeat;}
.btn_list_tab ul .type2.on a{width:23px;height:23px;background:url('http://m.ranicake.com/data/skin/mobile/jeonyul/urban/images/common/item_2_on.png') no-repeat;}
.btn_list_tab ul .type3.on a{width:23px;height:23px;background:url('http://m.ranicake.com/data/skin/mobile/jeonyul/urban/images/common/item_3_on.png') no-repeat;}
.btn_list_tab ul li.on a img{display:none}
#viewType1 .goods_prd_item2.list_num_2{width:100%}
#viewType2 .goods_prd_item2.list_num_2{width:50%}
#viewType3 .goods_prd_item2.list_num_2{width:33.33%}
#viewType1 .goods_prd_item2.list_num_3{width:100%}
#viewType2 .goods_prd_item2.list_num_3{width:50%}
#viewType3 .goods_prd_item2.list_num_3{width:33.33%}

/* list top category */
.top_category{}
.top_category .category_side{
    width:100%;
    overflow:hidden;
}

.top_category .category_side > li{float:left;width:25%;padding:0;}
.top_category .category_side > li > a{height:35px;line-height:35px;padding:0;text-align:center;font-size:11px;font-weight:normal;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;margin-bottom:-1px}
.top_category .category_side > li > a > span{display:none}
.top_category .category_side > li:nth-child(4n) > a {border-right:0}
.top_category .category_side > li > ul{display:none !important}

.goods_list .sub_top{padding-top:20px;border-top:0}
.goods_list .goods_list_category{text-align:center;margin-bottom:10px}
.goods_list .goods_list_category ul li a{position:relative;display:block;font-size:11px;color:#000;padding:5px 10px}
.goods_list .goods_list_category ul li a:before{content:"#";display:inline-block;margin-right:2px}
.goods_list .goods_list_recom{background:#f9f9f9}
.goods_list .goods_list_recom h3{border-bottom:0;text-align:center}
.goods_list .goods_list_recom h3 .more_btn_box{display:none}
.goods_list .goods_list_content .goods_top_box{background:none}
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_sort{display:none}
.goods_list .btn_list_tab{padding-top:10px}
.goods_list .btn_list_tab ul{text-align:center}
.goods_list .more_btn{display:block;width:55%;background:#fff;border:1px solid #e8e8e8;margin:0 auto;padding:10px 0;font-size:11px}
.goods_search .btn_list_tab{padding-top:10px}
.goods_search .btn_list_tab ul{text-align:right}

.goods_prd_item2 .goods_prd_img{position:relative}

/* view (detail) */
.goods_view .detail_tab_info{display:none}
.goods_view .sub_top{padding-top:20px;border-top:0}
.goods_view .detail_info{margin-bottom:20px}
.goods_view .detail_info h3{font-size:13px;text-align:center;margin-bottom:10px}
.goods_view .detail_info .detail_info_top .price_box{text-align:center}
.goods_view .detail_info .detail_info_top .price_box .price{font-size:12px}
.goods_view .share_btn_box ul li.d_share button{background-size:14px;font-size:12px;font-weight:normal}
.goods_view .share_btn_box ul li.d_wish button{background-size:15px;font-size:12px;font-weight:normal}
.goods_view .detail_btm_tab_menu_box{height:auto;border-top:0;border-bottom:0;margin-bottom:10px}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu{position:relative;}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul{display:block;width:100%;margin:0;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul:after{content:"";display:block;clear:both}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li{display:block;float:left;width:25%;height:auto;padding:0;border:0}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected{height:auto;border-bottom:0;padding:0}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li a{display:block;width:auto;height:36px;line-height:36px;font-size:11px;font-weight:normal;border-left:1px solid #ececec}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li:first-child a,
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected a,
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected + li a{border-left:0}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected a{background:#222;color:#fff}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected a span{color:#fff}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li:nth-child(1) a,
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li:nth-child(2) a,
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li:nth-child(3) a,
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li:nth-child(4) a{padding:0}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li a span{display:inline}

.related_goods{margin:0 5px 40px}
.related_goods h3{text-align:center}
.related_goods .goods_prd_item4{display:inline-block}
.related_goods .goods_prd_item4_li .prev,
.related_goods .goods_prd_item4_li .next{display:none !important}
.related_goods .goods_prd_item4 .goods_prd_item4_box{padding:10px 0;margin:0 2px}
.related_goods .goods_prd_item4 .goods_prd_img{padding-bottom:5px}
.related_goods .goods_prd_item4 .goods_prd_img .img_box .img img{border:0}
.related_goods .goods_prd_item4 .color{width:auto !important;text-align:center}
.related_goods .goods_prd_item4 .color > div{float:none;width:6px;height:6px;border-radius:100%;margin:0 2px}
.related_goods .goods_prd_item4 .goods_info_list{margin-top:5px}
.related_goods .goods_prd_item4 .goods_info_list li.prd_name{font-size:11px;font-weight:normal}
.related_goods .goods_prd_item4 .goods_prd_content .goods_info_list li.price .c_price{color:#000}
.related_goods .slick-dots{text-align:center}
.related_goods .slick-dots li{display:inline-block;vertical-align:middle;margin:0 3px}
.related_goods .slick-dots li button{width:7px;height:7px;background:#ddd;border:0;border-radius:100%}
.related_goods .slick-dots li.slick-active button{background:#555}

.openblock .openblock_content{border-top:0}
.openblock_content dl dt{padding-bottom:0}
.openblock_content dl dd{border-bottom:1px solid #dbdbdb;padding-bottom:8px;margin-bottom:4px}

.goods_board_qa_list li .item_list_summary .board_left .author_box .ico_ans1{font-size:11px;color:#666;border:1px solid #ccc;border-radius:3px;padding:3px 3px 1px 3px;margin-right:3px}

.goods_view .detail_write_btn{padding:8px 0;font-size:12px;font-weight:normal;color:#222;border-color:#666}
.goods_view .detail_more_btn{padding:8px 0;font-size:12px;font-weight:normal;color:#222;border-color:#666}
.goods_view .detail_cart_btn{height:36px;line-height:35px;font-size:11px;color:#222;padding:0;font-weight:normal; border-radius: 20px;}
.goods_view .detail_order_btn{height:36px;line-height:35px;font-size:11px;padding:0;font-weight:normal; border-radius: 20px;}
.goods_view .detail_buy .detail_prd_btn{padding:10px 5px}
.goods_view .detail_buy .detail_prd_btn ul li{padding:0 2px}
.goods_view .goods_board_view .uploadFile a img{height:18px;vertical-align:middle}

/* my shopping */
.member_summary .member_name span{font-size:11px}
.member_modify_btn{padding:2px 4px;background:none;border:1px solid #ccc;font-size:11px;color:#666}
.member_summary .member_grade{padding:10px 30px;border:1px solid #ccc}
.member_summary .member_grade .grade_text span{font-size:12px;color:#666}
.member_summary .member_grade .grade_text span strong{font-size:12px;color:#222}
.member_summary .mypage_number_summary{padding:10px 0;border-color:#ccc}
.member_summary .mypage_number_summary ul li a{font-size:12px;padding:5px 0}
.member_summary .mypage_number_summary ul li a span strong{font-size:13px}
.mypage_index .mypage_menu h3{font-size:14px;border-bottom:1px solid #ccc}
.mypage_index .mypage_menu ul li a{font-size:12px;text-indent:10px;background:url(http://m.ranicake.com/data/skin/mobile/jeonyul/urban/images/common/icon_arr_right.gif) no-repeat right center;background-size:auto 70%}

/* board */
.sub_top .sub_top_right2{right:10px;top:10px}
.sub_top .board_btn{padding:2px 4px;font-size:12px;font-weight:normal}
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_img img{height:auto}
.view_default .goods_area h3,
.view_event .goods_area h3{background:none}

/* font-style */
.jd .goods_product_list{margin:0 5px}
.jd .goods_prd_content .goods_info_list li.price{padding-top:5px}
.jd .goods_prd_content .goods_info_list li.price .c_price{color:#333;font-size:11px;}
.jd .goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li a span{color:#333}
.jd .goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected span{color:#fff}

/*»óÇ°»ó¼¼*/