@charset "utf-8";
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../../../css/fonts/nanum-gothic-v16-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
	   url('../../../css/fonts/nanum-gothic-v16-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../../../css/fonts/nanum-gothic-v16-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../../../css/fonts/nanum-gothic-v16-korean-regular.woff') format('woff'), /* Modern Browsers */
	   url('../../../css/fonts/nanum-gothic-v16-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../../../css/fonts/nanum-gothic-v16-korean-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

/* 요소(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:22px;
	font-family: 'Nanum Gothic', sans-serif;
	font-weight:400;
}


/* 링크 */
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}


/* 시중가,판매가,포인트,상품명,간략설명*/
.goodsBrand {display:inline-block;float:left;font-size:1.0em;border-bottom:1px solid #cdab8a;color:#cdab8a;padding:22px 0 5px;font-weight:bold;text-align:left;}
.goodsName {clear:both;padding:15px 0 23px;font-size:1.0em;text-align:left;}
.goodsMarketPrice {display:block;color:#909090;font-size:1.0em;text-align:left;}
.goodsPrice {color:#353535;font-size:1.0em;font-weight:bold;padding-bottom:8px;text-align:left;}
.goodsPoint {color:#3f7d9e;text-align:left;}
.goodsAdvance {color:#9c9c9c;font-size:1.0em;padding-bottom:8px;text-align:left;s}


.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;}
.make_navigation_mobile{padding:20px 30px;border-bottom:1px solid #c7c7c7;background-color:#e9e9e9;text-align:center;position:relative;font-size: 1.2em}
.make_navigation_mobile .ab{position:absolute;width:70px;height:70px;top:0;left:30px;background:url(image/S_m_left_close2.png) 0 60% no-repeat;}

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

/* 약관 */
.member_agree h1 {margin-bottom:5px}
.member_agree h2 {margin-bottom:5px;font-size:22px}
.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:22px}

/* 장바구니 수량 */
.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.0rem;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.9rem;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.9rem;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.9rem}

.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.9rem;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.9rem}
.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.9rem}
.icon_today_delivery .text {font-size:0.9rem}

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


/* 자주와 님이 추가한 스타일 */
.wrap {
    width: 680px;
    margin: 0 auto
}
.clr {
    clear: both;
    width: 100%;
}

/* 서버 타이틀 라인 */
.sub_title_line {
  height: 10px;
  background-color: #ececec;
}

/* 서브 상단 타이틀 */
.sub_title_wrap {
    padding: 20px 30px;
    border-bottom: 1px solid #c7c7c7;
    background-color: #e9e9e9;
}

/* 하단 아이콘 */
.bottom_icon_wrap {
    position: fixed;
    bottom: 0;
    z-index: 10000;
    width: 100%;
    height: 110px;
    border-top: 1px solid #d9d9d9;
    background-color: #ffffff;
    z-index: 10000;
}
.bottom_icon_wrap > ul > li {
    float: left;
    width: 20%;
    text-align: center;
}
.bottom_icon_wrap > ul > li > div:first-child {
    padding: 25px 0 15px;
}
.bottom_icon_wrap > ul > li > div:last-child {
    font-size: 1.0em;
    color: #414141;
    line-height: 1.0em;
    letter-spacing: -1px;
}

/* 상단 로고 */
.top_logo_wrap {
    padding: 12px 30px;
    background-color: #1b1919;
}

/* 상단 검색 */
.top_search_wrap {
    padding: 11px 30px 11px 30px;
    background-color: #1b1919;
}
.top_search_wrap table {
    border: 1px solid #b1967c;
    height: 58px;
    border-radius: 10px;
    background-color: #1b1919;
}
.wrap_sp {
    padding: 0 25px
}

/* 메인 타이틀 스타일 */
.main_title_text {
    font-family: 'NanumSquare';
    font-size: 2.0em;
    color: #2e2e2e;
    text-align: center;
    padding: 35px 0 12px;
    letter-spacing: 0px;
    clear: both;
}
.main_title_text span {
    font-weight: 300;
}
.sub_title_text {
    font-size: 1.0em;
    color: #2e2e2e;
    font-weight: normal;
    text-align: center;
    padding: 0 0 30px;
}
.sub_title_line {
    height: 10px;
    background-color: #ececec;
}
.main_banner_wrap img {
    width: 100%;
}


/* 베스트 */
.main_tab_wrap .pagenav {
    display: flex;
    height: 69px;
    margin: 30px 0 20px;
    padding: 0 26px 0 25px
}
.main_tab_wrap .pagenav li a {
    display: inline-block;
    width: 195px;
    font-family: 'NanumSquare';
    font-size: 1.0em;
    color: #373737;
    font-weight: 700;
    text-align: center;
    line-height: 69px;
    letter-spacing: -1px;
    background: #ffffff;
    border: 3px solid #2c2c2c;
    margin: 0 4px 0 5px;
}
.main_tab_wrap .pagenav li:first-child a {
    width: 194px;
}
.main_tab_wrap .pagenav li a.active {
    background: #2c2c2c;
    color: #ffffff;
    text-decoration: none
}
.main_tab_wrap .tabGoods > div {
    float: left;
    width: 50%;
}
.main_tab_wrap .swiper-container {
    width: 640px;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
}


/* 이벤트 상품 */
.main_event_wrap .board_box .board_subject {
    font-size: 22px;
    color: #3b3b3b;
    padding-left: 60px;
    background: url('../image/mbi_main_board_ico.gif') 30px 50% no-repeat;
}
.main_event_wrap .board_box .register_date {
    width: 90px;
    text-align: right;
    font-size: 20px;
    color: #959595;
    padding-right: 30px;
}
.main_event_wrap .eventGoods {
    padding: 35px 20px;
}

/* 상품 리뷰 */
.main_review_wrap .review_table .review_bg {
    padding: 22px 30px;
    border-bottom: 1px solid #d8d8d8
}
.main_review_wrap .review_table .review_bg .txt_area {
    padding-left: 30px;
}
.main_review_wrap .review_table .review_bg .txt_area .body_txt {
    font-size: 22px;
    color: #000;
    line-height: 32px;
}
.main_review_wrap .review_table .review_bg .txt_area .name_txt {
    margin-top: 15px;
    font-size: 22px;
    color: #5a5a5a;
}
.main_review_wrap .review_table .review_bg .txt_area .name_txt span {
    color: #db7028;
}


/* 메인와이드 */
.main_banner_wrap img {
  width: 100%;
}


/* 새로입고된상품 */
.main_new_wrap {
    /* padding-top: 110px; */
}
.main_new_wrap .newGoods {
     padding:35px 20px;
}
.main_new_wrap .newGoods > li {
    float: left;
    width: 50%;
    padding: 0 10px 55px 10px;
    box-sizing: border-box;
}


/* 하단 정보 */
.bottom_info_wrap {
    background-color: #ececec;
    border-top: 1px solid #8f8f8f;
    padding: 70px 30px;
}
.bottom_info_wrap .call_number > h3 {
    font-size: 1.6em;
    letter-spacing: -1px;
    color: #2b2b2b;
    font-weight: 1200;
    line-height: 20px;
    padding-bottom: 27px;
}
.bottom_info_wrap .call_number .number {
    float: left;
    font-size: 2.4em;
    color: #1c1c1c;
    font-weight: 800;
    line-height: 56px;
}
.bottom_info_wrap .call_number .bt {
    float: left;
    padding-left: 25px;
}
.bottom_info_wrap .call_number .time {
    clear: both;
    padding-top: 27px;
    font-size: 1.0em;
    color: #6a6a6a;
    line-height: 32px;
}
.bottom_info_wrap .company_info > h3 {
    font-size: 1.6em;
    letter-spacing: -1px;
    color: #2b2b2b;
    font-weight: 1200;
    line-height: 20px;
    padding: 60px 0 20px;
}
.bottom_info_wrap .company_info > div {
    font-size: 1.0em;
    color: #6a6a6a;
    line-height: 36px;
}


/* 하단 매뉴 */
.bottom_menu_wrap {
    border-top: 1px solid #bdbdbd;
}
.bottom_menu_wrap > table {
    height: 60px;
    margin: 0 auto;
}
.bottom_menu_wrap > table td {
    padding: 0 50px;
    background: url('../image/mbi_bottom_menu_line.gif') 0 50% no-repeat;
}
.bottom_menu_wrap > table td:first-child {
    background: none;
}
.bottom_menu_wrap > table td a {
    font-size: 1.0em;
    color: #3e3e3e;
}