@charset "utf-8";

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../../../css/fonts/roboto-v20-latin-300.eot');
    src: local(※),url('../../../css/fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'),url('../../../css/fonts/roboto-v20-latin-300.woff2') format('woff2'),url('../../../css/fonts/roboto-v20-latin-300.woff') format('woff'),url('../../../css/fonts/roboto-v20-latin-300.ttf') format('truetype'),url('../../../css/fonts/roboto-v20-latin-300.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../../../css/fonts/roboto-v20-latin-regular.eot');
    src: local(※),url('../../../css/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),url('../../../css/fonts/roboto-v20-latin-regular.woff2') format('woff2'),url('../../../css/fonts/roboto-v20-latin-regular.woff') format('woff'),url('../../../css/fonts/roboto-v20-latin-regular.ttf') format('truetype'),url('../../../css/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../../../css/fonts/roboto-v20-latin-500.eot');
    src: local(※),url('../../../css/fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'),url('../../../css/fonts/roboto-v20-latin-500.woff2') format('woff2'),url('../../../css/fonts/roboto-v20-latin-500.woff') format('woff'),url('../../../css/fonts/roboto-v20-latin-500.ttf') format('truetype'),url('../../../css/fonts/roboto-v20-latin-500.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../../../css/fonts/roboto-v20-latin-700.eot');
    src: local(※),url('../../../css/fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'),url('../../../css/fonts/roboto-v20-latin-700.woff2') format('woff2'),url('../../../css/fonts/roboto-v20-latin-700.woff') format('woff'),url('../../../css/fonts/roboto-v20-latin-700.ttf') format('truetype'),url('../../../css/fonts/roboto-v20-latin-700.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('../../../css/fonts/noto-sans-kr-v38-korean-300.eot');
    src: local(※),url('../../../css/fonts/noto-sans-kr-v38-korean-300.eot?#iefix') format('embedded-opentype'),url('../../../css/fonts/noto-sans-kr-v38-korean-300.woff2') format('woff2'),url('../../../css/fonts/noto-sans-kr-v38-korean-300.woff') format('woff'),url('../../../css/fonts/noto-sans-kr-v38-korean-300.ttf') format('truetype'),url('../../../css/fonts/noto-sans-kr-v38-korean-300.svg#NotoSansKR') format('svg');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('../../../css/fonts/noto-sans-kr-v38-korean-regular.eot');
    src: local(※),url('../../../css/fonts/noto-sans-kr-v38-korean-regular.eot?#iefix') format('embedded-opentype'),url('../../../css/fonts/noto-sans-kr-v38-korean-regular.woff2') format('woff2'),url('../../../css/fonts/noto-sans-kr-v38-korean-regular.woff') format('woff'),url('../../../css/fonts/noto-sans-kr-v38-korean-regular.ttf') format('truetype'),url('../../../css/fonts/noto-sans-kr-v38-korean-regular.svg#NotoSansKR') format('svg');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url('../../../css/fonts/noto-sans-kr-v38-korean-500.eot');
    src: local(※),url('../../../css/fonts/noto-sans-kr-v38-korean-500.eot?#iefix') format('embedded-opentype'),url('../../../css/fonts/noto-sans-kr-v38-korean-500.woff2') format('woff2'),url('../../../css/fonts/noto-sans-kr-v38-korean-500.woff') format('woff'),url('../../../css/fonts/noto-sans-kr-v38-korean-500.ttf') format('truetype'),url('../../../css/fonts/noto-sans-kr-v38-korean-500.svg#NotoSansKR') format('svg');
}

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select, figure {
	margin:0;
	padding:0;
}


caption{display:none}

/* 목록 */
ol, ul,li {list-style:none; padding:0; margin:0}

/* 테두리 없애기 */
fieldset, img, abbr,acronym {border:0 none;}


/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
	border-collapse: separate;
}

/* 텍스트 관련 요소 초기화 */
address, caption, em, cite, th {
	font-weight:normal;
	font-style:normal;
}
ins {text-decoration:none;}
del {text-decoration:line-through;}

/* body 스타일 */
* {
	color:#000000;
	font-size:14px;
	font-family: 'Noto Sans KR', 'Roboto', sans-serif;
	font-weight:400;
}

@media screen and (max-width:768px) { 
	* {font-size:14px;}
}

/* 링크 */
a, a:link {color:#4e4e4e;text-decoration:none;} 
a:visited {color:#4e4e4e;text-decoration:none;}
a:hover {color:#31456f;text-decoration:none;}
a:focus {color:#4e4e4e;text-decoration:underline;}
a:active {color:#4e4e4e;text-decoration:none;} 

/* 이미지, 폼관련 요소 */
label, select, input, textarea {
	vertical-align:middle;
	box-sizing:border-box;
}

/* 라디오버튼,체크박스버튼 디자인스타일 */
input[type="checkbox"] {
	width:20px;
	height:20px;
}

input[type="radio"] {
	appearance: none;
	box-shadow: 0 0 0 5px #dddddd;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right:10px;
}

input[type="radio"]:checked {
	box-shadow: 0 0 0 5px #2B6CCD;
}

.input_,select {padding:10px;border:1px solid #D8D8D8;margin:1px 0;box-sizing:border-box;border-radius:5px}
textarea {box-sizing:border-box;}
.width_50 {width:50px}
.width_100 {width:100px}
.width_200 {width:200px}
.width_300 {width:300px}
.width_400 {width:400px}
.width_500 {width:500px}
.width_600 {width:600px}
.width_1000 {width:100%}

select{
	background-color:#EAEEFF;
	padding:5px 10px;
	vertical-align:middle;
}

/* 설명 */
div.mess {margin-top:10px;color:#838383;line-height:1.3em;font-size:0.9rem}
span.mess {margin-left:10px;color:#838383;font-size:0.9rem}
div.guid {margin-top:10px;padding:10px;background-color:#efefef;border:1px solid #dddddd;border-radius:10px;font-size:0.9rem}

.goodsNumberIcon {position:relative;left:0px;top:0px;}
.goodsNumberIcon img {display:block;position:absolute;z-index:1; left:0px; top:0px;}

/* 카테고리 네비게이션 */
.category_m {letter-spacing: 0px;}

/* 필수입력마크 */
.p {color:red;padding-right:6px}

/* 약관 */
.member_agree h1 {margin-bottom:5px}
.member_agree h2 {margin-bottom:5px;font-size:16px}
.member_agree ol {margin-bottom:15px;padding-left:20px}
.member_agree p {margin-bottom:15px;padding-left:20px}


/* 상품구매 가격내역 정보 */
.userinfo_priceinfo {margin-top:20px}
.userinfo_priceinfo > ul {display:flex;flex-wrap:wrap;border-top:2px solid #909090;border-bottom:1px solid #909090}
.userinfo_priceinfo > ul > li {width:25%;text-align:center;border-right:1px solid #dddddd;box-sizing:border-box;position:relative}
.userinfo_priceinfo > ul > li:last-child {border-right:0;color:#C43B59}
.userinfo_priceinfo > ul > li:last-child > dl > dd {color:#2B6CCD}
.userinfo_priceinfo > ul > li > div {position:absolute;left:100%;top:60%;z-index:1;transform:translateX(-50%);}
.userinfo_priceinfo > ul > li > dl > dt {background-color:#ececec;padding:10px 0}
.userinfo_priceinfo > ul > li > dl > dd {background-color:#ffffff;padding:15px 0;font-family: 'Roboto','Noto Sans KR';font-weight:700;font-size:1.2rem}
.userinfo_priceinfo .add_kg_text {text-align:right;padding:10px 0;color:#867555;}

@media screen and (max-width:768px) { 
	.userinfo_priceinfo > ul > li {width:50%;box-sizing:border-box;}
	.userinfo_priceinfo > ul > li:nth-child(2) {border-right:0}
	.userinfo_priceinfo > ul > li:nth-child(2) div {display:none}
}

.userinfo_priceinfo2 {border-bottom:1px solid #dddddd;padding-bottom:10px;margin-bottom:10px}
.userinfo_priceinfo2 span {display:inline-block;width:120px;}
.total_price_show {color:red;font-family:'Roboto';font-size:20px}

/* 장바구니 수량 */
.cartnum_box {border-collapse:collapse;background-color:#ffffff}
.cartnum_box td {border:1px solid #dddddd;padding:0;}
.cartnum_box td input {border:0;text-align:center}

/* 장바구니스탭 */
.cart_title_wrap {padding:50px 0}
.cart_title_wrap > h2 {text-align:center;font-size:2.3rem;font-weight:700;margin-bottom:10px}
.cart_title_wrap > p {text-align:center;font-size:1.1rem;color:#7a7a7a;margin-bottom:30px}
.cart_title_wrap > ul {display:flex;justify-content:center;flex-wrap:wrap}
.cart_title_wrap > ul > li {display:flex;align-items:center;background:url('../../../image/icon_next.gif');background-repeat:no-repeat;background-Position:85% 50%;padding-right:50px;box-sizing:border-box;margin-bottom:7px}
.cart_title_wrap > ul > li:last-child {background:url('');}
.cart_title_wrap > ul > li div {width:45px;height:45px;background-color:#000000;color:#ffffff;font-weight:bolder;font-family:'Roboto','Noto Sans KR';display:flex;align-items:center;justify-content:center;font-size:1.2rem;border-radius:100%}
.cart_title_wrap > ul > li p {padding:0 15px;font-size:1.3rem}
.cart_title_wrap > ul > li.active div {background-color:#2B6CCD}
.cart_title_wrap > ul > li.active p {color:#2B6CCD;font-weight:700}

@media screen and (max-width:768px) { 
	.cart_title_wrap > ul > li {width:50%;}
	.cart_title_wrap > ul > li div {width:30px;height:30px;font-size:1rem;}
	.cart_title_wrap > ul > li p {padding:0 15px;font-size:1rem}
}

/* 장바구니 담은 내역 */
.cart_list_wrap > ul {border-top:2px solid #2d2d2d}
.cart_list_wrap .check_all {margin-bottom:8px}
.cart_list_wrap .check_all .but {width:20px;height:20px}
.cart_list_wrap > ul > form > li {border-bottom:1px solid #dddddd;display:flex;flex-wrap:wrap;}

.cart_list_wrap > ul > form > li > .chk_box {display:flex;align-items:center;width:20px}
.cart_list_wrap > ul > form > li > .chk_box .chk2 {width:25px;height:25px}
.cart_list_wrap > ul > form > li > .img {display:flex;align-items:center}
.cart_list_wrap > ul > form > li > .subject {flex:2}
.cart_list_wrap > ul > form > li > .subject > div {margin-bottom:7px}

.cart_list_wrap > ul > form > li > .subject .icon_info > div {display:inline-block;padding:2px 15px;border:1px solid #0097E7;font-size:0.8rem;border-radius:20px;color:#0097E7;margin-bottom:4px}
.cart_list_wrap > ul > form > li > .subject .delivery_info > div {display:inline-block;padding:2px 15px;border:1px solid #867555;font-size:0.8rem;border-radius:20px;color:#867555;margin-bottom:4px}
.cart_list_wrap > ul > form > li > .subject .sideoption_info {display:flex;flex-wrap:wrap}
.cart_list_wrap > ul > form > li > .subject .sideoption_info > div {font-size:0.9rem;color:#434656;margin-right:10px}


.cart_list_wrap > ul > form > li > .option {flex:1;display:flex;justify-content:center;}
.cart_list_wrap > ul > form > li > .option > ul > li {padding:5px 0}
.cart_list_wrap > ul > form > li > .option .bts_ani {font-size:0.8rem}

.cart_list_wrap > ul > form > li > .option .option_name {padding-bottom:5px}
.cart_list_wrap > ul > form > li > .option .option_name .nogoods {padding:2px 15px;border:1px solid #0097E7;font-size:0.8rem;border-radius:20px;color:#0097E7;text-align:center;margin-top:3px}
.cart_list_wrap > ul > form > li > .option .option_name .nogoods font {color:#0097E7;font-size:0.8rem}
.cart_list_wrap > ul > form > li > .option .option_bt {display:flex;align-items:center}
.cart_list_wrap > ul > form > li > .option .option_bt > div {padding:2px}

.cart_list_wrap > ul > form > li > .option table {border-collapse:collapse}
.cart_list_wrap > ul > form > li > .option table td {border:1px solid #dddddd}
.cart_list_wrap > ul > form > li > .option .option_num {width:45px;padding:3px 5px;text-align:center;border:0}

.cart_list_wrap > ul > form > li > .price {width:130px;text-align:center}
.cart_list_wrap > ul > form > li > .price .text {color:#8d8d8d;margin-bottom:7px}
.cart_list_wrap > ul > form > li > .price .cart_price_text {font-weight:700}
.cart_list_wrap > ul > form > li > .price .cart_point_text {font-size:0.9rem}

.cart_list_wrap > ul > form > li > .review {width:120px;text-align:center}
.cart_list_wrap > ul > form > li > .review .text {color:#8d8d8d;margin-bottom:7px}
.cart_list_wrap > ul > form > li > .review .bts_ani {font-size:0.9rem}

.cart_list_wrap > ul > form > li > div {border-right:1px solid #dddddd;padding:15px}
.cart_list_wrap > ul > form > li > div:last-child {border-right:0}

.cart_list_wrap .img img {width:100px}

@media screen and (max-width:768px) { 
	.cart_list_wrap > ul > form > li {border-bottom:2px solid #626262}
	
	.cart_list_wrap > ul > form > li > .chk_box {border-bottom:1px solid #dddddd}
	.cart_list_wrap > ul > form > li > .img {border-bottom:1px solid #dddddd}
	.cart_list_wrap > ul > form > li > .subject {border-bottom:1px solid #dddddd;border-right:0;min-width:150px}
	.cart_list_wrap > ul > form > li > .price {width:80px;text-align:center}
	.cart_list_wrap .img img {width:50px}
	.cart_list_wrap > ul > form > li > .option .bts_ani {padding:6px}
}


.subtitle {padding:20px 0;}
.subtitle_line {border-bottom:1px solid #dddddd}



.input_ess {background:url(../../../image/input_ess.gif);background-repeat:no-repeat;background-Position:0% 0%;}


/* 관리자전용알림 */
.adminmess {background-color:#edefd6;border:1px solid #ccd189;padding:15px;text-align:center;color:#8c9339;display:block}

/* 줌효과 */
.zoomimg_wrap {border:1px solid #dddddd;box-sizing:border-box;overflow:hidden}
.zoomimg_wrap img {transition:all .4s;}
.zoomimg_wrap:hover img {transform:scale(1.1);}

/* 오늘출발 */
.icon_today_delivery {display:flex;align-items:center;margin-top:5px}
.icon_today_delivery .icon {border:1px solid #959595;padding:3px 5px;margin-right:5px;border-radius:2px;font-size:0.8rem}
.icon_today_delivery .text {font-size:0.9rem}

.flex {display:flex;flex-wrap:wrap}
.between {display:flex;justify-content:space-between;flex-wrap:wrap}