@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face{
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face{ 
	font-family: 'GmarketSansMedium'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal; 
	font-style: normal; 
}
@font-face{ 
	font-family: 'GmarketSansLight'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); 
	font-weight: normal; 
	font-style: normal; 
} 
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; }
a { text-decoration:none; color:#444; }
a:visited{ text-decoration:none; color:#444; }
a:hover{ color:#444; }
img{ border:0px; vertical-align:bottom; }

body{
	margin:0px;
	padding:0px;
}

/* Table */
table{
	border:0px;
	border-spacing:0px;
	border-collapse:collapse;
}
td, th{
	padding:0px;
	word-break:break-all;
}

/* 공통 */
.text_overflow{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.over_flow_hidden{
	overflow:hidden;
}

#wrap{
	max-width:1000px;
	font-family:Nanum Gothic,Helvetica,sans-serif;
	letter-spacing:-1px;
	margin:auto;
}

/* 모바일 환경 */
/* 본문 */
#wrap > #body{
	width:100%;
	background-color:#fff;
	margin-top:80px;
}
#wrap > #body > #body_content{
	position:relative;
	width:100%;
	margin-top:80px;
}
#wrap > #body > #body_content > .content_page_name{
	position:relative;
	color:#000;
	font-size:20px;
	font-family: 'GmarketSansMedium';
	/*font-family: 'GmarketSansBold';*/
	letter-spacing:-1px;
	text-align:center;
	border-bottom:1px solid #eaedee;
	padding:5px 0px 10px 0px;
	margin:auto;
}
#wrap > #body > #body_content > .content_page_name > p{
	position:absolute;
	top:0px;
	left:10px;
}
#wrap > #body > #body_content > .content_page_name > p > a > img{
	height:20px;
}
#wrap > #body > #body_content > ul.content_menu{
	font-size:0px;
	text-align:left;
	border-bottom:1px solid #eaedee;
}
#wrap > #body > #body_content > ul.content_menu > li{
	display:inline-block;
	list-style:none;
	padding:15px 0px;
	margin-right:15px;
}
#wrap > #body > #body_content > ul.content_menu > li:first-child{
	margin-left:10px;
}
#wrap > #body > #body_content > ul.content_menu > li > a{
	color:#666;
	font-size:18px;
	font-weight:500;
}
#wrap > #body > #body_content > ul.content_menu > li.on{
	border-bottom:2px solid #000;
}
#wrap > #body > #body_content > ul.content_menu > li.on > a{
	color:#000;
	font-size:18px;
	font-weight:600;
}

/* 로그인 */
#wrap > #body > #body_content.sub_member_login{
	width:100%;
}
#wrap > #body > #body_content.sub_member_login > #content_wrap{
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
}
#wrap > #body > #body_content.sub_member_login > #content_wrap > #content{
}
#wrap > #body > #body_content.sub_member_login > #content_wrap > #content > .content_info{
	margin:50px auto;
}
#wrap > #body > #body_content.sub_member_login > #content_wrap > #content > .content_info > form > ul{
}
#wrap > #body > #body_content.sub_member_login > #content_wrap > #content > .content_info > form > ul > li{
	list-style:none;
	margin-bottom:10px;
}
#wrap > #body > #body_content.sub_member_login > #content_wrap > #content > .content_info > form > ul > li .input_text{
	width:calc(100% - 40px);
	height:50px;
	color:#000;
	font-size:17px;
	font-weight:400;
	border:1px solid #ddd;
	padding:0px 20px;
}
#wrap > #body > #body_content.sub_member_login > #content_wrap > #content > .content_info > form > ul > li .input_text::placeholder{
	color:#999;
	font-size:17px;
	font-family:Noto Sans KR, Nanum Gothic, Helvetica, sans-serif;
}
#wrap > #body > #body_content.sub_member_login > #content_wrap > #content > .content_info > form > ul > li .input_checkbox{
	width:20px;
	height:20px;
	margin-right:5px;
	vertical-align:bottom;
}
#wrap > #body > #body_content.sub_member_login > #content_wrap > #content > .content_info > form > ul > li:nth-child(3){
	position:relative;
}
#wrap > #body > #body_content.sub_member_login > #content_wrap > #content > .content_info > form > ul > li > .button_box{
	font-size:0px;
	text-align:center;
	margin-top:30px;
}
#wrap > #body > #body_content.sub_member_login > #content_wrap > #content > .content_info > form > ul > li > .button_box > span{
	display:inline-block;
	width:100%;
	height:55px;
	color:#fff;
	font-size:18px;
	font-weight:400;
	text-align:center;
	line-height:50px;
	border-radius:10px;
	background-color:#f16839;
}

/* 회원 정보 수정 */
#wrap > #body > #body_content.sub_member_edit{
	width:100%;
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap{
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content{
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info{
	margin:50px auto;
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info > form > ul{
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info > form > ul > li{
	list-style:none;
	margin-bottom:30px;
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info > form > ul > li.label{
	position:relative;
	color:#000;
	font-size:17px;
	font-weight:500;
	padding-left:10px;
	margin-bottom:10px;
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info > form > ul > li.label::before{
	position:absolute;
	top:2px;
	left:0px;
	width:2px;
	height:17px;
	background-color:#f16839;
	content:"";
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info > form > ul > li .title_desc{
	color:#777;
	background-color:#f5f5f5;
	padding:5px 10px;
	margin-top:10px;
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info > form > ul > li .input_text{
	width:calc(100% - 20px);
	height:40px;
	color:#000;
	font-size:17px;
	font-weight:400;
	border:1px solid #ddd;
	padding:0px 10px;
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info > form > ul > li .input_text1{
	width:150px;
	height:40px;
	color:#000;
	font-size:17px;
	font-weight:400;
	border:1px solid #ddd;
	padding:0px 20px;
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info > form > ul > li #btn_add_category{
	width:120px;
	height:42px;
	line-height:42px;
	color:#fff;
	font-size:15px;
	font-weight:normal;
	border-radius:3px;
	background-color:#999;
	margin-left:5px;
	vertical-align:bottom;
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info > form > ul > li .input_text::placeholder{
	color:#999;
	font-size:17px;
	font-family:Noto Sans KR, Nanum Gothic, Helvetica, sans-serif;
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info > form > ul > li .checkbox_small{
	width:17px;
	height:17px;
	margin-right:3px;
	vertical-align:bottom;
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info > form > ul > li textarea{
	border:1px solid #ddd;
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info > form > ul.button_box{
	margin-top:30px;
	overflow:hidden;
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info > form > ul.button_box > li{
	float:left;
	list-style:none;
	width:calc(50% - 5px);
	height:55px;
	color:#fff;
	font-size:18px;
	font-weight:400;
	text-align:center;
	line-height:50px;
	border-radius:5px;
	background-color:#f16839;
	margin-left:10px;
}
#wrap > #body > #body_content.sub_member_edit > #content_wrap > #content > .content_info > form > ul.button_box > li:first-child{
	background-color:#bbb;
	margin-left:0px;
}

/* 상품등록 */
#wrap > #body > #body_content.sub_member_goods_register{
	width:100%;
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap{
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content{
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content > .content_info{
	margin:50px auto;
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content > .content_info > form > ul{
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content > .content_info > form > ul > li{
	list-style:none;
	margin-bottom:30px;
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content > .content_info > form > ul > li.label{
	position:relative;
	color:#000;
	font-size:17px;
	font-weight:500;
	padding-left:10px;
	margin-bottom:10px;
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content > .content_info > form > ul > li.label::before{
	position:absolute;
	top:2px;
	left:0px;
	width:2px;
	height:17px;
	background-color:#f16839;
	content:"";
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content > .content_info > form > ul > li .title_desc{
	color:#777;
	background-color:#f5f5f5;
	padding:5px 10px;
	margin-top:10px;
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content > .content_info > form > ul > li .input_text{
	width:calc(100% - 20px);
	height:40px;
	color:#000;
	font-size:17px;
	font-weight:400;
	border:1px solid #ddd;
	padding:0px 10px;
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content > .content_info > form > ul > li .input_text1{
	width:150px;
	height:40px;
	color:#000;
	font-size:17px;
	font-weight:400;
	border:1px solid #ddd;
	padding:0px 20px;
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content > .content_info > form > ul > li .input_text::placeholder{
	color:#999;
	font-size:17px;
	font-family:Noto Sans KR, Nanum Gothic, Helvetica, sans-serif;
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content > .content_info > form > ul > li .radio_small{
	vertical-align:middle;
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content > .content_info > form > ul > li textarea{
	border:1px solid #ddd;
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content > .content_info > form > ul.button_box{
	margin-top:30px;
	overflow:hidden;
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content > .content_info > form > ul.button_box > li{
	float:left;
	list-style:none;
	width:calc(50% - 5px);
	height:55px;
	color:#fff;
	font-size:18px;
	font-weight:400;
	text-align:center;
	line-height:50px;
	border-radius:5px;
	background-color:#f16839;
	margin-left:10px;
}
#wrap > #body > #body_content.sub_member_goods_register > #content_wrap > #content > .content_info > form > ul.button_box > li:first-child{
	background-color:#bbb;
	margin-left:0px;
}

/* 상품수정 */
#wrap > #body > #body_content.sub_member_goods_edit{
	width:100%;
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap{
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content{
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content > .content_info{
	margin:50px auto;
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content > .content_info > form > ul{
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content > .content_info > form > ul > li{
	list-style:none;
	margin-bottom:30px;
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content > .content_info > form > ul > li.label{
	position:relative;
	color:#000;
	font-size:17px;
	font-weight:500;
	padding-left:10px;
	margin-bottom:10px;
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content > .content_info > form > ul > li.label::before{
	position:absolute;
	top:2px;
	left:0px;
	width:2px;
	height:17px;
	background-color:#f16839;
	content:"";
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content > .content_info > form > ul > li .title_desc{
	color:#777;
	background-color:#f5f5f5;
	padding:5px 10px;
	margin-top:10px;
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content > .content_info > form > ul > li .input_text{
	width:calc(100% - 20px);
	height:40px;
	color:#000;
	font-size:17px;
	font-weight:400;
	border:1px solid #ddd;
	padding:0px 10px;
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content > .content_info > form > ul > li .input_text1{
	width:150px;
	height:40px;
	color:#000;
	font-size:17px;
	font-weight:400;
	border:1px solid #ddd;
	padding:0px 20px;
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content > .content_info > form > ul > li .input_text::placeholder{
	color:#999;
	font-size:17px;
	font-family:Noto Sans KR, Nanum Gothic, Helvetica, sans-serif;
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content > .content_info > form > ul > li .radio_small{
	vertical-align:middle;
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content > .content_info > form > ul > li textarea{
	border:1px solid #ddd;
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content > .content_info > form > ul.button_box{
	margin-top:30px;
	overflow:hidden;
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content > .content_info > form > ul.button_box > li{
	float:left;
	list-style:none;
	width:calc(50% - 5px);
	height:55px;
	color:#fff;
	font-size:18px;
	font-weight:400;
	text-align:center;
	line-height:50px;
	border-radius:5px;
	background-color:#f16839;
	margin-left:10px;
}
#wrap > #body > #body_content.sub_member_goods_edit > #content_wrap > #content > .content_info > form > ul.button_box > li:first-child{
	background-color:#bbb;
	margin-left:0px;
}

/* 상품목록 */
#wrap > #body > #body_content.sub_goods_list{
	width:100%;
}
#wrap > #body > #body_content.sub_goods_list > #product_wrap{
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
}
#wrap > #body > #body_content.sub_goods_list > #product_wrap > #product{
}
#wrap > #body > #body_content.sub_goods_list > #product_wrap > #product > #product_content{
}
#wrap > #body > #body_content.sub_goods_list > #product_wrap > #product > #product_content ul.item{
}
#wrap > #body > #body_content.sub_goods_list > #product_wrap > #product > #product_content ul.item > li{
	list-style:none;
	margin-bottom:15px;
}
#wrap > #body > #body_content.sub_goods_list > #product_wrap > #product > #product_content ul.item > li > a{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
#wrap > #body > #body_content.sub_goods_list > #product_wrap > #product > #product_content ul.item > li > a > div{
	float:left;
}
#wrap > #body > #body_content.sub_goods_list > #product_wrap > #product > #product_content ul.item > li > a > div:nth-child(1){
	position:relative;
	width:100px;
	height:100px;
	border-radius:5px;
	background-size:cover !important;
	background-position:center center !important;
}
#wrap > #body > #body_content.sub_goods_list > #product_wrap > #product > #product_content ul.item > li > a > div:nth-child(2){
	width:calc(100% - 115px);
	height:150px;
	color:#000;
	margin-left:15px;
}
#wrap > #body > #body_content.sub_goods_list > #product_wrap > #product > #product_content ul.item > li > a > div:nth-child(2) > .name{
	font-size:18px;
	font-weight:600;
	margin-top:0px;
}
#wrap > #body > #body_content.sub_goods_list > #product_wrap > #product > #product_content ul.item > li > a > div:nth-child(2) > .name > .number{
	display:inline-block;
	color:#fff;
	font-size:20px;
	border-radius:3px;
	background-color:#77a6a5;
	padding:8px 15px;
	margin-right:5px;
}
#wrap > #body > #body_content.sub_goods_list > #product_wrap > #product > #product_content ul.item > li > a > div:nth-child(2) > .price{
	font-size:18px;
	font-weight:500;
	margin-top:7px;
}
/*#wrap > #body > #body_content.sub_goods_list > #product_wrap > #product > #product_content ul.item > li > a > div:nth-child(2) > .desc{
	font-size:20px;
	font-weight:500;
	line-height:25px;
	margin-top:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}*/
#wrap > #body > #body_content.sub_goods_list > #product_wrap > #product > #product_content ul.item > li > a > div:nth-child(2) > .spicy{
	font-size:17px;
	font-weight:500;
	margin-top:10px;
}
#wrap > #body > #body_content.sub_goods_list > #product_wrap > #product > #product_content ul.item > li > a > div:nth-child(2) > .spicy img{
	height:19px;
	vertical-align:middle;
}

/* 상품상세 */
#wrap > #body > #body_content.sub_goods_view{
	width:100%;
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap{
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap > #subpage{
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap > #subpage > #subpage_content{
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap > #subpage > #subpage_content .photo{
	position:relative;
	border-radius:10px;
	overflow:hidden;
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap > #subpage > #subpage_content .photo > p{
	position:absolute;
	top:0px;
	right:20px;
	width:60px;
	height:63px;
	color:#fff;
	font-size:25px;
	font-weight:600;
	text-align:center;
	background:url(/images/icon_ribbon.png) no-repeat;
	background-size:cover !important;
	opacity:0.7;
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap > #subpage > #subpage_content .photo > p > span{
	display:block;
	margin-top:10px;
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap > #subpage > #subpage_content .photo img{
	width:100%;
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap > #subpage > #subpage_content > .name{
	font-size:25px;
	font-weight:600;
	margin-top:20px;
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap > #subpage > #subpage_content > .price{
	font-size:20px;
	font-weight:600;
	margin-top:20px;
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap > #subpage > #subpage_content > .spicy{
	font-size:18px;
	font-weight:500;
	margin-top:20px;
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap > #subpage > #subpage_content > .spicy img{
	margin-left:10px;
	vertical-align:middle;
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap > #subpage > #subpage_content > .desc{
	font-size:20px;
	font-weight:500;
	line-height:25px;
	margin-top:20px;
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap > #subpage > #subpage_content > .photo_etc{
	border-top:1px solid #eaedee;
	padding-top:20px;
	margin-top:20px;
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap > #subpage > #subpage_content > .photo_etc > p{
	border-radius:10px;
	margin-bottom:20px;
	overflow:hidden;
}
#wrap > #body > #body_content.sub_goods_view > #subpage_wrap > #subpage > #subpage_content > .photo_etc > p > img{
	width:100%;
}