@charset "utf-8";

@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, 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:12px;
	font-family: 'SpoqaHanSansNeo-Regular', 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: '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: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}


/* 태그맨 님이 추가한 디자인 */
a:focus {outline:none}
.container {width:1240px;margin:0 auto}
.clearfix:after {content:"";display:block;clear:both}
.pull-left {float:left}
.pull-right {float:right}
.text-left {text-align:left}
.text-center {text-align:center}
.text-right {text-align:right}
.inline {font-size:0}
.inline > * {display:inline-block;vertical-align:top}
.relative {position:relative}
.text-one-line {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.text-one-line-m {overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.easing-one {-khtml-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.easing-two {-khtml-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}
.easing-three {-khtml-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}

/* 상단 영역 */
#header .header-top {height:40px;border-bottom:1px solid #eee}
#header .header-top .sns-menu ul {line-height:40px}
#header .header-top .sns-menu ul li {margin-right:6px;float:left;padding:8px 0}
#header .header-top .sns-menu ul img {vertical-align:middle}
#header .header-top .sns-menu p {font-size:12px;color:#4d4d4d;margin-left:10px;line-height:40px}
#header .header-top .my-menu > ul > li {line-height:40px;position:relative}
#header .header-top .my-menu > ul > li:after {content:"";display:inline-block;width:1px;height:9px;background:#d9d9d9;margin:0px 8px}
#header .header-top .my-menu > ul > li:last-child:after {display:none}
#header .header-top .my-menu li a {font-size:12px;color:#6e6e6e}
#header .header-top .my-menu li a.child-use {padding-right:11px;background:url('../image/icon-arrow-down-s.png') no-repeat right center}
#header .header-top .my-menu li a strong {color:#ff6c1c;margin-left:2px}
#header .header-top .my-menu > ul > li:hover > a {color:#000;font-weight:bold}
#header .header-top .my-menu li .sub-category {position:absolute;top:40px;left:-10px;min-width:80px;z-index:10;background:#fff;border:1px solid #eee;padding:6px 0px;opacity:0;visibility:hidden;-khtml-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
#header .header-top .my-menu li:hover .sub-category {opacity:1;visibility:visible}
#header .header-top .my-menu li .sub-category li {padding:3px 0px;line-height:1.5;padding-left:10px;-khtml-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
#header .header-top .my-menu li .sub-category li:hover {background:#f8f8f8}


#header .header-mid {height:118px;border-bottom:1px solid #343434}
#header .header-mid .logo-wrap {padding-top:41px;margin-right:57px}
#header .header-mid .top-event-banner-wrap {padding-top:33px}
#header .header-mid .search-wrap {min-width:600px;padding-top:37px}
#header .header-mid .search-wrap #topSearchForm {width:322px;height:45px;box-sizing:border-box;border:2px solid #212121;position:relative;float:left;top:0;z-index:9}
#header .header-mid .search-wrap #topSearchForm input[type='text'] {height:39px;line-height:39px;width:87%;margin-right:8px;border:none}
#header .header-mid .search-wrap #topSearchForm input[type='text']:focus {outline:none}
#header .header-mid .top_search .top_search_cont {position:relative}
#header .header-mid .top_text_cont .top_srarch_text {width:100%;height:100%}
#header .header-mid .top_search .top_text_cont .btn_top_srarch {border-left:0;top:50%;margin-top:-10.5px;right:15px}
#header .header-mid .top_search .search_cont {position:absolute;border:2px solid #212121;border-top:0}
#header .header-mid .top_search .search_cont .recent_box {width:318px}
#header .header-mid .search-wrap .popular-keyword {margin:8.5px 0px 8.5px 27px}
#header .header-mid .search-wrap .popular-keyword li {margin-right:5px}
#header .header-mid .search-wrap .popular-keyword li a {display:inline-block;padding:7px 9px;border-radius:4px;border:1px solid #ececec;color:#4d4d4d;background:#fff;font-size:12px;line-height:1;-khtml-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
#header .header-mid .search-wrap .popular-keyword li a:hover {border-color:#4d4d4d}
#header .header-mid .search-wrap .popular-keyword li a:before {content:"#";display:inline-block;color:#4d4d4d;font-size:12px}


#header .fake_gnb {height:54px}
#header .header_gnb {position:absolute;top:0;left:0;width:100%;height:53px;border-bottom:1px solid #ececec;z-index:100;background:#fff}
#header .header_gnb.fixed {position:fixed}
#header .gnb {width:1240px;height:100%;margin:0 auto;position:relative}
#header .header_gnb .btn_all_menu_open {width:188px;background:#f6f6f6;height:53px;line-height:53px;font-size:15px !important;color:#2f2f2f;font-weight:bold;left:-1px;box-sizing:border-box;border-left:1px solid #ececec;border-right:1px solid #ececec;position:absolute;top:0;left:0}
#header .header_gnb .btn_all_menu_open:hover,#header .header_gnb .btn_all_menu_open.on {background:#343434;color:#fff}
#header .header_gnb .btn_all_menu_open span.icon {width:48px;height:100%}
#header .header_gnb .btn_all_menu_open:hover span.icon span.bar {background:#fff}
#header .header_gnb .btn_all_menu_open span.icon span.bar {width:15px;height:2px;position:absolute;top:21px;background:#343434;left:20px}
#header .header_gnb .btn_all_menu_open span.icon span.bar:nth-of-type(2) {top:26px}
#header .header_gnb .btn_all_menu_open span.icon span.bar:nth-of-type(3) {top:31px}
#header .header_gnb .btn_all_menu_open.on span.icon span.bar:nth-of-type(1) {top:26px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#header .header_gnb .btn_all_menu_open.on span.icon span.bar:nth-of-type(2) {opacity:0;visibility:hidden}
#header .header_gnb .btn_all_menu_open.on span.icon span.bar:nth-of-type(3) {top:26px;background:#fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#header .gnb_allmenu {top:53px;left:0px;z-index:1000;display:none;box-sizing:border-box;background:#ffffff;border:1px solid #3e3d3c}
#header .header_gnb .top-category {margin-left:233px;width:702px;border-right:1px solid #e6e5e5}
#header .header_gnb .top-category li {line-height:53px;height:53px}
#header .header_gnb .top-category li:after {content:"";display:inline-block;width:1px;height:11px;background:#e6e5e5;margin:0px 25px}
#header .header_gnb .top-category li:last-child:after {display:none}
#header .header_gnb .top-category li a {font-size:15px;color:#2f2f2f;font-weight:bold;-khtml-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
#header .header_gnb .top-category li a:hover{color:#ff6c1c}
#header .header_gnb .notice_rolling {top:13px;padding-left:92px;width:300px;position:relative;box-sizing:border-box;overflow:hidden;height:24px;padding-top:2px}
#header .header_gnb .notice_rolling:after {content:"NOTICE";font-size:12px;color:#212121;display:inline-block;padding-left:40px;background:url(../img/icon/icon-notice.png) no-repeat 15px center;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#header .header_gnb .notice_rolling ul {width:160px;float:left}
#header .header_gnb .notice_rolling li {font-size:13px}
#header .header_gnb .notice_rolling ul .slick-slide li a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
#header .header_gnb .notice_rolling .btn_notice_rolling {float:right}
#header .header_gnb .notice_rolling .btn_notice_rolling a {margin-left:-1px}
#header .community-category {background:#f8f8f8;line-height:63px}
#header .community-category p.title {font-size:15px;color:#212121;font-weight:bold;width:106px;text-align:center}
#header .community-category ul li {margin-right:5px;vertical-align:middle;padding:15px 0}
#header .community-category ul li a {display:block;width:111px;line-height:30px;height:32px;box-sizing:border-box;border-radius:4px;background:#fff;border:1px solid #dfdfdf;color:#555;text-align:center;font-size:11px;-khtml-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
#header .community-category ul li a:hover {border-color:#4d4d4d}
#header .gnb_allmenu_box {float:left;width:991px;margin:0px 0px 30px;padding:0;height:367px;overflow:visible}
#header .gnb_allmenu_box .gnb_allmenu_box {float:none;margin:0}
.gnb_allmenu_box > ul {width:100%}
.gnb_allmenu_box ul li.depth-one {border-right:1px solid #ececec;box-sizing:border-box;width:20%;margin:30px 0 0 0;line-height:1}
.gnb_allmenu_box ul li.depth-one:nth-of-type(5n) {border-right:0}
.gnb_allmenu_box ul li {position:relative}
.gnb_allmenu_box .all_menu_cont {padding:0 20px 0 20px}
.gnb_allmenu_box .all_menu_cont > a {padding:0;font-size:14px;color:#212121;font-family:'Open Sans',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;margin-bottom:8px;display:block}
.gnb_allmenu_box .all_depth1 li a {display:block;padding:7px 0px;color:#6e6e6e;font-size:12px;font-weight:normal;font-family:'Open Sans',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;-khtml-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.gnb_allmenu_box .all_depth1 li a:hover {text-decoration:none;background:#f8f8f8}
.gnb_allmenu_box .all_depth1 {border:none}
.gnb_allmenu_box .all_depth2 {position:absolute;top:0;right:-187px;width:187px;box-sizing:border-box;background:#fff;border:1px solid #ececec;z-index:10;opacity:0;visibility:hidden;-khtml-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.gnb_allmenu_box .all_depth1 li:hover .all_depth2 {opacity:1;visibility:visible}
.gnb_allmenu_box .all_depth2 a {padding-left:18px !important}
#header .allmenu-banner {width:247px;height:367px;text-align:center;margin:30px 0px}