/*-----------------------------------------------------------------*/
/* CSS Table of Contents
/*-----------------------------------------------------------------*/
/*
1. Reset

2. Global
2-1. table
2-2. button
2-3. product

3. Layout
3-1. wrapper
3-2. header
3-3. content
3-4. footer

4. Page
4-1. 메인
4-2. 상점
4-3. 회원
4-4. 마이페이지
4-5. 추가페이지

5. ETC


/*-----------------------------------------------------------------*/
/* 1. Reset
/*-----------------------------------------------------------------*/

@font-face { font-family: 'NotoSans'; src: url('/common/fonts/noto-sans-kr-v8-korean-regular.eot'); src: url('/common/fonts/noto-sans-kr-v8-korean-regular.eot?#iefix') format('embedded-opentype'), url('/common/fonts/noto-sans-kr-v8-korean-regular.woff2') format('woff2'), url('/common/fonts/noto-sans-kr-v8-korean-regular.woff') format('woff'), url('/common/fonts/noto-sans-kr-v8-korean-regular.svg#nanumsquarerregular') format('svg'); font-weight: normal; font-style: normal; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; color: #000; font-family: 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; font-size: 12px; line-height: 1.6; vertical-align: baseline; }
textarea { padding: 10px; font-family: 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; }
textarea::placeholder { font-size: 15px; font-family: 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; color: #999; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1.6; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align: top; }
input[type='radio'], input[type='checkbox'] { vertical-align: middle; }
input[type='text'], input[type='email'], input[type='password'] { vertical-align: top; }

/*
.delivery-info a, a:hover, a:active, a:focus { text-decoration: none; cursor: pointer; font-size: 14px; }
*/
/*font-size: 14px; 제거 sykwon 2024-12-03*/
a, a:hover, a:active, a:focus { text-decoration: none; cursor: pointer;}
/*
.delivery-info > a, a:hover, a:active, a:focus { text-decoration: none; font-size: 14px; }
*/

.order_info_cont a {
    font-size: 14px;
}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { min-width: 1550px; }

/*-----------------------------------------------------------------*/
/* 2. Global
/*-----------------------------------------------------------------*/

.dn { display: none !important; }
.hidden { visibility: hidden; overflow: hidden; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; }
.tac { text-align: center !important; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.empty { padding: 100px 0 !important; text-align: center; font-size: 16px; }

/* font-size:16px 추가 2022-01-19  kwkim   */
.fl { float: left !important; }
.fr { float: right !important; }
.clear { clear: both; }
.bc { display: block; margin-left: auto; margin-right: auto; }
.p_color { color: #d53838 !important; }
.p_cursor { cursor: pointer; }
.i_info { display: inline-block; position: relative; top: 4px; width: 16px; height: 16px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/icon_info.png') no-repeat center; font-style: normal; font-weight: normal; line-height: 1; }

/* input 기본 스타일 */
.form_input { height: 40px; padding: 4px 10px; border: 1px solid #dcdcdc; background: #fff; color: #666; font-family: 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-size: 12px; transition: all 0.3s ease; }
.form_input:focus { border-color: #000; outline: none !important; }
.form_input.block { width: 100% !important; }
.form_input:-ms-input-placeholder { color: #666; font-family: 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; }
.form_input::-webkit-input-placeholder { color: #666; font-family: 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; }
.form_input::-moz-placeholder { color: #666; font-family: 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; }
.form_input.readonly { background: #e0e0e0 !important; }
.form_input.gray { background: #fafafa; }
.form_input.gray:focus { background: #fff; }
textarea.form_input { height: auto; }

/* 셀렉트 */
select { max-width: 100%; height: 40px; padding: 4px 6px; border: 1px solid #dcdcdc; background: #fff; color: #666; font: inherit; }
select.block { width: 100%; }
select:focus { border-color: #000; outline: none !important; }

/* 서브 페이지 타이틀 */
h2.subtitle { padding: 80px 0 40px 0; font-size: 30px; font-weight: bold; text-align: center; }

/* 페이지 내 타이틀 */
h3.title.first { padding-top: 0; }
h3.title { padding: 30px 0 20px; }

/* 갯수 문단 */
.title_count { position: relative; top: -36px; height: 0; color: #999; font-size: 11px; }
.title_count strong { color: #343434; font-size: 11px; }

/* 상품리스트 수량,정렬선택 */
.total_sort { clear: both; height: 35px; margin: 40px 0 20px 0; }
.total_sort .total { float: left; font-size: 16px; line-height: 35px; }
.total_sort .total strong { color: #015ec5; font-size: inherit; }
.total_sort .sort { float: right; }
.total_sort .sort input[type='radio'] { display: none; }
.total_sort .sort label { color: #999; position: relative; padding: 0 13px 0 10px; font-size: 16px; cursor: pointer; }
.total_sort .sort label::after { content: '|'; font-size: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.total_sort .sort label:last-child::after { display: none; }
.total_sort .sort label strong { font-size: inherit; }

/* 페이징 */
.paging * { vertical-align: middle; font-size: 18px; }
.paging { margin-top: 50px; font-size: 0; text-align: center; }
.paging li { display: inline; padding: 0 2px; color: #9e9e9e; vertical-align: middle; }
.paging li strong { display: inline-block; width: 25px; height: 34px; color: #000; line-height: 34px; }
.paging li a { display: inline-block; width: 25px; height: 34px; color: #666; line-height: 34px; vertical-align: Middle; }
.paging li a img { margin-top: 3px; }

/* 박스 스타일 - 수량 */
.box_qty { display: inline-block; position: relative; vertical-align: top; }
.box_qty .form_input { width: 104px; height: 32px; padding: 0 22px; text-align: center; background: transparent; border: 1px solid #ccc; }
.box_qty .btn_ea { position: relative; width: 104px; height: 32px; box-sizing: border-box; background: #fff; }
.box_qty .btn_ea a { display: block; position: absolute; top: 1px; width: 32px; height: 30px; background-repeat: no-repeat; background-position: center; }
.box_qty .btn_ea a.ea_up { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/button_plus.png'); right: -1px; }
.box_qty .btn_ea a.ea_down { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/button_minus.png'); left: 1px; }
.box_qty1 .btn_ea { width: 130px; }
.box_qty1 .form_input { border: 0; }

/* 컬러칩 리스트 */
.color_option { font-size: 0; }
.color_option:after { display: block; clear: both; content: ''; }
.color_option li { float: left; }
.color_option li a { display: block; width: 17px; height: 17px; margin: 1px; border: 1px solid #fff; }
.color_option li a.selected { border: 1px solid #fff; outline: 1px solid #ff1111; }
.color_option li a img { width: 15px; height: 15px; }
.text_option { font-size: 0; }
.text_option:after { display: block; clear: both; content: ''; }
.text_option li { float: left; text-align: left; }
.text_option li a { overflow: hidden; display: block; height: 20px; margin: 1px; padding: 0 6px; border: 1px solid #d8d8d8; line-height: 20px; text-align: center; }
.text_option li a.selected { border: 1px solid #ff1111; }
.text_option li a.soldout { background: #ff1111; color: #fff; }

/* 하단 줄 */
.underline { display: inline-block; position: relative; }
.underline:after { position: absolute; left: 50%; bottom: -3px; width: 0; height: 1px; background: #000; content: ''; transition: all 0.3s ease; }
.underline:before { position: absolute; right: 50%; bottom: -3px; width: 0; height: 1px; background: #000; content: ''; transition: all 0.3s ease; }
.underline:hover:after, .underline:hover:before { width: 50%; }

/* 상품후기 평점 2022.01.19 김관대 변경(별점 이미지 파일,경로 변경)*/
.gradebox { display: inline-block; position: relative; width: 154px; height: 24px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/star2.png') no-repeat left top/auto 100%; font-size: 0; }
.gradebox:after { display: block; position: absolute; left: 0; top: 0; height: 100%; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/star_active2.png') no-repeat left top/auto 100%; content: ''; }
.gradebox.small { width: 95px; height: 15px; }
.gradebox.point1:after { width: 20%; }
.gradebox.point1_5:after { width: 28%; }
.gradebox.point2:after { width: 38%; }
.gradebox.point2_5:after { width: 48%; }
.gradebox.point3:after { width: 58%; }
.gradebox.point3_5:after { width: 68%; }
.gradebox.point4:after { width: 78%; }
.gradebox.point4_5:after { width: 87%; }
.gradebox.point5:after { width: 100%; }
.gradebox.write label { display: inline-block !important; position: relative; z-index: 10; width: 30.8px; height: 100%; opacity: 0; font-size: 0; cursor: pointer; }
.gradebox.write input { cursor: pointer; }

/* 사은품 리스트 */
.list_gift > h3 { padding-bottom: 15px; }
.list_gift > ul { border: 1px solid #e5e5e5; border-width: 1px 0; font-size: 0; }
.list_gift > ul > li { display: inline-block; width: 25%; margin-bottom: -1px; padding: 20px 0; border-bottom: 1px solid #e5e5e5; text-align: left; vertical-align: middle; }
.list_gift > ul > li > .box { margin-left: 20px; border-right: 1px solid #e5e5e5; }
.list_gift > ul > li:last-child > .box, .list_gift > ul > li:nth-child(4n) > .box { border-right: 0; }
.list_gift > ul > li > .box > .img { display: table-cell; position: relative; width: 100px; height: 100px; border: 1px solid #e5e5e5; }
.list_gift > ul > li > .box > .img img { position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); }
.list_gift > ul > li > .box > .name { display: table-cell; padding: 0 20px 0 10px; vertical-align: middle; }

/* 쿠폰 다운로드 리스트 */
.list_cpn_down > .box { padding: 0 30px 30px 30px; border: 1px solid #dcdcdc; }
.list_cpn_down > .box > ul { display: flex; flex-wrap: wrap; }
.list_cpn_down > .box > ul > li { width: 25%; margin-top: 30px; padding: 0 20px; border-right: 1px solid #eee; text-align: center; vertical-align: top; }
.list_cpn_down > .box > ul > li:last-child, .list_cpn_down > .box > ul > li:nth-child(4n) { border-right: 0; }
.list_cpn_down > .box > ul > li > .sale { display: inline-block; position: relative; min-width: 100px; height: 40px; padding: 0 10px 0 26px; border: 1px solid #999; font-size: 14px; font-weight: bold; text-align: center; line-height: 38px; }
.list_cpn_down > .box > ul > li > .sale:before { position: absolute; left: -5px; top: 50%; width: 10px; height: 10px; margin-top: -5px; border: 1px solid #999; border-radius: 50%; border-bottom-color: transparent; border-left-color: transparent; background-color: #fff; transform: rotate(45deg); content: ''; }
.list_cpn_down > .box > ul > li > .sale:after { position: absolute; left: 16px; top: 0; width: 1px; height: 100%; border-right: 1px dashed #999; content: ''; }
.list_cpn_down > .box > ul > li > .name { margin: 10px 0; font-weight: bold; }
.list_cpn_down > .box > ul > li > .box_btn * { min-width: 100px; }
.list_cpn_down > .box > ul > li > .fin { display: inline-block; min-width: 100px; padding: 4px 8px; border: 1px solid #c3c3c3; outline: none; background: #fff; color: #666 !important; line-height: 1.4; white-space: nowrap; }

/* 타이머 */
.box_timer { display: inline-block; margin-top: 10px; border: 1px solid #dcdcdc; border-radius: 20px; font-size: 0; }
.box_timer > .title { display: inline-block; position: relative; padding: 2px 10px; border-radius: 20px; background-color: #000; color: #fff; font-size: 11px; vertical-align: top; }
.box_timer > .title:before { display: inline-block; width: 13px; height: 13px; margin: 2px 5px 0 0; border: 1px solid #fff; border-radius: 50%; vertical-align: top; content: ''; }
.box_timer > .title:after { display: inline-block; position: absolute; left: 13px; top: 50%; width: 4px; height: 4px; margin-top: -4px; border: 1px solid #fff; border-width: 0 1px 1px 0; content: ''; }
.box_timer > ._timesale_timer { display: inline-block; padding: 0 10px 0 7px; }
.box_timer > ._timesale_timer * { color: #000; font-size: 12px; line-height: 21px; }
.box_timer > ._timesale_timer > ._timer_num { font-weight: 900; }
.box_timer.big > .title { padding: 5px 10px; font-size: 12px; }
.box_timer.big > .title:before { margin-top: 3px; }
.box_timer.big > ._timesale_timer * { font-size: 13px; line-height: 29px; }
#detail .box_timer { float: right; margin-top: -40px; }

/* 이메일 자동 완성 */
.auto_complete_dialog { display: none; position: absolute; z-index: 10; width: 100%; margin-top: -1px; padding: 10px 0; border: 1px solid #535353; background-color: #fff; word-break: break-all; }
.auto_complete_dialog li { padding: 5px 20px; font-size: 14px; cursor: pointer; }
.auto_complete_dialog li:hover, .auto_complete_dialog li.selected { background-color: #f0f2f6; }
#join_input .auto_complete_dialog { width: 512px; }

/* 체크박스, 라디오 */
.check_chg input[type='checkbox'] { display: none; }
.check_chg input[type='checkbox'] + label { display: inline-block; min-height: 20px; padding-left: 30px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_cb.png') no-repeat left center; font-size: 14px; vertical-align: top; cursor: pointer; }
.check_chg input[type='checkbox']:checked + label { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_cb_checked.png'); }
.radio_chg input[type='radio'] { display: none; }
.radio_chg input[type='radio'] + label { display: inline-block; min-height: 20px; padding-left: 30px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_radio.png') no-repeat left center; font-size: 14px; vertical-align: top; cursor: pointer; }
.radio_chg input[type='radio']:checked + label { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_radio_checked.png'); }

/*-----------------------------------------------------------------*/
/* 2-1. table
/*-----------------------------------------------------------------*/

/* 테이블 스타일 - 가로 */
.tbl_col { width: 100%; }
.tbl_col { table-layout: fixed; clear: both; width: 100%; border-collapse: collapse; }
.tbl_col caption { padding-bottom: 20px; font-weight: bold; text-align: left; }
.tbl_col > thead > tr > th { padding: 10px 0; border-top: 1px solid #000; border-bottom: 1px solid #ddd; background: #f5f5f5; text-align: center; height: 50px; color: #000; font-size: 16px; vertical-align: middle; }
.tbl_col > tbody > tr > td { padding: 10px 0; color: #000; border-bottom: 1px solid #ddd; font-size: 16px; text-align: center; vertical-align: middle; }
.tbl_col > tbody > tr > td { color: #666; }
.tbl_col > tbody > tr > td:not(.img) { color: #000; }
.tbl_col tr th *, .cont_table tr td, .cont_table2 tr td * { color: inherit; font-size: inherit; }
.tbl_col tr td .cont_underline { border-bottom: 1px solid #000; }
.tbl_col > tbody > tr > td img { max-width: 100%; height: auto; vertical-align: middle; }
.tbl_col > tbody > tr > td.tal { padding-left: 15px !important; }
.tbl_col > tbody > tr > td.img img { width: 100px; height: auto; }
.tbl_col > tbody > tr > td.order_number a { font-weight: bold; text-decoration: underline; }

/* 테이블 스타일 - 가로 - 장바구니, 재입고 알림 신청 내역 */
.tbl_col.prd > tbody > tr > td { padding: 0; }
.tbl_col.prd > tbody > tr > td.delete_wish a { display: inline-block; position: relative; }
.tbl_col.prd > tbody > tr > td.delete_wish a:first-child:after { position: absolute; right: 0; top: 8px; width: 1px; height: 15px; background: #e0e0e0; content: ''; }
.tbl_col.prd > tbody > tr > td .btn_edit { display: inline-block; vertical-align: top; }
.tbl_col.prd > tbody > tr > td .btn_edit a { font-size: 11px; text-decoration: underline; line-height: 35px; }
.tbl_col.prd > tbody > tr > td .btn_delivery { margin: 4px 0; }
.tbl_col.prd > tbody > tr > td img { vertical-align: middle; }
.tbl_col.prd > tbody > tr > td .today { padding-top: 10px; }
.tbl_col.prd > tbody > tr > td .today > span { display: block; color: #666; }
.tbl_col.prd > tbody > tr > td span.stat1 { color: #111; }
.tbl_col.prd > tbody > tr > td span.stat2 { color: #2591bc; }
.tbl_col.prd > tbody > tr > td span.stat3 { color: #c05b5b; }
.tbl_col.prd > tbody > tr > td span.stat4 { color: #999; }

/* 테이블 스타일 - 가로 - qna, review */
.tbl_col.board { border-top: 1px solid #e0e0e0; }
.tbl_col.board > thead { display: none; }
.tbl_col.board > tbody > tr > td, .tbl_col.board > tbody > tr > td * { color: #666; font-size: 13px; font-weight: normal; }
.tbl_col.board > tbody > tr > td.notice_cnt { padding: 0; border: 0; }
.tbl_col.board > tbody > tr > td.notice_cnt .notice_cnt_frame { display: none; padding: 15px; border-bottom: 1px solid #e0e0e0; background: #fafafa; text-align: left; word-break: break-all; word-wrap: break-word; }
.tbl_col.board > tbody > tr > td.subject img { vertical-align: middle; }
.tbl_col.board > tbody > tr > td.subject .prd { padding-bottom: 10px; }
.tbl_col.board > tbody > tr > td.subject .title, .tbl_col.board > tbody > tr > td.subject .title * { color: #000; font-size: 14px; font-weight: bold; }
.tbl_col.board > tbody > tr > td.subject .title a { cursor: pointer; }
.tbl_col.board > tbody > tr > td.subject .content { padding-top: 10px; }
.tbl_col.board > tbody > tr > td.subject .more { display: inline-block; padding-top: 10px; color: #666; font-weight: bold; }
.tbl_col.board > tbody > tr > td.name img { width: auto; height: 20px; }
.tbl_col.board > tbody > tr > td .best { display: inline-block; padding: 0 3px; background: #f00; color: #fff !important; }
.tbl_col.board .grade { padding-left: 5px; font-size: 16px; font-weight: bold; }

/* 테이블 스타일 - 세로 */
.tbl_row { table-layout: fixed; width: 100%; border-top: 1px solid #e0e0e0; }
.tbl_row caption { padding-bottom: 20px; font-weight: bold; text-align: left; }
.tbl_row th { padding: 15px 0 15px 30px; border-bottom: 1px solid #e0e0e0; font-weight: normal; text-align: left; vertical-align: middle; }
.tbl_row td { padding: 15px 10px; border-bottom: 1px solid #e0e0e0; text-align: left; vertical-align: middle; word-break: break-all; word-wrap: break-word; }

/* 테이블 스타일 - 재입고 알림  2022.02.11. 김관대 추가 */
.tbl_row2 { table-layout: fixed; width: 100%; border-top: 1px solid #e0e0e0; }
.tbl_row2 caption { padding-bottom: 20px; font-weight: bold; text-align: left; }
.tbl_row2 th { padding: 15px 0px 15px; border-bottom: 1px solid #e0e0e0; font-weight: normal; text-align: left; vertical-align: middle; }
.tbl_row2 td { padding: 15px 0px 15px; border-bottom: 1px solid #e0e0e0; text-align: left; vertical-align: middle; word-break: break-all; word-wrap: break-word; }

/* 테이블 스타일 - 주문서, 주문상세조회 */
.tbl_order { table-layout: fixed; width: 100%; margin: 0 auto; border-top: 1px solid #e0e0e0; }
.tbl_order caption { padding-bottom: 20px; font-weight: bold; text-align: left; }
.tbl_order th { padding: 20px; border: 1px solid #e0e0e0; border-width: 0 1px 1px 0; font-weight: normal; text-align: left; vertical-align: middle; }
.tbl_order td { padding: 20px; border-bottom: 1px solid #e0e0e0; text-align: left; vertical-align: middle; }
.tbl_order td .form_input { width: 260px; }
.tbl_order td .msg { color: #999; font-size: 11px; }
.tbl_order td .own_mileage, .tbl_order td .own_deposit { color: #d53838; line-height: 35px; }
.tbl_order td.edit { line-height: 30px; }
.tbl_order td.address p { margin-top: 10px; }
.tbl_order td.address p:first-child { margin-top: 0; }
.tbl_order td.address .zip .form_input { width: 158px; }

/* 테이블 스타일 - 주문서, 주문상세조회, 장바구니 */
.tbl_order2 { table-layout: fixed; width: 100%; margin: 0 auto; }
.tbl_order2 caption { padding-bottom: 20px; font-weight: bold; text-align: left; }
.tbl_order2 th { padding: 6px 0; font-weight: normal; text-align: left; vertical-align: middle; }
.tbl_order2 td { padding: 6px 0; text-align: right; vertical-align: middle; }
.tbl_order2.sale { margin: 5px 0; border: 1px solid #dcdcdc; border-width: 1px 0; }
.tbl_order2 .total td { position: relative; }
.tbl_order2 .total td .view_info { display: none; margin-top: 5px; }
.tbl_order2 .total_price, .tbl_order2 .total_price * { color: #d53838; }

/* 테이블 스타일 - 상품정보고시 */
.tbl_prdinfo { table-layout: fixed; width: 100%; margin: 20px 0; border-top: 1px solid #000; }
.tbl_prdinfo caption { padding-bottom: 20px; font-weight: bold; text-align: left; }
.tbl_prdinfo th { padding: 10px; border-bottom: 1px solid #ddd; font-weight: normal; text-align: left; font-size: 16px; color: #000; height: 50px; vertical-align: middle; width: 220px; }
.tbl_prdinfo td { padding: 10px; border-bottom: 1px solid #ddd; text-align: left; vertical-align: middle; font-size: 16px; color: #000; height: 50px; }

/*-----------------------------------------------------------------*/
/* 2-2. button
/*-----------------------------------------------------------------*/

/* 버튼스타일 - 기본 */

.box_btn { display: inline-block; text-align: center; vertical-align: top; }
/* .box_btn > * {display:inline-block; margin:0; padding:11px 12px; border:1px solid #676767; outline:none; background:#666; color:#fff !important; font-size:12px; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-weight:normal; text-align:center; vertical-align:middle; line-height:1.4; white-space:nowrap; cursor:pointer; -webkit-appearance:none; transition:all .2s ease;} */
.box_btn > * { display: inline-block; margin: 0; padding: 11px 12px; border: 1px solid #676767; outline: none; background: #666; color: #fff !important; font-size: 12px; font-family: 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-weight: normal; text-align: center; vertical-align: middle; line-height: 1.4; white-space: nowrap; cursor: pointer; -webkit-appearance: none; transition: all 0.2s ease; }
.box_btn > *:hover, .box_btn > *:active, .box_btn > *:focus { background: #000; }
.box_btn.box_blue > * { background: #015ec5; border: 1px solid #015ec5; }
.box_btn.box_blue > *:hover, .box_btn.box_blue > *:active, .box_btn.box_blue > *:focus { background: #015ec5; }
.box_btn.box_black > * { background: #000; border: 1px solid #000; }
.box_btn.box_black > *:hover, .box_btn.box_black > *:active, .box_btn.box_black > *:focus { background: #000; }
.box_btn.box_white > * { background: #fff; border: 1px solid #000; color: #000 !important; }
.box_btn.box_white > *:hover, .box_btn.box_white > *:active, .box_btn.box_white > *:focus { background: #fff; }
#mypage .box_btn > * { width: 80px; height: 40px; padding: 0; font-size: 14px; background: #000 !important; }

/* 버튼스타일 - 크기 */
.box_btn.small > * { padding: 4px 8px; }
.box_btn.large > * { padding: 12px 16px; font-size: 14px; }
.box_btn.huge > * { padding: 16px 20px; font-size: 18px; }

/* 버튼스타일 - 가로길이 */
.box_btn.block { display: block; }
.box_btn.block > * { width: 100%; }
.box_btn.w50 > * { width: 50px; }
.box_btn.w75 > * { width: 75px; }
.box_btn.w100 > * { width: 100px; }
.box_btn.w125 > * { width: 125px; }
.box_btn.w150 > * { width: 150px; }
.box_btn.w175 > * { width: 175px; }
.box_btn.w180 > * { width: 180px; }
.box_btn.w200 > * { width: 200px; }
.box_btn.w225 > * { width: 225px; }
.box_btn.w250 > * { width: 250px; }
.box_btn.w275 > * { width: 275px; }
.box_btn.w300 > * { width: 300px; }
.box_btn.w325 > * { width: 325px; }
.box_btn.w350 > * { width: 350px; }

/* 버튼스타일 - 색상 */
.box_btn.white * { border-color: #c3c3c3; background: #fff; color: #666 !important; }
.box_btn.white:hover *, .box_btn.white:active *, .box_btn.white:focus * { background: #f5f5f5; }
.box_btn.gray * { border-color: #f5f5f5; background: #f5f5f5; color: #666 !important; }
.box_btn.gray:hover *, .box_btn.gray:active *, .box_btn.gray:focus * { background: #dadada; }
.box_btn.gray2 * { border-color: #dcdcdc; background: #eee; color: #666 !important; }
.box_btn.gray2:hover *, .box_btn.gray2:active *, .box_btn.gray2:focus * { background: #dadada; }

/* 버튼스타일 - 텍스트 */
.box_btn.strong * { font-weight: bold; }
.box_btn.radius * { border-radius: 6px; }
.box_btn.mt { margin-top: 5px; }

/*-----------------------------------------------------------------*/
/* 2-3. product
/*-----------------------------------------------------------------*/

/* 상품스타일 - 기본 */
.prd_basic { display: inline-block; width: 100%; font-size: 0; text-align: left !important; }
.prd_basic > li { display: inline-block; padding-bottom: 40px; text-align: center; vertical-align: top; }
.prd_basic.col2 > li { width: 50%; }
.prd_basic.col3 > li { width: 33.33%; }
.prd_basic.col4 > li { width: 20%; }
.prd_basic.col5 > li { width: 20%; }
.prd_basic .box { position: relative; width: 235px; margin: 0 auto; }
.prd_basic .box .img { overflow: hidden; position: relative; z-index: 1; width: 100%; margin: 0 auto; text-align: center; border: 1px solid #ddd; height: 270px; padding: 1px; }
/*.prd_basic .box .img .prdimg {transition:all .3s ease;}*/
.prd_basic .box .img .prdimg img { transition: all 0.3s ease; }
.prd_basic .box .img:hover { border: 2px solid #015ec5; padding: 0; }
.prd_basic .box .img .soldout { display: none; }
/*.prd_basic .box .img .quick {position:absolute; bottom:20px; right:20px; opacity:0; transition:opacity 0.2s ease-in-out; z-index:5;}*/
.prd_basic .box .img .quick { position: absolute; bottom: 20px; right: 20px; opacity: 0; z-index: 5; }
.prd_basic .box .img:hover .quick { opacity: 1; right: 19px; bottom: 19px; }
.prd_basic .box .img .quick li { display: inline-block; text-align: center; vertical-align: top; }
.prd_basic .box .img .quick li a { display: block; width: 40px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-position: center; text-indent: -9999px; background-size: 100% 100%; }
.prd_basic .box .img .quick li.preview a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_preview.png'); }
.prd_basic .box .img .quick li.cart a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/cart_icon.png'); }
.prd_basic .box .img .quick li.out_cart a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/bell_icon.png'); display: none; }
.prd_basic .box.out .img .quick li.cart a { display: none; }
.prd_basic .box.out .img .quick li.out_cart a { display: block; }
.prd_basic .box .img .quick li.wish a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_wish.png'); }
.prd_basic .box .img .quick li.wish a.wish_on { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_wish_on.png'); }
.prd_basic .box .img .discount_percent { background: #015ec5; color: #fff; font-size: 20px; display: none; padding: 10px; line-height: 1em; position: absolute; top: 0; left: 0; z-index: 2; }
.prd_basic .box .img:hover .discount_percent { top: -1px; left: -1px; }
.prd_basic .box .img .discount_percentY { display: block; }
.prd_basic .box .img .discount_percent strong { font-size: inherit; color: inherit; line-height: inherit; }
.prd_basic .box.out .img .prdimg {}
.prd_basic .box.out .img .soldout { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; color: #fff; background: rgba(0, 0, 0, 0.65); font-size: 22px; font-weight: bold; text-align: center; cursor: pointer; vertical-align: middle; }

/* 품절시 soldout 출력 */
.prd_basic .box.out .img .soldout p { display: table-cell; vertical-align: middle; }
.prd_basic .box .info { text-align: left; }
.prd_basic .box .name a, .prd_basic .box .price strong { font-size: inherit; color: inherit; }
.prd_basic .box .name { padding-top: 20px; font-size: 17px; }
.prd_basic .box .price { padding-top: 5px; }
.prd_basic .box .price p { word-break: break-all; word-wrap: break-word; display: inline-block; }
.prd_basic .box .price .consumer { text-decoration: line-through; display: none; font-size: 14px; color: #999; }
.prd_basic .box .price .consumerY { display: inline-block; }
.prd_basic .box .price .sellY { text-decoration: line-through; }
.prd_basic .box .price .sellY strong { font-weight: 400; }
.prd_basic .box .price .discount { display: inline-block; font-size: 20px; font-weight: bold; margin-right: 5px; }
.prd_basic .box .price .discountY { display: inline-block; }
.prd_basic .box .price .discount_percent { color: #015ec5; font-size: 20px; display: none; margin-right: 5px; }
.prd_basic .box .price .discount_percentY { display: inline-block; }
.prd_basic .box .summary { padding-top: 20px; color: #888; font-size: 11px; word-break: break-all; word-wrap: break-word; }
.prd_basic .box .count { padding-top: 0px; font-size: 0; }

/* 수정(padding-top:20px; -> padding-top:5px;) 2023-06-08 kwkim  */
.prd_basic .box .count li { display: inline; position: relative; padding: 0 10px; color: #888; font-size: 13px; }
.prd_basic .box .count li:after { position: absolute; left: 0; top: 3px; width: 1px; height: 10px; background: #d2d2d2; content: ''; }
.prd_basic .box .count li:first-child:after { display: none; }
.prd_basic .box .icon { padding-top: 20px; }
.prd_basic .box .icon img { margin: 0 2px; vertical-align: middle; }
.prd_basic .box .today { display: inline-block; margin: 15px auto 0; padding: 3px; background-color: #ebebeb; }
.prd_basic .box .today > span { padding-left: 5px; color: #666; }

/* 2023-09-26 ujung 추가 */
.prd_basic .box .name { padding-top: 10px; font-size: 15px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.prd_basic .box .name a { font-size: 15px; color: #333; }
.prd_basic .box .price strong { font-size: 20px; }
.prd_basic .box .price .discount_percent { font-size: 17px; color: #ff3b20; font-weight: bold; margin: 0; }

/* 2023-06-26 kwkim */
.prd_basic .box .price .discount_percent strong { font-size: 17px; }
.prd_basic .box .price .discount { font-size: 17px; color: #333; margin: 0; }
.prd_basic .box .price .p_box { display: flex; gap: 5px; align-items: center; }
.prd_basic .box .price .event_name { display: none; font-size: 15px; font-weight: bold; color: #1a97ff; }

/* 2023-06-26 kwkim */
.prd_basic .box .price .event_nameY { display: inline-block; }

/* 2023-06-26 kwkim */
.prd_basic .box .info .event_box { display: none; border-radius: 4px; border: 1px solid #1a97ff; padding: 2px 3px; margin-top: 5px; height: 20px; }

/* 2023-06-26 kwkim */
.prd_basic .box .info .event_boxY { display: inline-block; }

/* 2023-06-26 kwkim */
.prd_basic .box .info .event_box span, .prd_basic .box .info .event_box p { line-height: 1.2; float: left; }
.prd_basic .box .info .event_box span { margin-right: 3px; position: relative; top: 2px; }
.prd_basic .box .info .event_box p { color: #1a97ff; font-size: 11px; }
.prd_basic2 { display: inline-block; width: 100%; font-size: 0; text-align: left !important; }
.prd_basic2 > li { display: inline-block; padding-bottom: 40px; text-align: center; vertical-align: top; }
.prd_basic2.col2 > li { width: 50%; }
.prd_basic2.col3 > li { width: 33.33%; }
.prd_basic2.col4 > li { width: 20%; }
.prd_basic2.col5 > li { width: 20%; }
.prd_basic2 .box { position: relative; /*width:235px;*/
    width: 240px; margin: 0 auto; }
.prd_basic2 .box .img { overflow: hidden; position: relative; z-index: 1; width: 100%; margin: 0 auto; text-align: center; border: 1px solid #ddd; height: 270px; padding: 1px; }
/*.prd_basic .box .img .prdimg {transition:all .3s ease;}*/
.prd_basic2 .box .img .prdimg img { transition: all 0.3s ease; }
.prd_basic2 .box .img:hover { border: 2px solid #015ec5; padding: 0; }
.prd_basic2 .box .img .soldout { display: none; }
/* .prd_basic2 .box .img .quick {position:absolute; bottom:20px; right:20px; opacity:0; transition:opacity 0.2s ease-in-out; z-index:5;} */
.prd_basic2 .box .img .quick { position: absolute; bottom: 20px; right: 20px; opacity: 0; z-index: 5; }
.prd_basic2 .box .img:hover .quick { opacity: 1; right: 19px; bottom: 19px; }
.prd_basic2 .box .img .quick li { display: inline-block; text-align: center; vertical-align: top; }
.prd_basic2 .box .img .quick li a { display: block; width: 40px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-position: center; text-indent: -9999px; background-size: 100% 100%; }
.prd_basic2 .box .img .quick li.preview a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_preview.png'); }
.prd_basic2 .box .img .quick li.cart a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/cart_icon.png'); }
.prd_basic2 .box .img .quick li.out_cart a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/bell_icon.png'); display: none; }
.prd_basic2 .box.out .img .quick li.cart a { display: none; }
.prd_basic2 .box.out .img .quick li.out_cart a { display: block; }
.prd_basic2 .box .img .quick li.wish a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_wish.png'); }
.prd_basic2 .box .img .quick li.wish a.wish_on { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_wish_on.png'); }
.prd_basic2 .box .img .discount_percent { background: #015ec5; color: #fff; font-size: 20px; display: none; padding: 10px; line-height: 1em; position: absolute; top: 0; left: 0; z-index: 2; }
.prd_basic2 .box .img:hover .discount_percent { top: -1px; left: -1px; }
.prd_basic2 .box .img .discount_percentY { display: block; }
.prd_basic2 .box .img .discount_percent strong { font-size: inherit; color: inherit; line-height: inherit; }
.prd_basic2 .box.out .img .prdimg {}
.prd_basic2 .box.out .img .soldout { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; color: #fff; background: rgba(0, 0, 0, 0.65); font-size: 22px; font-weight: bold; text-align: center; cursor: pointer; vertical-align: middle; }

/* 품절시 soldout 출력 */
.prd_basic2 .box.out .img .soldout p { display: table-cell; vertical-align: middle; }
.prd_basic2 .box .info { text-align: left; }
.prd_basic2 .box .name a, .prd_basic2 .box .price strong { font-size: inherit; color: inherit; }
.prd_basic2 .box .name { padding-top: 20px; font-size: 17px; }
.prd_basic2 .box .price { padding-top: 5px; }
.prd_basic2 .box .price p { word-break: break-all; word-wrap: break-word; display: inline-block; }
.prd_basic2 .box .price .consumer { text-decoration: line-through; display: none; font-size: 14px; color: #999; }
.prd_basic2 .box .price .consumerY { display: inline-block; }
.prd_basic2 .box .price .sellY { text-decoration: line-through; }
.prd_basic2 .box .price .sellY strong { font-weight: 400; }
.prd_basic2 .box .price .discount { display: inline-block; font-size: 20px; font-weight: bold; margin-right: 5px; }
.prd_basic2 .box .price .discountY { display: inline-block; }
.prd_basic2 .box .price .discount_percent { color: #015ec5; font-size: 20px; display: none; margin-right: 5px; }
.prd_basic2 .box .price .discount_percentY { display: inline-block; }
.prd_basic2 .box .summary { padding-top: 20px; color: #888; font-size: 11px; word-break: break-all; word-wrap: break-word; }
.prd_basic2 .box .count { padding-top: 0px; font-size: 0; }

/* 수정(padding-top:20px; -> padding-top:5px;) 2023-06-08 kwkim  */
.prd_basic2 .box .count li { display: inline; position: relative; padding: 0 10px; color: #888; font-size: 13px; }
.prd_basic2 .box .count li:after { position: absolute; left: 0; top: 5px; width: 1px; height: 10px; background: #d2d2d2; content: ''; }
.prd_basic2 .box .count li:first-child:after { display: none; }
.prd_basic2 .box .icon { padding-top: 20px; }
.prd_basic2 .box .icon img { margin: 0 2px; vertical-align: middle; }
.prd_basic2 .box .today { display: inline-block; margin: 15px auto 0; padding: 3px; background-color: #ebebeb; }
.prd_basic2 .box .today > span { padding-left: 5px; color: #666; }

/* 2023-09-26 ujung 추가 */
.prd_basic2 .box .name { padding-top: 10px; font-size: 15px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.prd_basic2 .box .name a { font-size: 15px; color: #333; }
.prd_basic2 .box .price strong { font-size: 20px; }
.prd_basic2 .box .price .discount_percent { font-size: 17px; color: #ff3b20; font-weight: bold; margin: 0; }

/* 2023-06-26 kwkim */
.prd_basic2 .box .price .discount_percent strong { font-size: 17px; }
.prd_basic2 .box .price .discount { font-size: 16px; color: #333; margin: 0; }
.prd_basic2 .box .price .p_box { display: flex; gap: 5px; align-items: center; }
.prd_basic2 .box .price .event_name { display: none; font-size: 15px; font-weight: bold; color: #1a97ff; }

/* 2023-06-26 kwkim */
.prd_basic2 .box .price .event_nameY { display: inline-block; }

/* 2023-06-26 kwkim */
.prd_basic2 .box .info .event_box { display: none; border-radius: 4px; border: 1px solid #1a97ff; padding: 2px 3px; margin-top: 5px; height: 20px; }

/* 2023-06-26 kwkim */
.prd_basic2 .box .info .event_boxY { display: inline-block; }

/* 2023-06-26 kwkim */
.prd_basic2 .box .info .event_box span, .prd_basic2 .box .info .event_box p { line-height: 1.2; float: left; }
.prd_basic2 .box .info .event_box span { margin-right: 3px; position: relative; top: 2px; }
.prd_basic2 .box .info .event_box p { color: #1a97ff; font-size: 11px; }
.prd_basic3 { display: inline-block; width: 100%; font-size: 0; text-align: left !important; }
.prd_basic3 > li { display: inline-block; padding-bottom: 40px; text-align: center; vertical-align: top; }
.prd_basic3.col2 > li { width: 50%; }
.prd_basic3.col3 > li { width: 33.33%; }
.prd_basic3.col4 > li { width: 20%; }
.prd_basic3.col5 > li { width: 20%; }
.prd_basic3 .box { position: relative; /*width:235px; */
    width: 240px; margin: 0 auto; }
.prd_basic3 .box .img { overflow: hidden; position: relative; z-index: 1; width: 100%; margin: 0 auto; text-align: center; border: 1px solid #ddd; height: 270px; padding: 1px; }
/*.prd_basic .box .img .prdimg {transition:all .3s ease;}*/
.prd_basic3 .box .img .prdimg img { transition: all 0.3s ease; }
.prd_basic3 .box .img:hover { border: 2px solid #015ec5; padding: 0; }
.prd_basic3 .box .img .soldout { display: none; }
/* .prd_basic3 .box .img .quick {position:absolute; bottom:20px; right:20px; opacity:0; transition:opacity 0.2s ease-in-out; z-index:5;} */
.prd_basic3 .box .img .quick { position: absolute; bottom: 20px; right: 20px; opacity: 0; z-index: 5; }
.prd_basic3 .box .img:hover .quick { opacity: 1; right: 19px; bottom: 19px; }
.prd_basic3 .box .img .quick li { display: inline-block; text-align: center; vertical-align: top; }
.prd_basic3 .box .img .quick li a { display: block; width: 40px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-position: center; text-indent: -9999px; background-size: 100% 100%; }
.prd_basic3 .box .img .quick li.preview a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_preview.png'); }
.prd_basic3 .box .img .quick li.cart a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/cart_icon.png'); }
.prd_basic3 .box .img .quick li.out_cart a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/bell_icon.png'); display: none; }
.prd_basic3 .box.out .img .quick li.cart a { display: none; }
.prd_basic3 .box.out .img .quick li.out_cart a { display: block; }
.prd_basic3 .box .img .quick li.wish a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_wish.png'); }
.prd_basic3 .box .img .quick li.wish a.wish_on { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_wish_on.png'); }
.prd_basic3 .box .img .discount_percent { background: #015ec5; color: #fff; font-size: 20px; display: none; padding: 10px; line-height: 1em; position: absolute; top: 0; left: 0; z-index: 2; }
.prd_basic3 .box .img:hover .discount_percent { top: -1px; left: -1px; }
.prd_basic3 .box .img .discount_percentY { display: block; }
.prd_basic3 .box .img .discount_percent strong { font-size: inherit; color: inherit; line-height: inherit; }
.prd_basic3 .box.out .img .prdimg {}
.prd_basic3 .box.out .img .soldout { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; color: #fff; background: rgba(0, 0, 0, 0.65); font-size: 22px; font-weight: bold; text-align: center; cursor: pointer; vertical-align: middle; }

/* 품절시 soldout 출력 */
.prd_basic3 .box.out .img .soldout p { display: table-cell; vertical-align: middle; }
.prd_basic3 .box .info { text-align: left; }
.prd_basic3 .box .name a, .prd_basic3 .box .price strong { font-size: inherit; color: inherit; }
.prd_basic3 .box .name { padding-top: 20px; font-size: 17px; }
.prd_basic3 .box .price { padding-top: 5px; }
.prd_basic3 .box .price p { word-break: break-all; word-wrap: break-word; display: inline-block; }
.prd_basic3 .box .price .consumer { text-decoration: line-through; display: none; font-size: 14px; color: #999; }
.prd_basic3 .box .price .consumerY { display: inline-block; }
.prd_basic3 .box .price .sellY { text-decoration: line-through; }
.prd_basic3 .box .price .sellY strong { font-weight: 400; }
.prd_basic3 .box .price .discount { display: inline-block; font-size: 20px; font-weight: bold; margin-right: 5px; }
.prd_basic3 .box .price .discountY { display: inline-block; }
.prd_basic3 .box .price .discount_percent { color: #015ec5; font-size: 20px; display: none; margin-right: 5px; }
.prd_basic3 .box .price .discount_percentY { display: inline-block; }
.prd_basic3 .box .summary { padding-top: 20px; color: #888; font-size: 11px; word-break: break-all; word-wrap: break-word; }
.prd_basic3 .box .count { padding-top: 0px; font-size: 0; }
.prd_basic3 .box .count li { display: inline; position: relative; padding: 0 10px; color: #888; font-size: 13px; }
.prd_basic3 .box .count li:after { position: absolute; left: 0; top: 3px; width: 1px; height: 10px; background: #d2d2d2; content: ''; }
.prd_basic3 .box .count li:first-child:after { display: none; }
.prd_basic3 .box .icon { padding-top: 20px; }
.prd_basic3 .box .icon img { margin: 0 2px; vertical-align: middle; }
.prd_basic3 .box .today { display: inline-block; margin: 15px auto 0; padding: 3px; background-color: #ebebeb; }
.prd_basic3 .box .today > span { padding-left: 5px; color: #666; }

/* 2023-09-26 ujung 추가 prd_basic3 = 메인페이지 신상품리스트*/
.prd_basic3 .box .name { padding-top: 10px; font-size: 15px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.prd_basic3 .box .name a { font-size: 15px; color: #333; }
.prd_basic3 .box .price strong { font-size: 20px; }
.prd_basic3 .box .price .discount_percent { font-size: 17px; color: #ff3b20; font-weight: bold; margin: 0; }

/* 2023-06-26 kwkim */
.prd_basic3 .box .price .discount_percent strong { font-size: 17px; }
.prd_basic3 .box .price .discount { font-size: 16px; color: #333; margin: 0; }
.prd_basic3 .box .price .p_box { display: flex; gap: 5px; align-items: center; }
.prd_basic3 .box .price .event_name { display: none; font-size: 15px; font-weight: bold; color: #1a97ff; }

/* 2023-06-26 kwkim */
.prd_basic3 .box .price .event_nameY { display: inline-block; }

/* 2023-06-26 kwkim */
.prd_basic3 .box .info .event_box { display: none; border-radius: 4px; border: 1px solid #1a97ff; padding: 2px 3px; margin-top: 5px; height: 20px; }

/* 2023-06-26 kwkim */
.prd_basic3 .box .info .event_boxY { display: inline-block; }

/* 2023-06-26 kwkim */
.prd_basic3 .box .info .event_box span, .prd_basic3 .box .info .event_box p { line-height: 1.2; float: left; }
.prd_basic3 .box .info .event_box span { margin-right: 3px; position: relative; top: 2px; }
.prd_basic3 .box .info .event_box p { color: #1a97ff; font-size: 11px; }

/* 상품상세보기 연관상품 12.11 kdkim 추가 */
.prd_basic4 { display: inline-block; width: 100%; font-size: 0; text-align: left !important; }
.prd_basic4 > li { display: inline-block; padding-bottom: 40px; text-align: center; vertical-align: top; }
.prd_basic4.col2 > li { width: 50%; }
.prd_basic4.col3 > li { width: 33.33%; }
.prd_basic4.col4 > li { width: 20%; }
.prd_basic4.col5 > li { width: 20%; }
.prd_basic4 .box { position: relative; /*width:235px; */ width: 235px; margin: 0 auto; }
.prd_basic4 .box .img { overflow: hidden; position: relative; z-index: 1; width: 100%; margin: 0 auto; text-align: center; border: 1px solid #ddd; height: 270px; padding: 1px; }
.prd_basic4 .box .img .prdimg img { transition: all 0.3s ease; }
.prd_basic4 .box .img:hover { border: 2px solid #015ec5; padding: 0; }
.prd_basic4 .box .img .soldout { display: none; }
.prd_basic4 .box .img .quick { position: absolute; bottom: 20px; right: 20px; opacity: 0; z-index: 5; }
.prd_basic4 .box .img:hover .quick { opacity: 1; right: 19px; bottom: 19px; }
.prd_basic4 .box .img .quick li { display: inline-block; text-align: center; vertical-align: top; }
.prd_basic4 .box .img .quick li a { display: block; width: 40px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-position: center; text-indent: -9999px; background-size: 100% 100%; }
.prd_basic4 .box .img .quick li.preview a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_preview.png'); }
.prd_basic4 .box .img .quick li.cart a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/cart_icon.png'); }
.prd_basic4 .box .img .quick li.out_cart a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/bell_icon.png'); display: none; }
.prd_basic4 .box.out .img .quick li.cart a { display: none; }
.prd_basic4 .box.out .img .quick li.out_cart a { display: block; }
.prd_basic4 .box .img .quick li.wish a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_wish.png'); }
.prd_basic4 .box .img .quick li.wish a.wish_on { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_wish_on.png'); }
.prd_basic4 .box .img .discount_percent { background: #015ec5; color: #fff; font-size: 20px; display: none; padding: 10px; line-height: 1em; position: absolute; top: 0; left: 0; z-index: 2; }
.prd_basic4 .box .img:hover .discount_percent { top: -1px; left: -1px; }
.prd_basic4 .box .img .discount_percentY { display: block; }
.prd_basic4 .box .img .discount_percent strong { font-size: inherit; color: inherit; line-height: inherit; }
.prd_basic4 .box.out .img .prdimg {}
.prd_basic4 .box.out .img .soldout { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; color: #fff; background: rgba(0, 0, 0, 0.65); font-size: 22px; font-weight: bold; text-align: center; cursor: pointer; vertical-align: middle; }

/* 품절시 soldout 출력 */
.prd_basic4 .box.out .img .soldout p { display: table-cell; vertical-align: middle; }
.prd_basic4 .box .info { text-align: left; }
.prd_basic4 .box .name a, .prd_basic4 .box .price strong { font-size: inherit; color: inherit; }
.prd_basic4 .box .name { padding-top: 20px; font-size: 17px; }
.prd_basic4 .box .price { padding-top: 5px; }
.prd_basic4 .box .price p { word-break: break-all; word-wrap: break-word; display: inline-block; }
.prd_basic4 .box .price .consumer { text-decoration: line-through; display: none; font-size: 14px; color: #999; }
.prd_basic4 .box .price .consumerY { display: inline-block; }
.prd_basic4 .box .price .sellY { text-decoration: line-through; }
.prd_basic4 .box .price .sellY strong { font-weight: 400; }
.prd_basic4 .box .price .discount { display: inline-block; font-size: 20px; font-weight: bold; margin-right: 5px; }
.prd_basic4 .box .price .discountY { display: inline-block; }
.prd_basic4 .box .price .discount_percent { color: #015ec5; font-size: 20px; display: none; margin-right: 5px; }
.prd_basic4 .box .price .discount_percentY { display: inline-block; }
.prd_basic4 .box .summary { padding-top: 20px; color: #888; font-size: 11px; word-break: break-all; word-wrap: break-word; }
.prd_basic4 .box .count { padding-top: 0px; font-size: 0; }
.prd_basic4 .box .count li { display: inline; position: relative; padding: 0 10px; color: #888; font-size: 13px; }
.prd_basic4 .box .count li:after { position: absolute; left: 0; top: 3px; width: 1px; height: 10px; background: #d2d2d2; content: ''; }
.prd_basic4 .box .count li:first-child:after { display: none; }
.prd_basic4 .box .icon { padding-top: 20px; }
.prd_basic4 .box .icon img { margin: 0 2px; vertical-align: middle; }
.prd_basic4 .box .today { display: inline-block; margin: 15px auto 0; padding: 3px; background-color: #ebebeb; }
.prd_basic4 .box .today > span { padding-left: 5px; color: #666; }

/* 2023-12-11 kdkim 추가 prd_basic4 = 연관상품리스트*/
.prd_basic4 .box .name { padding-top: 10px; font-size: 15px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.prd_basic4 .box .name a { font-size: 15px; color: #333; }
.prd_basic4 .box .price strong { font-size: 20px; }
.prd_basic4 .box .price .discount_percent { font-size: 17px; color: #ff3b20; font-weight: bold; margin: 0; }

/* 2023-06-26 kwkim */
.prd_basic4 .box .price .discount_percent strong { font-size: 17px; }
.prd_basic4 .box .price .discount { font-size: 16px; color: #333; margin: 0; }
.prd_basic4 .box .price .p_box { display: flex; gap: 5px; align-items: center; }
.prd_basic4 .box .price .event_name { display: none; font-size: 15px; font-weight: bold; color: #1a97ff; }

/* 2023-06-26 kwkim */
.prd_basic4 .box .price .event_nameY { display: inline-block; }

/* 2023-06-26 kwkim */
.prd_basic4 .box .info .event_box { display: none; border-radius: 4px; border: 1px solid #1a97ff; padding: 2px 3px; margin-top: 5px; height: 20px; }

/* 2023-06-26 kwkim */
.prd_basic4 .box .info .event_boxY { display: inline-block; }

/* 2023-06-26 kwkim */
.prd_basic4 .box .info .event_box span, .prd_basic4 .box .info .event_box p { line-height: 1.2; float: left; }
.prd_basic4 .box .info .event_box span { margin-right: 3px; position: relative; top: 2px; }
.prd_basic4 .box .info .event_box p { color: #1a97ff; font-size: 11px; }

/* 상품상세보기 연관상품*/

/* 상품스타일 - 기본 - 레이어 - 카테고리 추천 */
.prd_basic.mini.best .box .img, .prd_basic.mini.best .box .info { width: 205px; }
.prd_basic.mini.best .box .info { margin-left: -102.5px; }
.prd_basic2.mini.best .box .img, .prd_basic2.mini.best .box .info { width: 205px; }
.prd_basic2.mini.best .box .info { margin-left: -102.5px; }
.prd_basic3.mini.best .box .img, .prd_basic3.mini.best .box .info { width: 205px; }
.prd_basic3.mini.best .box .info { margin-left: -102.5px; }
.prd_basic4.mini.best .box .img, .prd_basic4.mini.best .box .info { width: 205px; }
.prd_basic4.mini.best .box .info { margin-left: -102.5px; }

/* 상품스타일 - 기본 - 슬라이드 */
.prd_basic.slide { display: none; }
.prd_basic.slide.slick-initialized { display: block; }
.prd_basic.slide .slick-prev { position: absolute; left: -44px; top: 50%; width: 24px; height: 88px; margin-top: -44px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev.png') no-repeat center; }
.prd_basic.slide .slick-next { position: absolute; right: -44px; top: 50%; width: 24px; height: 88px; margin-top: -44px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next.png') no-repeat center; }
.prd_basic.slide .slick-prev { position: absolute; left: -44px; top: 50%; width: 24px; height: 88px; margin-top: -44px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev.png') no-repeat center; }
.prd_basic.slide .slick-next { position: absolute; right: -44px; top: 50%; width: 24px; height: 88px; margin-top: -44px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next.png') no-repeat center; }
.event_wrap .prd_basic.slide .slick-prev { position: absolute; left: -44px; top: 50%; width: 24px; height: 88px; margin-top: -44px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev_w.png') no-repeat center; }
.event_wrap .prd_basic.slide .slick-next { position: absolute; right: -44px; top: 50%; width: 24px; height: 88px; margin-top: -44px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next_w.png') no-repeat center; }
.prd_basic2.slide { display: none; }
.prd_basic2.slide.slick-initialized { display: block; }
.prd_basic2.slide .slick-prev { position: absolute; left: -44px; top: 50%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev.png') no-repeat center; }
.prd_basic2.slide .slick-next { position: absolute; right: -44px; top: 50%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next.png') no-repeat center; }
.prd_basic2.slide .slick-prev { position: absolute; left: -44px; top: 50%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev.png') no-repeat center; }
.prd_basic2.slide .slick-next { position: absolute; right: -44px; top: 50%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next.png') no-repeat center; }
.event_wrap .prd_basic2.slide .slick-prev { position: absolute; left: -44px; top: 50%; width: 24px; height: 88px; margin-top: -44px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev_w.png') no-repeat center; }
.event_wrap .prd_basic2.slide .slick-next { position: absolute; right: -44px; top: 50%; width: 24px; height: 88px; margin-top: -44px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next_w.png') no-repeat center; }
.prd_basic3.slide { display: none; }
.prd_basic3.slide.slick-initialized { display: block; }
.prd_basic3.slide .slick-prev { position: absolute; left: -44px; top: 50%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev.png') no-repeat center; }
.prd_basic3.slide .slick-next { position: absolute; right: -44px; top: 50%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next.png') no-repeat center; }
.prd_basic3.slide .slick-prev { position: absolute; left: -44px; top: 50%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev.png') no-repeat center; }
.prd_basic3.slide .slick-next { position: absolute; right: -44px; top: 50%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next.png') no-repeat center; }
.event_wrap .prd_basic3.slide .slick-prev { position: absolute; left: -44px; top: 50%; width: 24px; height: 88px; margin-top: -44px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev_w.png') no-repeat center; }
.event_wrap .prd_basic3.slide .slick-next { position: absolute; right: -44px; top: 50%; width: 24px; height: 88px; margin-top: -44px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next_w.png') no-repeat center; }
.prd_basic4.slide { display: none; }
.prd_basic4.slide.slick-initialized { display: block; }
.prd_basic4.slide .slick-prev { position: absolute; left: -44px; top: 50%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev.png') no-repeat center; }
.prd_basic4.slide .slick-next { position: absolute; right: -44px; top: 50%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next.png') no-repeat center; }
.prd_basic4.slide .slick-prev { position: absolute; left: -18.3px; top: 35%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev.png') no-repeat center; }
.prd_basic4.slide .slick-next { position: absolute; right: -16px; top: 35%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next.png') no-repeat center; }
.event_wrap .prd_basic4.slide .slick-prev { position: absolute; left: -44px; top: 50%; width: 24px; height: 88px; margin-top: -44px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev_w.png') no-repeat center; }
.event_wrap .prd_basic4.slide .slick-next { position: absolute; right: -44px; top: 50%; width: 24px; height: 88px; margin-top: -44px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next_w.png') no-repeat center; }

/* 상품스타일 - 관심상품, 관련상품 */
.prd_related { table-layout: fixed; clear: both; width: 100%; border-top: 1px solid #e0e0e0; border-collapse: collapse; }
.prd_related > thead { display: none; }
.prd_related > tbody > tr > td { border-bottom: 1px solid #e0e0e0; vertical-align: middle; text-align: center; }
.prd_related > tbody > tr > td.img img { width: 120px; height: auto; }
.prd_related > tbody > tr > td.tal, .prd_related > tbody > tr > td.opt { padding-left: 15px; text-align: left; }
.prd_related > tbody > tr > td.opt select { display: block; min-width: 130px; margin: 5px 0; }
.prd_related > tbody > tr > td .soldout { display: none; color: #d53838; }
.prd_related > tbody > tr > td .soldout.out { display: inline; }
.prd_related > tbody > tr > td .summary { color: #888; font-size: 11px; }

/*메인페이지 중단 배너1*/
.visual_fade_mid1 #mid_banner1 .slick-prev { position: absolute; left: -44px; top: 50%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev.png') no-repeat center; }
.visual_fade_mid1 #mid_banner1 .slick-next { position: absolute; right: -44px; top: 50%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next.png') no-repeat center; }
/*메인페이지 중단 배너2*/
.visual_fade_mid2 #mid_banner2 .slick-prev { position: absolute; left: -44px; top: 50%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev.png') no-repeat center; }
.visual_fade_mid2 #mid_banner2 .slick-next { position: absolute; right: -44px; top: 50%; width: 24px; height: 88px; margin-top: -50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next.png') no-repeat center; }
/*메인페이지 중단 배너 사이즈 고정 */
.mid-banner img { width: 1280px; height: 130px;}
/*-----------------------------------------------------------------*/
/* 3. Layout
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 3-1. wrapper
/*-----------------------------------------------------------------*/

#wrapper { position: relative; min-width: 1100px; text-align: left; }
#container { overflow: hidden; }
.wrap_inner { width: 1280px; margin: 0 auto; }
/* 컨텐츠 사이즈 */

/*-----------------------------------------------------------------*/
/* 3-2. header
/*-----------------------------------------------------------------*/

/*.category_view {position:absolute; width:185px; min-height:500px; background:rgba(0,0,0,0.5); z-index:3; display:none; padding:10px 0; z-index:222;}*/
.category_view { position: absolute; width: 185px; min-height: 400px; /*  min-height:500px;  */ background: rgba(0, 0, 0, 0.3); z-index: 3; display: none; padding: 10px 0; z-index: 222; }
.category_view.fixed_on { position: fixed; }
.category_view .sub {}
.category_view .sub a { color: #fff; font-size: 16px; line-height: 1em; padding: 10px 20px; display: block; text-align: left; }
.category_view .sub:hover a { background: #015ec5; }
.category_view .sub .sub_2depth a:hover { font-weight: 600; }
.category_view2 { position: absolute; width: 185px; min-height: 500px; background: #fff; border: 1px solid #ddd; z-index: 3; display: none; padding: 10px 0; z-index: 222; }
.category_view2.fixed_on { position: fixed; }
.category_view2 .sub {}
.category_view2 .sub a { color: #000; font-size: 16px; line-height: 1em; padding: 10px 20px; display: block; }
.category_view2 .sub:hover a { color: #fff; background: #015ec5; }
.category_view2 .sub .sub_2depth a:hover { font-weight: 600; }
#header { border-bottom: 1px solid #e0e0e0; height: 163px; }
#header .gnb { position: absolute; left: 0; top: 0; height: 30px; width: 100%; }
#header .gnb:after { display: block; clear: both; content: ''; }
#header .gnb ul > li { float: left; position: relative; font-size: 0; }
#header .gnb ul > li > a { display: inline-block; padding: 0 10px; color: #666; font-size: 11px; line-height: 30px; }
#header .gnb ul > li > a:hover { color: #d53838; }
#header .gnb ul > li.viewsub > a { padding-right: 20px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_arrow_down.png') no-repeat 90% center; }
#header .gnb ul > li.viewsub > .list { display: none; position: absolute; left: 0; top: 30px; width: 100%; padding: 5px 0; background: #eeedec; }
#header .gnb ul > li.viewsub > .list li { float: none; }
#header .gnb ul > li.viewsub > .list li a { display: inline-block; padding: 5px 12px; color: #888; font-size: 11px; line-height: normal; word-break: break-all; }
#header .gnb ul > li.viewsub:hover { background-color: #eeedec; }
#header .gnb ul > li.viewsub:hover > a { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_arrow_up.png'); }
#header .gnb ul > li.viewsub:hover > .list { display: block; }
#header .gnb ul.menu { float: right; }
#header .gnb ul.menu > li .ea_cart { color: inherit; font-size: inherit; }
#header .gnb ul.favorite { float: left; }
#header .gnb ul.favorite > li:first-child > a { padding-left: 0; }
#header .gnb ul.favorite > li.viewsub { display: none; width: 150px; }
#header .gnb.fixed { position: fixed; left: 0; top: 0; z-index: 20; width: 100%; border-bottom: 1px solid #e0e0e0; background: rgba(255, 255, 255, 0.9); }
#header .top { padding: 35px 0 25px; text-align: center; width: 1280px; margin: auto; }
/* #header .header_gnb {background:#003082;} */
#header .header_gnb { background: #fff; }
#header.fixed_on .top { display: none; }
#header.fixed_on .header_gnb { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
/* #header .all_category_wrap {float:left; width:185px; padding:14px 0; font-size:18px; font-weight:bold; color:#fff; text-align:center; line-height:1em; border-left:1px solid #015ec5; border-right:1px solid #015ec5;} */
#header .all_category_wrap { float: left; width: 185px; padding: 15px 0; font-size: 18px; font-weight: bold; color: #333333; text-align: left; line-height: 1em; }
#header .all_category_wrap img { margin-right: 5px; }
#header .lnb { min-height: 55px; float: left; width: calc(100% - 185px); }
#header .lnb .category { font-size: 0; }
#header .lnb .category > .list { display: inline-block; text-align: center; padding: 0px 19px; }
#header .lnb .category > .list a { display: inline-block; position: relative; color: #333333; /*color:#fff;*/ font-size: 18px; font-weight: bold; }
#header .lnb .category > .list a:hover { color: #015ec5; font-weight: bold; }
#header .lnb .category > .list:last-child a:after { display: none; }
#header .lnb .toggle_search { display: block; position: absolute; right: 0; top: 0; width: 70px; height: 70px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/hd_search.png') no-repeat center; text-indent: -9999px; cursor: pointer; }
#header .lnb .toggle_search.active { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/hd_close.png'); }
#header .search { position: relative; display: inline-block; vertical-align: middle; }
#header .search form { text-align: center; }
#header .search form .box { position: relative; padding-right: 50px; text-align: left; width: 500px; border-bottom: 2px solid #015ec5; }
/*#header .search form .box .basic_search {border:0; background:transparent; font-size:14px; height:45px;}
#header .search form .box .btn {position:absolute; right:12px; top:9px;}*/
#header .search form .box .basic_search { border: 0; background: transparent; font-size: 14px; height: 35px; }
#header .search form .box .btn { position: absolute; right: 12px; top: 4px; }
#header .header_button { display: inline-block; margin-left: 20px; position: relative; transform: translateY(5px); }
#header .header_button .cart_count { position: absolute; top: -8px; right: -8px; width: 25px; height: 25px; border-radius: 100%; color: white; background: #015ec5; vertical-align: middle; font-size: 14px; }

/* 검색필드 - 2023. 06. 02. ujung 추가 */
.searchLayer { display: none; z-index: 2; overflow: hidden; position: absolute; left: 0px; right: 0px; top: 40px; background-color: rgb(255, 255, 255); border: 1px solid #cccccc; /* border-radius: 25px; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 25px 0px; */}
.search-focus .searchLayer { display: block; }
.searchLayer .searchRelation { overflow: hidden; max-height: 60px; text-align: center; background-color: rgb(249, 250, 251); }
.searchLogWrapper { position: relative; display: flex; background: rgb(255, 255, 255); }
.searchLogWrapper::after { content: ''; position: absolute; left: 50%; top: 15px; bottom: 15px; width: 1px; background-color: #f1f1f1; }
.searchLog { position: relative; flex: 0 1 50%; padding: 20px; overflow: hidden; }
.searchLog h2 { padding: 5px 0; font-size: 15px; line-height: 1; text-align: left; }
.searchLog .date { position: absolute; right: 20px; top: 28px; font-size: 12px; line-height: 1; color: #999; }
.searchLog ul { height: calc(100% - 40px); }
.searchLog ul li { overflow: hidden; position: relative; margin-top: 15px; display: flex; align-items: center; }
.searchLog ul li:first-of-type { margin-top: 15px; }
.searchLog ul li strong { float: left; width: 20px; margin-right: 10px; font-size: 15px; line-height: 1.2; vertical-align: middle; text-align: center; color: #ccc; }
.searchLog ul li a { padding: 1px 0px; display: block; overflow: hidden; text-align: left; font-size: 14px; line-height: 1.2; vertical-align: middle; color: rgb(102, 102, 102); width: calc(100% - 20px); margin-right: 5px; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; }
.searchLog ul li .searchButton { line-height: 1; text-align: center; border-radius: 3px; background: transparent; width: 15px; height: 15px; font-size: 15px; border: 0; padding: 0; color: #666; }
.searchLog ul li .searchButton i { display: inline-block; background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/close_img.png'); background-repeat: no-repeat; width: 12px; height: 13px; background-size: 12px; opacity: 0.3; }
.searchLog .searchLinked { line-height: 1.2; margin-right: 0; }
.searchLog ul li a.popular { width: auto; }
.searchLog ul li .searchButton i b { overflow: hidden; position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0px; }
.searchLog ul li:hover a { text-decoration: underline; }
.searchLog ul li:hover strong { color: #015ec5; }

/*-----------------------------------------------------------------*/
/* 3-3. content
/*-----------------------------------------------------------------*/

#cnt { min-height: 500px; }
#cnt .cntbody { width: 1280px; margin: 0 auto; }

/*-----------------------------------------------------------------*/
/* 3-4. footer
/*-----------------------------------------------------------------*/

#footer { border-top: 1px solid #ddd; padding: 40px 0; }
#footer .quick { overflow: hidden; padding: 56px 0; background: #fbfbfb; color: #888; }
#footer .quick * { color: #888; }
#footer .quick h3 { padding-bottom: 14px; color: #000; font-size: 13px; }
#footer .cs { float: right; width: 300px; }
#footer .cs h3 { font-size: 20px; }
#footer .cs > p { font-size: 16px; }
#footer .cs > p > strong { display: block; padding-bottom: 5px; color: #015ec5; font-size: 32px; display: block; }
#footer .quick .return { float: left; width: 250px; }
#footer .quick .return > dl > dt { color: #666; padding-bottom: 5px; }
#footer .quick .bank { float: left; width: 260px; }
#footer .quick .about { float: left; width: 120px; }
#footer .quick .share { float: right; }
#footer .quick .share > ul > li { float: left; padding: 0 5px; }
#footer .quick .share > ul > li:first-child { padding-left: 0; }
#footer .shopinfo { text-align: center; float: left; text-align: left; width: calc(100% - 300px); }
#footer .shopinfo .info, #footer .shopinfo .info * { color: #999; font-size: 14px; font-style: normal; }
#footer .shopinfo .info span { display: inline-block; margin-right: 10px; }
#footer .shopinfo .info span.last:after { display: none; }
#footer .shopinfo .copyright { margin-top: 15px; font-size: 14px; color: #888; }
#footer .shopinfo .copyright * { font-size: 14px; color: #999; }
#footer .shopinfo .copyright strong {}
#footer .btn_scroll { display: none; position: fixed; right: 4px; top: 50%; z-index: 20; width: 44px; margin-top: -44px; border: 1px solid #dbdbdb; }
#footer .btn_scroll a { display: block; width: 44px; height: 44px; background-repeat: no-repeat; background-position: center; background-color: #fff; font-size: 0; text-align: center; cursor: pointer; }
#footer .btn_scroll a:hover { background-color: #f5f5f5; }
#footer .btn_scroll a.up { border-bottom: 1px solid #dbdbdb; background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_scrollup.png'); }
#footer .btn_scroll a.down { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_scrolldown.png'); }
#footer .guide_link { margin-bottom: 25px; }
#footer .guide_link li { display: inline-block; padding: 0 10px; font-size: 16px; position: relative; }
#footer .guide_link li a { font-size: inherit; }
#footer .guide_link li:first-child { padding: 0 10px 0 0; }
#footer .guide_link li::after { content: '|'; font-size: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
#footer .guide_link li:last-child::after { display: none; }
#footer .foot_sns { margin-top: 25px; }
#footer .foot_sns li { display: inline-block; margin: 0 15px 0 0; }

/*-----------------------------------------------------------------*/
/* 4. Page
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 4-1. 메인
/*-----------------------------------------------------------------*/

#main { text-align: center; overflow: hidden; }
#main .visual_fade { overflow: hidden; position: relative; /* height:500px; */ height: 400px; }
#main .visual_fade .box { position: absolute; top: 0; left: 50%; margin-left: -1000px; width: 2000px; /* height:564px; */ height: 400px; }
#main .visual_fade .slick-dots { position: absolute; left: 0; bottom: 30px; }
#main .visual_fade .slick-prev { position: absolute; top: 50%; left: 50%; z-index: 5; width: 24px; height: 88px; margin: -44px 0 0 -600px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev.png') no-repeat center; }
#main .visual_fade .slick-next { position: absolute; top: 50%; right: 50%; z-index: 5; width: 24px; height: 88px; margin: -44px -600px 0 0; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next.png') no-repeat center; }
/*#main .new5p {padding-bottom:60px;}*/
#main .topseller { padding-bottom: 60px; background: #efefef; }
#main .topseller .prd_basic > li, #main .topseller .prd_basic > li .box, #main .topseller .prd_basic > li .box img { float: left; width: 275px; height: 275px; }
#main .topseller .prd_basic > li.no1, #main .topseller .prd_basic > li.no1 .box, #main .topseller .prd_basic > li.no1 img { width: 550px; height: 550px; }
#main .topseller .prd_basic2 > li, #main .topseller .prd_basic2 > li .box, #main .topseller .prd_basic2 > li .box img { float: left; width: 275px; height: 275px; }
#main .topseller .prd_basic2 > li.no1, #main .topseller .prd_basic2 > li.no1 .box, #main .topseller .prd_basic2 > li.no1 img { width: 550px; height: 550px; }
#main .topseller .prd_basic3 > li, #main .topseller .prd_basic3 > li .box, #main .topseller .prd_basic3 > li .box img { float: left; width: 275px; height: 275px; }
#main .topseller .prd_basic3 > li.no1, #main .topseller .prd_basic3 > li.no1 .box, #main .topseller .prd_basic3 > li.no1 img { width: 550px; height: 550px; }
#main .topseller .prd_basic4 > li, #main .topseller .prd_basic4 > li .box, #main .topseller .prd_basic4 > li .box img { float: left; width: 275px; height: 275px; }
#main .topseller .prd_basic4 > li.no1, #main .topseller .prd_basic4 > li.no1 .box, #main .topseller .prd_basic4 > li.no1 img { width: 550px; height: 550px; }
#main .review { padding-bottom: 40px; background: #efefef; }
#main .review:after { display: block; clear: both; content: ''; }
#main .review .list li { float: left; width: 354px; margin-bottom: 19px; padding: 50px 0; background: #fff; text-align: center; }
#main .review .list li:nth-child(3n-1) { margin: 0 19px 19px 19px; }
#main .review .list li .img { overflow: hidden; position: relative; width: 186px; height: 186px; margin: 0 auto; border-radius: 50%; background: #efefef; }
#main .review .list li .img img { width: 186px; height: auto; }
#main .review .list li .img:after { position: absolute; bottom: 0; left: 50%; z-index: 5; width: 0; height: 0; margin-left: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; content: ''; }
#main .review .list li p { margin-top: 10px; }
#main .review .list li p.prd a { font-weight: bold; }
#main .review .list li p.contents { overflow: hidden; height: 38px; padding: 0 70px; }
#main .review .list li p.contents a { color: #999; font-size: 11px; }
#main .review .list li p.date { color: #666; font-size: 11px; }
#main .instagram .link { position: relative; top: -30px; }
#main .instagram .link a { color: #999; }
#main .instagram .api { font-size: 0; }
#main .instagram .api > li { display: inline-block; width: 20%; }
#main .instagram .api > li img { max-width: 100%; max-height: 100%; }
#main .instagram .api > li video { max-width: 100%; max-height: 100%; vertical-align: top; }

/*-----------------------------------------------------------------*/
/* 4-2. 상점
/*-----------------------------------------------------------------*/

/* 상품목록(/shop/big_section.php) */
#big_section .best_area { clear: both; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #e0e0e0; }
#big_section .sub_category { text-align: center; /*border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:50px; margin-bottom:50px;*/}
#big_section .sub_category li { display: inline; }
#big_section .sub_category li a { color: #666; font-size: 18px; padding: 27px 25px; line-height: 1em; display: inline-block; }
#big_section .sub_category li a:hover { color: #015ec5; font-weight: bold; }
#big_section .sub_category li.active a { color: #015ec5; font-weight: bold; border-bottom: 3px solid #015ec5; }

/* 상품상세페이지(/shop/detail.php) */
#detail { margin-top: 50px; margin-bottom: 100px; }
#detail .wrap_prd { overflow: hidden; position: relative; }
#detail .wrap_prd > .prdimg { float: left; width: 576px; }
#detail .wrap_prd > .prdimg .img { display: table-cell; overflow: hidden; width: 576px; height: 670px; text-align: center; vertical-align: middle; border: 1px solid #ccc; }
#detail .wrap_prd > .prdimg .img img { max-width: 576px; max-height: 670px; }
#detail .wrap_prd > .prdimg .addimg { margin-top: 10px; }
#detail .wrap_prd > .prdimg .addimg .box_add_slide { overflow: hidden; }
#detail .wrap_prd > .prdimg .addimg .add_slide { display: none; }
#detail .wrap_prd > .prdimg .addimg .add_slide.slick-initialized { display: block; }
#detail .wrap_prd > .prdimg .addimg .add_slide > .slick-slide { margin-right: 10px; }
#detail .wrap_prd > .prdimg .addimg .add_slide > div img { width: 107px; height: 137px; border: 1px solid #ccc; }
#detail .wrap_prd > .prdimg .addimg .add_slide > div img:hover { -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
#detail .wrap_prd > .prdimg .addimg .add_slide .slick-prev { position: absolute; left: 0; top: 0; z-index: 5; height: 92px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_arrow_prev.png') no-repeat center; background-color: rgba(200, 200, 200, 0.5); display: none !important; }
#detail .wrap_prd > .prdimg .addimg .add_slide .slick-next { position: absolute; right: 10px; top: 0; z-index: 5; height: 92px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_arrow_next.png') no-repeat center; background-color: rgba(200, 200, 200, 0.5); display: none !important; }
#detail .wrap_prd > .info { float: right; width: 628px; }
#detail .wrap_prd > .info > h3 { color: #000; font-size: 30px; line-height: 1.4; }
#detail .wrap_prd > .info > h3 > img { margin: 0 2px; vertical-align: middle; }
#detail .wrap_prd > .info > .price .consumer { text-decoration: line-through; display: none !important; font-size: 14px; color: #999; }
#detail .wrap_prd > .info > .price .consumerY { text-decoration: line-through; display: inline-block !important; font-size: 14px; color: #999; }

/* 2023.09.11. 김경원 수정 */
#detail .wrap_prd > .info > .price .sellY { text-decoration: line-through; }
#detail .wrap_prd > .info > .price .sellY strong { font-weight: 400; }
#detail .wrap_prd > .info > .price .discount * { display: inline-block; font-size: 20px; font-weight: bold; margin-right: 5px; }
#detail .wrap_prd > .info > .price .discountY * { display: inline-block; }
#detail .wrap_prd > .info > .price .discount_percent * { color: #015ec5; font-size: 20px; display: none; margin-right: 5px; }
#detail .wrap_prd > .info > .price .discount_percentY * { display: inline-block; font-size: 28px; font-weight: bold; color: #ff3b20; margin-right: 5px; }

/* 2023-10-05 kwkim */
#detail .wrap_prd > .info .pop_coupon { display: none; position: fixed; left: 50%; top: 100px; z-index: 1001; width: 650px; margin-left: -325px; padding: 40px; border: 1px solid #d9d9d9; background: #fff; }
#detail .wrap_prd > .info .pop_coupon > h2 { color: #000; font-size: 22px; }
#detail .wrap_prd > .info .pop_coupon > .count { margin-top: 20px; padding: 15px 20px; background: #fafafa; }
#detail .wrap_prd > .info .pop_coupon > .list { overflow: auto; max-height: 200px; margin-top: 10px; }
#detail .wrap_prd > .info .pop_coupon > .list > li { display: table; position: relative; width: 100%; padding: 15px; border-bottom: 1px solid #e0e0e0; text-align: left; }
#detail .wrap_prd > .info .pop_coupon > .list > li:first-child { border-top: 1px solid #e0e0e0; }
#detail .wrap_prd > .info .pop_coupon > .list > li > div { display: table-cell; vertical-align: middle; line-height: 28px; }
#detail .wrap_prd > .info .pop_coupon > .list > li > div.name { width: 40%; font-weight: bold; }
#detail .wrap_prd > .info .pop_coupon > .list > li > div.price { width: 40%; }
#detail .wrap_prd > .info .pop_coupon > .list > li > div.btn { width: 20%; text-align: center; }
#detail .wrap_prd > .info .pop_coupon > .list > li > div.btn span.box_btn * { min-width: 100px; }
#detail .wrap_prd > .info .pop_coupon > .list > li > div.btn span.fin { display: inline-block; min-width: 100px; padding: 4px 8px; border: 1px solid #676767; background-color: #fff; color: #000; }
#detail .wrap_prd > .info .pop_coupon > .close { display: inline-block; position: absolute; right: 20px; top: 20px; width: 21px; height: 21px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/hd_close.png') no-repeat center; text-indent: -9999px; cursor: pointer; }
#detail .wrap_prd > .info > .summary { padding-top: 20px; color: #888; word-break: break-all; }
#detail .wrap_prd > .info > .sbs { margin-top: 15px; border: 1px solid #e5e5e5; text-align: center; }
#detail .wrap_prd > .info > .sbs > label { display: inline-block; margin: 0 15px; line-height: 40px; cursor: pointer; }
#detail .wrap_prd > .info > .today { margin: 15px auto 0; padding: 15px; border: 1px solid #e5e5e5; }
#detail .wrap_prd > .info > .today > span { color: #666; }
#detail .wrap_prd > .info > .list { width: 100%; margin-top: 20px; border-top: 1px solid #000; }
#detail .wrap_prd > .info > .list > tbody > tr > th { padding: 2px 0; font-size: 16px; color: #666; font-weight: normal; text-align: left; vertical-align: middle; }
#detail .wrap_prd > .info > .list > tbody > tr > td { padding: 2px 0; color: #000; font-size: 16px; text-align: left; vertical-align: middle; }
#detail .wrap_prd > .info > .list > tbody > tr:first-child > th { padding-top: 20px; }
#detail .wrap_prd > .info > .list > tbody > tr:first-child > td { padding-top: 20px; }
#detail .wrap_prd > .info > .list2 { width: 100%; margin-top: 20px; border-top: 1px solid #ccc; }
#detail .wrap_prd > .info > .list2 > tbody > tr > th { padding: 5px 0; font-size: 16px; color: #666; font-weight: normal; text-align: left; vertical-align: middle; line-height: 1.2; }
#detail .wrap_prd > .info > .list2 > tbody > tr > td { padding: 5px 0; color: #333; font-size: 16px; text-align: left; vertical-align: middle; line-height: 1.2; }
#detail .wrap_prd > .info > .list2 > tbody > tr:first-child > th { padding-top: 20px; }
#detail .wrap_prd > .info > .list2 > tbody > tr:first-child > td { padding-top: 20px; }
#detail .wrap_prd > .info > .list3 > tbody > tr:nth-child(9) > th { padding-top: 20px; }

/* 2022.03.14. 박수연 추가 */
#detail .wrap_prd > .info > .list3 > tbody > tr:nth-child(9) > td { padding-top: 20px; }

/* 2022.03.14. 박수연 추가 */
#detail .wrap_prd > .info > .list > tbody > tr > td select { width: 130px; }
#detail .wrap_prd > .info > .list > tbody > tr > td .box_qty .form_input { width: 130px; }
#detail .wrap_prd > .info > .list > tbody > tr > td .box_info { display: inline-block; position: relative; }
#detail .wrap_prd > .info > .list > tbody > tr > td .box_info .info { display: none; position: absolute; left: 20px; top: -8px; z-index: 10; width: 150px; padding: 10px 15px; border: 1px solid #dcdcdc; border-radius: 5px; background: #fff; }
#detail .wrap_prd > .info > .list > tbody > tr > td .box_info .info.delivery { width: 230px; }
#detail .wrap_prd > .info > .list > tbody > tr > td .box_info:hover .info { display: block; }
#detail .wrap_prd > .info > .restock { padding-top: 20px; }
#detail .wrap_prd > .info > .restock > p { float: left; font-size: 11px; }
#detail .wrap_prd > .info > .restock > a { display: inline-block; float: right; margin-right: 5px; padding: 2px 5px; border: 1px solid #c3c3c3; font-size: 11px; cursor: pointer; }
#detail .wrap_prd > .info > .restock > a:hover { background-color: #f5f5f5; }
#detail .wrap_prd > .info > .restock:after { display: block; clear: both; content: ''; }
#detail .wrap_prd > .info > .multi_opt { margin-top: 20px; }
#detail .wrap_prd > .info > .multi_opt .selected_list > li { position: relative; padding: 15px 20px; border-top: 1px solid #ebebeb; background: #fafafa; line-height: 30px; }
#detail .wrap_prd > .info > .multi_opt .selected_list > li .name { display: inline-block; width: 270px; word-break: break-all; line-height: 30px; }
#detail .wrap_prd > .info > .multi_opt .selected_list > li .price { float: right; }
#detail .wrap_prd > .info > .multi_opt .selected_list > li .price span { margin-left: 30px; line-height: 30px; }
#detail .wrap_prd > .info > .multi_opt .selected_list > li .price .del img { margin-top: 3px; vertical-align: top; }
#detail .wrap_prd > .info > .multi_opt .selected_list > li .box_qty { position: absolute; left: 300px; /*top:7px;*/}
#detail .wrap_prd > .info > .multi_opt .opt_total { position: relative; padding: 0 20px; border-width: 1px 0; text-align: right; font-size: 16px; }
#detail .wrap_prd > .info > .multi_opt .opt_total .title { position: absolute; left: 20px; top: 50%; margin-top: -10px; }
#detail .wrap_prd > .info > .multi_opt .opt_total strong, #detail .wrap_prd > .info > .multi_opt .opt_total strong * { color: #000; font-size: 30px; }
#detail .wrap_prd > .info > .multi_opt .opt_total .coupon { display: inline-block; margin-right: 5px; padding: 2px 20px 2px 5px; border: 1px solid #c3c3c3; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/apply_coupon.png') no-repeat 90% center; font-size: 11px; cursor: pointer; }
#detail .wrap_prd > .info > .multi_opt .opt_total .coupon:hover { background-color: #f5f5f5; }
#detail .wrap_prd > .info > .btn { margin-top: 20px; font-size: 0; }
#detail .wrap_prd > .info > .btn .box_btn { font-size: 0; }
#detail .wrap_prd > .info > .btn .buy * { width: 268px; background: #015ec5; color: #fff !important; font-weight: bold; font-size: 20px; border: 1px solid #015ec5; }
/* 재입고 버튼 비활성화 스타일  sykwon 2025-06-25*/
#detail .wrap_prd > .info > .btn .restock a { width: 268px; background: #f5f5f5; color: #777777 !important; font-weight: bold; font-size: 20px; border: 1px solid #015ec5; margin-left:10px; width:548px;}
#detail .wrap_prd > .info > .btn .cart * { width: 268px; margin: 0 10px; border: 1px solid #015ec5; color: #015ec5 !important; background: #fff; font-size: 20px; font-weight: bold; }
#detail .wrap_prd > .info > .btn .wish * { width: 70px; height: 55px; background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/wish.png'); background-repeat: no-repeat; background-position: center; text-indent: -9999px; }
#detail .wrap_prd > .info > .btn .wish.on * { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/wish_on.png'); }
#detail .wrap_prd > .info > .btn .pay { text-align: right; }
#detail .wrap_prd > .info > .btn .pay > div { margin-top: 10px; }
#detail .wrap_prd > .info > .count_share { margin-top: 20px; }
#detail .wrap_prd > .info > .count_share:after { display: block; clear: both; content: ''; }
#detail .wrap_prd > .info > .count_share .count { float: left; color: #888; }
#detail .wrap_prd > .info > .count_share .count span { text-decoration: underline; }
#detail .wrap_prd > .info > .count_share .sns { float: right; }
#detail .wrap_prd > .info > .count_share .sns a { display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; text-indent: -9999px; }
#detail .wrap_prd > .info > .count_share .sns a > span.kakao { display: block; height: 100%; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_kakao.png') no-repeat center; }
#detail .wrap_prd > .info > .count_share .sns a > span.kakaostory { display: block; height: 100%; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_kakaostory.png') no-repeat center; }
#detail .wrap_prd > .info > .count_share .sns a.facebook { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/icon_facebook.png'); }
#detail .wrap_prd > .info > .count_share .sns a.twitter { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/icon_twitter.png'); }
#detail .wrap_prd > .info > .count_share .sns a.urlcopy { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/link_icon.png'); }
#detail .wrap_info { clear: both; margin-top: 100px; width: 910px; float: left; }
#detail .wrap_info .tab_area { width: 100%; margin-bottom: 20px; }
#detail .wrap_info .tab_area > .tab { text-align: center; font-size: 0; width: 100%; }
#detail .wrap_info .tab_area > .tab li { display: inline-block; width: calc(33% + 4px); margin-left: -1px; position: relative; font-size: 0; }

/*
#detail .wrap_info .tab_area > .tab li a {color:#999; display:block; width:100%; border:1px solid #ddd; padding:15px; font-size:18px; font-weight:bold; transition:all .3s ease; cursor:pointer;}
#detail .wrap_info .tab_area > .tab li a.active {color:#015ec5; border:2px solid #015ec5; border-bottom:1px solid transparent; position:relative; z-index:3;}
*/
#detail .wrap_info .tab_area > .tab li a { color: #999; display: block; width: 100%; border-bottom: 2px solid #ddd; padding: 15px; font-size: 18px; font-weight: bold; transition: all 0.3s ease; cursor: pointer; }
#detail .wrap_info .tab_area > .tab li a.active { color: #015ec5; border-bottom: 2px solid #015ec5; position: relative; z-index: 3; }
#detail .wrap_info .tab_area > .tab { z-index: 10; width: 100%; background: #fff; }
#detail .wrap_info .tab_area.fixed { position: fixed; left: 0; top: 112px; }
#detail .wrap_info .tab_area.fixed > .tab { width: 1280px; margin: auto; }
#detail .wrap_info .tabcnt_detail { padding-top: 50px; }
#detail .wrap_info .tabcnt_detail.tabcnt_detail0 { padding-top: 0; }
#detail .wrap_info .btn_bottom { margin-top: 20px; text-align: right; }
#detail .wrap_info .detail_info, #detail .wrap_info .common_info { word-break: break-all; font-size: 16px; }
#detail .wrap_info .editor_content > p > img { max-width: 100%; }

/* 레시피 상세 이미지크기 추가 - 2022.02.09. 박수연 */
#detail .wrap_info .editor_content > p > b > img { max-width: 100%; }

/* 레시피 상세 이미지크기 추가 - 2022.02.09. 박수연 */
#detail .wrap_info .detail_info { margin-bottom: 30px; }
#detail .wrap_info .detail_info * { font-family: inherit; font-size: inherit; text-align: inherit; line-height: inherit; }
#detail .wrap_info .detail_info img, #detail .wrap_info .common_info img { max-width: 100%; height: auto; font-size: 0; line-height: 0; }
#detail .wrap_info .detail_info img { margin: 0 auto; display: block; }
#detail .wrap_info .title_related { padding: 12px 0; font-style: italic; font-size: 18px; font-weight: normal; text-align: center; }
#detail .detail_qnarev .title_qnarev { position: relative; margin-top: 40px; padding-bottom: 20px; border-bottom: 1px solid #000; }
#detail .common_info strong { position: relative; margin-top: 40px; padding-bottom: 20px; border-bottom: 1px solid #000; font-size: 18px; display: block; }
#detail .detail_qnarev .title_qnarev.none { border-bottom: 0; }
#detail .detail_qnarev .title_qnarev > h3 { font-size: 20px; }
#detail .detail_qnarev .title_qnarev > h3 > span { color: #888; font-size: inherit; }
#detail .detail_qnarev .title_qnarev > .btn { position: absolute; right: 0; top: 5px; padding-top: 0; font-size: 0; }
#detail .detail_qnarev .title_qnarev > .btn > a { display: inline-block; position: relative; padding-left: 20px; color: #666; font-size: 14px; background-repeat: no-repeat; background-position: left center; }
#detail .detail_qnarev .title_qnarev > .btn > a:after { display: inline-block; width: 1px; height: 14px; margin: 5px 10px 0 10px; background-color: #e5e5e5; vertical-align: top; content: ''; }
#detail .detail_qnarev .title_qnarev > .btn > a:last-child:after { display: none; }
#detail .detail_qnarev .title_qnarev > .btn > a.write { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_write.png'); }
#detail .detail_qnarev .title_qnarev > .btn > a.list { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_list.png'); }
#detail .detail_qnarev .title_qnarev > .sort { position: absolute; right: 0; top: 5px; font-size: 0; }
#detail .detail_qnarev .title_qnarev > .sort > li { display: inline-block; }
#detail .detail_qnarev .title_qnarev > .sort > li:after { display: inline-block; width: 1px; height: 14px; margin: 5px 10px 0 10px; background-color: #e5e5e5; vertical-align: top; content: ''; }
#detail .detail_qnarev .title_qnarev > .sort > li:last-child:after { display: none; }
#detail .detail_qnarev .title_qnarev > .sort > li a { color: #666; font-size: 14px; }
#detail .detail_qnarev .title_qnarev > .sort > li a.selected { padding-left: 13px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_check.png') no-repeat left center; color: #000; font-weight: bold; }
#detail .detail_qnarev > .summary { margin-top: 30px; padding: 35px 0; background-color: #f6f6f6; font-size: 0; text-align: center; }
#detail .detail_qnarev > .summary > div { display: inline-block; vertical-align: top; }
#detail .detail_qnarev > .summary > div:nth-child(2) { margin: 0 140px; }
#detail .detail_qnarev > .summary > div > h4 { font-size: 14px; font-weight: normal; }
#detail .detail_qnarev > .summary > div.count > p { margin-top: 25px; padding-top: 40px; font-size: 20px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/icon_review_count.png') no-repeat center top; }
#detail .detail_qnarev > .summary > div.count > p strong { font-size: 30px; }
#detail .detail_qnarev > .summary > div.grade .icon { display: inline-block; position: relative; width: 138px; height: 21px; margin-top: 35px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/grade.png') no-repeat left top/cover; }
#detail .detail_qnarev > .summary > div.grade .icon > i { display: block; position: absolute; left: 0; top: 0; height: 100%; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/grade_over.png') no-repeat left top/138px 21px; }
#detail .detail_qnarev > .summary > div.grade .average { margin-top: 9px; color: #bebebe; font-size: 30px; }
#detail .detail_qnarev > .summary > div.grade .average strong { color: #000; font-size: inherit; }
#detail .detail_qnarev > .summary > div.ratio .graph { margin-top: 10px; }
#detail .detail_qnarev > .summary > div.ratio .graph > li { padding: 1px 0; font-size: 0; }
#detail .detail_qnarev > .summary > div.ratio .graph > li span { display: inline-block; }
#detail .detail_qnarev > .summary > div.ratio .graph > li .bar { width: 190px; height: 8px; margin: 0 10px 0 20px; border-radius: 5px; background-color: #d4d4d4; font-size: 0; text-align: left; }
#detail .detail_qnarev > .summary > div.ratio .graph > li .bar > i { display: inline-block; height: 100%; border-radius: inherit; background-color: #b8b7b7; }
#detail .detail_qnarev > .summary > div.ratio .graph > li .bar.max > i { background-color: #e35050; }
#detail .detail_qnarev > .summary > div.ratio .graph > li .bar.min > i { background-color: #b8b7b7; }
#detail .detail_qnarev > .summary > div.ratio .graph > li .count { min-width: 30px; padding: 0 5px; border-radius: 5px; background-color: #fff; text-align: center; line-height: 1.4; }
#detail .detail_qnarev > .summary > div.ratio .graph > li .count.max { background-color: #e35050; color: #fff; }
#detail .detail_qnarev .list > li { display: table; width: 100%; padding: 25px 0; border-bottom: 1px solid #e0e0e0; }
#detail .detail_qnarev .list > li > .info { display: table-cell; width: calc(100% - 106px); vertical-align: middle; }
#detail .detail_qnarev .list > li > .info .grade { padding-left: 5px; font-size: 16px; font-weight: bold; }
#detail .detail_qnarev .list > li > .info .name { padding-top: 5px; color: #888; }
#detail .detail_qnarev .list > li > .info .name img { width: auto; height: 16px; margin-top: 1px; vertical-align: top; }
#detail .detail_qnarev .list > li > .info .title, #detail .detail_qnarev .list > li > .info .title * { font-size: 14px; font-weight: bold; }
#detail .detail_qnarev .list > li > .info .title { padding-top: 10px; }
#detail .detail_qnarev .list > li > .info .title img { vertical-align: middle; }
#detail .detail_qnarev .list > li > .info .content { padding-top: 5px; }
#detail .detail_qnarev .list > li > .info .content { padding-top: 5px; }
#detail .detail_qnarev .list > li > .info .more { display: inline-block; padding-top: 10px; color: #666; font-weight: bold; }
#detail .detail_qnarev .list > li > .upfile { display: table-cell; position: relative; width: 106px; text-align: right; vertical-align: middle; }
#detail .detail_qnarev .list > li > .upfile > a { display: block; position: relative; overflow: hidden; width: 96px; height: 96px; border: 1px solid #e0e0e0; vertical-align: middle; }
#detail .detail_qnarev .list > li > .upfile img { position: absolute; top: 50%; left: 50%; width: 96px; height: auto; transform: translate(-50%, -50%); }
#detail .detail_qnarev .list > li > .upfile .count { display: block; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; background-color: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; }
#detail .list_photo { position: relative; width: 1100px; font-size: 0; }
#detail .list_photo .slick-arrow { position: absolute; top: -50px; z-index: 10; width: 30px; height: 30px; border: 1px solid #dcdcdc; background-color: #fff; text-align: center; }
#detail .list_photo .slick-arrow:after { display: block; width: 10px; height: 10px; border: 1px solid #a7a7a7; content: ''; }
#detail .list_photo .slick-arrow:hover { background-color: #f6f6f6; }
#detail .list_photo .slick-arrow:hover:after { border-color: #e35050; }
#detail .list_photo .slick-prev { right: 29px; }
#detail .list_photo .slick-prev:after { margin-left: 12px; border-width: 1px 0 0 1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#detail .list_photo .slick-next { right: 0; }
#detail .list_photo .slick-next:after { margin-left: 5px; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#detail .list_photo .slick-dots { margin-top: 20px; }
#detail .list_photo .box { display: block; position: relative; overflow: hidden; width: 116px; height: 116px; border: 1px solid #e0e0e0; vertical-align: middle; }
#detail .list_photo .box > img { position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transform: translate(-50%, -50%); }
#detail .total_box { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc; }
#detail .total_box .box_qty { background: #f5f5f5; padding: 20px; font-size: 16px; font-weight: bold; width: 100%; }
/* #detail .total_box .box_qty .btn_ea input {border:none;} */

/* 상품상세페이지 - 개인결제 (/shop/detail_private.php) */
#detail.private .wrap_prd > .info { padding-top: 100px; text-align: center; }
#detail.private .wrap_prd > .info > .price .sell, #detail.private .wrap_prd > .info > .price .sell * { font-size: 30px; }
#detail.private .wrap_info { border-top: 0; }

/* 상품상세페이지 - 상단아이콘  */
.top-icon { /*width: 75px; height: 75px;*/ position: absolute; z-index: 2; right: 55.4%; top: 6.5px; }

/* 상품상세페이지 - 하단아이콘  */
.bottom-icon { /*width: 75px; height: 75px;*/ margin-top: 5px; }

/* 상품 목록 - 상단아이콘  */
.top-icon-list { /*width: 45px; height: 45px;*/ width: auto; height: auto; position: absolute; z-index: 2; right: 2%; top: 2px; }

/* 상품 목록 - 하단아이콘  */
.bottom-icon-list { /*width: 45px; height: 45px;*/ margin-top: 5px; }

/* 퀵프리뷰 - 팝업(/shop/detail_popup.php) */
#detail_pop { position: relative; padding: 30px; }
#detail_pop #detail { margin-top: 0; }
#detail_pop .close { display: inline-block; position: absolute; right: 20px; top: 20px; z-index: 10; width: 21px; height: 21px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/hd_close.png') no-repeat center; text-indent: -9999px; cursor: pointer; }

/* 상품이미지줌 - 팝업(/shop/zoom.php) */
#zoomimg { text-align: center; }
#zoomimg h2 { padding: 10px 60px 10px 20px; background: #676767; color: #fff; font-size: 14px; text-align: left; }
#zoomimg .img { margin: 40px auto 10px; }
#zoomimg .img img { max-width: 500px; max-height: 500px; }
#zoomimg .list { width: 500px; margin: 10px auto 0; }
#zoomimg .list li { float: left; margin: 0 0 10px 10px; }
#zoomimg .list li:nth-child(5n + 1) { margin-left: 0 !important; }
#zoomimg .list li img { max-width: 92px; max-height: 92px; }
#zoomimg .list:after { display: block; clear: both; content: ''; }
#zoomimg .box_btn { position: absolute; right: 10px; top: 7px; }

/* 상품갯수 - 장바구니(/shop/cart.php), 주문서(/shop/order.php) */
.enterprise { padding-top: 30px; }
.enterprise.headY { padding-top: 0; }
.enterprise .msg_delivery { padding-bottom: 10px; }

/* 장바구니(/shop/cart.php) */
#cart:after { display: block; clear: both; content: ''; }
#cart .tab_sbs { margin-bottom: 20px; font-size: 0; text-align: center; }
#cart .tab_sbs > li { display: inline-block; font-size: 0; }
#cart .tab_sbs > li > a { display: block; position: relative; width: 180px; margin-left: -1px; padding: 8px; border: 1px solid #e0e0e0; color: #666; font-size: 14px; }
#cart .tab_sbs > li > a > span { color: #999; }
#cart .tab_sbs > li.active > a { z-index: 1; border-color: #000; color: #000; }
#cart .area_left { float: left; width: 63%; margin-top: 30px; }
#cart .area_left .msg { margin-top: 60px; padding-left: 25px; }
#cart .area_left .msg dt { padding-bottom: 10px; font-weight: bold; }
#cart .area_left .msg dd { color: #888; font-size: 11px; line-height: 1.8; }
#cart .area_right { float: right; margin-top: 30px; }
#cart .area_right .box { width: 360px; padding: 40px; background: #f8f8f8; }
#cart .area_right .box.mim { border: 1px solid #c3c3c3; background: #fff; }
#cart .area_right .box .box_btn { margin-top: 10px; }
#cart .pay { clear: both; text-align: right; }
#cart .pay > div { padding-top: 10px; }

/* 장바구니 옵션 변경 */
.cart_change_option { width: 480px; padding: 40px 50px; }
.cart_change_option h3 { font-size: 20px; font-weight: normal; }
.cart_change_option .opt { margin-bottom: 15px; padding: 5px 0 15px; border-bottom: 1px solid #e0e0e0; }
.cart_change_option .opt span { display: inline-block; padding: 5px; border-radius: 5px; background: #eee; color: #666; }
.cart_change_option table { width: 100%; table-layout: fixed; }
.cart_change_option table > thead { display: none; }
.cart_change_option table > tbody > tr > th { padding: 5px 0 5px 23px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_check.png') no-repeat 7px center; font-weight: normal; text-align: left; line-height: 34px; }
.cart_change_option table > tbody > tr > td { padding: 5px; vertical-align: middle; }
.cart_change_option table > tbody > tr > td select { width: 100%; }
.cart_change_option table > tbody > tr > td .box_qty { width: 100%; }
.cart_change_option .total { position: relative; margin-top: 15px; padding: 15px 10px; border: 1px solid #e0e0e0; border-width: 1px 0; }
.cart_change_option .total .price { position: absolute; right: 15px; top: 8px; }
.cart_change_option .total .price strong { font-size: 20px; }
.cart_change_option .btns { margin-top: 20px; text-align: center; }

/* 장바구니 입점몰 계산 박스 */
#cart .cart_sum { position: relative; padding: 30px 60px; border-bottom: 1px solid #dadada; background: #f8f8f8; text-align: right; }
#cart .cart_sum:after { display: block; clear: both; content: ''; }
#cart .cart_sum .delivery_msg { position: absolute; left: 30px; top: 50%; z-index: 10; margin-top: -7px; text-align: left; font-weight: bold; }
#cart .cart_sum table { width: 25%; float: right; }
#cart .cart_sum table th { padding: 5px 0; color: #666; font-weight: normal; text-align: left; }
#cart .cart_sum table td { padding: 5px 0; color: #666; text-align: right; }

/* 장바구니 개별상품 쿠폰적용 */
/*#cart .cart_prc > .after {display:none;}
#cart .cart_prc.is_sale > .before {text-decoration:line-through;}
#cart .cart_prc.is_sale > .after {display:block;}*/
.order_info_table .cart_prc.is_sale > .before { text-decoration: line-through; }
.order_info_table .cart_prc > .after { display: none; }
.order_info_table .cart_prc.is_sale > .after { display: block; }

/* 주문서(/shop/order.php) */
#order:after { display: block; clear: both; content: ''; }
#order .guest { padding-bottom: 40px; }
#order .guest .agree_guest { padding-bottom: 20px; }
#order .guest .box_frame { border: 1px solid #ebebeb; }
#order .guest .box_frame iframe { width: 100%; height: 162px; border: 0; }
#order .print_receipt { padding-bottom: 10px; text-align: right; line-height: 30px; }
#order .ord_info { display: flex; }
#order .ord_info > .area_right { padding: 30px 0 0 50px; }
#order .ord_info > .area_right .inner { float: right; position: sticky; position: -webkit-sticky; top: 30px; }
#order .ord_info > .area_right .box { width: 360px; padding: 40px; background: #f8f8f8; }
#order .ord_info > .area_right .box .line { margin-top: 25px; border-top: 1px solid #dfdfdf; }
#order .coupon_list li { position: relative; margin-top: 10px; padding-left: 25px; }
#order .coupon_list li:first-child { margin-top: 0; }
#order .coupon_list li .check { position: absolute; left: 0; top: -2px; }
#order .coupon_list li .name { font-weight: bold; }
#order .coupon_list li .content { font-size: 11px; }
#order .offcpn #off_cpn_div2, #order .offcpn #off_cpn_img2 { display: none; }
#order .offcpn #off_cpn_div2 p { margin-bottom: 5px; }
#order .offcpn #off_cpn_div2 .offbtn { text-align: right; }
#order .offcpn .box_btn.small a { min-width: 89px; }
#order .title_delivery h3.title { display: inline-block; }
#order .pay_sbs { margin-bottom: 20px; }
#order .pay_sbs:after { display: block; clear: both; content: ''; }
#order .pay_sbs > div { float: left; width: 50%; margin-left: -1px; }
#order .pay_sbs > div > input { display: none; }
#order .pay_sbs > div > label { display: block; position: relative; padding: 10px 5px; border: 1px solid #dcdcdc; color: #888; text-align: center; cursor: pointer; }
#order .pay_sbs > div > label:before { display: inline-block; width: 9px; height: 8px; margin-right: 5px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_check.png') no-repeat center; content: ''; }
/* #order .pay_sbs > div > input:checked + label {z-index:5; border-color:#676767; background-color:#fff; color:#000;} */
#order .pay_sbs > div > input:checked + label { z-index: 5; border-color: #015ec5; background-color: #fff; color: #015ec5; }
/* border-color, color 변경 - 2022.03.14. 박수연 */
#order .paytype_gr1 { display: inline-block; }
#order .method > div { position: relative; padding: 25px 0 10px 25px; }
#order .method > div > label { position: absolute; left: 0; top: 0; cursor: pointer; }
#order .method > div .msg_pay { padding: 0 !important; color: #999 !important; }
#order .method > div .bank_name { display: none; }
#order .method > div #cash_reg { padding: 5px 0 !important; }
#order .method > div #cash_reg span { color: #999 !important; }
#order .method > div select { width: 100%; margin-bottom: 5px; }
#order .order_cancel_msg { color: #666; }
#order .reconfirm { margin-top: 25px; padding-top: 25px; border-top: 1px solid #dfdfdf; }
#order .reconfirm > label { display: block; position: relative; padding: 15px 15px 15px 40px; background-color: #e7e7e7; cursor: pointer; }
#order .reconfirm > label > input { position: absolute; left: 15px; top: 15px; }
#order #order1 .box_btn { margin-top: 10px; }
#order #order2 { display: none; clear: both; margin-top: 30px; padding: 50px 0; border: 1px solid #dedede; text-align: center; }
#order #order2 .total_info { font-size: 16px; font-weight: bold; }
#order #order2 .total_info strong, #order #order2 .total_info strong * { font-size: inherit; }
#order #order2 .msg { padding: 23px 0; color: #888; }

/* 주문완료(/shop/order_finish.php) */
#orderfin { width: 640px; margin: 0 auto; text-align: center; }
#orderfin h3 { padding: 30px 0 20px; text-align: left; }
#orderfin .box { margin-bottom: 30px; padding: 40px 80px; background: #f5f5f5; }
#orderfin .info { padding-bottom: 30px; }
#orderfin .info .bank { padding-bottom: 20px; color: #888; }
#orderfin .info .email { color: #888; }
#orderfin .box_gift .box_btn { margin-top: 20px; }
#orderfin .btn { padding-top: 20px; text-align: center; }

/* 상품검색(/shop/search_result.php) */
#search_result .research { position: relative; background: #fff; width: 500px; margin: auto; margin-bottom: 50px; display: flex; align-items: center; }
#search_result .research select { color: #000; border: 1px solid #ccc; font-size: 15px; height: 50px; padding: 0 40px 0 15px; margin-right: 5px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_arrow_down.png') no-repeat 88% center; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* #search_result .research select{color: #000; border: 1px solid #ccc; font-size: 15px; height: 50px; padding: 0 20px 0 10px; margin-right: 5px;} */

#search_result .research .form_input.search { height: 50px; border-color: #ddd; background: transparent; font-size: 14px; margin-top: 0 !important; text-align: left; }
#search_result .research .btn { position: absolute; right: 0; top: 0; padding: 13px 20px 13px 13px; }
#search_result .check { display: inline-block; padding: 15px 0 5px; }
#search_result .rank { position: relative; z-index: 2; float: right; width: 220px; margin-top: -40px; padding: 16px 0; }
#search_result .rank > ol { overflow: hidden; position: absolute; right: 0; top: 0px; width: 124px; height: 45px; padding: 10px 0; border: 1px solid #fff; background-color: #fff; }
#search_result .rank > ol li { overflow: hidden; padding: 5px 8px; text-overflow: ellipsis; white-space: nowrap; }
#search_result .rank > ol li span { display: inline-block; width: 18px; height: 18px; margin-right: 5px; border-radius: 50%; background: #ebebeb; font-size: 11px; font-weight: bold; text-align: center; line-height: 18px; }
#search_result .rank > ol:after { display: block; position: absolute; right: 5px; top: 20px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; content: ''; }
#search_result .rank > ol:hover { height: auto; border: 1px solid #dcdcdc; }
#search_result .rank > ol:hover:after { display: none; }
#search_result .category { clear: both; border: 1px solid #e0e0e0; background: #fff; }
#search_result .result_cate { overflow: hidden; padding: 15px 25px; border-top: 1px solid #e0e0e0; }
#search_result .result_cate:first-child { border-top: 0; }
#search_result .result_cate:after { clear: both; }
#search_result .result_cate > h3 { float: left; line-height: 38px; font-size: 15px; }
#search_result .result_cate > ul { width: 85%; margin-left: 15%; text-align: left; }
#search_result .result_cate > ul > li { overflow: hidden; text-overflow: ellipsis; float: left; width: 20%; height: 38px; white-space: nowrap; line-height: 38px; }
#search_result .result_cate > ul > li a { color: #444; font-size: 15px; }
#search_result .result_cate > ul > li a.selected { font-weight: bold; }
#search_result .result_cate > ul > li span { color: #444; font-size: 15px; }

/* 상품문의 & 상품후기 - 상품정보(/shop/product_review_list.php & /shop/product_qna_list.php) */
#qnarev_list_all .sort { padding-bottom: 20px; text-align: right; font-size: 0; }
#qnarev_list_all .sort li { display: inline-block; }
#qnarev_list_all .sort li:after { display: inline-block; width: 1px; height: 14px; margin: 5px 10px 0 10px; background-color: #e5e5e5; vertical-align: top; content: ''; }
#qnarev_list_all .sort li:last-child:after { display: none; }
#qnarev_list_all .sort li a { color: #666; font-size: 14px; }
#qnarev_list_all .sort li a.selected { padding-left: 13px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_check.png') no-repeat left center; color: #000; font-weight: bold; }
#qnarev_list_all > .btn { position: relative; bottom: -30px; height: 0; }
#qnarev_list_all > .btn .box_btn { position: absolute; right: 0; top: 0; }
#qnarev_list_all .board_search { clear: both; text-align: center; }
#qnarev_list_all .board_search form { display: inline-block; margin: 30px auto 0; padding: 5px; border: 1px solid #dcdcdc; text-align: center; }
#qnarev_list_all .board_search select { border: 0; }
#qnarev_list_all .board_search input.form_input.search { width: 300px; border-width: 0 1px; }
#qnarev_list_all .board_search .btn_search { display: inline-block; width: 34px; height: 34px; border: 0; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/search_s.png') no-repeat center; vertical-align: top; text-indent: -9999px; cursor: pointer; }

/* 상품문의 & 상품후기 & 마이페이지 상품문의 & 마이페이지 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */
.qnarev_list .prd { overflow: hidden; position: relative; min-height: 150px; padding: 40px 50px; margin-bottom: 32px; background: #fafbfb; color: #474645; }
.qnarev_list .prd .img { float: left; width: 150px; }
.qnarev_list .prd .img img { width: 150px; height: auto; }
.qnarev_list .prd .info { float: left; padding-left: 40px; text-align: left; }
.qnarev_list .prd .info .name { padding-bottom: 20px; font-weight: bold; }
.qnarev_list .prd .info .name img { padding-right: 5px; vertical-align: middle; }
.qnarev_list .prd .info ul li { padding: 5px 0; color: #666; }
.qnarev_list .prd .info ul li .nprice { text-decoration: line-through; }
.qnarev_list .prd .btn_related { padding-top: 20px; }
.qnarev_list .btn { padding-top: 20px; text-align: right; }
.qnarev_list .qnarev_cnt { padding: 0; border: 0; }
.qnarev_list .qnarev_cnt > div { display: none; padding: 40px; border-bottom: 1px solid #e0e0e0; text-align: left; word-break: break-all; word-wrap: break-word; }
.qnarev_list .qnarev_cnt .question, .qnarev_list .qnarev_cnt .answer { position: relative; min-height: 40px; padding-left: 50px; }
.qnarev_list .qnarev_cnt .question { padding: 0 0 20px 50px; }

/* 상품상세 > 상품문의 답변대기일 때 나타나지 않도록 수정 border-bottom:1px solid #e5e5e5; */
.qnarev_list .qnarev_cnt .question img { max-width: 100%; height: auto; }
.qnarev_list .qnarev_cnt .answer { margin-top: 20px; }
.qnarev_list .qnarev_cnt .icon { display: inline-block; position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 50%; background: #777474; color: #fff; text-align: center; line-height: 28px; }
.qnarev_list .qnarev_cnt .answer .icon { background: #ef6363; }
.qnarev_list .qnarev_cnt .btn { text-align: left; }
.qnarev_list .qnarev_cnt .comment { padding-top: 20px; }

/* 상품문의, 상품후기 - 비밀번호 확인 */
.pwbox_popup { position: fixed; left: 50%; top: 50%; z-index: 100; margin: -131px 0 0 -570px; width: 1140px; padding: 0 60px; }
#pwbox { padding: 40px 0; border: 1px solid #e0e0e0; background: #fafafa; text-align: center !important; }
#pwbox h3 { padding-bottom: 15px; }
#pwbox p { margin-bottom: 20px; color: #888; }
#pwbox .form_input { width: 330px; margin-bottom: 20px; }

/* 상품문의 & 상품후기 - 쓰기 */
.qnarev_write_popup { position: fixed; left: 50%; top: 50%; z-index: 100; margin: -315px 0 0 -510px; width: 1020px; height: 630px; }
.qnarev_write_popup > .close { position: absolute; top: 0; right: -60px; width: 32px; height: 32px; text-indent: -9999px; }
.qnarev_write_popup > .close:before { position: absolute; left: 0; top: 16px; width: 32px; height: 3px; background-color: #b7b7b7; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ''; }
.qnarev_write_popup > .close:after { position: absolute; left: 0; top: 16px; width: 32px; height: 3px; background-color: #b7b7b7; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; }
.qnarev_write_popup .qnarev_write { padding: 30px; }
.qnarev_write { overflow: auto; width: 100%; height: 100%; margin: 0 auto; background: #fff; text-align: center; }
.qnarev_write form { display: inline-block; width: 100%; text-align: left; }
.qnarev_write fieldset > legend { display: block; width: 100%; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #000; font-size: 18px; font-weight: bold; }
.qnarev_write fieldset > div { position: relative; margin-top: 10px; }
.qnarev_write fieldset > div:last-child { margin-bottom: 0; }
.qnarev_write fieldset > div > label { display: none; }
.qnarev_write fieldset > div.grade { margin-bottom: 20px; border-bottom: 1px solid #dcdcdc; padding-bottom: 25px; text-align: center; }
.qnarev_write fieldset > div.grade > .msg { padding-bottom: 15px; font-size: 16px; font-weight: bold; }
.qnarev_write fieldset > div.name { min-height: 34px; padding-right: 100px; line-height: 34px; font-weight: bold; }
.qnarev_write fieldset > div.name .form_input { float: left; width: 49%; }
.qnarev_write fieldset > div.name .form_input.pw { float: right; }
.qnarev_write fieldset > div.name .check { position: absolute; right: 0; top: 5px; }
.qnarev_write fieldset > div.name.nopd { padding-right: 0; }
.qnarev_write fieldset > div.name:after { display: block; clear: both; content: ''; }
.qnarev_write fieldset > div.contents { background: #fff; }
.qnarev_write fieldset > div.contents textarea { height: 250px; }
.qnarev_write fieldset > div.msg_milage { margin-top: -11px; padding: 10px; border: 1px solid #cbd5de; background-color: #e6f0f9; color: #666; text-align: center; vertical-align: middle; }
.qnarev_write fieldset > div.msg_milage img { vertical-align: middle; }
.qnarev_write fieldset > div.msg_milage:before { position: absolute; left: 10px; top: -8px; width: 15px; height: 15px; border: 1px solid #cbd5de; border-width: 1px 0 0 1px; background-color: #e6f0f9; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; }
.qnarev_write fieldset > div #preview_attach_files { font-size: 0; }
.qnarev_write fieldset > div #preview_attach_files > li { display: inline-block; padding: 0 5px; }
.qnarev_write fieldset > div #preview_attach_files > li:first-child { padding-left: 0; }
.qnarev_write fieldset > div #preview_attach_files > li img { width: 115px; height: 115px; }
.qnarev_write fieldset select { width: 100%; }
.qnarev_write .btn { padding: 20px 0; text-align: center !important; }

/* 상품문의 & 상품후기 - 수정 */
#qnarevmod .modi_pwd, #qnarevmod .modi_cnt { display: none; }
#qnarevmod .modi_cnt .qnarev_write > form { padding: 40px 0; text-align: left; }

/* 상품후기 - 열람 레이어 */
.layer_review_list { position: fixed; left: 50%; top: 50%; z-index: 100; margin: -315px 0 0 -510px; width: 1020px; height: 630px; }
.layer_review_list:after { display: block; clear: both; content: ''; }
.layer_review_list.upfile_cnt0 > .img { display: none !important; }
.layer_review_list.upfile_cnt0 > .info { width: 100% !important; }
.layer_review_list > .img { float: left; width: 630px; height: 100%; background-color: #f1f2f3; }
.layer_review_list > .img .box { display: flex; width: 630px; height: 630px; align-items: center; justify-content: center; }
.layer_review_list > .img > .add_slide img { max-width: 100%; max-height: 100%; }
.layer_review_list > .img > .add_slide .slick-arrow { position: absolute; top: 50%; z-index: 10; width: 40px; height: 40px; margin: -20px 15px 0 15px; border-radius: 50%; }
.layer_review_list > .img > .add_slide .slick-arrow.slick-prev { left: 0; }
.layer_review_list > .img > .add_slide .slick-arrow.slick-prev:before { position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; margin: -5px 0 0 -6px; background-color: #fff; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ''; }
.layer_review_list > .img > .add_slide .slick-arrow.slick-prev:after { position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; margin: 3px 0 0 -6px; background-color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; }
.layer_review_list > .img > .add_slide .slick-arrow.slick-next { right: 0; }
.layer_review_list > .img > .add_slide .slick-arrow.slick-next:before { position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; margin: -5px 0 0 -6px; background-color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; }
.layer_review_list > .img > .add_slide .slick-arrow.slick-next:after { position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; margin: 3px 0 0 -6px; background-color: #fff; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ''; }
.layer_review_list > .img > .add_slide .slick-dots { position: absolute; left: 0; bottom: 20px; z-index: 10; }
.layer_review_list > .info { overflow: auto; float: left; width: 390px; height: 100%; padding: 30px; background-color: #fff; }
.layer_review_list > .info > .prd { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.layer_review_list > .info > .prd:after { display: block; clear: both; content: ''; }
.layer_review_list > .info > .prd > h2 { float: right; width: calc(100% - 80px); padding-top: 10px; }
.layer_review_list > .info > .prd > .img { float: left; width: 60px; margin-right: 20px; }
.layer_review_list > .info > .prd > .img img { width: 60px; height: auto; }
.layer_review_list > .info > .board { position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.layer_review_list > .info > .board > .grade > .score { font-size: 16px; font-weight: bold; }
.layer_review_list > .info > .board > .name { margin-top: 10px; color: #888; }
.layer_review_list > .info > .board > .name img { width: auto; height: 16px; margin-top: 1px; vertical-align: top; }
.layer_review_list > .info > .board > .subject { margin-top: 20px; color: #000; font-size: 14px; font-weight: bold; }
.layer_review_list > .info > .board > .content { margin-top: 10px; color: #666; line-height: 1.6; word-break: break-all; }
.layer_review_list > .info > .board > .recommend { margin-top: 20px; color: #888; line-height: 24px; }
.layer_review_list > .info > .board > .recommend > span { float: right; }
.layer_review_list > .info > .board > .recommend > span > a { display: inline-block; min-width: 60px; min-height: 24px; padding: 0 10px 0 30px; border: 1px solid #dcdcdc; border-radius: 20px; background-repeat: no-repeat; background-position: 7px center; background-color: #fff; color: #000; text-align: right; line-height: 24px; cursor: pointer; }
.layer_review_list > .info > .board > .recommend > span > a.yes { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/recommend_yes.png'); }
.layer_review_list > .info > .board > .recommend > span > a.no { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/shop/recommend_no.png'); }
.layer_review_list > .info > .board > .recommend > span > a:hover { background-color: #f1f2f3; }
.layer_review_list > .info > .board > .btn { position: absolute; right: 0; top: 0; font-size: 0; }
.layer_review_list > .info > .board > .btn > a { display: inline-block; margin-left: -1px; padding: 4px 8px; border: 1px solid #dcdcdc; background-color: #fff; color: #888; }
.layer_review_list > .info > .board > .btn > a:hover { background-color: #f1f2f3; }
.layer_review_list > .info > .comment > .guest { padding: 15px 20px; background-color: #fafafa; color: #666; }
.layer_review_list > .info > .comment > .guest > a { float: right; color: #000; font-size: 13px; font-weight: bold; text-decoration: underline; }
.layer_review_list > .info > .comment > form .write { position: relative; padding-right: 56px; border: 1px solid #dcdcdc; background-color: #fff; text-align: left; }
.layer_review_list > .info > .comment > form .write textarea.form_input { min-height: 40px; border: 0; }
.layer_review_list > .info > .comment > form .write .btn_comment { display: inline-block; position: absolute; right: 0; top: 0; width: 56px; height: 100%; text-align: center; border: 0; background-color: #fff; font-weight: bold; line-height: 100%; cursor: pointer; }
.layer_review_list > .info > .comment > form .write:after { display: inline-block; position: absolute; right: 56px; top: 50%; width: 1px; height: 20px; margin-top: -10px; background-color: #dcdcdc; content: ''; }
.layer_review_list > .info > .comment > .list { position: relative; margin-top: 20px; }
.layer_review_list > .info > .comment > .list:before { position: absolute; left: 20px; top: -6px; width: 10px; height: 10px; border: 1px solid #dcdcdc; border-width: 1px 1px 0 0; background-color: #fff; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ''; }
.layer_review_list > .info > .comment > .list > li { margin-top: -1px; padding: 10px 15px; border: 1px solid #dcdcdc; }
.layer_review_list > .info > .comment > .list > li > .date { display: block; position: relative; height: 0; top: -16px; color: #888; text-align: right; }
.layer_review_list > .info > .comment > .list > li > .date img { vertical-align: middle; }
.layer_review_list > .info > .comment > .list > li > .content { padding-top: 5px; color: #666; line-height: 1.6; word-break: break-all; }
.layer_review_list > .move { position: absolute; top: 50%; width: 34px; height: 34px; margin: -17px 12px 0 12px; text-indent: -9999px; cursor: pointer; }
.layer_review_list > .move.prev { left: -60px; }
.layer_review_list > .move.prev:before { position: absolute; left: 50%; top: 50%; width: 25px; height: 4px; margin: -9px 0 0 -13px; background-color: #fff; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ''; }
.layer_review_list > .move.prev:after { position: absolute; left: 50%; top: 50%; width: 25px; height: 4px; margin: 7px 0 0 -13px; background-color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; }
.layer_review_list > .move.next { right: -60px; }
.layer_review_list > .move.next:before { position: absolute; left: 50%; top: 50%; width: 25px; height: 4px; margin: -9px 0 0 -13px; background-color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; }
.layer_review_list > .move.next:after { position: absolute; left: 50%; top: 50%; width: 25px; height: 4px; margin: 7px 0 0 -13px; background-color: #fff; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ''; }
.layer_review_list > .move.end:before, .layer_review_list > .move.end:after { background-color: #818181; }
.layer_review_list > .close { position: absolute; top: 0; right: -60px; width: 32px; height: 32px; text-indent: -9999px; }
.layer_review_list > .close:before { position: absolute; left: 0; top: 16px; width: 32px; height: 3px; background-color: #b7b7b7; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ''; }
.layer_review_list > .close:after { position: absolute; left: 0; top: 16px; width: 32px; height: 3px; background-color: #b7b7b7; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; }

/* 설문조사(/shop/poll_list.php) */
#poll .subject { padding: 15px 30px; border: 1px solid #e0e0e0; border-width: 1px 0; text-align: left; }
#poll .subject strong { padding-left: 40px; }
#poll .box { padding: 30px; border-bottom: 1px solid #e0e0e0; background: #fbfbfb; }
#poll .box .vote { margin-top: 30px; padding: 30px; border: 1px solid #e0e0e0; background: #fff; }
#poll .box .vote table { width: 100%; margin: 0 auto; table-layout: fixed; }
#poll .box .vote table > thead { display: none; }
#poll .box .vote table > tbody > tr > td { padding: 2px 0; }
#poll .box .vote table > tbody > tr > td .graph { height: 5px; background: #b1b1b1; }
#poll .btn { margin: 10px 0 40px 0; text-align: right; }
#poll .commentdel { padding: 20px 0; border: 1px solid #e0e0e0; border-bottom: 0; background: #fff; text-align: center; }
#poll .commentdel .msg { padding-top: 5px; }

/* 퀵카트 */
.quickcart { position: relative; }
.quickcart > a { display: inline-block; padding: 0 10px; color: #666; font-size: 11px; line-height: 30px; }
.quickcart > a:hover { color: #d53838; }
.quickcart .list { position: absolute; right: 0; z-index: 20; width: 300px; padding: 10px; border: 1px solid #e0e0e0; background: #fff; }
.quickcart .list .frame { overflow: auto; max-height: 300px; }
.quickcart .list .frame table { table-layout: fixed; clear: both; width: 100%; border-collapse: collapse; }
.quickcart .list .frame table caption { padding: 10px 0; color: #181818; font-weight: bold; text-align: left; }
.quickcart .list .frame table thead { display: none; }
.quickcart .list .frame table td { position: relative; padding: 10px 0; border-top: 1px solid #e0e0e0; text-align: center; vertical-align: middle; }
.quickcart .list .frame table td.info { padding: 0 10px; text-align: left; }
.quickcart .list .frame table td.info .mall { font-size: 11px; }
.quickcart .list .frame table td .del { position: absolute; right: 0; top: 10px; }
.quickcart .list .box_price { padding: 10px; border: 1px solid #e0e0e0; border-width: 1px 0; background: #f8f8f8; }
.quickcart .list .btn > span { margin-top: 10px; }

/* 개별상품쿠폰 레이어 */
#prdCouponArea { margin-left: -285px !important; }
#pop_coupon2 { position: relative; width: 570px; padding: 40px; border: 1px solid #d9d9d9; background: #fff; }
#pop_coupon2 h2 { padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; color: #000; font-size: 22px; }
#pop_coupon2 .box { overflow: auto; max-height: 400px; margin: -1px 0; }
#pop_coupon2 .box .tbl_col .img img { width: 60px; height: auto; }
#pop_coupon2 .box .usable_cpn { padding: 8px 0; text-align: left; }
#pop_coupon2 .box .usable_cpn > li { position: relative; padding: 2px 60px 2px 0; }
#pop_coupon2 .box .usable_cpn > li > label { display: inline-block; cursor: pointer; }
#pop_coupon2 .box .usable_cpn > li > label > span { color: #df7e7e; }
#pop_coupon2 .box .usable_cpn > li > .expiry { position: absolute; right: 0; top: 2px; color: #888; }
#pop_coupon2 .btn { padding-top: 30px; border-top: 1px solid #dbdbdb; text-align: center; }
#pop_coupon2 .close { display: inline-block; position: absolute; right: 20px; top: 20px; width: 21px; height: 21px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/hd_close.png') no-repeat center; text-indent: -9999px; cursor: pointer; }

/* 재입고 알림 신청 레이어 */
#notify_restock { margin-left: -285px !important; /*padding:5px;*/ border: 1px solid #d9d9d9; background-color: #fff; }
#notify_restock .close { display: inline-block; position: absolute; right: 20px; top: 20px; width: 21px; height: 21px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/hd_close.png') no-repeat center; text-indent: -9999px; cursor: pointer; }
#notify_restock h2 { padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; color: #000; font-size: 22px; }
#notify_restock .tbl_row2 { margin-top: -1px; }
#notify_restock .tbl_row2 .opt th, #notify_restock .tbl_row2 .opt td { font-size: 18px; color: #000; border-bottom: 1px solid #e0e0e0; }
#notify_restock .tbl_row2 .phone th, #notify_restock .tbl_row2 .phone td { border-top: 1px solid #e0e0e0; }
#notify_restock .agree { display: inline-block; margin-top: 10px; cursor: pointer; }
#notify_restock .btn { padding-top: 20px; text-align: center; }

/* 프로모션 기획전(/shop/promotion.php) */
.speical_group { margin: 1px 1px 0 0; }
.speical_group > .menu { margin-bottom: 20px; font-size: 0; }
.speical_group > .menu > li { display: inline-block; width: 25%; }
.speical_group > .menu > li > a { display: block; margin: -1px -1px 0 0; padding: 10px; border: 1px solid #d2d2d2; color: #666; text-align: center; }
.speical_group > .menu > li > a:hover, .speical_group > .menu > li > a.active { position: relative; z-index: 5; border: 1px solid #535353; color: #000; font-weight: bold; }
.speical_group > .intro > .title { position: relative; padding: 15px 0; border-bottom: 1px solid #d2d2d2; }
.speical_group > .intro > .title > h3 { padding-right: 160px; font-size: 16px; font-weight: bold; }
.speical_group > .intro > .title > span { position: absolute; right: 0; top: 50%; margin-top: -12px; color: #666; font-size: 14px; }
.speical_group > .intro > .summary { padding: 30px 0; border-bottom: 1px solid #d2d2d2; }
.speical_group > .box { border-bottom: 1px solid #d2d2d2; text-align: center; }
.speical_group > .box > h4 { padding: 40px 0 30px; font-size: 20px; }
.speical_group > .box > .img { padding-bottom: 30px; }

/* 정기배송 레이어 */
.layer_sbs { position: fixed; top: 50%; left: 50%; z-index: 100; overflow: auto; width: 1100px; height: 640px; margin: -320px 0 0 -550px; background-color: #fff; }
.layer_sbs .frame { padding: 40px; }
.layer_sbs .frame > h2 { padding-bottom: 20px; border-bottom: 1px solid #535353; font-size: 18px; font-weight: bold; text-align: left; }
.layer_sbs .delivery_info { float: left; width: 740px; min-height: 640px; border-right: 1px solid #dcdcdc; }
.layer_sbs .delivery_info .calendar { float: left; width: 50%; }
.layer_sbs .delivery_info .calendar > strong { display: block; padding-bottom: 10px; font-size: 14px; }
.layer_sbs .delivery_info .calendar > strong * { font-size: inherit; }
.layer_sbs .prd_info { float: right; width: 361px; min-height: 640px; margin-left: -1px; border-left: 1px solid #dcdcdc; }
.layer_sbs .prd_info > .prd { position: relative; margin-top: 20px; }
.layer_sbs .prd_info > .prd > .img { float: left; width: 100px; }
.layer_sbs .prd_info > .prd > .img > img { width: 80px; height: auto; }
.layer_sbs .prd_info > .prd > .info { float: left; width: 180px; padding: 10px 0; }
.layer_sbs .prd_info > .prd:after { display: block; clear: both; content: ''; }
.layer_sbs .prd_info > .list { padding-top: 20px; }
.layer_sbs .prd_info > .list > li { margin: 10px 0; color: #666; vertical-align: top; }
.layer_sbs .prd_info > .list > li > p { float: right; color: #000; }
.layer_sbs .prd_info > .list > li > p * { color: inherit; }
.layer_sbs .prd_info > .list > li.ea_prc { margin-top: 20px; padding-top: 20px; border-top: 1px solid #dcdcdc; }
.layer_sbs .prd_info > .list > li.total_prc { margin-top: 20px; padding-top: 20px; border-top: 1px solid #dcdcdc; }
.layer_sbs .prd_info > .list > li.total_prc > span { font-size: 11px; }
.layer_sbs .prd_info > .list > li.total_prc > p { margin-top: -12px; font-size: 16px; font-weight: bold; }
.layer_sbs .prd_info > .list > li.total_prc > p * { font-size: 16px; font-weight: bold; }
.layer_sbs .prd_info > .btn { margin-top: 20px; padding-top: 20px; border-top: 1px solid #dcdcdc; }
.layer_sbs .prd_info > .btn:after { display: block; clear: both; content: ''; }
.layer_sbs .prd_info > .btn > span { float: left; width: 50%; }
.layer_sbs > .close { display: inline-block; position: absolute; right: 10px; top: 10px; width: 21px; height: 21px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/hd_close.png') no-repeat center; text-indent: -9999px; cursor: pointer; }

/*-----------------------------------------------------------------*/
/* 4-3. 회원
/*-----------------------------------------------------------------*/

/* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 */
.box_member { width: 480px; margin: 0 auto 100px auto; }
.box_member.box_size2 { width: 630px; }
.box_member .tab_member { padding: 92px 0 42px; font-size: 0; text-align: center; }
.box_member .tab_member > li { display: inline-block; padding: 0 15px; }
.box_member .tab_member > li a { font-size: 22px; letter-spacing: -0.03rem; cursor: pointer; opacity: 0.5; }
.box_member .tab_member > li a.active { opacity: 1; }
.box_member fieldset { position: relative; }
.box_member fieldset legend { padding: 25px 0; font-weight: bold; }
.box_member fieldset .fld { position: relative; margin-bottom: 10px; font-size: 0; }
.box_member fieldset .fld label { position: absolute; top: 50%; left: 15px; color: #666; font-size: 14px; transform: translateY(-50%); cursor: auto; transition: all 0.3s ease; }
.box_member fieldset .fld.active label { display: inline-block; top: 0; background: #fff; color: #000; font-size: 14px; line-height: 15px; }
.box_member fieldset .fld .show_icon { display: block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/icon_pwd.png') no-repeat center; cursor: pointer; }
.box_member fieldset .fld .show_icon:after { position: absolute; top: 50%; left: 0; width: 1px; height: 24px; margin-top: -12px; background: #e7e7e7; content: ''; }
.box_member fieldset .fld .show_icon.active { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/icon_pwd_active.png'); }
.box_member fieldset .savessl { padding: 10px 0 40px; font-size: 0; }
.box_member fieldset .savessl label { margin-right: 10px; color: #000; vertical-align: middle; }
.box_member fieldset .select { float: right; margin-top: -44px; }
.box_member fieldset .box_btn * {}

/* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 - 인풋 기본 스타일 */
.box_member .form_input.member { height: 50px; padding: 0 15px; border-color: #ddd; }
.box_member .form_input.member:focus { border-color: #000; }
.box_member .form_input.member.number_first { width: 35%; }
.box_member .form_input.member.number { width: 30%; margin-left: 5px; }
.box_member .find_id_item_2, .box_member .find_id_item_3, .box_member .find_pw_item_2, .box_member .find_pw_item_3 { display: none; }

/* 로그인(/member/login.php) */
#login .guest_order { margin-top: 10px; }
#login .fail { position: relative; margin-bottom: 20px; padding: 18px 10px; border-radius: 10px; background: #fae4e8; color: #d53838; text-align: center; }
#login .fail:after { position: absolute; left: 50%; bottom: -6px; width: 0; height: 0; margin-left: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 6px solid #fae4e8; content: ''; }
#login .joinfind { padding: 25px 0 35px; font-size: 0; text-align: center; }
#login .joinfind li { display: inline-block; padding: 0 10px; }
#login .joinfind li a { font-size: 14px; letter-spacing: -0.03rem; }
#login .simple { padding-top: 30px; border-top: 1px solid #e0e0e0; text-align: center; }
#login .simple a { display: block; width: 100%; height: 50px; margin-top: 10px; border: 1px solid #000; border-radius: 6px; background-color: #fff; background-repeat: no-repeat; background-position: left 25px center; color: #191919; font-size: 16px; letter-spacing: -0.03rem; line-height: 49px; }
#login .simple a.naver { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/icon_naver.png'); }
#login .simple a.facebook { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/icon_facebook.png'); }
#login .simple a.kakao { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/icon_kakao.png'); }
#login .simple a.payco { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/icon_payco.png'); }
#login .simple a.wemake { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/icon_wemake.png'); }
#login .simple a.apple { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/icon_apple.png'); }

/* 아이디/비밀번호 찾기 레이어 */
.pop_find_id { position: fixed; left: 50%; top: 100px; z-index: 1001; width: 400px; border: 1px solid #dcdcdc; margin-left: -200px; background-color: #fff; }
.pop_find_id h1 { height: 49px; padding: 0 10px; background-color: #676767; color: #fff; font-size: 16px; font-weight: normal; line-height: 49px; }
.pop_find_id > .box { padding: 30px; }
.pop_find_id > .box > h2 { color: #000; font-size: 20px; font-weight: normal; }
.pop_find_id > .box > .msg { padding-top: 15px; }
.pop_find_id > .box > .input { position: relative; height: 50px; margin-top: 15px; padding-right: 113px; background-color: #f5f5f5; }
.pop_find_id > .box > .input:after { position: absolute; right: 113px; top: 50%; width: 1px; height: 22px; margin-top: -11px; background-color: #dbdbdb; content: ''; }
.pop_find_id > .box > .input > .input_number { width: 100%; height: 50px; padding: 0 10px; border: 0; background-color: transparent; }
.pop_find_id > .box > .input > .btn { position: absolute; right: 0; top: 0; width: 113px; height: 50px; border: 0; background-color: #f5f5f5; font-weight: bold; cursor: pointer; }
.pop_find_id > .box > .form_input { height: 50px; margin-top: 10px; }
.pop_find_id > .box > .box_btn { margin-top: 20px; }
.pop_find_id > .box > .pop_id_list { padding-top: 25px; }
.pop_find_id > .box > .pop_id_list .list { overflow: auto; max-height: 100px; margin-top: 10px; padding: 5px 0; border: 1px solid #d2d2d2; border-width: 1px 0; background-color: #f5f5f5; }
.pop_find_id > .box > .pop_id_list .list li { position: relative; padding: 5px; text-align: left; }
.pop_find_id > .box > .pop_id_list .btn { padding-top: 20px; text-align: center; }
.pop_find_id > .box > .close { display: inline-block; position: absolute; right: 14px; top: 14px; width: 21px; height: 21px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/hd_close.png') no-repeat center; text-indent: -9999px; cursor: pointer; }

/* 비밀번호 변경 */
#modify_pwd .modify_id { padding-bottom: 20px; font-size: 14px; font-weight: bold; }
#modify_pwd .msg_chgpw { border: 1px dashed #000; margin-bottom: 20px; padding: 10px; text-align: left; }

/* 회원가입 약관동의(/member/join_step1.php) */
#join_agree { text-align: center; }
#join_agree .all_chk { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #dcdcdc; text-align: left; }
#join_agree .all_chk .msg { margin-top: -5px; color: #666; letter-spacing: -0.02rem; }
#join_agree .check { padding-bottom: 15px; text-align: left; }
#join_agree .check > label { font-size: 20px; }
#join_agree iframe { width: 100%; height: 180px; margin-bottom: 40px; border: 1px solid #d9d9d9; background-color: #fff; }
#join_agree .tbl_row { margin-bottom: 40px; border-top: 1px solid #000; }
#join_agree .member_type { padding: 20px 0 30px; }
#join_agree .member_type label { margin: 0 10px; }
#join_agree .btn { padding-top: 20px; text-align: center; }
#join_agree .simple { margin-top: 50px; padding-top: 63px; border-top: 1px solid #e0e0e0; text-align: center; }
#join_agree .simple p { padding-bottom: 29px; font-size: 20px; letter-spacing: -0.02rem; }
#join_agree .simple a { display: inline-block; width: 200px; height: 50px; margin: 4px; border: 1px solid #000; border-radius: 6px; }
#join_agree .simple a span { display: inline-block; height: 48px; padding-left: 29px; background-color: #fff; background-repeat: no-repeat; background-position: left center; color: #191919; font-size: 14px; letter-spacing: -0.03rem; line-height: 47px; }
#join_agree .simple a.naver span { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/icon_naver.png'); }
#join_agree .simple a.facebook span { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/icon_facebook.png'); }
#join_agree .simple a.kakao span { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/icon_kakao.png'); }
#join_agree .simple a.payco span { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/icon_payco.png'); }
#join_agree .simple a.wemake span { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/icon_wemake.png'); }
#join_agree .simple a.apple span { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/icon_apple.png'); }

/* 회원가입 정보입력(/member/join_frm.php) */
#join_input fieldset { margin-top: 50px; }
#join_input fieldset:nth-of-type(1) { margin-top: 0; }
#join_input fieldset * { font-size: 14px; }
#join_input fieldset .form_input.invalid { border-color: #c41c1b; background-color: #fff5f6; }
#join_input fieldset legend { display: block; position: relative; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #000; color: #000; font-size: 20px; }
#join_input fieldset legend > span { position: absolute; right: 0; top: 5px; color: #666; }
#join_input fieldset legend > span > strong { color: #cc3a3a; }
#join_input fieldset > .box { padding: 20px 0; border-bottom: 1px solid #dcdcdc; }
#join_input fieldset > .box > div { display: table; position: relative; width: 100%; padding: 5px 0; padding-right: 38%; }
#join_input fieldset > .box > div > label { display: table-cell; width: 170px; padding-right: 10px; color: #666; font-weight: normal; text-align: left; vertical-align: middle; }
#join_input fieldset > .box > div > .input_area { display: table-cell; height: 34px; vertical-align: middle; }
#join_input fieldset > .box > div > .input_area input { vertical-align: top; }
#join_input fieldset > .box > div > .input_area input.form_input { width: 400px; }
#join_input fieldset > .box > div > .input_area label { margin-right: 20px; }
#join_input fieldset > .box > div .msg { display: inline-block; position: absolute; right: 0; top: 5px; z-index: 5; width: 38%; padding-left: 20px; }
#join_input fieldset > .box > div .msg > p { padding-left: 15px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_msg.png') no-repeat left center; color: #888; font-size: 12px; line-height: 34px; }
#join_input fieldset > .box > div .msg > p.warning { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_msg_warning.png'); color: #c41c1c; }
#join_input fieldset > .box > div .msg.block { display: inline-block; position: static; width: 100%; padding-left: 0; }
#join_input fieldset > .box > div.required > label:after { color: #c41c1c; content: ' *'; }
#join_input fieldset > .box > div.birth > .input_area, #join_input fieldset > .box > div.addr > .input_area { font-size: 0; }
#join_input fieldset > .box > div.birth select { width: 33%; margin-left: -1px; font-size: 12px; }
#join_input fieldset > .box > div.birth select:nth-of-type(1) { width: 34%; margin-left: 0; }
#join_input fieldset > .box > div.addr .form_input:nth-of-type(1) { width: calc(100% - 126px) !important; margin-right: 10px; }
#join_input fieldset > .box > div.addr .form_input:nth-of-type(2) { margin: 10px 0; }
#join_input fieldset > .box > div.addr .box_btn * { padding: 9.5px 12px; }
#join_input fieldset > .box > div.sns { padding-right: 0; }
#join_input fieldset > .box > div.sns .integrate { font-size: 0; }
#join_input fieldset > .box > div.sns .integrate > li { display: inline-block; padding-right: 50px; text-align: center; vertical-align: top; }
#join_input fieldset > .box > div.sns .integrate > li .name { padding: 30px 0 6px; background: no-repeat top center; font-size: 13px; }
#join_input fieldset > .box > div.sns .integrate > li .name.nameKA { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/integrate_kakao.png'); }
#join_input fieldset > .box > div.sns .integrate > li .name.nameNA { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/integrate_naver.png'); }
#join_input fieldset > .box > div.sns .integrate > li .name.nameFB { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/integrate_facebook.png'); }
#join_input fieldset > .box > div.sns .integrate > li .name.namePC { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/integrate_payco.png'); }
#join_input fieldset > .box > div.sns .integrate > li .name.nameWN { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/integrate_wemake.png'); }
#join_input fieldset > .box > div.sns .integrate > li .name.nameAP { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/integrate_apple.png'); }
#join_input fieldset > .box > div.sns .integrate > li .box_btn a { min-width: 55px; font-size: 12px; }
#join_input fieldset > .box > div.sns .integrate > li .state { padding-top: 6px; }
#join_input fieldset > .box > div.sns .integrate > li .state span { display: inline-block; padding-left: 20px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/integrate_state.png') no-repeat left center; color: #888; font-size: 12px; }
#join_input fieldset > .box > div.sns .integrate > li .state.connect span { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/integrate_state_connect.png'); color: #fe0100; }

/* 회원가입 정보입력 - SNS */
#join_input.api { margin-top: 40px; }
#join_input.api fieldset > .box > div > .email_area .form_input { width: calc(100% - 97px) !important; margin-right: 10px; }
#join_input.api fieldset > .box > div > .email_area .box_btn * { padding: 9.5px 12px; }

/* 회원가입 정보입력 - dummy */
#join_input .dummy { position: absolute; left: 0; top: 0; width: 0; height: 0; font-size: 0; line-height: 0; opacity: 0; }

/* 회원가입 정보입력 - 기업회원추가입력 */
#join_input fieldset > .box > div.licensee_num .form_input { width: 32%; }
#join_input fieldset > .box > div.licensee_num .form_input.second { margin: 0 2%; }

/* 회원가입 정보입력 - 버튼 */
#join_input .btn { margin-top: 30px; text-align: center; }

/* 비밀번호 안전도 */
#join_input .password_security_lev { display: inline-block; position: relative; padding: 7px 15px; border: 1px solid #bfbfbf; background-color: #fff; color: #000; font-weight: bold; text-align: left; }
#join_input .password_security_lev:before { position: absolute; left: -5px; top: 8px; width: 8px; height: 8px; border: 1px solid #bfbfbf; border-width: 1px 0 0 1px; background-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ''; }
#join_input .password_security_lev > span { display: inline-block; position: relative; width: 72px; height: 4px; margin-top: 7px; background-color: #e5e5e5; vertical-align: top; }
#join_input .password_security_lev > span:before { display: inline-block; position: absolute; left: 0; top: 0; height: 4px; content: ''; }
#join_input .password_security_lev > span:after { display: inline-block; position: absolute; left: 0; top: 0; width: inherit; height: inherit; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/safebar.gif') no-repeat center; content: ''; }
#join_input .password_security_lev > p { color: #888; font-size: 11px; font-weight: normal; }
#join_input .password_security_lev.password_security_1 > strong { color: #e60012; }
#join_input .password_security_lev.password_security_1 > span:before { width: 22px; background-color: #e60012; }
#join_input .password_security_lev.password_security_2 > strong { color: #e7853c; }
#join_input .password_security_lev.password_security_2 > span:before { width: 47px; background-color: #e7853c; }
#join_input .password_security_lev.password_security_3 > strong { color: #32b16c; }
#join_input .password_security_lev.password_security_3 > span:before { width: 72px; background-color: #32b16c; }

/* 회원가입완료(/member/join_step3.php) */
#join_finish { width: 640px; margin: 0 auto; }
#join_finish h3 { margin-bottom: 20px; font-size: 13px; }
#join_finish .box { padding: 45px 0; border: 1px solid #dedede; color: #888; text-align: center; line-height: 3; }
#join_finish .box > .agree { width: 80%; margin: 0 auto; padding: 15px; color: #666; background-color: #f0f0f0; }
#join_finish .box > .agree > span { display: block; }
#join_finish .box strong { font-size: 14px; }
#join_finish .box .document > a { display: inline-block; padding: 20px 10px; font-weight: bold; text-decoration: underline; }
#join_finish .btn { margin-top: 30px; text-align: center; }

/* 정보수정(/member/edit_step1.php), 정보수정완료(/member/edit_step3.php) */
.edit_info .box { padding: 60px 0; background-color: #f5f5f5; text-align: center; }
.edit_info .box > .msg { color: #666; }
.edit_info .box > .agree { width: 50%; margin: 20px auto 0; padding: 15px; color: #666; background-color: #fff; }
.edit_info .box > .agree > span { display: block; }
.edit_info .form_input { width: 50%; margin-top: 15px; }
.edit_info .btn { padding-top: 30px; text-align: center; }

/* 우편번호 찾기(/common/zip_search.php) */
.zipcode { width: 420px; padding: 20px; text-align: center; }
.zipcode h1 { padding-bottom: 20px; font-size: 20px; font-weight: bold; }
.zipcode .tab { height: 32px; text-align: center; }
.zipcode .tab li { float: left; width: 50%; vertical-align: bottom; }
.zipcode .tab a { display: block; height: 34px; margin: 10px 0 0 -1px; border: 1px solid #dcdcdc; background: #f8f8f8; color: #181818; line-height: 34px; }
.zipcode .tab a.selected { height: 44px; margin-top: 0; border-bottom: 0; background: #fff; font-weight: bold; line-height: 49px; }
.zipcode .ex { clear: both; padding: 20px 0; color: #666; text-align: left; }
.zipcode .ex span { display: block; color: #888; }
.zipcode .search { position: relative; padding-right: 60px; }
.zipcode .search .box_btn { position: absolute; right: 0; top: 0; }
.zipcode table { table-layout: fixed; width: 100%; margin-top: 20px; border-top: 1px solid #e0e0e0; }
.zipcode table th { font-size: 0; }
.zipcode table td { padding: 10px 0; border-bottom: 1px solid #d7d7d7; color: #888; text-align: center; vertical-align: middle; }
.zipcode table td.addr { text-align: left; }
.zipcode table td font { color: #d53838; }

/*-----------------------------------------------------------------*/
/* 4-4. 마이페이지
/*-----------------------------------------------------------------*/

/* 마이페이지 탭 & 회원정보 */
.tbl_mypage { width: 100%; margin-bottom: 40px; border: 1px solid #d7d7d7; }
.tbl_mypage thead th { padding: 16px 0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; color: #181818; font-weight: bold; text-align: center; }
.tbl_mypage tbody td { padding: 13px 0 17px 0; border-right: 1px solid #dadada; text-align: center; }
.tbl_mypage tbody td ul li { padding: 5px 0; }
.tbl_mypage tbody td ul li a { color: #888; }
.tbl_mypage tbody td ul li a:hover { color: #000; }
.tbl_mypage .last { border-right: 0; }

/* 마이페이지 공통 박스 */
.box_mp { margin-bottom: 30px; padding: 30px; background: #f8f8f8; text-align: center; line-height: 35px; }
.box_mp:after { display: block; clear: both; content: ''; }
.box_mp .have { color: #666; }
.box_mp .have span { display: block; padding-top: 5px; color: #000; font-size: 24px; font-weight: bold; }

/* 마이페이지 메인(/mypage/mypage.php) */
#mypage { padding-bottom: 100px; }
#mypage .my_info { margin-bottom: 40px; background: #f8f8f8; margin-top: 40px; }
#mypage .my_info ul { display: table; margin: 0 auto; padding: 60px 0; }
#mypage .my_info ul li { display: table-cell; position: relative; width: 212px; color: #666; text-align: center; vertical-align: middle; }
#mypage .my_info ul li:first-child { width: 425px; }
#mypage .my_info ul li:after { position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #e5e5e5; content: ''; }
#mypage .my_info ul li:first-child:after { display: none; }
#mypage .my_info ul li a { display: block; font-size: 16px; }
#mypage .my_info ul li span { display: block; height: 30px; margin-top: 20px; font-size: 18px; font-weight: bold; font-size: 26px; }
#mypage .latest { width: 100%; font-size: 0; }
#mypage .latest li { display: inline-block; width: 12.5%; margin-bottom: 10px; text-align: center; }
#mypage .latest li img { width: 96%; height: auto; }

/* 주문내역조회(/mypage/order_list.php) */
#order_list > .search { padding: 30px; background-color: #f8f8f8; text-align: center; }
#order_list > .search > .date { display: inline-block; font-size: 0; vertical-align: top; }
#order_list > .search > .date > span { margin-left: -1px; }
#order_list > .search > .date > span > * { border-color: #dcdcdc; }
#order_list > .search > .date > span.on * { background-color: #fff; }
#order_list > .search > .date_input { display: inline-block; vertical-align: top; line-height: 34px; }

/*.product_status_list {width:100%; box-shadow:0 0 20px rgba(0,0,0,0.2); margin-top:28px;}*/
.product_status_list { width: 100%; border: 1px solid #ddd; margin-top: 28px; padding: 20px 0; }
.product_status_list .p_list { width: 20%; float: left; padding: 25px 0; }
.product_status_list .p_list1 { width: 20%; }
.product_status_list .p_list1 a { margin: 0 auto; }
.product_status_list .items { text-align: center; display: block; }
.product_status_list .items.w_25p { width: 25%; }
.product_status_list .items .item_title { font-size: 18px; line-height: 1em; margin-bottom: 15px; color: #333; }
.product_status_list .items .item_count { font-size: 26px; font-weight: bold; line-height: 1em; color: #333; }
/*.product_status_list .items.another_item {background:#015ec5;}
.product_status_list .items.another_item .item_title {color:#fff;}
.product_status_list .items.another_item .item_count {color:#fff;}*/

.product_status_list .p_list .items.another_item { background: #fff; }
.product_status_list .p_list .items.another_item .item_title { color: #015ec5; font-weight: 600; }
.product_status_list .p_list .items.another_item .item_count { color: #015ec5; font-weight: 600; }

/* 주문상세조회(/mypage/order_detail.php) */
#order_detail .stat { padding-bottom: 20px; font-size: 0; text-align: center; }
#order_detail .stat li { display: inline; padding: 0 5px; }
#order_detail .trace { padding-top: 20px; }
#order_detail .trace .number { padding-left: 10px; line-height: 35px; }
#order_detail .area_left { float: left; width: 63%; }
#order_detail .area_right { float: right; margin-top: 30px; }
#order_detail .area_right .box { width: 360px; padding: 40px; background: #f8f8f8; }
#order_detail .area_right .box .line { margin-top: 25px; border-top: 1px solid #dfdfdf; }
#order_detail .total_price { font-size: 14px; }
#order_detail .backtolist { padding: 30px 0; text-align: center; }

/* 주문상세조회(/mypage/order_detail.php) - 정기배송주문상세조회 */
#order_detail .chgdelivery { position: relative; top: -46px; height: 0; text-align: right; }
#order_detail .area_right .box > .btn { margin-top: 25px; padding-top: 25px; border-top: 1px solid #dfdfdf; }
#order_detail .area_right .box > .btn > .box_btn { margin-top: 10px; }
#order_detail .area_right .box > .btn > .box_btn:first-child { margin-top: 0; }
#order_detail .sbs_schedule > .msg { position: relative; top: -41px; height: 0; text-align: right; }

/* 주문상세조회(/mypage/order_detail.php) - 결제수단변경 레이어 */
.chg_paytype { overflow: auto; position: fixed; left: 50%; top: 50%; z-index: 100; width: 1100px; height: 720px; margin: -360px 0 0 -550px; padding: 20px 40px 40px 40px; background-color: #fff; }
.chg_paytype h2 { padding-bottom: 20px; border-bottom: 1px solid #535353; font-size: 18px; font-weight: bold; }
.chg_paytype h3 { padding: 30px 0 15px; font-size: 13px; font-weight: bold; }
.chg_paytype .explain { margin-bottom: 30px; padding: 20px 0; border-bottom: 1px solid #dcdcdc; }
.chg_paytype .explain > li { padding-left: 25px; background: url('http://sw.wisaweb.co.kr/wm_engine_SW/_manage/image/common/icon_info.png') no-repeat left center; color: #888; line-height: 2; }
.chg_paytype .sum { float: left; width: 58.82%; text-align: left; }
.chg_paytype .select { float: right; width: 35.29%; text-align: left; }
.chg_paytype .select > .type { padding: 30px; background-color: #f5f5f5; }
.chg_paytype .select > .type > li { padding: 5px 0; }
.chg_paytype .select > .type > li > label { color: #666; cursor: pointer; }
.chg_paytype .select > .type > li > label > input { position: relative; top: -3px; }
.chg_paytype .select > .msg { margin-top: 20px; padding: 20px; border: 1px solid #e5e5e5; }
.chg_paytype .select > .msg > li { color: #888; letter-spacing: -1px; }
.chg_paytype .select > .btn { padding-top: 10px; }
.chg_paytype .select > .btn > span { margin-top: 10px; }
.chg_paytype .sum > table { table-layout: fixed; width: 100%; margin: 0 auto; border-top: 1px solid #e0e0e0; }
.chg_paytype .sum > table * { font-size: 13px; }
.chg_paytype .sum > table th { padding: 15px; border: 1px solid #e0e0e0; border-width: 0 1px 1px 0; font-weight: normal; text-align: left; vertical-align: middle; }
.chg_paytype .sum > table td { padding: 15px; border-bottom: 1px solid #e0e0e0; text-align: left; vertical-align: middle; }
.chg_paytype .sum > table td .price { font-size: 16px; }
.chg_paytype .select h3:first-child, .chg_paytype .sum h3:first-child { padding-top: 0; }
.chg_paytype .close { display: block; position: absolute; right: 40px; top: 20px; width: 20px; height: 20px; text-indent: -9999px; cursor: pointer; }
.chg_paytype .close:before { position: absolute; right: 0px; top: 10px; width: 20px; height: 1px; background-color: #000; transform: rotate(45deg); content: ''; }
.chg_paytype .close:after { position: absolute; right: 0px; top: 10px; width: 20px; height: 1px; background-color: #000; transform: rotate(-45deg); content: ''; }
.chg_paytype:after { display: block; clear: both; content: ''; }

/* 정기배송주문 배송지변경 */
.sbs_address { width: 600px; padding: 30px; }
.sbs_address > table > caption { font-size: 20px; font-weight: bold; }
.sbs_address .zip { width: 285px !important; }
.sbs_address .middle_address { margin: 5px 0; }
.sbs_address > .btn { padding-top: 20px; text-align: center; }

/* 쿠폰(/mypage/coupon_down_list.php) */
#coupon h3.title:first-child { padding-top: 0; }

/* 소셜쿠폰(/mypage/sccoupon.php) */
#sccoupon .box_mp .form_input { width: 270px; margin-top: 20px; }
#sccoupon .btn { text-align: center; }

/* 관심상품(/mypage/wish_list.php) */
#wish_list .btn { padding-top: 30px; font-size: 0; text-align: left; }
#wish_list .btn .box_btn { margin-right: 5px; }
#wish_list .btn .box_btn.fr { margin-right: 0; }

/* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) */
#counsel { clear: both; }
#counsel .content { padding: 30px; border-bottom: 1px solid #aeaeae; text-align: left; word-break: break-all; word-wrap: break-word; }
#counsel .content .question { padding-bottom: 25px; }
#counsel .none_style { display: none; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #f5f5f5; }
#counsel .cnt_hidden { display: none; overflow: hidden; padding: 20px; border-bottom: 1px solid #d7d7d7; }
#counsel .cnt_hidden2 { display: none; overflow: hidden; }

/* 2022.1.17 김관대 추가 */
#counsel .cnt_hidden .qna_subject { clear: both; float: left; width: 10%; padding: 10px 0; color: #181818; font-weight: bold; text-align: left; vertical-align: top; }
#counsel .cnt_hidden .qna_cnt { float: left; width: 90%; padding: 10px 0; text-align: left; vertical-align: top; }
#counsel .btn { padding-top: 30px; font-size: 0; text-align: left; }
#counsel .btn .box_btn { margin-right: 5px; }
#counsel .btn .box_btn.fr { margin-right: 0; }

/* 1:1문의 글쓰기(/mypage/counsel_step1.php) */
#counsel_write { width: 100%; margin: 20px 0; background: #f5f5f5; text-align: center; }
#counsel_write > form { display: inline-block; width: 72%; margin: 0 auto; padding: 40px 0; text-align: left; }
#counsel_write fieldset > table { margin-bottom: -1px; }
#counsel_write fieldset > div { position: relative; margin-bottom: 10px; text-align: left; }
#counsel_write fieldset > div.content { background-color: #fff; }
#counsel_write fieldset > div:last-child { margin-bottom: 0; }
#counsel_write fieldset > div > label { display: none; }
#counsel_write fieldset textarea { height: 250px; }
#counsel_write .btn { padding: 20px 0; text-align: center !important; }

/* 1:1문의 완료(/mypage/counsel_step2.php) */
#counsel_fin { width: 640px; margin: 0 auto; }
#counsel_fin h3 { margin-bottom: 20px; font-size: 13px; }
#counsel_fin .box { padding: 80px 0; border: 1px solid #dedede; color: #888; font-size: 14px; text-align: center; line-height: 3; }
#counsel_fin .box strong { font-size: inherit; }
#counsel_fin .btn { margin-top: 30px; text-align: center; }

/* 출석체크(/mypage/attend_list.php) */
/* #attend .date {padding:25px 0; border:1px solid #dbdbdb; border-bottom:0; text-align:center; vertical-align:top;} */
#attend .date { padding: 37px 0; text-align: center; vertical-align: middle; }
#attend .date a { display: inline-block; width: 18px; height: 18px; border: 1px solid #dbdbdb; background-repeat: no-repeat; background-position: center; }
#attend .date a.prev { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_arrow_prev.png'); }
#attend .date a.next { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/common/bullet_arrow_next.png'); }
/* #attend .date strong {padding:0 5px; color:#040404; font-size:20px; line-height:20px; text-align:center; vertical-align:top;} */
#attend .date strong { /* padding:0 5px;  */ color: #ff1c00; font-size: 34px; line-height: 40px; text-align: center; vertical-align: middle; font-weight: bold; }
#attend #calendar table { width: 100%; }
#attend #calendar table thead th { padding: 10px 0; border: 1px solid #ddd; background: #fbfbfb; color: #666; font-weight: normal; text-align: center; }
#attend #calendar table thead th.sun { color: #d53838; }
#attend #calendar table thead th.sat { color: #7cb4d1; }
#attend #calendar table tbody td { height: 110px; padding: 5px; border: 2px dashed #ad9e7e; color: #666666; text-align: left; vertical-align: top; font-size: 13px; }
#attend #calendar .attenY { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/mypage/attend_ok.png') no-repeat center bottom 5px; }
#attend #calendar .attenN { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/mypage/attend_no.png') no-repeat center bottom 5px; }
#attend #calendar .attenR { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/mypage/attend_today.png') no-repeat center bottom 5px; }
#attend .info { overflow: hidden; padding: 30px 50px; border: 1px solid #dbdbdb; border-top: 0; background: #fbfbfb; /* text-align:left; */
}
#attend .info .explain { /* float:left; */
    text-align: center; font-size: 18px; }
#attend .info .explain strong { font-size: 18px; color: #015ec5; }
#attend .info .sum { float: right; font-size: 18px; }

/* 회원탈퇴(/mypage/withdraw_step1.php), 회원탈퇴완료(/mypage/withdraw_step2.php) */
.withdraw .box { padding: 60px 0; background: #f5f5f5; text-align: center; }
.withdraw .msg { margin-bottom: 10px; color: #666; }
.withdraw .frame { width: 50%; margin: 0 auto; }
.withdraw .frame textarea { height: 250px; margin-top: 10px; }
.withdraw .btn { padding-top: 30px; text-align: center; }

/*-----------------------------------------------------------------*/
/* 4-5. 추가페이지
/*-----------------------------------------------------------------*/

/* 이용약관(/shop/uselaw.php)
#uselaw {padding: 10px 10px 100px 10px;}
#uselaw > ol > li > dl > dt {padding:30px 0 10px; font-weight:bold; font-size: 18px;}
#uselaw > ol > li:nth-of-type(1) > dl > dt {padding-top:0;}
#uselaw > ol > li > dl > dd {padding-left:10px; color:#666; font-size: 16px;}
#uselaw > ol > li > dl > dd > ul,
#uselaw > ol > li > dl > dd > ol {padding-left:10px; color:#666;} */

/* 이용안내(/content/content.php?cont=guide) */
#guide { padding: 10px 10px 100px 10px; }
#guide .tab { text-align: center; }
#guide .tab li { display: inline; }
#guide .tab li a { padding: 0 15px; font-size: 18px; }
#guide .tab li a:hover { text-decoration: underline; }
#guide > dl > dt, #guide > dl > dt * { padding: 30px 0 10px; font-weight: bold; font-size: 18px; }
#guide > dl > dd { padding-left: 10px; color: #666; font-size: 16px; }
#guide > dl > dd strong { font-size: 16px; }
#guide > dl > dd > ul, #guide > dl > dd > ol { padding-left: 10px; color: #666; }

/* 개인정보취급방침(/shop/privacy.php) */
#privacy { padding: 10px 10px 100px 10px; }
#privacy > p { font-size: 16px; }
#privacy > ul > li > dl > dt { padding: 30px 0 10px; font-weight: bold; font-size: 18px; }
#privacy > ul > li > dl > dd { font-size: 16px; }
#privacy > ul > li > dl > dd > ul, #privacy > ul > li > dl > dd > ol { padding-left: 10px; color: #666; }
#privacy > ul > li > dl > dd > dl, #privacy > ul > li > dl > dd > dl > dt { font-size: 15px; padding-left: 10px; color: #666; }
#privacy > ul > li > dl > dd > dl > dd { font-size: 15px; padding-left: 10px; color: #666; }
#privacy > ul > li > dl > dd ul li { font-size: 15px; padding-left: 10px; color: #666; }
#privacy > ul > li > dl > dd > dl > dd > dl > dd { font-size: 14px; padding-left: 10px; }
#uselaw { padding: 10px 10px 100px 10px; }
#uselaw > p { font-size: 16px; }
#uselaw > ul > li > dl > dt { padding: 30px 0 10px; font-weight: bold; font-size: 18px; }
#uselaw > ul > li:first-child > dl > dt { padding-top: 0; }
#uselaw > ul > li > dl > dd { padding-left: 10px; color: #666; font-size: 16px; }
#uselaw > ul > li > dl > dd > ul, #uselaw > ul > li > dl > dd > ol { padding-left: 10px; color: #666; }
#uselaw > ul > li > dl > dd > dl, #privacy > ul > li > dl > dd > dl > dt { font-size: 15px; padding-left: 10px; color: #666; }
#uselaw > ul > li > dl > dd > dl > dd { font-size: 15px; padding-left: 10px; color: #666; }
#uselaw > ul > li > dl > dd ul li { font-size: 15px; padding-left: 10px; color: #666; }
#uselaw > ul > li > dl > dd > dl > dd > dl > dd { font-size: 14px; padding-left: 10px; }

/* 이용안내(/content/content.php?cont=guide) */
#guide .tab { text-align: center; }
#guide .tab li { display: inline; }
#guide .tab li a { padding: 0 15px; }
#guide .tab li a:hover { text-decoration: underline; }
#guide > dl > dt { padding: 30px 0 10px; font-weight: bold; }
#guide > dl > dd { padding-left: 10px; color: #666; }
#guide > dl > dd > ul, #guide > dl > dd > ol { padding-left: 10px; color: #666; }

/* 회사소개(/content/content.php?cont=company) */
#company { padding-top: 300px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/company.jpg') no-repeat left top/100% auto; text-align: left; }
#company:after { display: block; clear: both; content: ''; }
#company > dl { float: left; width: 30%; }
#company > dl:nth-child(2) { margin: 0 5%; }
#company > dl > dt { padding: 30px 0 10px; font-size: 14px; font-weight: bold; }
#company > dl.location { clear: both; float: none; width: 100%; }

/* 고객센터(/content/customer.php) */
#customer .quick { width: 100%; margin: 0 0 35px 2px; }
#customer .quick:after { display: block; clear: both; content: ''; }
#customer .quick > li { float: left; width: 20%; margin-left: -1px; border: 1px solid #dcdcdc; }
#customer .quick > li > a { display: block; height: 46px; padding: 15px; text-align: center; }
#customer .quick > li > a:hover { background: #f5f5f5; }
#customer .search_faq { margin-bottom: 35px; padding: 20px 90px; background: #f5f5f5; text-align: center; }
#customer .search_faq > h3 { padding-bottom: 15px; font-size: 18px; font-weight: normal; }
#customer .search_faq > form { position: relative; margin: 0 auto; background: #fff; }
#customer .search_faq > form > .form_input { height: 50px; padding-right: 60px; }
#customer .search_faq > form > .btn { display: block; position: absolute; right: 0; top: 0; width: 50px; height: 50px; border: 0; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/hd_search.png') no-repeat center/18px; text-indent: -9999px; cursor: pointer; }
#customer .search_faq > form:after { display: inline-block; position: absolute; right: 50px; top: 50%; width: 1px; height: 16px; margin-top: -8px; background: #e0e0e0; content: ''; }
#customer .latest { width: 48%; margin-bottom: 40px; }
#customer .latest > h3 { position: relative; padding-bottom: 20px; color: #000; font-size: 18px; font-weight: normal; }
#customer .latest > ul { border-top: 1px solid #e0e0e0; }
#customer .latest > h3 .more { display: block; position: absolute; right: 0; top: 2px; width: 27px; height: 27px; border: 1px solid #c3c3c3; text-indent: -9999px; }
#customer .latest > h3 .more:before { position: absolute; left: 50%; top: 50%; width: 13px; height: 1px; margin: -1px 0 0 -6px; background: #666; content: ''; }
#customer .latest > h3 .more:after { position: absolute; left: 50%; top: 50%; width: 1px; height: 13px; margin: -7px 0 0 0; background: #666; content: ''; }
#customer .latest.faq { float: left; }
#customer .latest.faq > ul > li > div { position: relative; padding: 15px 15px 15px 50px; border-bottom: 1px solid #e0e0e0; }
#customer .latest.faq > ul > li > div .icon { display: inline-block; position: absolute; left: 15px; top: 13px; width: 24px; height: 24px; margin-right: 5px; border-radius: 50%; background: #777474; color: #fff; text-align: center; line-height: 24px; }
#customer .latest.faq > ul > li > div.question { cursor: pointer; }
#customer .latest.faq > ul > li > div.answer { display: none; background: #f5f5f5; word-break: break-all; }
#customer .latest.faq > ul > li > div.answer > .icon { background: #ef6363; }
#customer .latest.notice { float: right; }
#customer .latest.notice > ul > li { position: relative; padding: 15px; border-bottom: 1px solid #e0e0e0; }
#customer .latest.notice > ul > li > span { position: absolute; right: 15px; top: 15px; }
#customer .info { display: table; clear: both; width: 100%; border: 1px solid #dcdcdc; }
#customer .info > .box { display: table-cell; position: relative; width: 50%; padding: 50px 20px; vertical-align: middle; }
#customer .info > .box:last-child { border-left: 1px solid #dcdcdc; }
#customer .info > .box > .title { position: absolute; right: 50%; top: 50%; margin-top: -24px; padding: 0 48px 0 50px; background-repeat: no-repeat; background-position: left center; color: #000; font-size: 24px; }
#customer .info > .box > .content { padding-left: 50%; }

/*-----------------------------------------------------------------*/
/* 5. ETC
/*-----------------------------------------------------------------*/

/* 댓글 - 리스트(게시판, 상품리뷰) 2022.02.26 김관대 수정 */
.list_comment { position: relative; text-align: left; }
.list_comment > ul { border-top: 0; }
.list_comment > ul > li { clear: both; overflow: hidden; padding: 15px 0px; border-bottom: 1px solid #e5e5e5; color: #474645; word-break: break-all; word-wrap: break-word; }
.list_comment > ul > li .name { float: left; width: 12%; }
.list_comment > ul > li .name a { color: inherit; font-size: inherit; }
.list_comment > ul > li .content { float: left; width: 73%; }
.list_comment > ul > li .date { float: right; width: 15%; text-align: right; }
.list_comment > ul > li .date span { padding-right: 5px; color: #888; }
.list_comment > ul > li .date img { margin-top: 3px; }

/* 댓글 - 쓰기(게시판, 상품리뷰) */
.write_comment { overflow: hidden; margin-top: -1px; padding: 20px 0 20px; border-top: 1px solid #000; background: #fff; }
.write_comment .user { overflow: auto; padding-bottom: 10px; text-align: left; }
.write_comment .user span { float: left; width: 50%; }
.write_comment .user span.name { padding-right: 5px; }
.write_comment .user span.pw { padding-left: 5px; }
.write_comment .inputbox { position: relative; padding-right: 70px; border: 1px solid #e2e2e2; background: #fafafa; text-align: left; }
.write_comment .inputbox textarea.form_input { height: 60px; border: 0; border-right: 1px solid #e2e2e2; }
.write_comment .inputbox .btn_comment { display: inline-block; position: absolute; right: 0; top: 0; width: 70px; height: 100%; text-align: center; border: 0; background: #fafafa; font-weight: bold; line-height: 100%; cursor: pointer; }

/* 게시판 - 상품연동 - 검색 */
#product_search_frm { background: #fff; }
#product_search_frm .frame { min-height: 600px; margin: 10px; }
#product_search_frm .frame .search { padding-bottom: 10px; }
#product_search_frm .frame .btn { padding: 15px 0 10px 0; text-align: center; }

/* 게시판 - 상품연동 - 쓰기 */
.related_prd_write { padding: 20px 0; }
.related_prd_write > ul { margin: 20px 0; }

/* 게시판 - 상품연동 - 열람 */
.related_prd_view { border-bottom: 1px solid #e0e0e0; }
.related_prd_view .title { padding: 60px 0 30px; font-size: 22px; font-weight: 500; text-align: center; }

/* 관리자 - 인용구 */
blockquote.se2_quote1 { _zoom: 1; margin: 0 15px 30px 20px; padding: 0 8px; border-left: 2px solid #ccc; color: #888; }
blockquote.se2_quote1 * { color: inherit; }
blockquote.se2_quote2 { _zoom: 1; margin: 0 0 30px 13px; padding: 0 8px 0 16px; background: url(http: //static.se2.naver.com/static/img/bg_quote2.gif) 0 3px no-repeat; color: #888; }
blockquote.se2_quote2 * { color: inherit; }
blockquote.se2_quote3 { _zoom: 1; margin: 0 0 30px 0; padding: 10px; border: 1px dashed #ccc; color: #888; }
blockquote.se2_quote3 * { color: inherit; }
blockquote.se2_quote4 { _zoom: 1; margin: 0 0 30px 0; padding: 10px; border: 1px dashed #66b246; color: #888; }
blockquote.se2_quote4 * { color: inherit; }
blockquote.se2_quote5 { _zoom: 1; margin: 0 0 30px 0; padding: 10px; border: 1px dashed #ccc;
    background: url(http: //static.se2.naver.com/static/img/bg_b1.png) repeat;
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.se2.naver.com/static/img/bg_b1.png',sizingMethod='scale');
    color: #888; }
blockquote.se2_quote5 * { color: inherit; }
blockquote.se2_quote6 { _zoom: 1; margin: 0 0 30px 0; padding: 10px; border: 1px solid #e5e5e5; color: #888; }
blockquote.se2_quote6 * { color: inherit; }
blockquote.se2_quote7 { _zoom: 1; margin: 0 0 30px 0; padding: 10px; border: 1px solid #66b246; color: #888; }
blockquote.se2_quote7 * { color: inherit; }
blockquote.se2_quote8 { _zoom: 1; margin: 0 0 30px 0; padding: 10px; border: 1px solid #e5e5e5;
    background: url(http: //static.se2.naver.com/static/img/bg_b1.png) repeat;
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.se2.naver.com/static/img/bg_b1.png',sizingMethod='scale'); color: #888; }
blockquote.se2_quote8 * { color: inherit; }
blockquote.se2_quote9 { _zoom: 1; margin: 0 0 30px 0; padding: 10px; border: 2px solid #e5e5e5; color: #888; }
blockquote.se2_quote9 * { color: inherit; }
blockquote.se2_quote10 { _zoom: 1; margin: 0 0 30px 0; padding: 10px; border: 2px solid #e5e5e5;
    background: url(http: //static.se2.naver.com/static/img/bg_b1.png) repeat;
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.se2.naver.com/static/img/bg_b1.png',sizingMethod='scale'); color: #888; }
blockquote.se2_quote10 * { color: inherit; }

/* 관리자 - 에디터 폰트 스타일 */
b, b *, u, u *, i, i *, strike, strike * { color: inherit; font-size: inherit; }

/* 픽스추가 */

.tab_ul { width: 100%; text-align: center; }
.tab_ul li { display: inline-block; margin-left: 10px; margin-right: 10px; }
/*2024-04-15 수정 sykwon 베스트&신상품 컴포넌트 수정*/
.tab_ul li a { padding: 10px 15px; min-width: 104px; display: block; font-size: 20px; text-align: center; cursor: pointer; border-radius: 20px; background: #eee; color: #666; transition: all 0.3s ease-in-out; line-height: 1; }
.tab_ul li a:hover, .tab_ul li.active a { background: #015ec5; color: #fff; }
.tab_ul2 { width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 30px; }
.tab_ul2 li { display: inline-block; margin-right: 30px; }
.tab_ul2 li a { padding-bottom: 15px; color: #666; font-size: 18px; display: block; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.tab_ul2 li.active a { border-bottom: 3px solid #015ec5; color: #015ec5; font-weight: bold; }
.tab_ul3 { width: 100%; text-align: center; }
.tab_ul3 li { display: inline-block; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
.tab_ul3 li a { padding: 10px 15px; min-width: 104px; display: block; font-size: 20px; text-align: center; cursor: pointer; border-radius: 20px; border: 1px solid #000; background: #eee; color: #666; transition: all 0.3s ease-in-out; line-height: 1; }
.tab_ul3 li a:hover, .tab_ul3 li.active a { background: #015ec5; color: #fff; border: 1px solid #015ec5; }
.tab_ul4 { width: 100%; text-align: center; }
.tab_ul4 li { display: block; width: 100%; }
.tab_ul4 li a { padding: 20px; display: block; font-size: 18px; font-weight: bold; text-align: left; cursor: pointer; color: #000; transition: all 0.3s ease-in-out; line-height: 1; border-bottom: 1px solid #ddd; }
.tab_ul4 li:first-child a { border-top: 1px solid #ddd; }
.tab_ul4 li a:hover, .tab_ul4 li a.active { background: #015ec5; color: #fff; }
.cont_table { width: 100%; }
.cont_table tr th { border-top: 1px solid #000; border-bottom: 1px solid #ddd; background: #f5f5f5; text-align: center; height: 50px; padding: 10px 0; color: #000; font-size: 16px; vertical-align: middle; }
.cont_table tr td { border-bottom: 1px solid #ddd; height: 60px; padding: 10px 0; color: #000; font-size: 16px; text-align: center; vertical-align: middle; }
.cont_table tr th *, .cont_table tr td * { color: inherit; font-size: inherit; }
.cont_table tr td .cont_underline { border-bottom: 1px solid #000; }
.cont_table2 { width: 100%; }

/*김관대 2022.1.6 추가 */
.cont_table2 tr th { border-top: 1px solid #000; border-bottom: 1px solid #ddd; background: #f5f5f5; text-align: center; height: 50px; padding: 10px 0; color: #000; font-size: 16px; vertical-align: middle; }
.cont_table2 tr td { border-bottom: 1px solid #ddd; padding: 10px 0; color: #000; font-size: 16px; text-align: center; vertical-align: middle; }
.cont_table2 tr th *, .cont_table tr td * { color: inherit; font-size: inherit; }
.cont_table2 tr td .cont_underline { border-bottom: 1px solid #000; }
.cont_table2 { width: 100%; }
.cont_table2 tr th { border-top: 1px solid #333; border-bottom: 1px solid #ddd; background: #f5f5f5; text-align: center; height: 50px; padding: 10px 0; color: #333; font-size: 16px; vertical-align: middle; border-right: 1px solid #ddd; }
.cont_table2 tr th:last-child { border-right: none; }
.cont_table2 tr td { border-bottom: 1px solid #ddd; height: 60px; padding: 10px 0; color: #333; font-size: 16px; text-align: center; vertical-align: middle; border-right: 1px solid #ddd; }
.cont_table2 tr td:last-child { border-right: none; }
.cont_table2 tr th *, .cont_table2 tr td * { color: inherit; font-size: inherit; }
.cont_table2 tr td .cont_underline { border-bottom: 1px solid #333; }
.cont_tr { height: 60px; }
.tal { text-align: left; }
.tac { text-align: center; }
.f_sub_title { font-size: 20px; color: #666; }
.f_title { font-size: 25px; font-weight: bold; margin-top: 5px; letter-spacing: -1px; }
.f_title span { font-size: inherit; font-weight: inherit; }
.fs16 { color: #666; word-break: break-all; word-wrap: break-word; }
.fc_003082 { color: #003082; }
.fc_015ec5 { color: #015ec5 !important; }
.fc_999 { color: #999; }
.fc_666 { color: #666 !important; }
.fc_333 { color: #000; }
.mgl_5 { margin-left: 5px; }
.mgt_5 { margin-top: 5px; }
.mgt_10 { margin-top: 10px; }
.mgt_20 { margin-top: 20px; }
.mgt_30 { margin-top: 30px; }
.mgt_40 { margin-top: 40px; }
.mgt_50 { margin-top: 50px; }
.mgb_0 { margin-bottom: 0 !important; }
.mgb_5 { margin-bottom: 5px; }
img.mgl_5 { margin-bottom: 2px; }
.mgb_10 { margin-bottom: 10px; }
.mgb_20 { margin-bottom: 20px; }
.mgb_30 { margin-bottom: 30px; }
.mgb_40 { margin-bottom: 40px; }
.mgb_50 { margin-bottom: 50px; }
.mgb_80 { margin-bottom: 80px; }
.mgb_100 { margin-bottom: 100px; }
.mgl_10 { margin-left: 10px; }
.mgr_5 { margin-right: 5px; }
.mgr_10 { margin-right: 10px; }
.mgr_15 { margin-right: 15px; }
.mgr_20 { margin-right: 20px; }
.mgr_25 { margin-right: 25px; }
.mgr_30 { margin-right: 30px; }
.pdl_15 { padding-left: 15px; }
.pdl_20 { padding-left: 20px; }
.pd_10 { padding: 10px; }
.pd_15 { padding: 15px; }
.pd_20 { padding: 20px; }
.pd_50 { padding: 50px; }
.f_re { position: relative; }
.pdtb_20 { padding-top: 20px; padding-bottom: 20px; word-break: break-all; word-wrap: break-word; }
.pdtb_100 { padding-top: 100px; padding-bottom: 100px; }
.pdtb_80 { padding-top: 80px; padding-bottom: 80px; }
.pdtb_38 { padding-top: 38px; padding-bottom: 38px; }
.pdtb_3890 { padding-top: 38px; padding-bottom: 90px; }
.pdt_10 { padding-top: 10px; }
.pdt_15 { padding-top: 15px; }
.pdt_38 { padding-top: 38px; }
.pdt_40 { padding-top: 40px; }
.pdl_10 { padding-left: 10px; }
.pdl_15 { padding-left: 15px; }
.pdl_20 { padding-left: 20px; }
.pdl_25 { padding-left: 25px !important; }
.pdb_10 { padding-bottom: 10px; }
.pdb_15 { padding-bottom: 15px; }
.pdb_40 { padding-bottom: 40px; }
.pdb_100 { padding-bottom: 100px; }
.pdlr_20 { padding-left: 20px; padding-right: 20px; }
a.more_button { position: absolute; bottom: 0; right: 0; color: #666; font-size: 16px; }
.w_130 { width: 130px; }
.w_160 { width: 160px; }
.mypage_left_wrap { width: 230px; float: left; }
.mypage_right_cont { width: 1020px; float: right; }
.fs30 { font-size: 30px; }
.fs24 { font-size: 24px; }
.fs20 { font-size: 20px; }
.fs18 { font-size: 18px; }
.fs16 { font-size: 16px; }
.fs15 { font-size: 15px; }
.fs14 { font-size: 14px !important; }
.fwn { font-weight: normal; }
.fwb { font-weight: bold; }
.dpib { display: inline-block; }
.vam { vertical-align: middle; }

/* 2022.1.12 김경원 추가  */
.vat { vertical-align: top; }
.mypage_right_cont .mp1 { display: table; margin: 0 auto; }
.mypage_right_cont .mp1 .box { height: 47px; }
.mypage_right_cont .mp1 .box, .mypage_right_cont .mp1 p { display: table-cell; vertical-align: middle; }
.mypage_top_button { line-height: 1; padding: 10px 23px; font-size: 15px; border: 1px solid #000; color: #000; transition: color 0.3s, background 0.3s ease-in-out; display: inline-block !important; }
.mypage_top_button:hover { color: #fff; background: #000; }
.kakaoHover:hover { color: #000000; background: #FEE500; }
.mypage_menu .mypage_section { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.mypage_menu .mypage_section .mypage_title { font-size: 18px; color: #000; line-height: 1em; margin-bottom: 25px; position: relative; display: inline-block; }
.mypage_menu .mypage_section .mypage_title.active { font-weight: bold; }

/*.mypage_menu .mypage_section .mypage_title.active::after {content:''; position:absolute; top:50%; right:-15px; transform:translateY(-50%); width:6px; height:6px; background:#015ec5; border-radius:3px;}*/
.mypage_menu .mypage_section a { color: #666; font-size: 16px; margin-bottom: 20px; line-height: 1em; display: inline-block; position: relative; }
.mypage_menu .mypage_section a.active { color: #015ec5; font-weight: bold; }
#detail_qna_img img { width: 151px; height: 176px; }
.mypage_menu2 .mypage_section { margin-bottom: 30px; padding-bottom: 10px; }
.mypage_menu2 .mypage_section a { color: #666; font-size: 18px; margin-bottom: 20px; line-height: 1em; display: inline-block; position: relative; }
.mypage_menu2 .mypage_section a.active { color: #015ec5; font-weight: bold; }
/*.mypage_menu2 .mypage_section a.active::after {content:''; position:absolute; top:50%; right:-15px; transform:translateY(-50%); width:6px; height:6px; background:#015ec5; border-radius:3px;}*/

.mypage_pagetitle { font-size: 24px; font-weight: bold; line-height: 1.3; }
.mypage_line { margin-top: 28px; margin-bottom: 18px; border-bottom: 1px solid #ccc; }
.mypage_line2 { margin-top: 20px; border-bottom: 1px solid #000; }

/* 2022.1.24 김관대 추가  */

.fl { float: left; }
.fr { float: right; }
.fr input[type='radio'] { display: none; }
.fr label { color: #999; position: relative; padding: 0 13px 0 10px; font-size: 16px; cursor: pointer; }
.fr label::after { content: '|'; font-size: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.fr label:last-child::after { display: none; }
.fr label strong { font-size: inherit; }
.date_select input { background: #fff; color: #999; width: 80px; height: 35px; border: 1px solid #999; cursor: pointer; }
.date_select.on input { color: #000; border: 1px solid #000; font-weight: bold; }

/* 2022.1.11 김관대 추가  */
.date_select span { background: #fff; color: #999; width: 80px; height: 35px; cursor: pointer; font-size: 16px; }
.date_select.on span { color: #015ec5; font-weight: bold; font-size: 16px; }
.fs16.line { position: relative; top: -2px; }
.fs16.non { display: none; }

/* 2022.1.11 김관대 추가  */
.order_div .order_info_cont .re.out .soldout { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; color: #fff; background: rgba(0, 0, 0, 0.5); font-size: 15px; font-weight: bold; text-align: center; cursor: pointer; vertical-align: middle; }

/* 품절시 soldout 출력 - 2022.02.17. 박수연 추가 */

/* .mypage_order_list .order_div {border-top:1px solid #000; border-bottom:1px solid #ccc; margin-bottom:20px;} */
.mypage_order_list .order_div { border-top: 1px solid #000; }
.order_div .order_info_top { border-bottom: 1px solid #ccc; padding: 5px 20px; font-size: 16px; background: #f5f5f5; color: #000; }
.order_div .order_info_top a { font-size: 16px; background: #f5f5f5; color: #000; }

/* 2022.01.13 hmlee 추가 */
.order_div .order_info_top .line { margin-left: 10px; margin-right: 10px; font-size: 16px; }
.order_div .order_info_top .deco_r { float: right; font-size: 16px; color: #015ec5; font-weight: bold; }
.order_div .order_info_cont { /*padding:20px 0;*/
}

/* 2022.01.18 주석처리 - 박수연 */
.order_div .order_info_cont not tr { padding: 20px 0; }

/* 2022.1.12 not tr 김관대 추가  */
.order_div .order_info_cont .order_info_table { width: 100%; }
.order_div .order_info_cont .order_info_table tr td { vertical-align: middle; text-align: center; font-size: 16px; color: #000; padding: 20px 0; }

/* 2022.01.18 padding값 추가 - 박수연 */
.order_div .order_info_cont .order_info_table tr td p { font-size: 16px; }

/* 2022.04.14 hmlee 추가 */
.order_div .order_info_cont .order_info_table tr td.tddetail a { vertical-align: middle; text-align: center; font-size: 16px; color: #000; }

/* 2022.01.12 hmlee 추가 */
.order_div .order_info_cont .order_info_table tr td.tdtitle { text-align: left; padding: 0 20px; }

/*상품 늘어져 보이는 오류 수정 sykwon 2024-06-12*/
.order_div .order_info_cont .order_info_table tr td img:not(#btn_pre1, #btn_next1) {width: 100%; border: 1px solid #ddd; }
.order_div .order_info_cont .order_info_table tr td p.title { font-size: 16px; color: #000; }
.order_div .order_info_cont .order_info_table tr td p.title a { font-size: 16px; color: #000; }

/* 2022.01.18 hmlee 추가 */
.order_div .order_info_cont .order_info_table tr td p.order_cnt { font-size: 13px; height: 20px; line-height: 18px; letter-spacing: -0.3px; padding: 0 5px; margin-bottom: 3px; border: 1px solid #015ec5; color: #015ec5; border-radius: 4px; display: inline-block; }

/* 2023.08.31 ujung 구매횟수 추가 */
.order_div .order_info_cont .order_info_table tr td p.price { font-size: 18px; color: 333; }
.order_div .order_info_cont .order_info_table .tal.out a { position: relative; display: inline-block; }

/* 2022.04.18 hmlee 레시피 이미지 품절 표기 */
.order_div .order_info_cont .order_info_table .tal.out .soldout { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; color: #fff; background: rgba(0, 0, 0, 0.65); font-size: 15px; font-weight: 500; text-align: center; cursor: pointer; vertical-align: middle; }

/* 2022.04.18 hmlee 레시피 이미지 품절 표기 */
.order_div .order_info_cont .order_info_table .tal .soldout { display: none; }

/* 2022.04.18 hmlee 레시피 이미지 품절 표기 */
.mypage_order_list .order_div.order_div2 { border-top: none; }
/* .mypage_order_list .order_div:last-child {margin-bottom:0 !important;} */
.mypage_order_list .order_div:last-child { border-bottom: 1px solid #ccc; }
.mypage_order_list .order_div2 { border-bottom: 1px solid #ccc; }
.order_div.order_div2 .order_info_cont { padding: 0 0 20px 0; }
.mypage_list_button { width: 160px; height: 40px; line-height: 38px; border: 1px solid #ddd; color: #000; display: inline-block; margin-bottom: 5px; text-align: center; font-size: 15px; cursor: pointer; }
.mypage_list_button.button_blue { border: 1px solid #015ec5; color: #015ec5; }
.mypage_list_button.button_blue2 { border: 1px solid #015ec5; color: #fff; background: #015ec5; }
.mypage_list_button.button_green { border: 1px solid #f5f5f5; background: #f5f5f5; color: #000; }
.mypage_list_button.button_green.border { border: 1px solid #ddd; }
.mypage_list_button.button_gray { border: 1px solid #f5f5f5; background: #f5f5f5; color: #000; }
.mypage_list_button.button_gray.border { border: 1px solid #ddd; }
.mypage_list_button.button_black { border: 1px solid #000; background: #000; color: #fff; }
.mypage_list_button.button_none { border: 0; color: #015ec5; }
.mypage_list_button2 { width: 185px; height: 50px; line-height: 48px; border: 1px solid #000; color: #000; display: inline-block; margin-bottom: 5px; text-align: center; font-size: 15px; }
.mypage_list_button2.button_blue { border: 1px solid #015ec5; color: #015ec5; }
.mypage_list_button2.button_blue2 { border: 1px solid #015ec5; color: #fff; background: #015ec5; }
.mypage_list_button2.button_green { border: 1px solid #f5f5f5; background: #f5f5f5; color: #000; }
.mypage_list_button2.button_green.border { border: 1px solid #ddd; }
.mypage_list_button2.button_gray { border: 1px solid #f5f5f5; background: #f5f5f5; color: #000; }
.mypage_list_button2.button_gray.border { border: 1px solid #ddd; }
.mypage_list_button2.button_black { border: 1px solid #000; background: #000; color: #fff; }
input.mem2[type='checkbox']:not(old) { position: absolute; padding: 0; border: 0 none; background: transparent; cursor: pointer; width: 1px !important; height: 1px !important; left: -9999px; }
input.mem2[type='checkbox']:not(old) + label { position: relative; display: inline-block; height: 22px; background: transparent url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/checkbox_off.png') top 2px left no-repeat; background-size: 20px 20px; cursor: pointer; cursor: pointer; z-index: 4; padding-left: 30px; font-size: 14px; }
input.mem2[type='checkbox']:checked + label, input.mem2[type='checkbox']:active + label { background: transparent url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/checkbox_on.png') top 0px left no-repeat; background-size: 20px 20px; }

/*주문결제 라디오 버튼 위치 수정 2024.04.29 sykwon*/
input.mem3[type='radio']:not(old) { position: absolute; padding: 0; border: 0 none; background: transparent; cursor: pointer; width: 1px !important; height: 1px !important; left: -9999px; }
input.mem3[type='radio']:not(old) + label { position: relative; display: inline-block; padding-left: 30px; background: transparent url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/label_off.png') center left no-repeat; cursor: pointer; background-size: 21px 21px; font-size: 14px; }
input.mem3[type='radio']:checked + label, input.mem3[type='radio']:active + label { background: transparent url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/label_on.png') center left no-repeat; background-size: 21px 21px; }
.direct_dlv_div input.mem3[type='radio']:checked + label, input.mem3[type='radio']:active + label { background: transparent url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/label_on.png') center left no-repeat; background-size: 21px 21px; color: #f0360a; }



input.mem3_1[type='radio']:not(old) { position: absolute; padding: 0; border: 0 none; background: transparent; cursor: pointer; width: 1px !important; height: 1px !important; left: -9999px; }
input.mem3_1[type='radio']:not(old) + label { position: relative; display: inline-block; padding-left: 30px; background: transparent url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/label_off.png') top left no-repeat; cursor: pointer; background-size: 21px 21px; font-size: 14px; }
input.mem3_1[type='radio']:checked + label, input.mem3[type='radio']:active + label { background: transparent url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/label_on.png') center left no-repeat; background-size: 21px 21px; }
input.mem4[type='checkbox']:not(old) { position: absolute; padding: 0; border: 0 none; background: transparent; cursor: pointer; width: 1px !important; height: 1px !important; left: -9999px; }
input.mem4[type='checkbox']:not(old) + label { position: relative; display: inline-block; background: transparent url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/checkbox_off.png') top 2px left no-repeat; background-size: 20px 20px; cursor: pointer; z-index: 4; padding-left: 30px; font-size: 16px; color: #000; font-weight: bold; }
input.mem4[type='checkbox']:checked + label, input.mem4[type='checkbox']:active + label { background: transparent url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/checkbox_on.png') top 2px left no-repeat; background-size: 20px 20px; }
input.mem5[type='radio']:not(old) { position: absolute; padding: 0; border: 0 none; background: transparent; cursor: pointer; width: 1px !important; height: 1px !important; left: -9999px; }
input.mem5[type='radio']:not(old) + label { position: relative; display: block; float: left; width: calc(20% + 1px); height: 50px; line-height: 48px; border: 1px solid #ddd; text-align: center; background: #fff; background-size: 20px 20px; cursor: pointer; z-index: 4; font-size: 16px; margin-left: -1px; }
input.mem5[type='radio']:checked + label, input.mem5[type='radio']:active + label { background: #015ec5; border: 1px solid #015ec5; color: #fff; background-size: 20px 20px; }
.border_b_333 { border-bottom: 1px solid #000; }
.border_t_333 { border-top: 1px solid #000; }
.border_333 { border: 1px solid #000; }
.border { border: 1px solid #ddd; }
.border_015ec5 { border: 1px solid #015ec5; }
.border_b { border-bottom: 1px solid #ddd; }
.border_t { border-top: 1px solid #ddd; }
.hover_015ec5:hover { border: 1px solid #015ec5 !important; }
.bg_f5 { background: #f5f5f5; }
.bg_000_5 { background: rgba(0, 0, 0, 0.5); }
.qna_table { width: 100%; }
.qna_table .fs16 { color: #000; }
.qna_table tr td { padding: 20px 0; vertical-align: middle; border-bottom: 1px solid #ddd; }
.qna_table textarea { width: 100%; border: 1px solid #ddd; background: #fff; height: 200px; }
.qna_table select { width: 380px; height: 40px; background-image: none !important; background: #fff url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/select_bg.png') right 15px center no-repeat !important; font-size: 15px; color: #000; border: 1px solid #ddd; padding: 0 10px; -webkit-appearance: none; }
.qna_table input[type='text'], .qna_table input[type='password'] { width: 380px; height: 40px; background: #fff; font-size: 15px; color: #000; border: 1px solid #ddd; padding: 0 10px; vertical-align: middle; }
.qna_table input[type='text'].address_detail { width: 100%; }
.qna_table .qna_file { position: absolute; left: -9999px; opacity: 0; }
.qna_table .file_label { width: 120px; height: 120px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/file_icon.png') center center no-repeat; background-size: cover; display: inline-block; vertical-align: middle; }
.qna_table .file_label img { width: 100%; height: 100%; display: block; }
.qna_table2 { width: 100%; }
.qna_table2 .fs16 { color: #000; }
.qna_table2 tr td { padding: 20px 0 20px 20px; vertical-align: middle; border-bottom: 1px solid #ddd; }
.qna_table2 textarea { width: 100%; border: 1px solid #ddd; background: #fff; height: 200px; }
.qna_table2 select { width: 433px; height: 40px; background-image: none !important; background: #fff url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/select_bg.png') right 15px center no-repeat !important; font-size: 15px; color: #000; border: 1px solid #ddd; padding: 0 10px; -webkit-appearance: none; }
.qna_table2 input[type='text'], .qna_table2 input[type='password'] { width: 433px; height: 40px; background: #fff; font-size: 15px; color: #000; border: 1px solid #ddd; padding: 0 10px; vertical-align: middle; }
.qna_table2 input[type='text'].address_detail { width: 100%; }
.qna_table2 .qna_file { position: absolute; left: -9999px; opacity: 0; }
.qna_table2 .file_label { width: 120px; height: 120px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/file_icon.png') center center no-repeat; background-size: cover; display: inline-block; vertical-align: middle; }
.qna_table2 .file_label img { width: 100%; height: 100%; display: block; }
.qna_table2 .mypage_list_button { width: 200px; font-size: 16px; }
.button_reset { font-size: 14px; line-height: 1; padding: 13px 20px; color: #000; border: 1px solid #000; cursor: pointer; background: #fff; font-family: 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; }
.button_submit { font-size: 14px; line-height: 1; padding: 13px 20px; color: #fff; background: #000; cursor: pointer; border: 1px solid #000; font-family: 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; }
.tar.fs14.fc_015ec5.mgb_10 { margin-bottom: 5px; }
.layer-wrap1 { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background-color: rgba(0, 0, 0, 0.6); z-index: 111001; width: 100%; height: 100%; }
.layer-wrap1:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; margin-top: 80px; }
.pop-layer1 { 
  display: inline-block; 
  padding: 30px; 
  vertical-align: middle; 
  background-color: #fff; 
  border: 0px; 
  border-radius: 6px; 
  text-align: left; 
  position: relative; 
  width: 877px; 
  height: auto; 
}

/* #detail .right_info {float:right; width:340px; height:895px; padding:20px; border:1px solid #000; margin-top:100px; background-color:#fff;} */
#detail .right_info { float: right; width: 340px; height: 650px; padding: 20px; border: 1px solid #333; margin-top: 70px; }
#detail .right_info .title { font-size: 18px; font-weight: bold; }
#detail .right_info .item_total {}
#detail .right_info.fixed { position: fixed; top: 40px; }
#boardlist .box { float: left; width: 625px; margin-right: 30px; margin-bottom: 50px; }
#boardlist .box:nth-child(2n) { margin-right: 0; }
#boardlist .box:nth-child(2n + 1) { clear: both; }

/* 게시판 읽기페이지 */
.board_read .notice_box { display: inline-block; padding: 2px 14px; border: 1px solid #1bafc3; font-size: 14px; color: #1bafc3; font-weight: normal; vertical-align: middle; line-height: 1.5em; margin-right: 10px; }
.board_read ul { margin-bottom: 0; }
.board_read > ul > li { padding: 0 15px; border-bottom: 1px solid #ddd; }
.board_read ul li ul li { float: left; font-size: 12px; }
.board_read ul h4.title { font-size: 16px; color: #222; letter-spacing: -1px; line-height: 58px; font-weight: bold; float: left; text-align: left; vertical-align: middle; }
.board_read ul li.file img { margin: 0 5px 0 0; }
.board_read ul li.file a { display: inline-block; padding: 5px 10px; margin-right: 10px; border: 1px solid #1bafc3; color: #1bafc3; line-height: normal; }
.board_read .readcontent { background-color: #fff; padding: 30px 20px; min-height: 300px; border-bottom: 1px solid #ddd; color: #555; word-break: break-all; font-size: 14px; }
.board_read .readcontent.reply { min-height: 200px; }
.board_read .readcontent img { max-width: 100%; }
.board_read .readcontent table { table-layout: fixed; max-width: 100%; }
.board_read .readcontent iframe { width: 100%; height: 720px; }
.board_read .btnwrap { margin: 30px auto 150px auto; text-align: center; }
.board_wrap_title { word-break: break-all; background: #f5f5f5; }
.board_wrap_cont { word-break: break-all; }
.board_list { margin-top: 50px; margin-bottom: 50px; }
.board_list .btnwrap { margin: 60px auto 0 auto; text-align: center; }
.board_list .btnwrap a { font-size: 14px; line-height: 1; padding: 13px 40px; color: #000; border: 1px solid #000; cursor: pointer; background: #fff; }
#header .login_wrap { float: right; padding: 15px 0; }
#header .login_wrap a, #header .login_wrap span { color: #333; font-size: 14px; font-weight: bold; }
#header .login_wrap span { margin: 0 10px; }
#header .login_wrap span.line { top: -1px; position: relative; }

/* 검색창 */
.search { text-align: center; margin-top: 20px; }
.search #searchform #search_select { width: 130px; border: 1px solid #ddd; background-color: #fff; padding: 5px 14px; margin: 0px; font-size: 14px; height: 40px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.search #searchform #search_select:focus { outline: solid; outline-width: 1px; }
.search #searchform #keyword { width: 200px; border: 1px solid #ddd; background-color: #fff; padding: 0 10px; font-size: 14px; display: inline-block; height: 35px; line-height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 5px; }
.search .btn_search { cursor: pointer;background: #333 url(https://ecdev.fooden.com/_skin/sw_kor/img/button/btn_search.png) center center no-repeat; background-size: 16px; margin: 0; width: 40px; display: inline-block; line-height: 40px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 10; color: transparent; font-size: 14px; border: none; }
.search .btn_search img { vertical-align: middle; margin-bottom: 3px; }
.search1 select {-webkit-appearance: none; background: url(https://ecdev.fooden.com/_skin/sw_kor/img/etc/select_bg.png) right 10px center no-repeat; background-size: 10px; vertical-align: top; padding: 4px 28px 4px 10px; }
.search input[type='text'] { text-align: left; }

/* FAQ */
.accordion { border-top: 1px solid #000; }
.accordion ul li {}
.accordion ul li .Question { float: left; color: #000; font-size: 16px; font-weight: bold; }
.accordion ul li .Question .active_off { display: inline; }
.accordion ul li .Question .active_on { display: none; }
.accordion ul li.active .acc {}
.accordion ul li.active .Question { color: #015ec5 !important; }
.accordion ul li .active .Question .active_off { display: none; }
.accordion ul li .active .Question .active_on { display: inline; }
.accordion ul li .Answer { float: left; color: #000; font-size: 18px; font-weight: bold; }
.accordion ul li .Qtxt { padding-left: 25px; word-break: break-all; }
.accordion ul li .Qtxt p { font-size: 16px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/active_icon.png') right center no-repeat; }
.accordion ul li.active .Qtxt p { color: #015ec5 !important; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/hide_icon.png') right center no-repeat; }
.accordion ul li .Atxt { padding-left: 10px; font-size: 14px !important; color: #777; line-height: 200%; overflow-x: auto; word-break: break-all; }
.accordion ul li .Atxt img { max-width: 100%; }
.accordion ul li h4 { padding-top: 6px; color: #000; font-size: 14px; }
.accordion ul li .acc.active h4 { color: #000; }
.accordion ul li .Category { display: inline; }
.accordion ul li .acc { padding: 12px 20px; cursor: pointer; border-bottom: 1px solid #ccc; transition: background 0.3s ease-in-out; }
.accordion ul li .acc_cont { display: none; padding: 20px; border-bottom: 1px solid #ccc; background: #f5f5f5; }
.mypage_right_cont pre { border: 1px solid #ddd; height: 200px; font-size: 14px; overflow: auto; width: 100%; padding: 20px 0 0 20px; }
.square::before { content: ''; display: block; width: 1px; height: 1px; position: absolute; top: 12px; left: -9px; border-radius: 50%; border: 1px solid #000; background: #000; }
.re { position: relative; }
.basket_right { float: right; width: 341px; height: auto; border: 1px solid #015ec5; padding: 30px; }
.basket_right.fixed { position: fixed; top: 100px; }
.basket_right .mypage_list_button { width: 100%; height: 60px; line-height: 58px; }
.order_cont input, .order_cont select { width: 130px !important; height: 35px !important; }
.order_cont input.calendar { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/calendar_input.png') center right 10px no-repeat; }
.datepicker { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/calendar_input.png') center right 10px no-repeat; }
.quick_menu { position: fixed; top: 125px; left: calc(50% + 700px); background: #fff; }
.quick_menu .button_top { display: block; margin-bottom: 10px; text-align: center; }
.quick_menu.tac {width : 7%;}
.slide_click.pd_15.border {padding : 15%;}

/*
.quick_menu .pd_15 a {displaY:block; margin-bottom:10px;}
.quick_menu .pd_15 a img {display:block; margin:auto; max-width:100%;}
.quick_menu .basket_button {display:block; width:100%; height:30px; line-height:28px; border:1px solid #ddd; border-top:none; background:#fff; color:#015ec5; font-size:14px; }
*/

.quick_menu .pd_15 a { display: block; margin-bottom: 10px; position: relative; width: 90px; height: 105px; overflow: hidden; border: 1px solid #ddd; }
.quick_menu .pd_15 a img { display: block; position: absolute; top: 0; left: 50%; height: 100%; width: auto; transform: translateX(-50%); }
.quick_menu .button_top { display: block; margin-bottom: 10px; text-align: center; width: 90px; height: 9px; }
.quick_menu .top_button { display: block; width: 100%; height: 30px; line-height: 28px; border: 1px solid #003082; border-top: none; background: #003082; color: #fff; font-size: 14px; }
.w_25p { width: 25%; }
.w_33p_m30 { width: calc(33.33% - 20px); }
.fl.w_33p_m30:nth-child(3n) { margin-right: 0; }
.fl.w_33p_m30:nth-child(3n + 1) { clear: both; }
.custom_pager { position: absolute; top: -60px; right: 0; width: auto; height: auto; padding: 5px 15px; background: rgba(0, 0, 0, 0.5); border-radius: 30px; }
#detail .wrap_info .tab_area > .tab.fixed { position: fixed; top: 55px; width: 910px; }
.location_left { width: 910px; float: left; }
.location_right { width: 340px; float: right; }
.border_r { border-right: 1px solid #ddd; }
.pdtb_25 { padding-top: 25px; padding-bottom: 25px; }
.mypage_pagetitle.mgb_20 { margin-bottom: 28px; }
.pd_10 { padding: 10px !important; }
.pdtb_30 { padding-top: 30px; padding-bottom: 30px; }
.msg_pay1 { position: absolute; left: 0; }
.toggle:hover { cursor: pointer; background-color: #e9f3ffbd; }

/*ujung - 추가*/
.pop_slick .slick-prev, .pop_slick .slick-next { display: none !important; }
.prd_basic.col4 > li { width: calc(20% - 24px); margin-right: 30px; }
.prd_basic.col4 > li:nth-child(5n) { margin-right: 0; }
.prd_basic.col4 > li:nth-child(5n + 1) { clear: both; }
.prd_basic2.col4 > li { width: calc(20% - 24px); margin-right: 30px; }
.prd_basic2.col4 > li:nth-child(5n) { margin-right: 0; }
.prd_basic2.col4 > li:nth-child(5n + 1) { clear: both; }
.prd_basic3.col4 > li { width: calc(20% - 24px); margin-right: 30px; }
.prd_basic3.col4 > li:nth-child(5n) { margin-right: 0; }
.prd_basic3.col4 > li:nth-child(5n + 1) { clear: both; }
.prd_basic4.col4 > li { width: calc(20% - 24px); margin-right: 30px; }
.prd_basic4.col4 > li:nth-child(5n) { margin-right: 0; }
.prd_basic4.col4 > li:nth-child(5n + 1) { clear: both; }
.total_sort .sort label:last-child { padding: 0 0 0 10px; }
.cntbody .pdt_40.pdb_100 { padding-top: 20px; }
.category_view .sub .sub_2depth { position: absolute; top: 0; left: 100%; width: 205px; height: 500px; display: none; z-index: 223; background: #fff; text-align: left; padding: 10px 0; overflow: auto; }
.category_view .sub .sub_2depth a { font-size: 16px; color: #666; margin: 0 20px; padding: 10px 0; display: inline-block; text-align: left; width: auto; background: #fff; }
.category_view .sub .sub_2depth a:hover { color: #015ec5; position: relative; }

/* .category_view .sub .sub_2depth a:hover::after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#015ec5;} */

/* 2022-05-02 카테고리 메뉴 스크롤 ujung 추가*/
.category_view .sub .sub_2depth::-webkit-scrollbar { background-color: #151515; width: 5px; height: 5px; }
.category_view .sub .sub_2depth::-webkit-scrollbar-thumb { background-color: #aaa; border-radius: 10px; background-clip: padding-box; }
.category_view .sub .sub_2depth::-webkit-scrollbar-track { background-color: #fff; }
.category_view .sub .sub_2depth::-webkit-scrollbar-corner { background-color: #fff; }

/**/
.category_view2 .sub .sub_2depth { position: absolute; top: -1px; left: 100%; width: 205px; height: 500px; display: none; text-align: left; background: #fff; text-align: left; padding: 10px 0; border: 1px solid #ddd; overflow: auto; }
.category_view2 .sub .sub_2depth a { font-size: 16px; color: #666; margin: 0 20px; padding: 10px 0; display: inline-block; text-align: left; width: auto; background: #fff; }
.category_view2 .sub .sub_2depth a:hover { color: #015ec5; position: relative; }
/* .category_view2 .sub .sub_2depth a:hover::after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#015ec5;} */


/* 2022-05-02 카테고리 메뉴 스크롤 ujung 추가*/
.category_view2 .sub .sub_2depth::-webkit-scrollbar { background-color: #151515; width: 5px; height: 5px; }
.category_view2 .sub .sub_2depth::-webkit-scrollbar-thumb { background-color: #aaa; border-radius: 10px; background-clip: padding-box; }
.category_view2 .sub .sub_2depth::-webkit-scrollbar-track { background-color: #fff; }
.category_view2 .sub .sub_2depth::-webkit-scrollbar-corner { background-color: #fff; }

/* 카테고리 하위메뉴가 없을 경우 display:none 처리 - 221006 sypark */
.category_view2 .sub .sub_2depth.ctgLevel_1 { display: none !important; }
.category_view_detail2.fixed_on { position: fixed; }
.category_view_detail { position: absolute; width: 185px; min-height: 500px; background: #fff; display: none; padding: 10px 0; z-index: 221; }
.category_view_detai2l { position: absolute; width: 185px; min-height: 500px; background: #fff; display: none; padding: 10px 0; z-index: 221; }
.category_view_detail .sub { font-size: 16px; color: #666; padding: 10px 20px; display: block; text-align: left; width: auto; }
.category_view_detail .sub:hover a { color: #015ec5; position: relative; }
.category_view_detail .sub:hover a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #015ec5; }
.prd_basic .box .img .prdimg { width: 100%; height: 100%; }
/*.prd_basic .box .img .prdimg img {width:100%; height:100%;}*/
.prd_basic .box .img .prdimg a { display: block; width: 100%; height: 100%; position: relative; }
/*
.prd_basic .box .img .prdimg img { height: 100%; width: 100%; top: 50%; transform: translateY(-50%); position: absolute; left: 0; }
*/
.prd_basic .box .img .prdimg img {width: 100%; top: 50%; transform: translateY(-50%); position: absolute; left: 0; }
.prd_basic2 .box .img .prdimg { width: 100%; height: 100%; }
.prd_basic2 .box .img .prdimg a { display: block; width: 100%; height: 100%; position: relative; }
.prd_basic2 .box .img .prdimg img { width: 100%; top: 50%; transform: translateY(-50%); position: absolute; left: 0; }
.prd_basic3 .box .img .prdimg { width: 100%; height: 100%; }
.prd_basic3 .box .img .prdimg a { display: block; width: 100%; height: 100%; position: relative; }
.prd_basic3 .box .img .prdimg img { width: 100%; top: 50%; transform: translateY(-50%); position: absolute; left: 0; }
.prd_basic4 .box .img .prdimg { width: 100%; height: 100%; }
.prd_basic4 .box .img .prdimg a { display: block; width: 100%; height: 100%; position: relative; }
.prd_basic4 .box .img .prdimg img { width: 100%; top: 50%; transform: translateY(-50%); position: absolute; left: 0; }
.f_title.mgb_50 { margin-bottom: 30px; }
.sub_category .slick-prev { position: absolute; left: -44px; top: 50%; width: 24px; height: 88px; margin-top: -44px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev.png') no-repeat center; }
.sub_category .slick-next { position: absolute; right: -44px; top: 50%; width: 24px; height: 88px; margin-top: -44px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next.png') no-repeat center; }
.btn_recipe { position: absolute; bottom: 30px; right: 30px; padding: 11px 19px; line-height: 1; font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 25px; }
.order_prd_title { margin-top: 30px; font-weight: bold; text-align: left !important; padding: 5px 0 5px 20px !important; font-size: 18px; }
.coupon_wrap { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/coupon_bg.png') center center no-repeat; background-size: 100% 100%; width: 100%; height: 180px; display: table; }
.coupon_wrap .dptc.vam { display: table-cell; vertical-align: middle; }
.pdl_30 { padding-left: 30px; }

/* 아이디 찾기 ujung 추가 */
.ip_maile { width: calc(100% - 125px); }
.membtn { height: 50px; margin-bottom: 0; line-height: 50px; margin-left: 5px; font-weight: 600; width: 120px; border: 1px solid #015ec5; color: #015ec5; background-color: #fff; font-size: 13px; }
.box_member fieldset .select_tab { float: none; margin-top: 0; }
.semaforo-radio { margin-bottom: 20px; }
.semaforo-radio input[type='radio'] { opacity: 0; position: fixed; width: 0; }
.semaforo-radio label { padding: 10px 20px; font-size: 16px; border: 1px solid #999; color: #999; background: #fff; width: 50%; float: left; text-align: center; }
.semaforo-radio label[for='Semaforo-Verde'] { background: #015ec5; }
.semaforo-radio input[type='radio']:checked + label { border: 1px solid #000; color: #000; font-weight: 600; }

/* 자회원가입 ujung 추가 */
.birth_select select:last-child { margin-right: 0 !important; }
.prd_basic2 .box, .prd_basic3 .box, .prd_basic4 .box { margin: 10px; }
.prd_basic2 .slick-slide, .prd_basic3 .slick-slide, .prd_basic4 .slick-slide { /*margin: 10px;*/}

/* 메인 상단배너 추가 - 2022.07.29. 박수연 - ujung 수정 */
.banner_g { position: relative; border-bottom: 1px solid #ddd; }

/*.banner_g #top_banner {width:100%; height:80px; background-color:#fff; position: relative;}*/
.banner_g > a { display: block; height: 50px; overflow: hidden; }
.banner_g #top_banner { background-color: #fff; position: relative; transform: translateX(-50%) translateY(-50%); top: 50%; left: 50%; }
.banner_g .banner_t { position: absolute; right: 20px; top: 15px; }
.non_dlv { background-color: #000; color: #fff; padding: 7px 10px; line-height: 1; font-size: 14px; display: inline-block; }

/* 택배불가 아이콘 - 2022.08.10. 박수연 추가 */


/* 회원가입 추가 - 2022.09.07. ujung */
.black_button_wrap { width: 100%; font-size: 0; }
.black_button_wrap a { width: 33.33333333%; display: inline-block; text-align: center; font-size: 18px; color: #000; padding: 15px 0; line-heigth: 1; }
.black_button_wrap a.active { background: #000; color: #fff; }
#detail .wrap_prd > .info > .multi_opt .opt_total strong .sell_prc_str_total, #detail .wrap_prd > .info > .multi_opt .opt_total strong .sell_prc_str_total { color: #015ec5 !important; }
.cont_table3 { width: 100%; }
.cont_table3 tr th { border-top: 1px solid #333; border-bottom: 1px solid #ddd; background: #f5f5f5; text-align: center; height: 50px; padding: 10px 0; color: #333; font-size: 16px; vertical-align: middle; border-right: 1px solid #ddd; }
.cont_table3 tr th:last-child { border-right: none; }
.cont_table3 tr td { border-bottom: 1px solid #ddd; height: 60px; padding: 10px 0; color: #333; font-size: 16px; text-align: center; vertical-align: middle; border-right: 1px solid #ddd; }
.cont_table3 tr td:last-child { border-right: none; }
.cont_table3 tr th *, .cont_table3 tr td * { color: inherit; font-size: inherit; }
.cont_table3 tr td .cont_underline { border-bottom: 1px solid #333; }
/*.multi_opt .box_qty .btn_ea input {border:none;} */

/*#detail .right_info .item_list::-webkit-scrollbar {background-color: #151515;	width: 5px;	height:5px;}
#detail .right_info .item_list::-webkit-scrollbar-thumb {	background-color: #aaa;	border-radius: 10px;background-clip: padding-box;}
#detail .right_info .item_list::-webkit-scrollbar-track {	background-color: #fff;}
#detail .right_info .item_list::-webkit-scrollbar-corner {background-color: #fff;}*/

#detail .right_info .item_list::-webkit-scrollbar { background-color: #151515; width: 20px; height: 5px; }
#detail .right_info .item_list::-webkit-scrollbar-thumb { border: 8px solid #fff; background-color: #aaa; border-radius: 10px; background-clip: padding-box; }
#detail .right_info .item_list::-webkit-scrollbar-track { background-color: #fff; }
#detail .right_info .item_list::-webkit-scrollbar-corner { background-color: #fff; }

/* 장바구니 추가 - 2022.11.10. ujung */
.cart_box { position: relative; width: 92px; margin: 0 auto; padding: 1px 0; }
.cart_box .cart_img { overflow: hidden; position: relative; width: 100%; margin: 0 auto; text-align: center; border: 1px solid #ddd; height: 92px; }
.cart_box .cart_img .cart_prdimg { width: 100%; height: 100%; }
.cart_box .cart_img .cart_prdimg a { display: block; width: 100%; height: 100%; position: relative; }
.cart_box .cart_img .cart_prdimg a img { width: 100%; top: 50%; transform: translateY(-50%); position: absolute; left: 0; border: 0 !important; }
.tab_ul6 { width: 100%; text-align: center; overflow: auto; white-space: nowrap; margin-bottom: 20px; margin-top: 70px; }
.tab_ul6 li { float: left; width: 50%; margin-right: 0; }
.tab_ul6 li a { padding: 15px 15px; width: 100%; display: block; font-size: 18px; font-weight: bold; text-align: center; cursor: pointer; border: 1px solid #eee; border-bottom: none; background: #eee; color: #666; line-height: 1; }
.tab_ul6 li a:hover, .tab_ul6 li.active a { background: #fff; color: #015ec5; border: 1px solid #015ec5; border-bottom: none; }
#join_email3 { margin-left: 5px; }
.warning { color: red; }
.possible { color: green; }

/* 검색 UI 추가 - ujung */
#ui-id-1.ui-widget-content { /* padding: 10px 0; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 25px 0px; */ border: 1px solid #cccccc; }
#ui-id-1.ui-widget { font-size: 14px; color: #333; line-height: 1; }
#ui-id-1.ui-widget strong { font-size: 14px; color: #015ec5; }
#ui-id-1 .ui-menu-item-wrapper { font-size: 14px; color: #333; }
#ui-id-1.ui-menu .ui-menu-item { padding: 8px 20px 8px 20px; }
#ui-id-1.ui-menu .ui-menu-item:hover { background-color: #f4f4f4; }
#ui-id-1.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper { background-color: #f4f4f4; border: 0; color: #333; }
#ui-id-1.ui-menu .ui-state-focus, #ui-id-1.ui-menu .ui-state-active { margin: 0; }
#ui-id-1 .ui-state-active, #ui-id-1.ui-widget-content .ui-state-active { border: 0; background: #fff; font-weight: normal; color: #333; }
#ui-id-1 .ui-state-active a, #ui-id-1 .ui-state-active a:link, #ui-id-1 .ui-state-active a:visited { color: #333; text-decoration: none; }

/* 아이디 찾기 radio btn */
.user_type_radio_btn { float: left; vertical-align: bottom; width: 50%; height: 45px; border: 1px solid #eae7e7;  /* border-radius: 10px; */}
.user_type_radio_btn input[type='radio'] { display: none; }
.user_type_radio_btn label { display: block; /* border-radius: 10px; */ margin: 0 auto; text-align: center; height: -webkit-fill-available; line-height: 45px; }
/* Checked */
.user_type_radio_btn input[type='radio']:checked + label { background: #003082; color: #fff; }

/* Hover */
.user_type_radio_btn label:hover { color: #666; }

/* Disabled */
.user_type_radio_btn input[type='radio'] + label { background: #f9fafc; color: #666; }

/* 온라인 전단 추가 - 2023.07.03. ujung*/
.brline1 { display: block; width: 100%; height: 1px; background: #ddd; max-width: 1280px; margin: 0 auto; text-align: center; }
.none_leaflet { font-size: 17px; text-align: center; }
/* .leaflet_top .info{display: flex;} */
/* .leaflet_top .info .box_info{width: calc(100% - 575px); padding-right: 50px;} */
.leaflet_top .info .box_info .info1 h1 { font-size: 40px; font-weight: bold; line-height: 1.2; padding-top: 15px; }
.leaflet_top .info .box_info .info2 { margin: 30px 0; }
.leaflet_top .info .box_info .info2 select { font-size: 16px; width: 253px; height: 44px; border-radius: 7px; background-image: none !important; background: #fff url('https://ecdev.fooden.com/_skin/sw_kor/img/etc/select_bg.png') right 15px center no-repeat !important; color: #000; border: 1px solid #ddd; padding: 0 15px; -webkit-appearance: none; }
.leaflet_top .info .box_info .info3 .txt { /* display: flex; */ align-items: center; }
.leaflet_top .info .box_info .info3 .txt img { vertical-align: middle; margin-right: 3px; padding-top: 2px; }
.leaflet_top .info .box_info .info3 p { font-size: 16px; line-height: 18px; letter-spacing: -0.03rem; }
.leaflet_top .info .box_info .info3 span { font-size: 16px; margin-right: 10px; }
.leaflet_top .list_in .con_info { display: flex; align-items: center; }
.leaflet_top .list_in .con_info .info1 .txt { display: flex; align-items: center; }
.leaflet_top .list_in .con_info .info1 .txt p, .leaflet_top .list_in .con_info .info1 .txt span { color: #808080; font-size: 16px; /*letter-spacing:-0.03rem; */ line-height: 1.2; margin-right: 0; }
.leaflet_top .list_in .con_info .info1 .txt p { width: 50px; position: relative; }
.leaflet_top .list_in .con_info .info1 .txt p::after { content: ''; position: absolute; right: 10px; top: 3px; width: 1px; height: 14px; background-color: #808080; }
.leaflet_con .txt_info { padding-bottom: 20px; display: flex; align-items: center; }
.leaflet_con .txt_info > img { margin-right: 10px; }
.leaflet_con .txt_info h3 { font-size: 26px; font-weight: bold; }

/*lottiefiles - 임시작업*/
.leaflet_con .txt_info .img { width: 40px; position: relative; left: 0; height: 28px; }

/*임시작업*/
.leaflet_con .txt_info .img .lottie_ico1 { width: 100px !important; text-align: left; position: absolute; left: -30px; top: -10px; height: auto; }
.leaflet_con .txt_info .img1 { width: 40px; }
.leaflet_con .txt_info .img1 .lottie_ico1 { width: 50px !important; left: -8px; top: -11px; }
/*////lottiefiles - 임시*/

.leaflet_con .txt_info1 { padding-bottom: 50px; }
.leaflet_con .txt_info1 h3 { margin: 0 auto; }
.box_info1 { display: flex; flex-wrap: wrap; }
.box_info1 { margin-left: -15px; margin-right: -15px; }
.box_info .content .box .img { overflow: hidden; position: relative; z-index: 1; width: 100%; margin: 0 auto; text-align: center; height: 295.96px; /*height: 236px; padding: 20px;*/ border: 1px solid #e9e9e9; border-radius: 14px; -webkit-box-shadow: 5px 6px 12px 0.6px rgb(233 233 233 / 50%); box-shadow: 5px 6px 12px 0.6px rgb(233 233 233 / 50%); }
.box_info .content .box .img .prdimg { width: 100%; height: 100%; }
.box_info .content .box .img .prdimg a { display: block; width: 100%; height: 100%; position: relative; }
.box_info .content .box .img .prdimg img { width: 100%; top: 50%; transform: translateY(-50%); position: absolute; left: 0; }
.box_info .content .info { text-align: left; padding-top: 15px; }
.box_info .content .info .name { margin-bottom: 5px; font-size: 17px; line-height: 1.4; }
.box_info .content .info .price .price_consumer p, .box_info .content .info .price .price_consumer span, .box_info .content .info .price .price_consumer b { font-size: 14px; }
.box_info .content .info .price b { color: #ef2a22; padding-right: 5px; }
.box_info .content .info .price .price_discount, .box_info .content .info .price .price_discount span, .box_info .content .info .price .price_discount b { font-size: 20px; }
.box_info .content .info .price .price_consumer .consumer { word-break: break-all; word-wrap: break-word; display: inline-block; font-size: 14px; color: #898989; text-decoration: line-through; }
.box_info .content .info .price .price_discount .discount { font-weight: bold; }
.box_info .prd_box { width: 20%; padding: 0 15px; margin-bottom: 50px; }
.box_info .prd_box .content .box .img { height: 270px; border-radius: 0; border: 1px solid #e9e9e9; box-shadow: none; }
.box_info .content .box .img .promotion-tit { background: #ef2a22; width: 40px; height: 40px; top: 10px; left: 10px; position: absolute; z-index: 1; padding: 5px; border-radius: 3px; display: flex; align-items: center; }
.box_info .content .box .img .promotion-tit span { color: #fff; font-size: 14px; line-height: 1; }

/* 프로모션 라운드 박스 */
/* .promotion_rounded_box{background: #EF2A22;  color: #fff; font-size: 14px;line-height: 1;  position: absolute; z-index: 1;  padding :5px 8px; border-radius: 5px; align-items: center;} */
.promotion_rounded_box { color: #ef2a22; /* 텍스트 색상을 빨간색으로 변경 */ font-size: 14px; line-height: 1; position: absolute; z-index: 1; padding: 5px 8px; border: 1px solid #ef2a22; /* 테두리를 빨간색으로 추가 */ border-radius: 5px; align-items: center; display: inline-block; float: right; top: 10px; right: 10px; }
.prdMore { width: 70%; height: 52px; border: 1px solid #999999; background: #fff; border-radius: 2px; margin: 0 auto; }
.prdMore a { display: block; font-size: 15px; text-align: center; line-height: 52px; }
.swiper { padding: 9px 0 0 !important; min-height: 460px; }
.swiper .content-wrapper { position: relative; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-template-areas: '.'; width: 100%; justify-items: center; align-items: center; }
.swiper .content-wrapper .content { text-align: center; display: grid; /* justify-items: center; */ align-items: center; margin: 0 auto; color: #000; width: 100%; }
.swiper .content-wrapper .content .swiper-avatar { width: 100%; max-width: 125px; height: auto; }
.swiper .content-wrapper .content .swiper-avatar img { border-radius: 500px; }
.swiper .content-wrapper .content .cite { font-size: 14px; font-weight: bold; }
.swiper .swiper-slide { margin: 0; height: auto; width: 100%; padding: 0; transform: scale(0.8819); background: #fff; transition: all 0.5s ease-in-out; }
.swiper .swiper-slide.swiper-slide-active { transform: scale(1); top: -9px; }
.swiper .swiper-slide.swiper-slide-active .content .box .img { height: 329px; }
.swiper_wrapper { position: relative; margin-left: -12px; margin-right: -12px; }
.swiper_wrapper .swiper-nav-wrapper { margin: 0 auto; width: auto; position: absolute; left: 0; right: 0; top: 37%; width: 100%; margin: -14px auto 0; z-index: 1; }
.swiper_wrapper .swiper-nav-wrapper .swiper-button-next:after, .swiper_wrapper .swiper-nav-wrapper .swiper-button-prev:after { display: none; }
.swiper_wrapper .swiper-nav-wrapper .swiper-button-prev, .swiper_wrapper .swiper-nav-wrapper .swiper-button-next { width: 50px; height: 50px; background-color: #fff; border: 1px solid #e9e9e9; border-radius: 50%; position: absolute; top: -14px; background-repeat: no-repeat; background-size: 10px; background-position: center; margin: 0; padding: 0; }
.swiper_wrapper .swiper-nav-wrapper .swiper-button-prev { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_prev.png'); left: -10px; }
.swiper_wrapper .swiper-nav-wrapper .swiper-button-prev.active { display: block !important; }
.swiper_wrapper .swiper-nav-wrapper .swiper-button-next { background-image: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/slide_next.png'); right: -10px; }
.swiper-pagination { margin: 0; padding: 0; width: auto; position: relative !important; display: block; width: auto; }
.swiper-pagination .swiper-pagination-bullets { margin: 0; }
.swiper-pagination .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; background: #fff !important; }
.swiper-pagination-bullet { background: #fff !important; transition: all 0.2s ease-in-out; }
.swiper-pagination-bullets.swiper-pagination-horizontal { display: flex; flex-direction: row; justify-content: center; align-items: center; bottom: 0; top: 0; bottom: 0; width: auto; padding: 0 1.5em; }
.swiper-pagination-bullet-active { transform: scale(1.5); }
.leaflet_category { padding-bottom: 40px; }
.leaflet_category .sub_category { display: flex; }
.leaflet_category .sub_category li { width: calc(100% / 7); }
.leaflet_category .sub_category li a { display: block; text-align: center; position: relative; font-size: 17px; border-bottom: 2px solid #d9d9d9; height: 60px; line-height: 60px; }
.leaflet_category .sub_category li a::after { content: ''; position: absolute; right: 0; top: 23px; width: 1px; height: 14px; background-color: #d9d9d9; }
.leaflet_category .sub_category li.active a { border-bottom: 3px solid #015ec5; color: #015ec5; font-weight: bold; }
.leaflet_category .sub_category li:last-child a::after { display: none; }
/*scroll top button*/
.scroll_top { position: fixed; right: 30px; bottom: 30px; z-index: 1; }
.scroll_top .top_button { display: block; text-align: center; color: #666666; width: 54px; height: 54px; border: 1px solid #ddd; padding: 5px; display: table-cell; vertical-align: middle; background: #fff; }
.scroll_top .top_button img { width: 20px; }
.scroll_top .top_button span { display: block; font-size: 14px; font-weight: 500; line-height: 1.2; margin-top: 3px; color: #666666; }

/*dropdown button*/
#dropdown { width: 100%; background: #fff; text-align: center; z-index: 100; height: 76px; }
#dropdown .fix { position: fixed; z-index: 1000; width: 100%; height: auto; background: rgb(255 255 255 / 0%); border-bottom: 0; }
#dropdown .dropdown_menu { display: inline-block; position: relative; height: 100%; padding: 7px 0; }
#dropdown h3 { display: flex; align-items: center; height: 100%; font-size: 26px; font-weight: bold; color: #000; letter-spacing: -0.05rem; }
#dropdown .dropdown-wrapper { background: #fff; text-align: center; padding: 15px; cursor: pointer; border: 1px solid rgb(255 255 255 / 0%); transition: all 0.3s ease-out; }
#dropdown .dropdown_menu .arrow { content: ''; width: 0; height: 0; position: absolute; top: 50%; right: -40px; margin-top: -2px; border-width: 7px 7px 0 7px; border-style: solid; border-color: #000 transparent; }
#dropdown .dropdown-wrapper.is-active { background: #fff; box-shadow: none; border-bottom: none; height: auto; border: 1px solid #000; border-radius: 8px; overflow: hidden; }
#dropdown .dropdown-wrapper.is-active h3 { font-weight: bold; color: #015ec5; }
#dropdown .dropdown-wrapper.is-active .dropdown_menu .arrow { border-color: #015ec5 transparent; /* transform: rotate(180deg); */}
#dropdown .dropdown-wrapper.is-active .dropdown-list { max-height: 100%; }
#dropdown .dropdown-list { position: relative; background: #fff; max-height: 0; overflow: hidden; }
#dropdown .dropdown-list a { display: block; text-decoration: none; color: #333; padding: 12px 0; font-weight: 500; font-size: 26px; letter-spacing: -0.05rem; }

/* more button */
.more_box_btn > a { display: block; width: 400px; height: 56px; line-height: 56px; margin: 0 auto 0; border: 1px solid #ccc; box-sizing: border-box; text-align: center; font-size: 15px; }

/* 쿠폰등록 2023-09-11 ujung 추가 */
.coupon_area .coupon_box { padding: 20px 0 40px; text-align: center; }
.coupon_area .coupon_box .coupon_input { width: 400px; height: 50px; padding: 0 15px; border-radius: 7px; background-color: #fff; font-size: 14px; font-weight: 500; line-height: 20px; color: #000; border: 1px solid #c9cdd2; }
.coupon_area .coupon_box .coupon_input:focus { border: 1px solid #015ec5; outline: 0; }
.coupon_area .coupon_box .coupon_btn { width: 120px; margin-left: 5px; height: 50px; background-color: #015ec5; padding: 10px 0; cursor: pointer; font-size: 16px; font-weight: 600; border-radius: 7px; text-align: center; color: #fff; border: 0; }
.coupon_area .cp_list .coupon-info-area { display: flex; align-items: center; justify-content: center; margin: 0 0 40px 0; gap: 30px; padding: 35px; border-radius: 12px; background: #eef5fa; }
.coupon_area .cp_list .coupon-info-area .info-area .info-text { font-size: 20px; font-weight: 600; }
.coupon_area .cp_list .coupon-button-area { display: flex; align-items: center; justify-content: center; gap: 15px; }
.coupon_area .cp_list .coupon-button-area .button-coupon { min-width: 200px; height: 50px; line-height: 48px; text-align: center; font-weight: 700; cursor: pointer; font-size: 16px; color: #000; border: 1px solid #c9cdd2; padding: 0; border-radius: 7px; background-color: #fff; font-family: 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; }
.coupon_area .cp_list .coupon-button-area .button-coupon.blue { border: 1px solid #015ec5; color: #015ec5; }
.mycoupon_area { display: flex; align-items: center; justify-content: space-between; padding: 30px; border: 1px solid #000; margin-bottom: 40px; }
.mycoupon_area .coupon_box { padding: 0; width: calc(100% - 300px); padding-right: 50px; display: flex; position: relative; }
.mycoupon_area .coupon_box::after { content: ''; position: absolute; width: 1px; height: 50px; background-color: #000; right: 25px; }
.mycoupon_area .coupon_box .coupon_btn { width: 150px; }
.mycoupon_area .cp_list .coupon-info-area { margin-bottom: 0; background: #fff; padding: 0; gap: 15px; }
.mycoupon_area .cp_list .coupon-info-area .info-area .info-text { font-size: 17px; line-height: 1.4; }
.mycoupon_area .cp_list .coupon-button-area .button-coupon { min-width: 150px; }
.mycoupon_area .cp_list .coupon-button-area .button-coupon:hover { background-color: #015ec5; color: #fff; }

/* 출석이벤트 2023-09-12 ujung 추가 - 2023-09-22 ujung 추가 */
.attend_wrap { width: 1000px; }
.attend_con { padding: 200px 30px 30px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/mypage/attend_bg.jpg') 0 no-repeat; background-size: 100%; height: 873px; background-position: top; }
.attend_box-wrap { text-align: center; width: 800px; margin: 0 auto; }
.attend_title h1 { display: flex; align-items: flex-start; justify-content: center; padding: 50px 0; }
.attend_title h1 img { margin-left: 110px; }
.attend_title h1 p { font-size: 130px; font-weight: bold; color: #ff5600; }
.attend_title h1 p:last-child { padding-top: 100px; }
/* .attend_title h3{ font-size: 38px; font-weight: bold; display: inline-block; background-color: #ffcb00; padding: 10px 60px; border-radius: 12px;} */
.attend_box-wrap .info p { font-size: 38px; font-weight: 600; }
.attend_box-wrap .info strong { font-size: 38px; font-weight: 600; color: #ff5600; }
.attend_box { padding-top: 65px; }
.attend_box .attend_count { text-align: center; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.attend_box .attend_count p { font-size: 18px; line-height: 24px; font-weight: bold; }
.attend_box .attend_count span, .attend_box .attend_count span strong { font-size: 18px; font-weight: bold; line-height: 24px; }
.attend_box .attend_count span { color: #000; }
.attend_box .attend_count span strong { color: #fff; width: 28px; height: 28px; display: inline-block; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/mypage/attend_day.png') 0 no-repeat; background-position: center; line-height: 28px; }
/* .attend_box1{background-color: #f5f5f5; padding: 20px;} */
.attend_box1 { padding: 30px 0; width: 800px; margin: 0 auto; }
.attend_box1 .attend_ex { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.attend_box1 ul li { font-size: 16px; padding: 3px 0; line-height: 20px; padding-left: 10px; position: relative; }
.attend_box1 ul li::before { content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background-color: #333; }
.attend_calendar { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/mypage/attend_bg_1.jpg') 0 no-repeat; background-size: 100%; height: 801px; background-position: top; }
.attend_calendar .calendar { padding: 50px; background: url('https://ecdev.fooden.com/_skin/sw_kor/img/mypage/calendar_bg.png') 0 no-repeat; background-size: 100%; width: 798px; height: 796px; background-position: top; }
.attend_calendar #calendar { padding-top: 30px; }
.attend_check { padding: 15px; height: 300px; display: flex; align-items: center; justify-content: center; background-color: #f1cd3d; /*background-color: #f8cf34;*/}
.attend_check .attend_btn { background-color: #f45f00; color: #fff; font-weight: 500; width: 300px; height: 75px; border: 0; font-size: 22px; text-align: center; line-height: 75px; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.6); font-family: 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; }

/* 출석이벤트 캘린더 6줄 일 경우 - 2023-12-15 ujung 추가 */
.attend_calendar1 { height: 911px; background-size: cover; }
.attend_calendar1 .calendar { height: 906px; background-size: 100% 100%; }

/**/
.prd_box3 { display: none; }
.prd_box3Y { display: inline-block; font-size: 18px; font-weight: bold; color: #1a97ff; padding-right: 5px; }
.prd_box3_eventY { display: inline-block; font-size: 18px; font-weight: bold; color: #ff3b20; padding-right: 5px; }
.prd_box3_event_boxY { display: inline-block; color: #1a97ff; border-radius: 4px; border: 1px solid #1a97ff; padding: 2px 3px; margin-top: 5px; height: 20px; width: auto; }
.prd_box3_event_boxY span img { border: 0px !important; height: 11px !important; width: 12px !important; vertical-align: baseline; margin-right: 3px; font-size: 11px; color: #1a97ff; }
.prd_box3_event_boxY span { font-size: 11px; color: #1a97ff; }
.prdSale_N { display: none; }

/* 쿠폰받기 */
.btn_coupon { border: 1px solid #015ec5; background: #fff; padding: 0 5px; float: left; height: 28px; line-height: 28px; white-space: nowrap; font-size: 14px; cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 5px; }
.btn_coupon strong { font-size: 13px; }
.btn_coupon .ico img { width: 12px; height: 12px; }
#detail .wrap_prd > .info .pop_coupon2 { padding: 0; width: 500px; }
#detail .info .pop_coupon2 .coupon_scroll { overflow-y: auto; height: 455px; }
#detail .info .pop_coupon2 .coupon_scroll::-webkit-scrollbar { width: 8px; /* 스크롤바의 너비 */}
#detail .info .pop_coupon2 .coupon_scroll::-webkit-scrollbar-thumb { height: 30%; background: #ddd; border-radius: 10px; }
.modal-title { margin: 15px; display: flex; -webkit-box-pack: center; justify-content: space-between; -webkit-box-align: center; align-items: center; position: relative; height: 40px; }
.modal-title h2 { font-size: 16px; margin: 0 auto; text-align: center; }
.modal-title .close { position: relative; font-size: 30px; background: #fff; cursor: pointer; display: flex; justify-content: end; align-items: center; border: 0; }
.coupon_box_wrap { padding: 15px 0; }
.modal-header { border-bottom: 1px solid #ddd; }
.coupon_box_wrap .coupon_in_box { margin: 0 15px; }
.coupon_in_box .coupon_box { margin-bottom: 15px; }
.coupon_in_box .coupon_box:last-of-type { margin-bottom: 0; }
.coupon_box h2 { font-size: 16px; margin-bottom: 5px; }
.coupon_box .coupon_list { display: flex; align-items: center; width: 100%; border: 1px solid #ddd; border-radius: 5px; }
.coupon_box .coupon_list .list { width: calc(100% - 60px); border-right: 1px dashed #ddd; position: relative; }
.coupon_box .coupon_list .list .item { border-radius: 0 0 100% 100%; border-top-width: 0 !important; background: #fff; flex: unset; display: flex; position: absolute; right: -6px; top: -1px; width: 12px; height: 7px; border: 1px solid #ddd; }
.coupon_box .coupon_list .list .item2 { border-radius: 100% 100% 0 0; border-bottom-width: 0 !important; background: #fff; flex: unset; display: flex; position: absolute; right: -7px; bottom: -1px; width: 12px; height: 7px; border: 1px solid #ddd; }
.coupon_box .coupon_list .list .box { padding: 10px; }
.coupon_box .coupon_list .box .orange-txt { font-size: 16px; color: #ff5722; font-weight: 600; margin-bottom: 5px; }
.coupon_list .box .in-txt p { font-weight: 600; color: #999; font-size: 13px; }
.coupon_list .coupon_ico { width: 60px; text-align: center; margin: 0 auto; }
.coupon_list .coupon_ico .ico .btn { border: 0; background: #fff; float: left; display: inline-block; white-space: nowrap; font-size: 14px; cursor: pointer; display: flex; flex-direction: column; width: 100%; gap: 3px; justify-content: center; align-items: center; font-size: 12px; }
.coupon_list .coupon_ico .ico .btn img { width: 12px; height: 11px; }
.coupon_list .coupon_ico .ico .btn span { font-size: 13px; }
.modaal-footer-wrap { margin-top: 30px; }
.modal-footer { margin: 0 15px; height: 48px; line-height: 46px; position: relative; bottom: 0px; }
.modal-footer a { background-color: #015ec5; border: 1px solid #015ec5; color: #fff; display: block; width: 100%; padding: 0 10px; font-size: 18px; font-weight: 600; text-align: center; height: 48px; line-height: 48px; }

/* 20231024 장바구니 썸네일 스타일 변경 */
.shopping-basket {}
.shopping-basket a { position: relative; display: block; width: 80px; height: 80px; overflow: hidden; border: 1px solid #ddd; }
.shopping-basket a img { position: absolute; max-width: 80px; max-height: 80px; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 0 !important; }

/* 로그인 sns ui변경 2023-10-25 ujung 추가 */
.sns_wrap { border-top: 1px solid #ddd; }
.sns_wrap .tit { font-size: 16px; color: #000; text-align: center; font-weight: 600; padding: 20px 0; line-height: 1; }
.sns_wrap .sns_login { padding: 0; text-align: center; }
.sns_wrap .sns_login ul { overflow: hidden; display: flex; justify-content: center; gap: 20px; }
.sns_wrap .sns_login li a { display: block; }
.sns_wrap .sns_login li a img { display: block; width: 50px; height: 50px; margin: 0 auto; margin-bottom: 10px; }
.sns_wrap .sns_login li a span { display: block; color: #666; font-size: 13px; line-height: 20px; }
.sns_conwrap .txt { font-size: 16px; color: #000; }
.sns_conwrap .box_wrap { margin: 30px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.sns_conwrap .box_wrap li { padding: 30px; border-bottom: 1px solid #ddd; }
.sns_conwrap .box_wrap li:last-child { border-bottom: 0; }
.sns_conwrap .box_wrap li .box { display: flex; justify-content: space-between; align-items: center; }
.sns_conwrap .box_wrap li .box strong { position: relative; padding-left: 55px; color: #000; font-size: 18px; line-height: 40px; letter-spacing: -1px; text-align: center; }
.sns_conwrap .box_wrap li .box strong::before { content: ''; position: absolute; top: 0; left: 0; width: 40px; height: 40px; }
.sns_conwrap .box_wrap li .box.naver strong::before { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/naver_login.png') 0 no-repeat; background-size: 100% auto; }
.sns_conwrap .box_wrap li .box.kakao strong::before { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/kakao_login.png') 0 no-repeat; background-size: 100% auto; }
.sns_conwrap .box_wrap li .box.facebook strong::before { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/facebook_login.png') 0 no-repeat; background-size: 100% auto; }
.sns_conwrap .box_wrap li .box.apple strong::before { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/apple_login.png') 0 no-repeat; background-size: 100% auto; }
.sns_conwrap .box_wrap li .box.payco strong::before { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/payco_login.png') 0 no-repeat; background-size: 100% auto; }
.sns_conwrap .box_wrap li .box.wonder strong::before { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/wemake_login.png') 0 no-repeat; background-size: 100% auto; }
.sns_conwrap .box_wrap li .box .btn_sns { border: 1px solid #ddd; font-size: 14px; font-weight: 600; background-color: #fff; cursor: pointer; width: 120px; height: 40px; line-height: 38px; text-align: center; color: #666; }
.sns_conwrap .box_wrap li .box .btn_sns.on { border: 1px solid #000; color: #000; }
.sns_info { background-color: #f5f5f5; padding: 20px; }
.sns_info li { position: relative; font-size: 14px; color: #666; line-height: 1.2; padding: 5px 0; padding-left: 15px; }
.sns_info li:before { content: ''; display: block; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; border-radius: 10px; background-color: #999; }

/* sns 회원통합 ui변경 2023-10-27 ujung 추가 */
.integ_wrap { width: 600px; margin: 40px auto; }
.integ_wrap .chtxt { text-align: center; font-size: 20px; }
.integ_wrap .integ_list > .box_wrap { margin: 30px 0; border: 1px solid #000; padding: 10px 30px; }
.integ_wrap .integ_list > .box_wrap .box { display: flex; align-items: center; border-bottom: 1px solid #ddd; padding: 20px 0; }
.integ_wrap .integ_list > .box_wrap .box:last-child { border-bottom: 0; }
.integ_wrap .integ_list > .box_wrap .box .hd_tit { font-size: 18px; line-height: 1.2; }
.integ_wrap .integ_list > .box_wrap .box label { color: #666; font-size: 16px; line-height: 40px; width: 160px; }
.integ_wrap .integ_list > .box_wrap .box .input_area { width: calc(100% - 160px); }
.integ_wrap .integ_list > .box_wrap .box .form_input { border: 0; font-size: 16px; color: #000; padding: 0; height: 40px; }
.integ_wrap .integ_list > .box_wrap .box .integ_input { border: 1px solid #ddd; border-radius: 6px; padding: 5px 10px; font-size: 15px; height: 40px; }
.integ_wrap .integ_list > .box_wrap .box .msg { margin-top: 5px; }
.integ_wrap .info p { font-size: 15px; color: #999; }
.integ_wrap .info p span { font-size: 15px; font-weight: 600; }
.integ_wrap .kakao_txt { color: #381e1f; }
.integ_wrap .naver_txt { color: #03c75a; }
.integ_wrap .facebook_txt { color: #1877f2; }
.integ_wrap .apple_txt { color: #000; }
.integ_wrap .payco_txt { color: #fa2828; }
.integ_wrap .wemake_txt { color: #e2231a; }
.integ_wrap .box_btn { margin-top: 30px; display: flex; gap: 10px; align-items: center; justify-content: center; }
.integ_wrap .box_btn .integ_btn { margin-top: 0; padding: 0; border: 0; width: 50%; background: none; }
.integ_wrap .box_btn .integ_btn .btn_s { border: 0; padding: 0; position: relative; cursor: pointer; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 500; height: 50px; line-height: 50px; background-color: #f1f1f1; }
.integ_wrap .box_btn .integ_btn .btn_s span { font-size: 18px; font-weight: 500; height: 50px; line-height: 50px; color: #fff; }
.integ_wrap .box_btn .integ_btn .sns::before { content: ''; display: inline-block; width: 40px; height: 40px; border-radius: 100%; }
.integ_wrap .box_btn .integ_btn .kakao { background-color: #fee500; }
.integ_wrap .box_btn .integ_btn .naver { background-color: #03c75a; }
.integ_wrap .box_btn .integ_btn .facebook { background-color: #0866ff; }
.integ_wrap .box_btn .integ_btn .apple { background-color: #000; }
.integ_wrap .box_btn .integ_btn .payco { background-color: #fa2828; }
.integ_wrap .box_btn .integ_btn .wemake { background-color: #e2231a; }
.integ_wrap .box_btn .integ_btn .kakao::before { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/kakao_login.png') 0 no-repeat; background-size: 100%; }
.integ_wrap .box_btn .integ_btn .naver::before { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/naver_login.png') 0 no-repeat; background-size: 100%; }
.integ_wrap .box_btn .integ_btn .facebook::before { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/facebook_login-small.png') center right 7px no-repeat; background-size: 20px auto; }
.integ_wrap .box_btn .integ_btn .apple::before { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/apple_login.png') 0 no-repeat; background-size: 100%; }
.integ_wrap .box_btn .integ_btn .payco::before { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/payco_login.png') 0 no-repeat; background-size: 100%; }
.integ_wrap .box_btn .integ_btn .wemake::before { background: url('https://ecdev.fooden.com/_skin/sw_kor/img/member/wemake_login.png') 0 no-repeat; background-size: 100%; }
.integ_wrap .box_btn .integ_btn .kakao span { color: rgb(0 0 0 / 85%); }
.integ_wrap input { font-family: 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; }
.bestnew { width: 100%; height: 40px; display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }
.bestnew > div { color: #015ec5; border: 1px solid #015ec5; height: 100%; display: flex; border-radius: 9999px; justify-content: center; align-items: center; font-size: 20px; transition: 0.3s; cursor: pointer; }
.bestnew div:hover, .bestnew div.active { background: #015ec5; color: #fff; }
.more { text-align: right; width: 100%; margin-top: 10px; }
.more a { color: #666666; }
.more_special { text-align: right; width: 99%; margin-top: -30px; margin-bottom: 10px;}
.more_special a { color: #666666; }
/*
.prd_basic .box .img .prdimg img { height: 100%; }
*/
.delivery-manage * { color: #666666; font-size: 14px; }
.delivery-manage { margin-top: 5px; cursor: pointer; left: 220px; position: absolute; /* float: right; */ gap: 5px; display: flex;}
.delivery-manage .img-wrapper { width: 35px; height: 35px; border-radius: 9999px; display: flex; justify-content: center; align-items: center; border: 1px solid #666; margin-top: 5px;}
.delivery-info { justify-content: center; position: relative; display: flex; flex-direction: column; align-items: start; }
.delivery-info span { width: 330px; text-align: start; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /* word-break: break-all; */}
.delivery-info:hover > .delivery-detail { opacity: 1; }
.search .guide_icon:hover > .delivery-detail { opacity: 1; }
.delivery-detail { pointer-events: none; z-index: 9999; background-color: white; top: 110%; width: 250px; text-align: left; padding: 10px; border-radius: 10px; position: absolute; opacity: 0; transition: 0.3s; border: 1px solid #dddddd; box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; }
  
  /* 20250404 이동민 사용하지 않는 버튼의 색상 변경 */
  .button_disabled { background-Color:gray; border-color: gray;}
  
/* 사은품선택 2024-08-22 ujung 추가 */
.gift-table .img > div {position: relative; display: block; width: 80px; height: 80px; overflow: hidden; border: 1px solid #ddd; margin: 0 auto;}
.gift-table .img > div img{width: 100%;position: absolute; max-height: 80px; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 0 !important;}


/* share button */
.shareLayer_wrap{display: none;}
.layerDim 
{ 
  position: fixed; 
  inset: 0px; 
  background: rgba(0, 0, 0, 0.4);
}
.shareLayer
{ 
    z-index: 1100; 
    position: fixed; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%);
    max-width: 400px; 
    border-radius: 20px; 
    background-color: #fff; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.shareLayer .tit 
{ 
    padding: 0px 20px; 
    height: 60px; 
    line-height: 60px;
    border-bottom : 1px solid #e9e9e9;
    font-size: 16px; 
    font-weight: 600;
    text-align: center;
}
.shareLayer button, .shareLayer a{border: 0; background: none; cursor: pointer; outline: 0; padding:0; user-select: none; -webkit-tap-highlight-color: transparent;}
.shareLayer button, .shareLayer a{display: flex; align-items: center; flex-wrap: wrap; justify-content: center; text-align: center;}
.shareLayer button img, .shareLayer a img{width: 45px;}
.shareLayer button span, .shareLayer a span{width: 100%; font-size: 13px; margin-top: 5px;}

/* .shareLayer .shareClose 
{ 
  position: relative; 
  left: 10%; 
  top: 0px; 
  width: 80%; 
  height: 40px; 
  line-height: 60px; 
  text-align: center;
  border-radius: 4%;
  background : darkorange;
} 
*/

.shareLayer .shareClose 
{ 
  position: absolute; 
  right: 0px;
  top: 0px; 
  width: 60px;
  height: 60px; 
  line-height: 60px; 
  text-align: center;
}

/* .shareLayer .shareClose span 
{ 
  display: inline-block; 
  font-size: 16px; 
  line-height: 0; 
  margin-top: 0;
  vertical-align: middle;
  color : white;
} */

.shareLayer .shareClose span 
{ 
  display: inline-block; 
  font-size: 0px;
  width : 18px;
  height : 18px;
  line-height: 0;
  color : transparent; 
  margin-top: 0;
  vertical-align: middle;
  background: url('https://ecdev.fooden.com/_skin/sw_kor/img/button/close_img_b.png') 0% 0% / 18px 18px no-repeat;
}

.shareLayer .shareItems { display: flex; justify-content: space-between; padding: 20px;}

.shareLayer_close {
    z-index: 1100;
    position : fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 66%;
    line-height: 40px;
    text-align: center;
    max-width: 400px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

.clipboard-toast {
    position: fixed;
    left: 50%;
    bottom: 100px;
    transform: translateX(-50%);
    background: rgba(51, 51, 51, 0.85);
    color: #fff;
    padding: 14px 28px;
    border-radius: 12px;
    font-size: 17px;
    font-weight: bold;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s;
  }
  .clipboard-toast.show {
    opacity: 1;
    pointer-events: auto;
  }

.shop_detail_btn_share {
    bottom: 3px;
    right: 0;
}

.shop_detail_btn_share .btn_share {
    display:flex;
    justify-content:center;
    width : 30px;
    height : 30px;
}

#big_section .btn_share img {
  width : 24px; 
  left: 98%; 
  position : relative; 
  margin-bottom : -10px;
}

#big_section .sort .btn_share img {
  width : 19px; 
  left : 5px; 
  position : relative; 
  bottom : -3px;
}

.board_wrap .btn_share{
  position:relative;
  float : right;
  bottom : -3px;
  margin-right : 10px;
}

.board_wrap .btn_share_link .btn_share{
  float : right; 
  bottom : -2px;
	margin-right : 5px;
	position : relative;
}

.board_wrap .btn_share img {
  width:23px; 
  height:23px; 
  object-fit:contain;
}
.dis_opt {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}

/*기획전 맵 CSS*/
/*sykwon 2025-08-07*/
area {
  cursor: pointer !important;
  pointer-events: auto !important;
  display: block !important;
  position: relative !important;
  z-index: 9999 !important;
}

/* 이미지 맵을 사용하는 이미지 */
img[usemap] {
  cursor: default !important;
  position: relative !important;
}

/* 오버레이 스타일 */
#imageMapOverlay div {
  cursor: pointer !important;
}


.cart_btn_wrapper {
  display: flex; 
  flex-direction: column; 
  align-items: flex-start; 
  gap: 5px;
  padding-left: 10px;
}

.cart_btn_wish_delete_wrapper {
  display: flex; 
  gap: 5px;
}

/* 모바일 툴팁 스타일 */
.tooltip_msg {
  position: absolute;
  right : 50px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 4px 10px;
  border-radius: 20px;
  z-index: 9999;
  font-size: 14px;
}

.tooltip_msg::after {
  content: ""; /* 가상 요소는 content 속성이 반드시 있어야 합니다. */
  position: absolute; /* 기준점(.tooltip)에 따라 위치를 지정합니다. */

  /* 화살표 위치 지정 */
  top: 100%; /* 툴팁 박스의 바로 아래쪽 */
  left: 85%; /* 툴팁 박스의 가로 중앙 */
  margin-left: -10px; /* 화살표 너비의 절반만큼 왼쪽으로 이동하여 정확히 중앙에 배치 */

  /* 위에서 설명한 '테두리 트릭' 적용 */
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #555; /* 툴팁 박스와 같은 색상 */
}

.arrow-down {
  width: 0; 
  height: 0; 
  /* 1. 양옆 테두리를 투명하게 만듭니다. */
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  
  /* 2. 위쪽 테두리에 색상을 주면, 아래를 향하는 화살표가 만들어집니다. */
  border-top: 10px solid #555; 
}
/*희망 배송일 sykwon 2025-11-07*/
.direct_dlv_div table {
  width: 100%;
  text-align : center;
}
.direct_dlv_div thead th {
    height: 40px;
    border-bottom: 1px solid #ddd;
    background-color : #f9fafb;
    vertical-align : middle;
    font-size : 15px;
}

.direct_dlv_div tbody td {
  height: 100%;
  padding: 0 10px;
  border-left : 1px solid #ddd;
  font-size : 14px;
}

.direct_dlv_div tbody th {
  height: 60px;
  background-color : #f9fafb;
  font-size : 15px;
}

.direct_dlv_div tbody td, .direct_dlv_div tbody th {
  border-bottom : 1px solid #ddd;
  vertical-align : middle;
}
.dlv_close {
  color: #999;
  font-size : 14px;
}
.dlv_close2 {
  color: #666;
}

.deli_info_table tbody tr {
  text-align : left;
  border-top : none;
}
.deli_info_table tbody td {
  border-left : none;
}
.deli_info_table tbody tr td {
  padding : 20px 0;
}





/*장바구니 - 배송지 팝업 sykwon 2025-11-14*/
#basic_val {
  color: #fff; 
  background: #015ec5; 
  border: 1px solid #015ec5; 
  padding: 1px 8px; 
  display: inline-block;
  border-radius : 6px;
}
#basic_val2 {
  color: #fff; 
  background: #015ec5;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
  padding: 1px 8px; 
  display: inline-block;
  font-size : 15px;
  border-radius : 6px;
}
#defalut_val {
  color:#015ec5; 
  background:#fff;
  border: 1px solid #015ec5;  
  border-radius: 6px; 
  padding:3px 10px; 
  display:inline-block;
}

/*장바구니 배송지관리 - 배송지 리스트 sykwon 2025-11-14*/
.cart_addr_btn {
  width:80px; 
  height:35px; 
  line-height:33px;
  border-radius : 6px;
}

/*상세페이지 배송정보 폰트 - 비회원 sykwon 2025-11-17*/
.ddnm {
  text-decoration : underline;
  color : red;
  font-size : 16px;
}

/*배송방법*/
.pop-tip-ddnm {
  position:absolute; 
  display:none; 
  z-index:1000;
  background:#fff; 
  font-size:12px; 
  color:#333; 
  padding:10px; 
  width:250px;
  box-shadow: gray 0px 0px 5px;
  border-radius : 6px;
}

/*상세페이지 배송비 설명 레이어 css sykwon 2025-11-18*/
.pop_tip_taxfee_dlv {
  display : block;
  position : relative;
  top : -25px;
  text-align : right;
}
.pop_tip_taxfee_btn {
  background : none;
  border : 0;
  cursor : pointer;
}
.pop_tip_taxfee_span {
  background : url('https://www.fooden.com/_skin/sw_kor/img/button/close_img_b.png') 0% 0% / 18px 18px no-repeat;
  display : inline-block;
  color : transparent;
  font-size : 0px;
  width : 18px;
  height : 18px;
  line-height : 0px;
  margin-top : 0;
  vertical-align : middle;
}

.order_deli_title {
  padding-right : 4px;
}

/*이전구매상품 페이지 검색창 CSS 설정 sykwon 2025-12-09*/
.buy_list_box_search {
  margin-top: 10px;
  padding-bottom : 10px;
}

.buy_list_search_str {
  width: 50%;
}

.buy_list_btn_image {
  padding-top : 5px;
}

.wish_list_icon_img {
   height : 20px;
   vertical-align : text-top;
}

.buy_list_icon_img {
  height : 20px;
  vertical-align : text-top;
}

.clickPrd_list_icon_img {
  height : 20px;
  vertical-align : text-top;
}