@charset "utf-8";

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../../../css/fonts/noto-sans-kr-v36-korean-regular.eot'); /* IE9 Compat Modes */
  src: url('../../../css/fonts/noto-sans-kr-v36-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../css/fonts/noto-sans-kr-v36-korean-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../../css/fonts/noto-sans-kr-v36-korean-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../../css/fonts/noto-sans-kr-v36-korean-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../../css/fonts/noto-sans-kr-v36-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/*
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;700;900&display=swap');

@font-face {
	font-family: 'SpoqaHanSansNeo-Regular';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
*/

/* 요소(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 {
	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', 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;}


/* 시중가,판매가,포인트,상품명,간략설명*/
.market_price_ {color:#666666;text-align:left;font-size:12px;font-family:'Roboto';font-weight:100;padding-right:7px;}
.market_price_ strike {color:#747474;;font-size:11px}
.market_price_ span {display:inline-block;width:5px;height:5px;background:url(../image/S_main_p_a1.gif) 0 0 no-repeat;;font-size:11px}
.price_ {font-weight:300;text-align:left;;font-size:16px;font-family:'Roboto';color:#d83636}
.price_ b {color:#000000;;font-size:13px;font-family:roboto}
.point_ {background:url(../image/S_main_point.gif) 0 11px no-repeat;color:#747474;padding:11px 0 0 25px;text-align:left;font-size:11px;line-height:19px}
.goods_name_ {color:#636363;padding-top:17px;text-align:left;word-break:break-all;font-size:12px;font-family:roboto}
.goods_advance_ {color:#626262;padding-top:8px;text-align:left;word-break:break-all;font-size:11px}
.good_quality {font-family:"Noto Sans KR";font-weight:normal;padding-bottom:0px;text-align:center;font-family:benton-sans,roboto;font-size:14px;font-weight:600;color:#000000}


.market_price_2 {color:#f7f036;text-align:left}
.market_price_2 strike {color:#f7f2cf;}
.market_price_2 span {display:inline-block;width:5px;height:5px;background:url(../image/S_main_p_a2.gif) 0 0 no-repeat;}
.price_2 {padding-top:2px;text-align:left;color:#0d0d0d;font-size:15px;}
.point_2 {background:url(../image/S_main_point.png) 0 11px no-repeat;color:#ffffff;padding:11px 0 0 25px;text-align:left}
.goods_name_2 {color:#181818;padding-top:17px;text-align:left;word-break:break-all}
.good_quality2 {font-family:"Noto Sans KR";font-weight:normal;color:#f7f036;padding-bottom:11px;text-align:left;font-weight:bold;border-bottom:1px solid #7a7a7a}

/* 이미지, 폼관련 요소 */
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: 'Montserrat','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:tahoma;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:'Montserrat','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:200px}
	.cart_list_wrap > ul > form > li > .price{width:100px;text-align:center}
	.cart_list_wrap .img img{width:50px}
}


.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}


/* zazuwa님이 추가한 디자인 */
/* 상단영역 */
.wrap {
    width: 1200px;
    margin: 0 auto
}
header .wrap .top_logo_wrap {
    display: flex;
    justify-content: space-between;
}
header .wrap .top_logo_wrap .top_logo {
    display: flex;
    align-items: center;
    width: 500px;
    padding: 33px 0 20px;
}
header .wrap .top_logo_wrap .top_logo .search {
    display: flex;
    align-items: center;
    margin-left: 60px;
    border: 1px solid #dddddd;
    padding: 0 16px 0 10px;
    border-radius: 10px;
}
header .wrap .top_logo_wrap .top_logo .search div:first-child input {
    width: 295px;
    height: 39px;
    border: 0;
}
header .wrap .top_logo_wrap .top_bt .login_bt {
    display: flex;
    align-items: center;
    margin: 11px 0 17px;
}
header .wrap .top_logo_wrap .top_bt .login_bt > li {
    padding-left: 20px;
}
header .wrap .top_logo_wrap .top_bt .login_bt > li > a {
    font-size: 12px;
    color: #909090;
    line-height: 12px;
}
header .wrap .top_logo_wrap .top_bt .cart_bt {
    display: flex;
    justify-content: flex-end
}
header .wrap .top_logo_wrap .top_bt .cart_bt .mypage {
    background: url(../resource/top_line_01.gif) 100% 50% no-repeat;
    padding-right: 24px;
}
header .wrap .top_logo_wrap .top_bt .cart_bt .cart {
    padding-left: 23px;
    position: relative;
}
header .wrap .top_logo_wrap .top_bt .cart_bt > li > a {
    display: inline-block;
    font-size: 16px;
    color: #231f20;
    line-height: 26px;
    font-weight: 500;
}
header .wrap .top_logo_wrap .top_bt .cart_bt > li.mypage > a {
    background: url(../resource/top_my.gif) 100% 0 no-repeat;
    padding-right: 30px;
}
header .wrap .top_logo_wrap .top_bt .cart_bt > li.cart > a {
    background: url(../resource/top_cart.gif) 100% 0 no-repeat;
    padding-right: 40px;
}
header .wrap .top_logo_wrap .top_bt .cart_bt > li.cart div {
    position: absolute;
    right: -10px;
    top: -5px;
    z-index: 1;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background-color: #dbb588;
    text-align: center;
    font-size: 11px;
    color: #ffffff;
    line-height: 18px;
}






/* 하단영역 */
div.bottom_menu_wrap {
    border-top: 2px solid #494949;
    margin-bottom: 0;
}
div.bottom_menu_wrap .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}
div.bottom_menu_wrap .wrap>ul {
    display: flex;
    align-items: center;
}
div.bottom_menu_wrap .wrap>ul>li {
    padding-right: 33px;
}
div.bottom_menu_wrap .wrap>ul>li>a {
    font-size: 14px;
    color: #231f20;
    line-height: 60px;
}

footer {
    border-top: 1px solid #dddddd;
    padding: 50px 0;
    margin-bottom: 0;
}
footer .wrap {
    display: flex;
}
footer .wrap > div {
    border-right: 1px solid #dddddd;
}
footer .wrap > div:last-child {
    border-right: 0;
}
footer .wrap > div > h5 {
    font-size: 13px;
    color: #3b3b3b;
    line-height: 13px;
    padding-bottom: 11px;
}
footer .wrap > div.section1 {
    width: 254px;
}
footer .wrap > div.section1 > div {
    font-size: 13px;
    color: #717171;
    line-height: 24px;
}
footer .wrap > div.section2 {
    width: 248px;
    box-sizing: border-box;
    padding-left: 32px;
}
footer .wrap > div.section2 > ul > li {
    padding-bottom: 2px;
}
footer .wrap > div.section2 > ul > li > dl {
    display: flex;
}
footer .wrap > div.section2 > ul > li > dl > dt {
    width: 62px;
    font-size: 13px;
    color: #717171;
    line-height: 24px;
}
footer .wrap > div.section2 > ul > li > dl > dd {
    flex: 1;
    font-size: 13px;
    color: #292929;
    line-height: 24px;
}
footer .wrap > div.section3 {
    width: 149px;
    box-sizing: border-box;
    padding-left: 32px;
}
footer .wrap > div.section3 > ul > li > a {
    display: block;
    font-size: 13px;
    color: #3b3b3b;
    line-height: 24px;
    ;
}
footer .wrap > div.section4 {
    flex: 1;
    padding-left: 37px;
    font-size: 13px;
    color: #808080;
    line-height: 28px;
}

.bottom_copyright_wrap {
    height: 60px;
    background-color: #eeeeee;
    text-align: center;
    font-size: 13px;
    color: #717171;
    line-height: 60px;
    font-weight: bold;
}