/*-----------------------------------------------------------------*/
/* 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. nav
3-4. footer

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

5. ETC

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

/* noto-sans-kr-regular - latin_korean */
@font-face {
    font-family: 'NotoSans';
    src: url('/common/fonts/noto-sans-kr-v21-latin_korean-regular.eot'); /* IE9 Compat Modes */
    src: url('/common/fonts/noto-sans-kr-v21-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/common/fonts/noto-sans-kr-v21-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/common/fonts/noto-sans-kr-v21-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
         url('/common/fonts/noto-sans-kr-v21-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/common/fonts/noto-sans-kr-v21-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
      font-family: 'Montserrat';
      src: url('/common/fonts/montserrat-v15-latin-regular.eot');
      src: url('/common/fonts/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
           url('/common/fonts/montserrat-v15-latin-regular.woff2') format('woff2'),
           url('/common/fonts/montserrat-v15-latin-regular.woff') format('woff'),
           url('/common/fonts/montserrat-v15-latin-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:14px; line-height:1.6; vertical-align:baseline;}
  
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
  body {min-width:320px; word-break:break-all; -webkit-text-size-adjust:none; -webkit-text-size-adjust:100%; -webkit-text-size-adjust: 100%; /*Chrome, Safari, newer versions of Opera*/
      -moz-text-size-adjust: 100%; /*Firefox*/ -ms-text-size-adjust: 100%;  /*Ie*/ -o-text-size-adjust: 100%; /*old versions of Opera*/}
  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] {margin-top:-1px; vertical-align:top;}
  input[type=text],
  input[type=email],
  input[type=password] {vertical-align:top;}
  a,
  a:hover,
  a:active,
  a:focus {text-decoration:none;}
  *,
  *:before,
  *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  input[type=text], input[type=password], input[type=submit], input[type=button], input[type=search], input[type=tel], input[type=number], input[type=email], textarea {border-radius:0; -webkit-appearance:none;}
  
  
  /*-----------------------------------------------------------------*/
  /* 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:20px 0 !important; text-align:center;}
  .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;}
  .i_info {display:inline-block; position:relative; top:4px; width:15px; height:15px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_info.png') no-repeat center/15px; font-style:normal; font-weight:normal; line-height:1;}
  .mgl5{margin-left: 5px;}
  .mgr5{margin-right: 5px;}
  .clr{clear:both;}
  /* input 기본 스타일 */
  .form_input {height:45px; padding:4px 10px; border:1px solid #dcdcdc; background:#fff; color:#666; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; font-size:1rem; transition:all .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 !important;}
  .form_input::-webkit-input-placeholder {color:#666; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important;}
  .form_input::-moz-placeholder {color:#666; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important;}
  .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:34px; padding:4px 6px; border:1px solid #dcdcdc; border-radius:0; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/select_arrow.png') no-repeat 98% center/10px 6px #fff; color:#666; font:inherit; -webkit-appearance:none;}
  select.block {width:100%;}
  select:focus {border-color:#000; outline:none !important;}
  
  /* 서브 페이지 타이틀 */
  .subtitle {padding:12px 0; border-bottom:1px solid #dbdbdb; font-style:italic; font-size:1.417rem; font-weight:normal; text-align:center;}
  
  /* 페이징 */
  .paging * {vertical-align:sub;padding-top:0.5px;}
  .paging {margin-top:15px; font-size:0; text-align:center;}
  .paging li {display:inline; padding:0 2px; color:#9e9e9e; vertical-align:middle;}
  /* 2022-11-28 쿠폰 넘버링 line-height 수정 김지은*/
  .paging li strong {display:inline-block; width:24px; height:24px; border:1px solid #676767; background:#676767; color:#fff; line-height:22px; font-size: 12px; position:relative; overflow:hidden; }
  .paging li a {display:inline-block; width:24px; height:24px; border:1px solid #e0e0e0; background:#fff; color:#6e6e6e; line-height:22px; font-size: 12px; position:relative; overflow:hidden;}
  .paging li a img{Position:absolute; top:-1px; left:-1px; width:24px; height:24px;}
  





  /* 박스 스타일 - 수량 */
  .box_qty {display:inline-block; position:relative; width:100px;}
  .box_qty.block {width:100%;}
  .box_qty .form_input {padding:0 30px; height: 32px;}
  .box_qty .form_input:hover {border-color:#dcdcdc;}
  .box_qty .minus {display:inline-block; position:absolute; left:0; top:0; width:34px; height:32px; border:1px solid #dcdcdc; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/bullet_minus.png') no-repeat center/12px;}
  .box_qty .plus {display:inline-block; position:absolute; right:0; top:0; width:34px; height:32px; border:1px solid #dcdcdc; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/bullet_plus.png') no-repeat center/12px;}
  .box_qty .buy_ea {height:32px;}
  .box_qty .btn_ea {position:relative;}
  .box_qty .btn_ea a {display:block; position:absolute; top:0px;  width:32px; height:32px; 
    border-top :1px solid #dcdcdc; 
    border-bottom :1px solid #dcdcdc;
    }
  .box_qty .btn_ea a.ea_up {background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/button_plus.png'); right : -10px;}
  .box_qty .btn_ea a.ea_down {background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/button_minus.png'); left : 1px;}
  
  /* 컬러칩 리스트 */
  .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;}
  
  /* 글쓰기 - 주문서,1:1문의 */
  .write > div {margin-bottom:10px; text-align:left;}
  .write > div:last-child {margin-bottom:0;}
  .write > div.line {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dcdcdc;}
  .write > div > label {display:none;}
  .write > .msg {margin-bottom:10px; line-height:34px;}
  .write > .msg * {vertical-align:middle;}
  
  /* 상단 셀렉트 메뉴 */
  .top_select_menu {height:40px; border-top:1px solid transparent; border-right:1px solid transparent; border-left:1px solid transparent; background-color:#f1f1f1;}
  
  /* 상품리스트 정렬 */
  .sort_line {padding-bottom:15px;}
  .sort_line:after {display:block; clear:both; content:'';}
  .sort_line .sort {float:left; width:50%;}
  .sort_line .sort select {width:100%;}
  .sort_line .type {float:left; width:50%; height:34px; border:1px solid #dcdcdc; border-left:0; color:#666;}
  .sort_line .type a {display:block; width:100%; height:100%; padding:0 10px; background-repeat:no-repeat; background-position:right center; background-size:32px; color:inherit; line-height:34px;}
  .sort_line .type a.type1 {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/type1.png');}
  .sort_line .type a.type2 {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/type2.png');}
  .sort_line .type a.type3 {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/type3.png');}
  .sort_line .type a.type4 {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/type4.png');}
  .sort_line .type a.type5 {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/type5.png');}
  
  /* 엔진 - 레이어 딤드(게시판 상품 선택, 퀵프리뷰 팝업) */
  #qdBackground {position:fixed !important; width:100% !important; height:100% !important;}
  
  /* 상품후기 평점 */
  
  .gradebox {display:inline-block; position:relative; width:154px; height:24px; background:url('https://m.ecdev.fooden.com/_skin/m_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://m.ecdev.fooden.com/_skin/m_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:77%;}
  .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;}
  /*
  .gradebox {display:inline-block; position:relative; width:154px; height:24px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/grade.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://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/grade_over.png') no-repeat left top/auto 100%; content:'';}
  */
  
  /* 사은품 리스트 */
  .list_gift > h3 {padding-bottom:15px;}
  .list_gift > ul {border-top:1px solid #e5e5e5; font-size:0;}
  .list_gift > ul > li {padding:20px 0; border-bottom:1px solid #e5e5e5; text-align:left; vertical-align:middle;}
  .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 {border:1px solid #dcdcdc;}
  .list_cpn_down > .box > ul > li {position:relative; padding:15px 130px 15px 15px; border-top:1px solid #dcdcdc; text-align:left; vertical-align:middle;}
  .list_cpn_down > .box > ul > li:first-child {border-top:0;}
  .list_cpn_down > .box > ul > li:before {display:inline-block; position:absolute; right:120px; top:15px; width:1px; height:calc(100% - 30px); background-color:#e5e5e5; content:'';}
  .list_cpn_down > .box > ul > li > .sale {font-size:1.417rem; font-weight:bold;}
  .list_cpn_down > .box > ul > li > .name {font-weight:bold;}
  .list_cpn_down > .box > ul > li > span {position:absolute; right:15px; top:50%; margin-top:-20px;}
  .list_cpn_down > .box > ul > li > span.fin {display:inline-block; min-width:90px; height:40px; padding:4px 8px; border:1px solid #c3c3c3; background:#fff; color:#666 !important; line-height:32px; text-align:center; vertical-align:top; white-space:nowrap;}
  .list_cpn_down > .box > ul > li > span.box_btn * {min-width:90px; height:40px; line-height:32px;}
  
  /* 타이머 */
  .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:5px; border-radius:20px; background-color:#000; color:#fff; font-size:0; vertical-align:top;}
  .box_timer > .title:before {display:inline-block; width:13px; height:13px; border:1px solid #fff; border-radius:50%; vertical-align:top; content:'';}
  .box_timer > .title:after {display:inline-block; position:absolute; left:8px; top:50%; width:4px; height:4px; margin-top:-2px; border:1px solid #fff; border-width:0 1px 1px 0; content:'';}
  .box_timer > ._timesale_timer {display:inline-block; padding:0 10px 0 5px;}
  .box_timer > ._timesale_timer * {color:#000; font-size:1rem; line-height:23px;}
  .box_timer > ._timesale_timer > ._timer_num {font-weight:900;}
  .box_timer.big > .title {font-size:1rem;}
  .box_timer.big > .title:before {margin:2px 5px 0 0;}
  .box_timer.big > ._timesale_timer * {font-size:1.083rem; line-height:26px;}
  #detail .box_timer {margin-bottom:20px;}
  
  /* 이메일 자동 완성 */
  .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:calc(100% - 52px);}
  
  /* 체크박스, 라디오 */
  .check_chg input[type=checkbox] {display:none;}
  .check_chg input[type=checkbox] + label {display:inline-block; min-height:18px; padding-left:28px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/bullet_cb.png') no-repeat left center; background-size:18px; vertical-align:top; cursor:pointer;}
  .check_chg input[type=checkbox]:checked + label {background-image:url('https://m.ecdev.fooden.com/_skin/m_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:18px; padding-left:28px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/bullet_radio.png') no-repeat left center; background-size:18px; vertical-align:top; cursor:pointer;}
  .radio_chg input[type=radio]:checked + label {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/bullet_radio_checked.png');}
  
  
  /*-----------------------------------------------------------------*/
  /* 2-1. table
  /*-----------------------------------------------------------------*/
  
  /* 테이블 스타일 - 가로 */
  .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:15px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:center; vertical-align:middle;}
  .tbl_col > tbody > tr > td {padding:15px 0; border-bottom:1px solid #e0e0e0; text-align:center; vertical-align:middle;}
  .tbl_col > tbody > tr > td * {color:#666;}
  .tbl_col > tbody > tr > td.tal {padding-left:15px !important;}
  .tbl_col > tbody > tr > td.img img {width:100px; height:auto;}
  
  /* 테이블 스타일 - 가로 - 장바구니, 주문조회 */
  .tbl_col.prd > tbody > tr > td {padding:0;}
  .tbl_col.prd > tbody > tr > td.order_number a {font-weight:bold; text-decoration:underline;}
  .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:0.917rem; text-decoration:underline; line-height:35px;}
  
  /* 테이블 스타일 - 가로 - qna, review */
  .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 .prdname {padding-bottom:5px;}
  .tbl_col.board > tbody > tr > td .best {display:inline-block; margin-right:5px; padding:3px 5px; background:#f00; color:#fff;}
  
  /* 테이블 스타일 - 세로 */
  .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:10px; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle;}
  .tbl_row td {padding:10px; 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;}
  .tbl_order caption {padding-bottom:20px; font-weight:bold; text-align:left;}
  .tbl_order th {padding:6px 0; font-weight:normal; text-align:left; vertical-align:middle;}
  .tbl_order td {padding:6px 0; text-align:right; vertical-align:middle;}
  .tbl_order.sale {margin:5px 0; border:1px solid #dcdcdc; border-width:1px 0;}
  .tbl_order .total td .view_info {display:none; margin-top:5px;}
  .tbl_order .total_price,
  .tbl_order .total_price * {color:#d53838; font-size:1.333rem;}
  
  /* 테이블 스타일 - 상품정보고시 */
  .tbl_prdinfo {table-layout:fixed; width:100%; margin:0 0 20px 0;}
  .tbl_prdinfo caption {padding-bottom:20px; font-weight:bold; text-align:left;}
  .tbl_prdinfo th {padding:10px; border:1px solid #e0e0e0; background-color:#fafafa; font-weight:normal; text-align:left; vertical-align:middle;}
  .tbl_prdinfo td {padding:10px; border:1px solid #e0e0e0; text-align:left; vertical-align:middle;}
  
  /* 할인율 관련*/
  .cart_prc.is_sale > .before {text-decoration:line-through;}
  .cart_prc > .after {display:none;}
  .cart_prc.is_sale > .after {display:block;}
  
  /*-----------------------------------------------------------------*/
  /* 2-2. button
  /*-----------------------------------------------------------------*/
  
  /* 버튼스타일 - 기본 */
  .box_btn {display:inline-block; text-align:center; vertical-align:top;}
  .box_btn > * {display:inline-block; margin:0; padding:12px 12px; border:1px solid #015ec5; outline:none; background:#fff; font-weight:bold; color:#015ec5 !important; font-size:1.3rem; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; 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.box_blue > * {background:#015ec5;; border:1px solid #015ec5; color:#fff !Important;}
  .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; color:#fff !Important;}
  .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:50px; padding:0; font-size:16px; background:#000 !important;}
  /* 버튼스타일 - 크기 */
  .box_btn.small > * {padding:4px 8px;}
  .box_btn.large > * {padding:14.21px 16px; font-size:1.167rem; height:50px;}
  .box_btn.buy > * {background:#015ec5; color:#fff !important;}
  .box_btn.m_restock > * {background:#f5f5f5; color:#777777 !important; width:100%;}
  /* 버튼스타일 - 가로길이 */
  .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.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:#015ec5; background:#fff; color:#666 !important;}
  /* 버튼스타일 - 텍스트 */
  .box_btn.strong * {font-weight:bold;}
  .box_btn.radius * {border-radius:6px;}
  
  /* 나열 버튼 */
  .btn_col {width:100%;}
  .btn_col:after {display:block; clear:both; content:'';}
  .btn_col span {float:left; width:49%;}
  .btn_col span:last-child {float:right;}
  .btn_col.col3 span {float:left; width:32%;}
  .btn_col.col3 span:nth-child(3n-1) {margin:0 2%;}
  .btn_col2 {width:100%;}
  .btn_col2:after {display:block; clear:both; content:'';}
  .btn_col2 span {float:left; width:50%;}
  .btn_col2 span:last-child {float:right; position:relative; left:-1px;}
  
  
  /*-----------------------------------------------------------------*/
  /* 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:100%; 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;}
  .prd_basic .box .img .prdimg {transition:all .3s ease;}
  .prd_basic .box .img:hover .prdimg {}
  .prd_basic .box .img .soldout {display:none;}
  .prd_basic .box .img .quick {position:absolute; bottom:10px; right:10px; opacity:1; transition:opacity 0.2s ease-in-out; z-index:6;}
  .prd_basic .box .img:hover .quick {opacity:1;}
  .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://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_preview.png');}
  .prd_basic .box .img .quick li.cart a {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/cart_icon.png');}
  .prd_basic .box .img .quick li.out_cart a {background-image:url('https://m.ecdev.fooden.com/_skin/m_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://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_wish.png');}
  .prd_basic .box .img .quick li.wish a.wish_on {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_wish_on.png');}
  .prd_basic .box .img .discount_percent {background:#015ec5; color:#fff; font-size:14px; display:none; padding:10px 0; line-height:1em;  position:absolute; top:0; left:0;}
  .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.5); font-size:15px; 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:10px;  font-size:15px;white-space: normal}
  
  .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:13px; color:#999;}
  .prd_basic .box .price .consumerY {display: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:18px; font-weight:bold; margin-right:2px;}
  .prd_basic .box .price .discountY {display:inline-block;}
  .prd_basic .box .price .discount_percent {color:#015ec5; font-size:18px; display:none; margin-right:2px;}
  .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: 18px;}
.mb_detail .box .price .discount_percentY {font-size: 18px; font-size:14px; font-weight: bold; color:#FF3B20;margin-right: 3px;} /* 2023-10-05 kwkim */
.prd_basic .box .price .discount_percent{font-size:15px; color:#FF3B20; font-weight: bold; margin:0;} /* 2023-06-26 kwkim */
.prd_basic .box .price .discount_percent strong{font-size:15px;}
.prd_basic .box .price .discount{font-size: 18px; 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:14px; 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:20px; 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:100%; 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;}
  .prd_basic2 .box .img .prdimg {transition:all .3s ease;}
  .prd_basic2 .box .img:hover .prdimg {}
  .prd_basic2 .box .img .soldout {display:none;}
  .prd_basic2 .box .img .quick {position:absolute; bottom:10px; right:10px; opacity:1; transition:opacity 0.2s ease-in-out; z-index:6;}
  .m-grid-sector .prd_basic2 .box .img .quick 
  {
    position:absolute; 
    bottom:10px; 
    width : 40px;
    opacity:1; 
    transition:opacity 0.2s ease-in-out; 
    z-index:6;
  }
  .prd_basic2 .box .img:hover .quick {opacity:1;}
  .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://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_preview.png');}
  .prd_basic2 .box .img .quick li.cart a {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/cart_icon.png');}
  .prd_basic2 .box .img .quick li.out_cart a {background-image:url('https://m.ecdev.fooden.com/_skin/m_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://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_wish.png');}
  .prd_basic2 .box .img .quick li.wish a.wish_on {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_wish_on.png');}
  .prd_basic2 .box .img .discount_percent {background:#015ec5; color:#fff; font-size:16px; display:none; padding:10px; line-height:1em;  position:absolute; top:0; left:0;}
  .prd_basic2 .box .img .discount_percentY {display:block; z-index: 1;}
  .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.5); font-size:15px; 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:10px;  font-size:15px;white-space: normal}
  .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:13px; color:#999;}
  .prd_basic2 .box .price .consumerY {display: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:18px; font-weight:bold; margin-right:2px;}
  .prd_basic2 .box .price .discountY {display:inline-block;}
  .prd_basic2 .box .price .discount_percent {color:#015ec5; font-size:18px; display:none; margin-right:2px;}
  .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: 18px;}
.prd_basic2 .box .price .discount_percent{font-size:15px; color:#FF3B20; font-weight: bold; margin:0;} /* 2023-06-26 kwkim */
.prd_basic2 .box .price .discount_percent strong{font-size:15px;}
.prd_basic2 .box .price .discount{font-size: 18px; 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:14px; 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:100%; 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;}
  .prd_basic3 .box .img .prdimg {transition:all .3s ease;}
  .prd_basic3 .box .img:hover .prdimg {}
  .prd_basic3 .box .img .soldout {display:none;}
  .prd_basic3 .box .img .quick {position:absolute; bottom:10px; right:10px; opacity:1; transition:opacity 0.2s ease-in-out; z-index:6;}
  .prd_basic3 .box .img:hover .quick {opacity:1;}
  .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://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_preview.png');}
  .prd_basic3 .box .img .quick li.cart a {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/cart_icon.png');}
  .prd_basic3 .box .img .quick li.out_cart a {background-image:url('https://m.ecdev.fooden.com/_skin/m_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://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_wish.png');}
  .prd_basic3 .box .img .quick li.wish a.wish_on {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_wish_on.png');}
  .prd_basic3 .box .img .discount_percent {background:#015ec5; color:#fff; font-size:16px; display:none; padding:10px; line-height:1em;  position:absolute; top:0; left:0;}
  .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.5); font-size:15px; 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:10px;  font-size:15px;white-space: normal}
  
  .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:13px; color:#999;}
  .prd_basic3 .box .price .consumerY {display: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:18px; font-weight:bold; margin-right:2px;}
  .prd_basic3 .box .price .discountY {display:inline-block;}
  .prd_basic3 .box .price .discount_percent {color:#015ec5; font-size:18px; display:none; margin-right:2px;}
  .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: 18px;}
.prd_basic3 .box .price .discount_percent{font-size:15px; color:#FF3B20; font-weight: bold; margin:0;} /* 2023-06-26 kwkim */
.prd_basic3 .box .price .discount_percent strong{font-size:15px;}
.prd_basic3 .box .price .discount{font-size: 18px; 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:14px; 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;}

/*상품 상세보기 관련 상품*/
.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:100%; margin:0 auto; padding-right:2px;}
.prd_basic4 .box .img {overflow:hidden; position:relative; z-index:1; width:100%; margin:0 auto; text-align:center; border:1px solid #ddd;}
.prd_basic4 .box .img .prdimg {transition:all .3s ease;}
.prd_basic4 .box .img:hover .prdimg {}
.prd_basic4 .box .img .soldout {display:none;}
.prd_basic4 .box .img .quick {position:absolute; bottom:10px; right:10px; opacity:1; transition:opacity 0.2s ease-in-out; z-index:6;}
.prd_basic4 .box .img:hover .quick {opacity:1;}
.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://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_preview.png');}
.prd_basic4 .box .img .quick li.cart a {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/cart_icon.png');}
.prd_basic4 .box .img .quick li.out_cart a {background-image:url('https://m.ecdev.fooden.com/_skin/m_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://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_wish.png');}
.prd_basic4 .box .img .quick li.wish a.wish_on {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_wish_on.png');}
.prd_basic4 .box .img .discount_percent {background:#015ec5; color:#fff; font-size:16px; display:none; padding:10px; line-height:1em;  position:absolute; top:0; left:0;}
.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.5); font-size:15px; 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:10px;  font-size:15px;white-space: normal}

.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:13px; color:#999;}
.prd_basic4 .box .price .consumerY {display: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:18px; font-weight:bold; margin-right:2px;}
.prd_basic4 .box .price .discountY {display:inline-block;}
.prd_basic4 .box .price .discount_percent {color:#015ec5; font-size:18px; display:none; margin-right:2px;}
.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;}

.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: 18px;}
.prd_basic4 .box .price .discount_percent{font-size:15px; color:#FF3B20; font-weight: bold; margin:0;} /* 2023-06-26 kwkim */
.prd_basic4 .box .price .discount_percent strong{font-size:15px;}
.prd_basic4 .box .price .discount{font-size: 18px; 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:14px; 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.col1 > li {width:100%;}
  .prd_basic.col2 > li {width:50%; padding-right:7.5px;}
  .prd_basic.col2 > li:nth-child(2n) {padding-right:0; padding-left:7.5px;}
  .prd_basic.col3 > li {width:32%;}
  .prd_basic.col3 > li:nth-child(3n-1) {margin:0 2%;}
  .prd_basic.col_img > li {width:50%; padding-right:4.5625%;}
  .prd_basic.col_img > li:nth-child(2n) {padding-right:0; padding-left:4.5625%;}
  .prd_basic.col_img .box .info {display:none;}
  .prd_basic.col_list > li {width:100%;}
  .prd_basic.col_list > li {margin-bottom:10px; border-bottom:1px solid #ebebeb;}
  .prd_basic.col_list > li .box:after {display:block; clear:both; content:'';}
  .prd_basic.col_list > li .box .img {float:left; width:30%;}
  .prd_basic.col_list > li .box .info {float:left; width:70%; padding-left:10px; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
  .prd_basic.col_list > li .box .name {padding-top:0;}
  
  .prd_basic2.col1 > li {width:100%;}
  .prd_basic2.col2 > li {width:50%; padding-right:7.5px;}
  .prd_basic2.col2 > li:nth-child(2n) {padding-right:0; padding-left:7.5px;}
  .prd_basic2.col3 > li {width:32%;}
  .prd_basic2.col3 > li:nth-child(3n-1) {margin:0 2%;}
  .prd_basic2.col_img > li {width:50%; padding-right:4.5625%;}
  .prd_basic2.col_img > li:nth-child(2n) {padding-right:0; padding-left:4.5625%;}
  .prd_basic2.col_img .box .info {display:none;}
  .prd_basic2.col_list > li {width:100%;}
  .prd_basic2.col_list > li {margin-bottom:10px; border-bottom:1px solid #ebebeb;}
  .prd_basic2.col_list > li .box:after {display:block; clear:both; content:'';}
  .prd_basic2.col_list > li .box .img {float:left; width:30%;}
  .prd_basic2.col_list > li .box .info {float:left; width:70%; padding-left:10px; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
  .prd_basic2.col_list > li .box .name {padding-top:0;}
  
  .prd_basic3.col1 > li {width:100%;}
  .prd_basic3.col2 > li {width:50%; padding-right:7.5px;}
  .prd_basic3.col2 > li:nth-child(2n) {padding-right:0; padding-left:7.5px;}
  .prd_basic3.col3 > li {width:32%;}
  .prd_basic3.col3 > li:nth-child(3n-1) {margin:0 2%;}
  .prd_basic3.col_img > li {width:50%; padding-right:4.5625%;}
  .prd_basic3.col_img > li:nth-child(2n) {padding-right:0; padding-left:4.5625%;}
  .prd_basic3.col_img .box .info {display:none;}
  .prd_basic3.col_list > li {width:100%;}
  .prd_basic3.col_list > li {margin-bottom:10px; border-bottom:1px solid #ebebeb;}
  .prd_basic3.col_list > li .box:after {display:block; clear:both; content:'';}
  .prd_basic3.col_list > li .box .img {float:left; width:30%;}
  .prd_basic3.col_list > li .box .info {float:left; width:70%; padding-left:10px; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
  .prd_basic3.col_list > li .box .name {padding-top:0;}

  /*상품상세페이지 관련 상품*/
.prd_basic4.col1 > li {width:100%;}
.prd_basic4.col2 > li {width:50%; padding-right:7.5px;}
.prd_basic4.col2 > li:nth-child(2n) {padding-right:0; padding-left:7.5px;}
.prd_basic4.col3 > li {width:32%;}
.prd_basic4.col3 > li:nth-child(3n-1) {margin:0 2%;}
.prd_basic4.col_img > li {width:50%; padding-right:4.5625%;}
.prd_basic4.col_img > li:nth-child(2n) {padding-right:0; padding-left:4.5625%;}
.prd_basic4.col_img .box .info {display:none;}
.prd_basic4.col_list > li {width:100%;}
.prd_basic4.col_list > li {margin-bottom:10px; border-bottom:1px solid #ebebeb;}
.prd_basic4.col_list > li .box:after {display:block; clear:both; content:'';}
.prd_basic4.col_list > li .box .img {float:left; width:30%;}
.prd_basic4.col_list > li .box .info {float:left; width:70%; padding-left:10px; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.prd_basic4.col_list > li .box .name {padding-top:0;}

/*.prd_basic4.slide {display:none;}*/
.prd_basic4.slide.slick-initialized {display:block;}
.prd_basic4.slide .slick-prev {z-index:2; opacity: 0.3; position:absolute; right:94%; top:50%; transform: translateY(-50%); width:5%; height:7%; margin-top:-50px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/swiper_prev2.png') no-repeat center;}
.prd_basic4.slide .slick-next {z-index:2; opacity: 0.3; position:absolute; left:94%; top:50%; transform: translateY(-50%); width:5%; height:7%; margin-top:-50px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/swiper_next2.png') no-repeat center;}

/*상품상세페이지 관련 상품*/

  
  /*-----------------------------------------------------------------*/
  /* 3. Layout
  /*-----------------------------------------------------------------*/
  
  /*-----------------------------------------------------------------*/
  /* 3-1. wrapper
  /*-----------------------------------------------------------------*/
  
  .wrap_inner {padding:0 24px; /* padding:0 15px; */} /* 컨텐츠 사이즈 */
  body.view_nav {overflow:hidden;}
  body.view_nav #dimmed {display:block;}
  
  /*-----------------------------------------------------------------*/
  /* 3-2. header
  /*-----------------------------------------------------------------*/
  
  header {width:100%; /* height:107px; */ height:160px; background:#fff; text-align:center; z-index:100; position: fixed;}
  /* header .fix {position:fixed; z-index:1000; width:100%; height:inherit; border-bottom:1px solid #dbdbdb; background:#003082;} */
  header .fix {position:fixed; z-index:1000; width:100%; height:inherit; border-bottom:1px solid #dbdbdb; background:#fff;}
  
  header h1 img {width:30px; width:146px; height:auto; margin-top:16px; margin-bottom:10px;}
  header .gnb li a {display:block; position:absolute; top:10px; width:40px; height:60px; background-repeat:no-repeat; background-position:center; background-size:auto 25px; color:transparent; text-align:center;}
  header .gnb li.category a {left:10px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_category.png'); background-size:auto 25px;}
  header .gnb li.search {margin-top:16px;}
  header .gnb li.search a {right:50px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_search.png');}
  /*header .gnb li.search a.active {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/close.png');}*/
  header .gnb li.cart a {right:24px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_cart_b.png');}
  header .gnb li.cart a span {position:absolute;right: 0px;top: 14px;/* width:100%; */width: 17px;height: 17px;background: #015ec5;color: #fff;border-radius: 15px;font-size: 10px;text-align:center;}
  header .gnb li.my a {right:0; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_mypage.png');}
  
  
  #box_search.box_search {display:none; position:fixed; left:0; top:0; z-index:1000; width:100%; height:60px; background:#fff; padding-left:50px;}
  #box_search.box_search .box {text-align:left;}
  #box_search.box_search .box .basic_search {height:44px; border-color:#f5f5f5; background:#f5f5f5; margin-top:9px; width:calc(100% - 10px) !important; padding-right:41px;}
  #box_search.box_search .box .btn {position:absolute; right:20px; top:18px; width:24px; height:24px;}
  #box_search.box_search .gnb li a {display:block; position:absolute; top:0; width:40px; height:60px; background-repeat:no-repeat; background-position:center; background-size:20px; color:transparent; text-align:center;}
  #box_search.box_search .gnb li.category a {left:5px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/header_back_b.png'); background-size:13px;}
  
  .box_search1{padding: 0 24px; margin-bottom:3px;}
  .box_search1 .basic_search{position:relative; width: 100%; height:40px; background:#fff;  border: 1px solid #333; border-radius:7px; text-align:left; overflow:hidden;}
  .box_search1 .basic_search input[type="text"]{border:none; width:100%; height:100%; padding-right:50px; padding-left:10px; outline:none; letter-spacing: -1px; font-size: 16px;}
  .box_search1 .basic_search input[type="text"]::placeholder { color: #969696;}


  
  header .category_head {background:#fff; width:100%; white-space:nowrap; overflow:auto;/*  box-shadow:0 5px 8px rgb(0 0 0 / 10%); */}
  header .category_head::-webkit-scrollbar {display: none;}
  
  header .category_head .list {display:inline-block; padding:0 0 0 20px;}
  header .category_head .list:first-child{padding-left: 24px;}
  header .category_head .list:last-child {padding: 0 15px; padding-right: 24px;}
  header .category_head .list a {padding:3px 0; line-height:1em; font-size:18px; color:#333; display:block; border-top:3px solid transparent; border-bottom:3px solid transparent;}
  header .category_head .list.active a {font-weight:bold; border-bottom:3px solid #015ec5;}
  
  #header_prod {width:100%; height:60px; background:#fff; text-align:center; z-index:100;}
  #header_prod .fix {position:fixed; z-index:1000; width:100%; height:inherit; border-bottom:1px solid #dbdbdb; background:#003082;}
  #header_prod h1 {font-size:18px; font-weight:bold; color:#fff;}
  #header_prod .gnb li a {display:block; position:absolute; top:0; width:40px; height:60px; background-repeat:no-repeat; background-position:center; background-size:auto 25px; color:transparent; text-align:center;}
  #header_prod .gnb li.category a {left:5px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_category.png'); background-size:25px;}
  #header_prod .gnb li.search {margin-top:16px;}
  #header_prod .gnb li.search a {right:50px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_search.png');}
  #header_prod .gnb li.cart a {right:10px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_cart.png');}
  #header_prod .gnb li.cart a span {position:absolute;right: 2px;top: 10px;/* width:100%; */color:#000;width: 15px;height: 15px;background: #fff;color: #003082;border-radius: 15px;font-size: 10px;text-align:center;}
  #header_prod .gnb li.my a {right:0; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_mypage.png');}
  
  #header_2 {width:100%; height:60px; background:#fff; text-align:center; z-index:100;}
  #header_2 .fix {position:fixed; z-index:1000; width:100%; height:inherit; border-bottom:1px solid #dbdbdb; background:#003082;}
  #header_2 h1 {font-size:18px; font-weight:bold; color:#fff;}
  #header_2 .gnb li a {display:block; position:absolute; top:0; width:40px; height:60px; background-repeat:no-repeat; background-position:center; background-size:auto 25px; color:transparent; text-align:center;}
  #header_2 .gnb li.category a {left:5px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_category.png'); background-size:25px;}
  #header_2 .gnb li.search {margin-top:14px;}
  #header_2 .gnb li.search a {right:50px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_search.png');}
  #header_2 .gnb li.cart a {right:10px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_cart.png');}
  #header_2 .gnb li.cart a span {position:absolute;right: 2px;top: 10px;/* width:100%; */color:#000;width: 15px;height: 15px;background: #fff;color: #003082;border-radius: 15px;font-size: 10px;text-align:center;}
  #header_2 .gnb li.my a {right:0; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_mypage.png');}
  
  #header_3 {width:100%; height:60px; background:#fff; text-align:center; z-index:100;}
  #header_3 .fix {position:fixed; z-index:1000; width:100%; height:inherit; box-shadow:0 5px 8px rgb(0 0 0 / 10%); background:#fff;}
  #header_3 h1 {font-size:18px; font-weight:bold; color:#000; margin-top:14px;}
  #header_3 .gnb li a {display:block; position:absolute; top:0; width:40px; height:60px; background-repeat:no-repeat; background-position:center; background-size:auto 25px; color:transparent; text-align:center;}
  #header_3 .gnb li.category a {left:0; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/header_back_b.png'); background-size:13px; background-position: 14px center; left: 10px;}
  #header_3 .gnb li.home a {left:50px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/menu_home_b.png');}
  #header_3 .gnb li.search {margin-top:14px;}
  #header_3 .gnb li.search a {right:60px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_search_b.png'); width: 34px;}
  #header_3 .gnb li.cart a {right:20px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_cart_b.png');}
  #header_3 .gnb li.cart a span {position:absolute;right: 0;top: 14px;/* width:100%; */color:#000;width: 17px;height: 17px;background: #015ec5;color: #fff;border-radius: 15px;font-size: 10px;text-align:center;}
  #header_3 .gnb li.my a {right:0; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_mypage.png');}
  
  #header_4 {width:100%; height:60px; background:#fff; text-align:center; z-index:100;}
  #header_4 .fix {position:fixed; z-index:1000; width:100%; height:inherit; box-shadow:0 5px 8px rgb(0 0 0 / 10%); background:#fff;}
  #header_4 h1 {font-size:18px; font-weight:bold; color:#000; padding-top:15px;}
  #header_4 .gnb li a {display:block; position:absolute; top:0; width:40px; height:60px; background-repeat:no-repeat; background-position:center; background-size:20px; color:transparent; text-align:center;}
  #header_4 .gnb li.category a {left:5px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/header_back_b.png'); background-size:13px;background-position: 14px center; left: 10px;}

  #header_4_1 {width:100%; height:60px; background:#fff; text-align:center; z-index:100;}
  #header_4_1 .fix {position:fixed; z-index:1000; width:100%; height:inherit; background:#fff; border-bottom: none;}
  #header_4_1 h1 {font-size:18px; font-weight:bold; color:#000; padding-top:15px;}
  #header_4_1 .gnb li a {display:block; position:absolute; top:0; width:40px; height:60px; background-repeat:no-repeat; background-position:center; background-size:20px; color:transparent; text-align:center;}
  #header_4_1 .gnb li.category a {left:5px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/header_back_b.png'); background-size:13px;}
  
  #header_5 {width:100%; height:60px; background:#fff; text-align:center; z-index:100;}
  #header_5 .fix {position:fixed; z-index:1000; width:100%; height:inherit; box-shadow:0 5px 8px rgb(0 0 0 / 10%); background:#fff;}
  #header_5 h1 {font-size:18px; font-weight:bold; color:#000; padding-top:15px;}
  #header_5 .gnb li a {display:block; position:absolute; top:0; width:40px; height:60px; background-repeat:no-repeat; background-position:center; background-size:20px; color:transparent; text-align:center;}
  #header_5 .gnb li.category a {right:5px; left:auto; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/header_close_b.png'); background-size:19px;}
  
  #header_6 {width: 100%; height: 108px; background: #fff; text-align: center; z-index: 100;}
  #header_6 .fix {position:fixed; z-index:1000; width:100%; height:inherit; box-shadow:0 5px 8px rgb(0 0 0 / 10%); background:#fff;}
  #header_6 h1 {font-size:18px; font-weight:bold; color:#000; margin-top:14px;}
  #header_6 .gnb li a {display:block; position:absolute; top:0; width:40px; height:60px; background-repeat:no-repeat; background-position:center; background-size:auto 25px; color:transparent; text-align:center;}
  #header_6 .gnb li.category a {left:5px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/header_back_b.png'); background-size:13px; background-position: 14px center; left: 10px;}
  #header_6 .gnb li.search {margin-top:14px;}
  #header_6 .gnb li.search a {right:60px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_search_b.png'); width: 34px;}
  #header_6 .gnb li.cart a {right:20px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_cart_b.png');}
  #header_6 .gnb li.cart a span {position:absolute;right: 0;top: 14px;/* width:100%; */color:#000;width: 17px;height: 17px;background: #015ec5;color: #fff;border-radius: 15px;font-size: 10px;text-align:center;}
  #header_6 .gnb li.my a {right:0; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_mypage.png');}
  
  #header_7 {width:100%; height:60px; background:#fff; text-align:center; z-index:100;}
  #header_7 .fix {position:fixed; z-index:1000; width:100%; height:inherit; box-shadow:0 5px 8px rgb(0 0 0 / 10%); background:#fff;}
  #header_7 h1 {font-size:18px; font-weight:bold; color:#000; margin-top:14px;}
  #header_7 .gnb li a {display:block; position:absolute; top:0; width:40px; height:60px; background-repeat:no-repeat; background-position:center; background-size:auto 25px; color:transparent; text-align:center;}
  #header_7 .gnb li.category a {left:5px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/header_back_b.png'); background-size:13px;background-position: 14px center; left: 10px;}
  #header_7 .gnb li.home a {left:50px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/menu_home_b.png');}
  #header_7 .gnb li.search {margin-top:14px;}
  #header_7 .gnb li.search a {right:60px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_search_b.png'); width: 34px;}
  #header_7 .gnb li.cart a {right:20px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_cart_b.png');}
  #header_7 .gnb li.cart a span {position:absolute;right: 2px;top: 14px;/* width:100%; */color:#000;width: 17px;height: 17px;background: #015ec5;color: #fff;border-radius: 15px;font-size: 10px;text-align:center;}
  #header_7 .gnb li.my a {right:0; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_mypage.png');}
  
  #header_8 {width:100%; height:60px; background:#fff; text-align:center; z-index:100;}
  #header_8 .fix {position:fixed; z-index:1000; width:100%; height:inherit; box-shadow:0 5px 8px rgb(0 0 0 / 10%); background:#fff;}
  #header_8 h1 {font-size:18px; font-weight:bold; color:#000; margin-top:14px;}
  #header_8 .gnb li a {display:block; position:absolute; top:0; width:40px; height:60px; background-repeat:no-repeat; background-position:center; background-size:auto 25px; color:transparent; text-align:center;}
  #header_8 .gnb li.category a {left:5px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/header_back_b.png'); background-size:13px; background-position: 14px center; left: 10px;}
  #header_8 .gnb li.home a {left:50px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/menu_home_b.png');}
  #header_8 .gnb li.search {margin-top:14px;}
  #header_8 .gnb li.search a {right:60px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_search_b.png'); width: 34px;}
  #header_8 .gnb li.cart a {right:20px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_cart_b.png');}
  #header_8 .gnb li.cart a span {position:absolute;right: 2px;top: 14px;/* width:100%; */color:#000;width: 17px;height: 17px;background: #015ec5;color: #fff;border-radius: 15px;font-size: 10px;text-align:center;}
  
  #header_9 {width:100%; height:108px; background:#fff; text-align:center; z-index:100; position: fixed;}
  #header_9 .fix {position:fixed; z-index:1000; width:100%; height:inherit; box-shadow:0 5px 8px rgb(0 0 0 / 10%); background:#fff;}
  #header_9 h1 {font-size:18px; font-weight:bold; color:#000; margin-top:14px;}
  #header_9 .gnb li a {display:block; position:absolute; top:0; width:40px; height:60px; background-repeat:no-repeat; background-position:center; background-size:auto 25px; color:transparent; text-align:center;}
  #header_9 .gnb li.category a {left:5px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/header_back_b.png'); background-size:13px;background-position: 14px center; left: 10px;}
  #header_9 .gnb li.home a {left:50px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/menu_home_b.png');}
  #header_9 .gnb li.search {margin-top:14px;}
  #header_9 .gnb li.search a {right:60px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_search_b.png'); width: 34px;}
  #header_9 .gnb li.cart a {right:20px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_cart_b.png');}
  #header_9 .gnb li.cart a span {position:absolute;right: 0;top: 14px;/* width:100%; */color:#000;width: 17px;height: 17px;background: #015ec5;color: #fff;border-radius: 15px;font-size: 10px;text-align:center;}
  #header_9 .gnb li.my a {right:0; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_mypage.png');}
  
    
  #header_10 {width:100%; background:#fff; text-align:center; z-index:100; height: 76px;}
  #header_10 .fix {position:fixed; z-index:1000; width:100%; height:auto; background: rgb(255 255 255 / 0%); border-bottom:0;}
  #header_10 .dropdown_menu{display: inline-block; position: relative; height: 100%; padding: 7px 0; max-width: 80%; }
  #header_10 .header_title {display: flex; align-items: center; height: 100%; font-size:16px; font-weight: bold; color:#000;letter-spacing: -0.05rem; line-height: 20px;}
  #header_10 .gnb li a {display:block; position:absolute; top:18px; width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-size:auto 25px; color:transparent; text-align:center;}
  #header_10 .gnb li.category a {left:10px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/header_back_b.png'); background-size:10px;}
  #header_10 .dropdown-wrapper { margin: 10px 24px; background: #fff; text-align: center; padding: 7px; cursor: pointer; border: 1px solid rgb(255 255 255 / 0%); transition: all 0.3s ease-out;}
  #header_10 .dropdown_menu .arrow { content: ""; width: 0; height: 0; position: absolute; top: 50%; right: -20px; margin-top: -2px; border-width: 5px 5px 0 5px; border-style: solid; border-color: #000 transparent;}
  #header_10 .dropdown-wrapper.is-active { background: #fff; box-shadow: none; border-bottom: none; height: auto; border: 1px solid #000; border-radius: 8px; overflow: hidden;}
  #header_10 .dropdown-wrapper.is-active .header_title{font-weight: bold; color: #015ec5;}
  #header_10 .dropdown-wrapper.is-active .dropdown_menu .arrow { border-color: #015ec5 transparent; /* transform: rotate(180deg); */}
  #header_10 .dropdown-wrapper.is-active .dropdown-list { max-height: 100%;}
  #header_10 .dropdown-list {position: relative; background: #fff;  max-height: 0; overflow: hidden;}
  #header_10 .dropdown-list a {display: block; text-decoration: none; color: #333; padding: 8px 0; font-weight: 500; font-size: 16px;letter-spacing: -0.05rem;}
  #header_10 .dropdown-wrapper.is-active + .gnb li.category a{z-index: -1;}
  
  
  /*-----------------------------------------------------------------*/
  /* 3-3. nav
  /*-----------------------------------------------------------------*/
  
  nav {visibility:hidden; overflow:auto; position:fixed; top:0; z-index:20; width:100%; height:100%; transition:all 0.3s ease-in-out; -webkit-overflow-scrolling:touch;  text-align:left;}
  nav.lnb {left:-100%; background: #fff; background:-webkit-linear-gradient(right, #fff 97% , #ddd 100%); background:-o-linear-gradient(right, #fff 97%, #ddd 100%); background:-moz-linear-gradient(right, #fff 97%, #ddd 100%); background:linear-gradient(to right, #fff 97%, #ddd 100%);}
  nav.lnb .category {}
  nav.lnb .category li a {display:block; padding:10px 20px; color:#000; font-size:18px; border-bottom:1px solid #ddd;}
  nav.lnb .category li.promotion:after {display:block; width:20px; height:1px; margin:10px auto; background:#000; content:'';}
  nav.lnb .board li a {display:block; padding:10px; color:#000; font-size:1.167rem;}
  nav.lnb .share {padding:40px 0;}
  nav.lnb .share li {display:inline; padding:0 5px;}
  nav.lnb .share li img {width:16px; height:16px;}
  nav.lnb .close {display:inline-block; position:absolute; right:15px; top:16px; width:25px; height:25px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/close_img_b.png') center center no-repeat; background-size:cover; text-indent:-9999px; z-index:5;}
  nav.lnb.is_show {visibility:visible; left:0; z-index:2000;}
  nav.lnb .logout_button {padding:10px 20px; background:#fff; color:#000; font-size:15px; display:block;}
  
  nav.lnb2 {left:-100%; background: #fff; z-index:2001;}
  nav.lnb2 .close {display:inline-block; position:absolute; right:15px; top:15px; width:19px; height:19px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/header_close_b.png') no-repeat center; background-size:cover; text-indent:-9999px;}
  nav.lnb2.is_show {visibility:visible; left:0; z-index:2000;}
  
  nav.mypage {right:-227px; background: #fff; background:-webkit-linear-gradient(left, #fff 97% , #ddd 100%); background:-o-linear-gradient(left, #fff 97%, #ddd 100%); background:-moz-linear-gradient(left, #fff 97%, #ddd 100%); background:linear-gradient(to left, #fff 97%, #ddd 100%);}
  nav.mypage .close {display:inline-block; position:absolute; right:20px; top:27px; width:14px; height:14px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/close.png') no-repeat center; background-size:cover; text-indent:-9999px;}
  nav.mypage.is_show {visibility:visible; right:0;}
  nav.mypage .login {padding-top:50px;}
  nav.mypage .login:after {display:block; width:20px; height:1px; margin:10px auto; background:#000; content:'';}
  nav.mypage .login li a {display:block; padding:10px; color:#000; font-size:1.167rem;}
  nav.mypage .list li a {display:block; padding:10px; color:#000; font-size:1.167rem;}
  
  nav .login {background:#fff; height:60px; box-shadow:0 5px 8px rgb(0 0 0 / 10%);}
  nav .login li {height:60px; line-height:60px; text-align:left; padding:0 15px;}
  nav .scrollwrap {height:calc(100% - 50px); overflow:auto; width:100%;}
  
  nav.lnb2 .login {background:#fff; height:60px;}
  nav.lnb2 .login li {height:60px; line-height:60px; text-align:left; padding:0 15px; font-size:15px; text-align:center; font-weight:bold;}
  
  /*-----------------------------------------------------------------*/
  /* 3-4. footer
  /*-----------------------------------------------------------------*/
  
  #footer {border-top:1px solid #ddd; padding:20px 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 {width:100%; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:10px; text-align:left;}
  #footer .cs * {font-family:/*'Montserrat',*/ 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important;}
  #footer .cs h3 {font-size:16px;}
  #footer .cs p {font-size:15px;}
  #footer .cs p strong {display:block; padding-bottom:5px; color:#000; font-size:24px; display:block; line-height:1.4;}
  #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; text-align:left; width:100%;}
  #footer .shopinfo .info,
  #footer .shopinfo .info * {color:#666; font-size:13px; 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:13px; color:#888;}
  #footer .shopinfo .copyright * {font-size:14px; color:#666;}
  #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://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/bullet_scrollup.png');}
  #footer .btn_scroll a.down  {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/bullet_scrolldown.png');}
  
  #footer .guide_link {margin-bottom:10px;}
  #footer .guide_link li {display:inline-block; padding:0 4px; font-size:12px; position:relative;}
  #footer .guide_link li a {font-size:inherit;}
  #footer .guide_link li:first-child {padding:0 4px 0 0;}
  #footer .guide_link li::after {content:'|';  font-size:16px; position:absolute; right:-2px; top:50%; transform:translateY(-50%);}
  #footer .guide_link li:last-child::after {display:none;}
  
  #footer .foot_sns {margin-top:15px;}
  #footer .foot_sns li {display:inline-block; margin:0 15px 0 0;}
  #dimmed {display:none; position:fixed; left:0; top:0; z-index:15; width:100%; height:100%; background:rgba(0,0,0,0.5);}
  
  
  /*-----------------------------------------------------------------*/
  /* 4. Page
  /*-----------------------------------------------------------------*/
  
  /*-----------------------------------------------------------------*/
  /* 4-1. 메인
  /*-----------------------------------------------------------------*/
  
  #main .subtitle {border-bottom:0; font-weight:bold;}
  #main .swiper_visual .swiper-slide img {width:100%; height:auto;}
  /*#main .new5p {padding-bottom:30px;}*/
  #main .new5p .frame_swiper {position:relative; z-index:1; padding:0 40px;}
  #main .new5p .frame_swiper .swiper_new5p_next {position:absolute; right:8px; top:45%;}
  #main .new5p .frame_swiper .swiper_new5p_prev {position:absolute; left:8px; top:45%;}
  #main .new5p .frame_swiper .prd_basic .info {display:none;}
  #main .new5p .frame_swiper .prd_basic2 .info {display:none;}
  #main .new5p .frame_swiper .prd_basic3 .info {display:none;
  }
  #main .topseller {padding-bottom:30px; background:#efefef;}
  #main .topseller .prd_basic > li {padding:0;}
  #main .topseller .prd_basic > li .box .info {display:none;}
  #main .topseller .prd_basic > li.no1,
  #main .topseller .prd_basic > li.no1 .box,
  #main .topseller .prd_basic > li.no1 img {width:100%; height:auto;}
  
  #main .topseller .prd_basic2 > li {padding:0;}
  #main .topseller .prd_basic2 > li .box .info {display:none;}
  #main .topseller .prd_basic2 > li.no1,
  #main .topseller .prd_basic2 > li.no1 .box,
  #main .topseller .prd_basic2 > li.no1 img {width:100%; height:auto;}
  
  #main .topseller .prd_basic3 > li {padding:0;}
  #main .topseller .prd_basic3 > li .box .info {display:none;}
  #main .topseller .prd_basic3 > li.no1,
  #main .topseller .prd_basic3 > li.no1 .box,
  #main .topseller .prd_basic3 > li.no1 img {width:100%; height:auto;}
  #main .banner img {width:100%; height:auto;}
  #main .review {padding-bottom:30px; background:#efefef;}
  #main .review .list li {padding:15px; border-bottom:1px solid #efefef; background:#fff; text-align:left;}
  #main .review .list li:after {display:block; clear:both; content:'';}
  #main .review .list li .img {overflow:hidden; position:relative; float:left; width:93px; height:93px; margin:0 auto; border-radius:50%; background:#efefef;}
  #main .review .list li .img img {width:93px; 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 .info {padding-left:108px;}
  #main .review .list li p {margin-top:10px;}
  #main .review .list li p:first-child {margin-top:0;}
  #main .review .list li p.grade img {width:10px; height:10px; margin-right:2px;}
  #main .review .list li p.prd a {font-weight:bold;}
  #main .review .list li p.contents {display:-webkit-box; overflow:hidden; color:#999; font-size:0.917rem; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
  #main .review .list li p.contents a {color:#999; font-size:0.917rem;}
  #main .review .list li p.date {color:#666; font-size:0.917rem;}
  #main .instagram .link {padding-bottom:15px; text-align:center;}
  #main .instagram .link a {color:#999;}
  #main .instagram .api:after {display:block; clear:both; content:'';}
  #main .instagram .api > li {float:left; width:25%;}
  #main .instagram .api > li img {width:100%; height:auto;}
  #main .instagram .api > li video {max-width:100%; max-height:100%; vertical-align:top;}
  #main .instagram .api > li.no1 {width:50%;}
  #main .instagram .api > li.no6,
  #main .instagram .api > li.no8 {clear:both; clear:left;}
  #main .instagram .api > li.no10 {width:50%; margin-top:-25%;}
  
  
  /*-----------------------------------------------------------------*/
  /* 4-2.상점
  /*-----------------------------------------------------------------*/
  
  /* 주문배송비메세지 - 장바구니(/shop/cart.php), 주문서(/shop/order.php) */
  .msg_delivery {position:relative; padding:15px;}
  .msg_delivery.check {padding-left:45px;}
  .msg_delivery.check input[type=checkbox] {position:absolute; left:15px; top:17px;}
  .msg_delivery span,
  .msg_delivery span * {font-size:0.917rem;}
  
  /* 주문배송비메세지 - 장바구니(/shop/cart.php), 주문서(/shop/order.php) - ujung 수정 START*/
  .msg_delivery.check {padding-left:15px; }
  /* 주문배송비메세지 - 장바구니(/shop/cart.php), 주문서(/shop/order.php) - ujung 수정 END*/
  
  
  /* 상품리스트 - 장바구니(/shop/cart.php), 주문서(/shop/order.php), 주문완료(/shop/order_finish.php), 재입고 알림 신청 내역(/mypage/notify_restock.php) */
  .list_cart > li {position:relative; padding:15px 15px 15px 45px; border-bottom:1px solid #dbdbdb; text-align:left;}
  .list_cart.order > li {padding-left:15px;}
  .list_cart.orderfin > li {padding-left:0; padding-right:0;}
  /* .list_cart > li:first-child {border-top:1px solid #dbdbdb;} - 주석처리 2022.04.01. 박수얀*/
  .list_cart > li:after {display:block; clear:both; content:'';}
  .list_cart > li > .check {position:absolute; left:15px; top:15px;}
  .list_cart > li > .box:after {display:block; clear:both; content:'';}
  .list_cart > li > .box .img {float:left; width:80px}
  .list_cart > li > .box .img img {width:80px; height:auto; border: 1px solid #ddd;}
  .list_cart > li > .box .info {margin-left:90px;}
  .list_cart > li > .box .info p,
  .list_cart > li > .box .info div {padding-top:5px;}
  .list_cart > li > .box .info p:first-child,
  .list_cart > li > .box .info div:first-child {padding-top:0;}
  .list_cart > li > .box .info div.nr_stat {padding-top:15px;}
  .list_cart > li > .box .info div.nr_stat span.stat1 {color:#111;}
  .list_cart > li > .box .info div.nr_stat span.stat2 {color:#2591bc;}
  .list_cart > li > .box .info div.nr_stat span.stat3 {color:#c05b5b;}
  .list_cart > li > .box .info div.nr_stat span.stat4 {color:#999;}
  .list_cart > li > .box .info div.nr_stat .box_btn {vertical-align:middle;}
  .list_cart > li > .sbs {margin-top:15px; padding-top:10px; border-top:1px solid #dbdbdb;}
  .list_cart > li > .sbs > p {padding:5px;}
  .list_cart > li > .sbs > p > span {float:right;}
  .list_cart > li > .today {margin-top:10px; padding:10px; border:1px solid #e5e5e5;}
  .list_cart > li > .today > span {padding-left:5px; color:#666;}
  .list_cart > li > .total {margin-top:10px; padding:15px; border:1px solid #dbdbdb; border-width:1px 0; background:#f8f8f8;}
  .list_cart > li > .total strong {float:right; font-size:1.083rem;}
  .list_cart > li > .stat {padding:10px 15px; border-bottom:1px solid #dbdbdb; background:#f8f8f8; line-height:34px;}
  .list_cart > li > .stat .box_btn {float:right; margin-top:4px;}
  .list_cart > li > .stat:after {display:block; clear:both; content:'';}
  .list_cart > li > .trace {margin-top:10px;}
  .list_cart > li > .trace > p {padding-top:5px;}
  .list_cart > li > .btn {margin-top:10px;}
  .list_cart > li > .btn .box_btn {position:relative;}
  .list_cart > li > .btn .box_btn a {padding-left:30px;}
  .list_cart > li > .btn .wish:before {display:inline-block; position:absolute; left:50%; top:50%; width:13px; height:13px; margin:-7px 0 0 -30px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_wish.png') no-repeat; background-size:cover; content:'';}
  .list_cart > li > .btn .del:before {display:inline-block; position:absolute; left:50%; top:50%; width:13px; height:13px; margin:-7px 0 0 -30px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_delete.png') no-repeat; background-size:cover; content:'';}
  
  
  /* 상품리스트 - 장바구니 - ujung 수정 START*/
  .list_cart > li { padding:15px;}
  .list_cart > li > .btn .box_btn a {padding-left:40px; font-size: 14px;}
  .list_cart > li > .btn .wish:before, .list_cart > li > .btn .del:before{width: 16px;}
  /* 상품리스트 - 장바구니 - ujung 수정 END */
  
  
  
  
  /* 상품목록(/shop/big_section.php) */
  #big_section .best_area .swiper-wrapper {padding-bottom:30px;}
  #big_section .best_area .prd_basic .box .summary {display:none;}
  #big_section .best_area .prd_basic2 .box .summary {display:none;}
  #big_section .best_area .prd_basic3 .box .summary {display:none;}
  
  #big_section .sub_category {text-align:center; margin-bottom:20px; font-size:0; overflow:auto; white-space:nowrap; /* border-top:1px solid #ddd; */ /* border-bottom:1px solid #ddd; */}
#big_section .sub_category li {display:inline-block;}
#big_section .sub_category li a {color:#999; font-size:14px; padding:15px; line-height:1em; display:block; width:100%;}
#big_section .sub_category li.active a {color:#003082; font-weight:bold;}
  
  /* 2022.05.10. 박수연 추가 */
  /* #big_section .bestnew {text-align:center; margin-bottom:20px; font-size:0; margin:0 40px; padding-bottom: 20px;}
  #big_section .bestnew li {display:inline-block;}
  #big_section .bestnew li a {color:#999; font-size:14px; padding:15px; line-height:1em; display:block; width:100%; border:1px solid #ddd;}
  #big_section .bestnew li.active a {color:#003082; font-weight:bold; border:1px solid #003082;} */
  
  #big_section .bestnew {text-align:center; margin:0 /* 40px */;/*border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:50px; margin-bottom:50px;*/}
  #big_section .bestnew li {display:inline;}
  #big_section .bestnew li a {color:#666;; font-size:14px; /* padding:27px 25px; */ line-height:1em; display:inline-block;}
  #big_section .bestnew li a:hover {color:#015ec5; font-weight:bold;}
  #big_section .bestnew li.active a {color:#015ec5; font-weight:bold; border-bottom:3px solid #015ec5;}
  
  /* 상품상세페이지(/shop/detail.php) */
  #detail .name_share {position:relative; padding:12px 46px; border-bottom:1px solid #dbdbdb; text-align:center;}
  #detail .name_share > h2 {overflow:hidden; font-size:1.333rem; font-weight:normal; text-overflow:ellipsis; white-space:nowrap;}
  #detail .name_share > .share {position:absolute; right:0; top:0; z-index:2;}
  #detail .name_share > .share > .icon {display:block; width:46px; height:46px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_share.png') no-repeat center/46px;}
  #detail .name_share > .share > .list {display:none;}
  #detail .name_share > .share > .list:after {display:block; position:absolute; left:50%; top:36px; width:0; height:0; margin-left:-5px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:10px solid #676767; content:'';}
  #detail .name_share > .share > .list li a {display:block; width:46px; height:46px; background-color:#676767; background-repeat:no-repeat; background-position:center; background-size:46px; text-align:center; text-indent:-9999px;}
  #detail .name_share > .share > .list li.kakao a {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_kakao.png');}
  #detail .name_share > .share > .list li.kakaostory a {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_kakaostory.png');}
  #detail .name_share > .share > .list li.twitter a {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_twitter.png');}
  #detail .name_share > .share > .list li.facebook a {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_facebook.png');}
  #detail .prdimg {overflow:hidden; position:relative; text-align:center;}
  #detail .prdimg img {width:100%; height:auto;}
  #detail .prdimg .addimg {display:none;}
  #detail .info .price .consumer {color:#888; text-decoration:line-through; display: none !important;}    /* 상품상세 할인율 없을 경우 display: none 추가 - 2022.02.15. 박수연 */
  #detail .info .price .consumerY {text-decoration:line-through;color:#999;}	/*주석처리 - 박수연*/
  #detail .info > .price .discount_percent * {color:#015ec5; font-size:1.250rem; display:none; margin-right:5px;}
  #detail .info > .price .discount_percentY * {display:inline-block;}
  
      
  #detail .info .price .consumerY {display: inline-block !important;}		/* 상품상세 할인율 있을 경우 판매가 나오도록 display 변경 - 2022.02.16. 박수연 */	
  #detail .info .price .sell,
  #detail .info .price .sell * {font-size:1.250rem;}
  #detail .info .price .sellY,
  #detail .info .price .sellY * {color:#888; font-size:1rem; font-weight:400; text-decoration:line-through;}
  #detail .info .price .discount,
  #detail .info .price .discount * {font-size:1.250rem;}
  #detail .info .price .discount {display:none;}
  #detail .info .price .discountY {display:inline-block;}
  #detail .info .price .coupon {display:inline-block; padding-right:20px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/download_coupon.png') no-repeat 90% center/10px #676767; cursor:pointer;}
  #detail .info .price .coupon strong {display:inline-block; padding:2px 5px; background:#363636; color:#fff; font-size:0.917rem; font-weight:normal; letter-spacing:-1px;}
  #detail .info .pop_coupon {display:none; position:fixed; left:0; top:50%; z-index:1001; width:100%; padding:15px; border:1px solid #d9d9d9; background:#fff;}
  #detail .info .pop_coupon > h2 {color:#000; font-size:1.167rem;}
  #detail .info .pop_coupon > .count {margin-top:20px; padding:15px 20px; background:#fafafa;}
  #detail .info .pop_coupon > .list {overflow:auto; max-height:200px; margin-top:10px;}
  #detail .info .pop_coupon > .list > li {position:relative; padding:15px 130px 15px 15px; border-bottom:1px solid #e0e0e0; text-align:left;}
  #detail .info .pop_coupon > .list > li:first-child {border-top:1px solid #e0e0e0;}
  #detail .info .pop_coupon > .list > li > div.name {font-weight:bold;}
  #detail .info .pop_coupon > .list > li > div.btn {position:absolute; right:15px; top:50%; margin-top:-13px;}
  #detail .info .pop_coupon > .list > li > div.btn span.box_btn * {min-width:100px;}
  #detail .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; text-align:center;}
  #detail .info .pop_coupon > .close {display:inline-block; position:absolute; right:15px; top:10px; width:21px; height:21px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}
  #detail .info .summary {padding-top:5px; color:#888; word-break:break-all;}
  #detail .info .sbs {margin-top:15px; border:1px solid #e5e5e5; text-align:center;}
  #detail .info .sbs > label {display:inline-block; margin:0 15px; line-height:40px; cursor:pointer;}
  #detail .info .sbs > label > input {vertical-align:middle;}
  #detail .info .today {margin-top:10px; padding:10px; border:1px solid #e5e5e5;}
  #detail .info .today > span {display:block; padding-top:5px; color:#666;}
  #detail .info .list {width:100%; border:1px solid #e0e0e0; border-width:1px 0; margin-top:20px;}
  #detail .info .list > tbody > tr > th {padding:2px 0; color:#666; font-weight:normal; text-align:left; vertical-align:middle; line-height:1.4;}
  #detail .info .list > tbody > tr > td {padding:2px 0; color:#888; text-align:left; vertical-align:middle; line-height:1.4;}
  #detail .info .list > tbody > tr:first-child > th,
  #detail .info .list > tbody > tr:first-child > td {padding-top:10px;}
  #detail .info .list > tbody > tr:last-child > th,
  #detail .info .list > tbody > tr:last-child > td {padding-bottom:10px;}
  #detail .info .list > tbody > tr > td input[type=text],
  #detail .info .list > tbody > tr > td select {width:100%;}
  #detail .info .list > tbody > tr > td .box_info {display:inline-block; position:relative;}
  #detail .info .list > tbody > tr > td .box_info .info {display:none; position:absolute; left:20px; top:-8px; z-index:10; width:150px; padding:5px 10px; border:1px solid #dcdcdc; background:#fff;}
  #detail .info .list > tbody > tr > td .box_info .info.delivery {left:-100px; top:25px; width:230px;}
  #detail .info .list > tbody > tr > td .box_info:hover .info {display:block;}
  
  #detail .info .list2 > tbody > tr > th {padding:2px 0; color:#666; font-weight:normal; text-align:left; vertical-align:middle; line-height:1.4;}
  #detail .info .list2 > tbody > tr > td {padding:2px 0; color:#888; text-align:left; vertical-align:middle; line-height:1.4;}
  #detail .info .list2 > tbody > tr:first-child > th,
  #detail .info .list2 > tbody > tr:first-child > td {padding-top:10px;}
  #detail .info .list2 > tbody > tr:last-child > th,
  #detail .info .list2 > tbody > tr:last-child > td {padding-bottom:10px;}
  #detail .info .list2 > tbody > tr > td input[type=text],
  #detail .info .list2 > tbody > tr > td select {width:100%;}
  #detail .info .list2 > tbody > tr > td .box_info {display:inline-block; position:relative;}
  #detail .info .list2 > tbody > tr > td .box_info .info {display:none; position:absolute; left:20px; top:-8px; z-index:10; width:150px; padding:5px 10px; border:1px solid #dcdcdc; background:#fff;}
  #detail .info .list2 > tbody > tr > td .box_info .info.delivery {left:-100px; top:25px; width:230px;}
  #detail .info .list2 > tbody > tr > td .box_info:hover .info {display:block;}
  
  #detail .info .restock {padding-top:20px;}
  #detail .info .restock > p {padding-bottom:10px; letter-spacing:-0.5px;}
  #detail .info .multi_opt {margin-top:10px;}
  #detail .info .multi_opt .selected_list > li:after {display:block; clear:both; content:'';}
  #detail .info .multi_opt .selected_list > li {position:relative; padding:7px 15px; border-top:1px solid #ebebeb; background:#fafafa;}
  #detail .info .multi_opt .selected_list > li .name {float:left; width:50%; word-break:break-all;}
  #detail .info .multi_opt .selected_list > li .box_qty {float:left;}
  #detail .info .multi_opt .selected_list > li .del {float:right;}
  #detail .info .multi_opt .selected_list > li .del img {width:10px; height:10px; margin-top:12px; vertical-align:top;}
  #detail .info .multi_opt .opt_total {clear:both; position:relative; text-align:right;}
  #detail .info .multi_opt .opt_total .title {font-size:13px;}
  #detail .info .multi_opt .opt_total strong,
  #detail .info .multi_opt .opt_total strong * {color:#222; font-size:18px;}
  #detail .info .multi_opt .opt_total .coupon {display:inline-block; margin-right:5px; padding:2px 20px 2px 5px; border:1px solid #c3c3c3; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/apply_coupon.png') no-repeat 90% center; font-size:11px; cursor:pointer;}
  #detail .info .btn {position:relative; margin-top:20px; font-size:0;}
  #detail .info .btn .wish {position:absolute; left:0; top:0;}
  #detail .info .btn .wish * {width:50px; height:50px; background:#fff url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/wish.png') no-repeat center/25px; text-indent:-9999px;}
  #detail .info .btn .wish.on * {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/wish_on.png');}
  #detail .info .pay {text-align:center;}
  #detail .info .pay > div {margin-top:10px;}
  #detail .tab_area {padding:0 15px;}
  #detail .tab_area > .tab:after {display:block; clear:both; content:'';}
  #detail .tab_area > .tab li {float:left; width:33.33333333%; text-align:center;}
  #detail .tab_area > .tab li a {display:block; padding:10px 0; font-size:16px; color:#666; border-bottom:2px solid transparent;}
  #detail .tab_area > .tab li a.active {background:#fff; border-bottom:2px solid #015ec5; color:#000; font-weight:bold;}
  #detail .tab_area > .tab li:first-child a {border-left:0;}
  #detail .tab_area > .tab.fixed {position:fixed; left:0; top:69px; z-index:10; width:100%; background:#fff;}
  #detail .wrap_info .detail_info,
  #detail .wrap_info .common_info {word-break:break-all;}
  #detail .wrap_info .detail_info {margin-bottom:20px;}
  #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_qnarev .title_btn {padding-bottom:15px;}
  #detail .wrap_info .detail_qnarev .title_btn:after {display:block; clear:both; content:'';}
  #detail .wrap_info .detail_qnarev .title_btn h3 {float:left; padding-top:7px; font-size:1.167rem;}
  #detail .wrap_info .detail_qnarev .title_btn h3 span {color:#888; font:inherit;}
  #detail .wrap_info .detail_qnarev .title_btn .btn {float:right;}
  #detail .wrap_info .detail_qnarev .more {margin-top:10px;}
  #detail .wrap_info .detail_related .title {padding:12px 0; font-style:italic; font-size:1.417rem; font-weight:normal; text-align:center;}
  #detail .wrap_info .detail_related .box_btn {margin-top:10px;}
  #detail .detail_qnarev .title_qnarev {position:relative; margin-top:20px; padding-bottom:15px; border-bottom:1px solid #000;}
  #detail .detail_qnarev .title_qnarev.none {border-bottom:0;}
  #detail .detail_qnarev .title_qnarev > h3 {font-size:1.167rem;}
  #detail .detail_qnarev .title_qnarev > h3 > span {color:#888; font-size:inherit;}
  #detail .detail_qnarev .title_qnarev > .btn {position:absolute; right:0; top:0; font-size:0;}
  #detail .detail_qnarev .title_qnarev > .btn > a {display:inline-block; position:relative; padding-left:18px; color:#666; background-repeat:no-repeat; background-position:left center;}
  #detail .detail_qnarev .title_qnarev > .btn > a:after {display:inline-block; width:1px; height:14px; margin: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://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_write.png'); background-size:12px auto;}
  #detail .detail_qnarev .title_qnarev > .btn > a.list {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/icon_list.png'); background-size:12px auto;}
  #detail .detail_qnarev .title_qnarev > .sort {padding-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:2px 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;}
  #detail .detail_qnarev .title_qnarev > .sort > li a.selected {padding-left:13px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/bullet_check.png') no-repeat left center; color:#000; font-weight:bold;}
  #detail .detail_qnarev > .summary {padding:20px 0; background-color:#f6f6f6; font-size:0; text-align:center;}
  #detail .detail_qnarev > .summary > div {display:inline-block; width:50%; vertical-align:top;}
  #detail .detail_qnarev > .summary > div > h4 {font-weight:normal;}
  #detail .detail_qnarev > .summary > div.grade .icon {display:inline-block; position:relative; width:138px; height:21px; margin-top:25px; background:url('https://m.ecdev.fooden.com/_skin/m_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://m.ecdev.fooden.com/_skin/m_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 {display:inline-block; -ms-transform:rotate(270deg); -webkit-transform:rotate(270deg); transform:rotate(270deg);}
  #detail .detail_qnarev > .summary > div.ratio .graph > li {padding:5px 0; font-size:0;}
  #detail .detail_qnarev > .summary > div.ratio .graph > li span {display:inline-block;}
  #detail .detail_qnarev > .summary > div.ratio .graph > li .score {min-width:30px; font-size:0.917rem; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
  #detail .detail_qnarev > .summary > div.ratio .graph > li .bar {width:40px; height:5px; margin:0 3px; 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:20px; padding:0 5px; border-radius:5px; background-color:#fff; font-size:0.833rem; text-align:center; line-height:16px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
  #detail .detail_qnarev > .summary > div.ratio .graph > li .count.max {background-color:#e35050; color:#fff;}
  #detail .detail_qnarev .list > li {width:100%; padding:25px 0; border-bottom:1px solid #e0e0e0;}
  #detail .detail_qnarev .list > li > .info {vertical-align:middle;}
  #detail .detail_qnarev .list > li > .info .grade {padding-left:5px; font-weight:bold;}
  #detail .detail_qnarev .list > li > .info .name {padding-top:5px; color:#888;}
  #detail .detail_qnarev .list > li > .info .title,
  #detail .detail_qnarev .list > li > .info .title * {font-size:1.167rem; font-weight:bold;}
  #detail .detail_qnarev .list > li > .info .title {padding-top:10px;}
  #detail .detail_qnarev .list > li > .info .title img {width:auto; height:12px; vertical-align:middle;}
  #detail .detail_qnarev .list > li > .info .title .best {display:inline-block; padding:0 3px; background:#f00; color:#fff !important;}
  #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 {width:106px; margin-top:10px; 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; line-height:20px;}
  #detail .list_photo {position:relative; width:100%; font-size:0;}
  #detail .list_photo .slick-dots {margin-top:10px;}
  #detail .list_photo .frame {margin-right:5px;}
  #detail .list_photo .box {display:block; position:relative; overflow:hidden; width:100%; height:25vw; 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 .wrap_prd > .info .btn .buy * {width:268px; background:#015ec5; color:#fff !important; font-weight:bold; font-size:16px; border:1px solid #015ec5;}
  #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://m.ecdev.fooden.com/_skin/m_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://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/wish_on.png');}
  
  /* 상품상세페이지 - 개인결제 (/shop/detail_private.php) */
  #detail.private .info {text-align:center;}
  #detail.private .info .price .sell,
  #detail.private .info .price .sell * {font-size:2rem;}
  #detail.private .info .btn {padding-right:0;}

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

/* 상품상세페이지 - 하단아이콘  */
.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:0;}
  #detail_pop #detail .close {display:block; overflow:hidden; position:absolute; right:0; top:0; z-index:5; width:46px; height:46px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/hd_close.png') no-repeat center/16px; text-indent:-9999px; cursor:pointer;}
  
  /* 장바구니(/shop/cart.php) */
  #cart:after {display:block; clear:both; content:'';}
  #cart .tab_sbs {margin-top:-1px; font-size:0; text-align:center;}
  #cart .tab_sbs > li {display:inline-block; width:50%; font-size:0;}
  #cart .tab_sbs > li > a {display:block; position:relative; margin-left:-1px; padding:15px 5px; border:1px solid #e0e0e0; border-bottom-color:#000; 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; border-bottom:0; color:#000;}
  #cart .tab_sbs > li:first-child > a {border-left:0;}
  #cart .tab_sbs > li:last-child > a {border-right:0;}
  #cart .sum {border-bottom:1px solid #bdbdbd; background:#f8f8f8;}
  #cart .sum.total {border-top:1px solid #bdbdbd; background:#e4eaed;}
  #cart .title_total {padding:20px 0; font-size:1.167rem; font-style:italic; text-align:center;}
  #cart .title_total:before {display:inline-block; width:12px; height:9px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/bullet_check.png') no-repeat left center/12px 9px; content:'';}
  #cart .btn_bottom {margin-bottom:10px;}
  #cart .pay {text-align:center;}
  #cart .pay > div {margin-top:10px;}
  #cart .msg {margin-top:10px;}
  #cart .msg dt {padding-bottom:10px; font-weight:bold;}
  #cart .msg dd {color:#888; font-size:0.917rem;}
  /* 장바구니 옵션 변경 */
  .cart_change_option .img {width:100%;}
  .cart_change_option .img img {width:100%; height:auto;}
  .cart_change_option .info {margin:10px;}
  .cart_change_option .info .opt {padding-top:5px;}
  .cart_change_option .info .price {padding:10px 0; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important;;}
  .cart_change_option .info .price strong {color:#000; font-family:inherit; font-size:1.667rem;}
  .cart_change_option .info .list_opt li {padding-bottom:10px;}
  .cart_change_option .info .list_opt li select,
  .cart_change_option .info .list_opt li input {width:100%;}
  .cart_change_option .info .list_opt li input[type=checkbox],
  .cart_change_option .info .list_opt li input[type=radio] {width:auto;}
  .cart_change_option .info .total_prc {padding:10px; text-align:right;}
  .cart_change_option .info .total_prc span {margin-left:3px; color:#000; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important;}
  .cart_change_option .info .total_prc span .sell_prc_str_total {color:inherit; font-family:inherit; font-size:1.667rem; font-weight:bold;}
  /* 장바구니 개별상품 쿠폰적용 */
  #cart .cart_prc > .before {display:none;}
  #cart .cart_prc.is_sale > .after {text-decoration:line-through; font-weight: 400;}
  #cart .cart_prc.is_sale > .before {display:block;}
  
  /* 주문서(/shop/order.php) */
  #order .price {padding:15px; font-size:1.167rem; text-align:right;}
  #order .price span {float:left; font-size:inherit;}
  #order .price strong {font-size:1.333rem;}
  #order h3.title {position:relative; padding:15px; border-bottom:1px solid #e0e0e0; background:#e9e9e9; font-size:1.167rem;}
  #order h3.title:before {position:absolute; right:25px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); transition:all .3s ease;}
  #order h3.title:after {position:absolute; right:15px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all .3s ease;}
  #order h3.title.active:before {-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
  #order h3.title.active:after {-ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg);}
  #order .box_hidden {display:none;}
  #order .part_guest .scroll {overflow-x:hidden; overflow-y:scroll; position:relative; width:100%; height:160px; border:1px solid #d9d9d9; border-width:1px 0; background:#fff; -webkit-overflow-scrolling:touch;}
  #order .part_guest .scroll iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
  #order .part_guest .agree_guest {padding:15px;}
  #order .part_prd .msg {padding:10px 15px; color:#888; font-size:0.917rem;}
  #order .part_gift .tbl_col thead {display:none;}
  #order .part_discount > div {padding:15px 0; border-bottom:1px solid #e0e0e0;}
  #order .part_discount > div:first-child {padding-top:0;}
  #order .part_discount > div h4 {padding-bottom:5px; text-align:left;}
  #order .part_discount > div h4 span {float:right; color:#888; font-size:0.917rem; font-weight:normal;}
  #order .part_discount > div .msg {padding-top:5px; color:#888; font-size:0.917rem;}
  #order .part_discount > div.coupon .name {display:block; padding:10px 5px; background:#f5f5f5;}
  #order .part_discount > div.coupon .list > li > ul {padding:10px;}
  #order .part_discount > div.coupon .list > li > ul > li {color:#888;}
  #order .part_discount > div.coupon .list > li > ul > li > span {color:#000;}
  #order .part_discount > div.offcoupon .offbtn {padding-top:10px;}
  #order .part_discount > div.offcoupon #off_cpn_div2,
  #order .part_discount > div.offcoupon #off_cpn_img2 {display:none;}
  #order .part_delivery .country {padding-bottom:10px;}
  #order .part_delivery .country:after {display:block; clear:both; content:'';}
  #order .part_delivery .country label {display:inline-block; float:left; width:50%; padding:10px; border:1px solid #dcdcdc; text-align:center;}
  #order .part_delivery .country label:last-child {border-left:0;}
  #order .part_delivery .select_place select,
  #order .part_delivery .select_country select {width:100%;}
  #order .part_delivery .tel_area {position:relative; padding-left:90px;}
  #order .part_delivery .tel_area select {position:absolute; left:0; top:0; width:80px;}
  #order .part_delivery .address_area > div {padding-top:10px;}
  #order .part_delivery .address_area > div:first-child {padding-top:0;}
  #order .part_delivery .address_area .code {position:relative; padding-right:110px;}
  #order .part_delivery .address_area .code .box_btn {position:absolute; right:0; bottom:0;}
  #order .part_delivery .addfd > li {padding-top:10px;}
  #order .part_delivery .addfd > li:first-child {padding-top:0;}
  #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://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/bullet_check.png') no-repeat center; content:'';}
  /* #order .pay_sbs > div > input:checked + label {z-index:2; border-color:#676767; background-color:#fff; color:#000;} */
  #order .pay_sbs > div > input:checked + label {z-index:2; border-color:#015ec5; background-color:#fff; color:#015ec5;}  /* 색상변경 - 2022.03.23. 박수연 */
  #order .part_method > div {position:relative; padding:25px 0 10px 25px;}
  #order .part_method > div > label {position:absolute; left:0; top:0; cursor:pointer;}
  #order .part_method > div .msg_pay {padding:0 !important; color:#999 !important;}
  #order .part_method > div .bank_name {display:none;}
  #order .part_method > div #cash_reg {padding:5px 0 !important;}
  #order .part_method > div #cash_reg span {color:#999 !important;}
  #order .part_method > div select {width:100%; margin-bottom:5px;}
  #order .order_cancel_msg {color:#666;}
  #order .reconfirm {border-top:1px solid #dfdfdf;}
  #order .reconfirm label {display:block; position:relative; padding:15px 15px 15px 40px; background:#f5f5f5; cursor:pointer;}
  #order .reconfirm label > input {position:absolute; left:15px; top:15px;}
  #order #order1 {border-top:1px solid #dfdfdf;}
  #order #order2 {display:none; border-top:1px solid #dfdfdf; text-align:center;}
  #order #order2 .total_info {font-size:1.333rem; 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 h3 {padding-bottom:15px;}
  #orderfin > .box {margin-bottom:15px; padding:15px; background:#f5f5f5;}
  #orderfin .info {padding-bottom:15px;}
  #orderfin .info .bank {padding-bottom:15px; color:#888;}
  #orderfin .info .email {color:#888;}
  #orderfin .title_gift {padding-top:10px;}
  #orderfin .btn_col {margin-top:15px;}
  
  /* 상품검색(/shop/search_result.php) */
  #search_result {width:100%; background:#fff;}
  #search_result .research {padding-left:50px; background:#fafafa; position:fixed; top:0; left:0;  box-shadow:0 5px 8px rgb(0 0 0 / 10%); width:100%; height:60px; z-index: 2;}
  #search_result .research .gnb li a {display:block; position:absolute; top:0; width:40px; height:60px; background-repeat:no-repeat; background-position:center; background-size:20px; color:transparent; text-align:center;}
  #search_result .research .gnb li.category a {left:5px; background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/header_back_b.png'); background-size:13px;}
  
  #search_result .research .form_input.search {height:44px; border-color:#f5f5f5; background:#f5f5f5; margin-top:9px; width:calc(100% - 10px) !important; padding-right:41px;}
  #search_result .research .btn {position:absolute; right:20px; top:18px; width:24px; height:24px;}
  #search_result .check {display:inline-block; padding:15px 15px 0 15px;}
  #search_result .rank {background-color:#f1f1f1;}
  #search_result .rank > h3 {padding:5px; border:1px solid #dcdcdc; background:#fff; color:#666; text-align:center;}
  #search_result .rank > h3:after {display:inline-block; width:0; height:0; margin-left:5px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #000; content:'';}
  #search_result .rank > ol {display:none;}
  #search_result .rank > ol > li {float:left; overflow:hidden; width:50%; padding:5px; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
  #search_result .rank > ol > li > span {display:inline-block; width:18px; height:18px; border-radius:50%; background:#fff; color:#000; text-align:center; font-weight:bold; line-height:18px;}
  #search_result .rank:after {display:block; clear:both; content:'';}
  #search_result .result_cate {margin-top:10px;}
  #search_result .result_cate:after {display:block; clear:both; content:'';}
  #search_result .result_cate > h3 {padding:5px;}
  #search_result .result_cate > ul > li {position:relative; float:left; width:33.33%; margin:-1px 0 0 -1px; border:1px solid #dcdcdc; font-size:0.917rem;}
  #search_result .result_cate > ul > li a {display:block; overflow:hidden; padding:10px 20px 10px 10px; font-size:inherit; text-overflow:ellipsis; white-space:nowrap;}
  #search_result .result_cate > ul > li span {position:absolute; right:10px; top:10px; font-size:inherit;}
  #search_result .prd_normal {margin-top:15px;}
  
  /* 상품문의 & 상품후기 - 상품정보(/shop/product_review_list.php & /shop/product_qna_list.php) */
  #qnarev_list_all .sort {padding-bottom:10px; 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:2px 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;}
  #qnarev_list_all .sort li a.selected {padding-left:13px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/bullet_check.png') no-repeat left center; color:#000; font-weight:bold;}
  #qnarev_list_all .board_search {clear:both; margin-bottom:15px; padding:7px 0; border:1px solid #dcdcdc;}
  #qnarev_list_all .board_search form {position:relative; padding:0 38px 0 75px;  text-align:center;}
  #qnarev_list_all .board_search select {position:Absolute; lefT:0; top:0; border:0; width:70px;}
  #qnarev_list_all .board_search input.form_input.search {border-width:0 1px;}
  #qnarev_list_all .board_search .btn_search {position:absolute; right:0; top:0; display:inline-block; width:38px; height:34px; border:0; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/icon_search.png') no-repeat center/18px; vertical-align:top; text-indent:-9999px; cursor:pointer;}
  #qnarev_list_all > .box_btn {margin-bottom:15px;}
  #qnarev_list_all > .box_btn.more {margin:15px 0 0 0;}
  
  /* 상품문의 & 상품후기 & 마이페이지 상품문의 & 마이페이지 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */
  .qnarev_list > .prd {overflow:hidden; position:relative; padding-bottom:15px;}
  .qnarev_list > .prd .img {float:left; width:128px;}
  .qnarev_list > .prd .img img {width:128px; height:auto;}
  .qnarev_list > .prd .info {float:left; padding-left:10px; text-align:left;}
  .qnarev_list > .prd .info .name {padding:20px 0 10px; font-weight:bold;}
  .qnarev_list > .prd .info .name img {padding-right:5px; vertical-align:middle;}
  .qnarev_list > .prd .info ul li {color:#666;}
  .qnarev_list > .prd .info ul li .nprice {text-decoration:line-through;}
  .qnarev_list > .prd .btn_related {clear:both; padding-top:15px;}
  .qnarev_list > .btn_col {padding-top:15px;}
  .list_qnarev {border:1px solid #dbdbdb;}
  .list_qnarev > li {border-top:1px solid #dbdbdb;}
  .list_qnarev > li:first-child {border-top:0;}
  .list_qnarev > li:after {display:block; clear:both; content:'';}
  .list_qnarev > li > .prdimg {float:left; position:relative; overflow:hidden; width:110px; height:110px; line-height:110px;}
  .list_qnarev > li > .prdimg img {position:absolute; top:50%; left:50%; width:110px; height:auto; transform:translate(-50%, -50%);}
  .list_qnarev > li > .subject {padding:15px;}
  .list_qnarev > li > .subject.prd {padding-left:120px;}
  .list_qnarev > li > .subject > p {overflow:hidden; padding-top:5px; text-overflow:ellipsis; white-space:nowrap;}
  .list_qnarev > li > .subject1 > p {padding-top:0;}
  .list_qnarev > li > .subject > p:first-child {padding-top:0;}
  .list_qnarev > li > .subject > p.prdname a {color:#666;}
  .list_qnarev > li > .subject > p.title img {width:auto; height:10px; margin-top:2px; vertical-align:top;}
  .list_qnarev > li > .subject > p.title .best {display:inline-block; padding:0 3px; background:#f00; color:#fff !important;}
  .list_qnarev > li > .subject > p.stat,
  .list_qnarev > li > .subject > p.stat * {color:#666; font-size:0.917rem;}
  .list_qnarev > li > .subject > p.stat img {width:auto; height:9px; margin-top:3px; vertical-align:top;}
  .list_qnarev > li > .content {display:none; padding:15px; border-top:1px solid #dbdbdb; background:#fafafa;}
  .list_qnarev > li > .content .question {position:relative; min-height:45px; padding:0 0 15px 43px; border-bottom:1px solid #e1e1e1;}
  /* .list_qnarev > li > .content .question:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#777474; color:#fff; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; font-size:1.167rem; text-align:center; line-height:29px; content:'Q';} */
  .list_qnarev > li > .content .answer {position:relative; min-height:30px; margin:15px 0; padding-left:43px;}
  /* .list_qnarev > li > .content .answer:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#ef6363; color:#fff; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; font-size:1.167rem; text-align:center; line-height:29px; content:'A';} */
  .list_qnarev > li > .content .question img,
  .list_qnarev > li > .content .answer img {max-width:100%; height:auto;}
  .list_qnarev > li > .content .btn {padding-top:10px; text-align:left;}
  .list_qnarev > li > .content .comment {padding-top:10px;}
  
  
  /* 상품문의 - 리스트 수정 (ujung) START */
  .list_qnarev > li > .content1{padding: 15px!important;}
  .list_qnarev > li > .subject > p {padding-top:0; }
  .list_qnarev > li > .subject > p.mfs14_1{height: 24px;}
  .list_qnarev > li > .subject > p > a {font-size: 16px;}
  .list_qnarev > li > .content {border-top:0;}
  /* 상품문의 - 리스트 수정 (ujung) END */
  
  
  
  /* 상품문의, 상품후기 - 비밀번호 확인 */
  .pwbox_popup {position:fixed; left:0; top:50%; z-index:100; width:100%; margin-top:-100px; padding:0 20px;}
  #pwbox {padding:20px; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;}
  #pwbox h3 {padding-bottom:15px;}
  #pwbox p {margin-bottom:10px; color:#888;}
  #pwbox .form_input {margin-bottom:10px;}
  
  /* 상품문의 & 상품후기 - 쓰기 */
  .qnarev_write_popup {position:fixed; left:0; top:0; z-index:100; width:100%; height:100%;}
  .qnarev_write_popup > .close {position:absolute; top:10px; right:0; width:32px; height:32px; text-indent:-9999px;}
  .qnarev_write_popup > .close:before {position:absolute; left:0; top:16px; width:20px; height:2px; 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:20px; height:2px; background-color:#b7b7b7; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';}
  .qnarev_write_popup .qnarev_write {padding:15px;}
  .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:15px; border-bottom:1px solid #000; font-size:1.167rem; font-weight:bold;}
  .qnarev_write fieldset > div {position:relative; margin-bottom: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:0; font-size:1.083rem; font-weight:bold;}
  .qnarev_write fieldset > div.name {position:relative; min-height:20px; padding-right:100px; 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:8px;}
  .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 > textarea {height:140px;}
  .qnarev_write fieldset > div.msg_milage {margin-top:-15px; padding:10px; border:1px solid #cbd5de; background-color:#e6f0f9; color:#666; text-align:center;}
  .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:73px; height:73px;}
  .qnarev_write fieldset select {width:100%;}
  .qnarev_write .btn {padding:20px 0;}
  
  /* 상품문의 & 상품후기 - 수정 */
  #qnarevmod .modi_pwd,
  #qnarevmod .modi_cnt {display:none;}
  
  /* 상품후기 - 열람 레이어 */
  #revWriteAjaxDiv {opacity:1 !important; }
  .layer_review_list {overflow:auto; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; padding-top:61px; background-color:#fff;}
  .layer_review_list.upfile_cnt0 > .img {display:none !important;}
  .layer_review_list > .img {width:100%; background-color:#f1f2f3;}
  .layer_review_list > .img .box {display:flex; width:100vw; height:100vw; 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%; background-color:rgba(0,0,0,0.2);}
  .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 {width:100%; padding:15px; background-color:#fff;}
  .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-weight:bold;}
  .layer_review_list > .info .board > .name {margin-top:10px; color:#888;}
  .layer_review_list > .info .board > .subject {margin-top:20px; color:#000; font-size:1.167rem; 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://m.ecdev.fooden.com/_skin/m_sw_kor/img/shop/recommend_yes.png');}
  .layer_review_list > .info .board > .recommend > span > a.no {background-image:url('https://m.ecdev.fooden.com/_skin/m_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:1.083rem; 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 {width:10px; height:10px;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:fixed; top:10px; right:10px; z-index:101; width:30px; height:40px; text-indent:-9999px;}
  .layer_review_list > .close:before {position:absolute; left:5px; top:20px; width:20px; height:2px; background-color:#b7b7b7; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
  .layer_review_list > .close:after {position:absolute; left:5px; top:20px; width:20px; height:2px; background-color:#b7b7b7; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';}
  .layer_review_list > .prd {position:fixed; left:0; top:0; z-index:101; width:100%; padding:15px; border-bottom:1px solid #eee; background-color:#fff;}
  .layer_review_list > .prd:after {display:block; clear:both; content:'';}
  .layer_review_list > .prd > h2 {float:right; width:calc(100% - 50px); padding-top:5px;}
  .layer_review_list > .prd > .img {overflow:hidden; float:left; position:relative; width:30px; height:30px; margin-right:20px;}
  .layer_review_list > .prd > .img img {position:absolute; top:50%; left:50%; width:30px; height:auto; transform:translate(-50%, -50%);}
  
  /* 설문조사(/shop/poll_list.php) */
  #poll > .subject {padding:15px 30px; border:1px solid #e0e0e0; border-width:1px 0; text-align:center;}
  #poll > .box {padding:15px; border-bottom:1px solid #e0e0e0; background:#fbfbfb;}
  #poll > .box .vote {margin-top:15px; paDding:15px; border:1px solid #e0e0e0; background:#fff;}
  #poll > .box .vote > ul > li {padding:5px 0;}
  #poll > .box .vote > ul > li .graph {margin:3px 0; height:5px; background:#b1b1b1;}
  #poll > .btn {margin:10px 0 20px 0; text-align:right;}
  #poll .commentdel {padding:20px 0; border:1px solid #e0e0e0; border-width:0 1px; background:#fff; text-align:center;}
  #poll .commentdel .msg {padding-top:5px;}
  #poll > .list {border-top:1px solid #dbdbdb;}
  #poll > .list li {padding:10px 0; border-bottom:1px solid #dbdbdb;}
  #poll > .list li .no {float:left; width:50px; text-align:center;}
  #poll > .list li .subject {padding-left:50px; text-align:left;}
  #poll > .list li .subject .title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
  #poll > .list li .subject .stat {padding:5px 0; font-size:0.917rem;}
  #poll > .list li .subject .stat * {font-size:0.917rem;}
  
  /* 개별상품쿠폰 레이어 */
  #prdCouponArea {width:100%; top:50% !important;}
  #pop_coupon2 {position:relative; width:100%; padding:15px; border:1px solid #d9d9d9; background:#fff;}
  #pop_coupon2 h2 {padding-bottom:10px; border-bottom:1px solid #dbdbdb; color:#000; font-size:1.167rem;}
  #pop_coupon2 .box {overflow:auto; max-height:300px; margin:-1px 0;}
  #pop_coupon2 .box > .list > li {position:relative; border-bottom:1px solid #dbdbdb;}
  #pop_coupon2 .box > .list > li > .img {display:table-cell; width:60px; margin-right:10px;}
  #pop_coupon2 .box > .list > li > .img img {width:60px; height:auto;}
  #pop_coupon2 .box > .list > li > .info {display:table-cell; padding-left:10px; vertical-align:middle;}
  #pop_coupon2 .box > .list > li > .select {border-top:1px solid #dbdbdb;}
  #pop_coupon2 .box .usable_cpn {padding:10px 0; text-align:left;}
  #pop_coupon2 .box .usable_cpn > li > label {display:block; position:relative; padding:5px 85px 5px 25px;}
  #pop_coupon2 .box .usable_cpn > li > label .check {position:absolute; left:0; top:8px;}
  #pop_coupon2 .box .usable_cpn > li > label .overlap {color:#df7e7e;}
  #pop_coupon2 .box .usable_cpn > li > label .expiry {position:absolute; right:0; top:3px;}
  #pop_coupon2 .btn {padding-top:15px; border-top:1px solid #dbdbdb; text-align:center;}
  #pop_coupon2 .close {display:inline-block; position:absolute; right:15px; top:10px; width:21px; height:21px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}
  
  /* 재입고 알림 신청 레이어 */
  #notify_restock {top:50% !important; left:50% !important; width:auto; padding:0; border:1px solid #d9d9d9; background-color:#fff;}
  #notify_restock .close {display:inline-block; position:absolute; right:15px; top:10px; width:21px; height:21px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}
  #notify_restock h2 {padding-bottom:10px; border-bottom:1px solid #dbdbdb; color:#000; font-size:1.167rem;}
  #notify_restock .tbl_row {margin-top:-1px;}
  #notify_restock .tbl_row .opt th,
  #notify_restock .tbl_row .opt td {padding-top:8px; padding-bottom:8px; border-bottom:0;}
  #notify_restock .tbl_row .phone th,
  #notify_restock .tbl_row .phone td {border-top:1px solid #e0e0e0;}
  #notify_restock .agree {display:inline-block; margin-top:10px; cursor:pointer;line-height: 1;}
  #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:50%;}
  .speical_group > .menu > li > a {display:block; overflow:hidden; margin:-1px -1px 0 0; padding:10px; border:1px solid #d2d2d2; color:#666; text-align:center; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;}
  .speical_group > .menu > li > a:hover,
  .speical_group > .menu > li > a.active {position:relative; z-index:2; 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-bottom:5px; font-size:1.167rem; font-weight:bold;}
  .speical_group > .intro > .title > span {color:#666; font-size:1rem;}
  .speical_group > .intro > .summary {padding:15px 0; border-bottom:1px solid #d2d2d2;}
  .speical_group > .intro > .summary img {max-width:100%;}
  .speical_group > .box {border-bottom:1px solid #d2d2d2; text-align:center;}
  .speical_group > .box > h4 {padding:20px 0 15px; font-size:1.333rem;}
  .speical_group > .box > .img {padding-bottom:30px;}
  .speical_group > .box > .img img {max-width:100%;}
  
  /* 정기배송 레이어 */
  .layer_sbs {position:fixed; top:5%; left:5%; z-index:100; overflow:auto; width:90%; height:90%; background-color:#fff;}
  .layer_sbs .frame {padding:15px;}
  .layer_sbs .frame > h2 {padding-bottom:10px; border-bottom:1px solid #535353; font-size:1.250rem; font-weight:bold; text-align:left;}
  .layer_sbs .frame > .tbl_row > tbody > tr > th,
  .layer_sbs .frame > .tbl_row > tbody > tr > td {display:block; padding-left:0; padding-right:0;}
  .layer_sbs .frame > .tbl_row > tbody > tr > th {padding-bottom:0; border-bottom:0;}
  .layer_sbs .delivery_info .calendar {margin-top:10px; padding:10px; border:1px solid #e0e0e0; text-align:center;}
  .layer_sbs .delivery_info .calendar:first-child {margin-top:0;}
  .layer_sbs .delivery_info .calendar .ui-datepicker {width:100%;}
  .layer_sbs .delivery_info .calendar > strong {display:block; padding-bottom:10px; font-size:1.083rem;}
  .layer_sbs .delivery_info .calendar > strong * {font-size:inherit;}
  .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:1.250rem; font-weight:bold;}
  .layer_sbs .prd_info > .list > li.total_prc > p * {font-size:1.250rem; 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:16px; height:16px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/close.png') no-repeat center/cover; text-indent:-9999px; cursor:pointer;}
  
  
  /*-----------------------------------------------------------------*/
  /* 4-3. 회원
  /*-----------------------------------------------------------------*/
  
  /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 */
  .box_member {width:100%; padding:20px 20px 50px 20px;}
  .box_member .tab_member {padding:23px 0 18px; font-size:0; text-align:center;}
  .box_member .tab_member > li {display:inline-block; padding:0 5px;}
  .box_member .tab_member > li a {display:inline-block; padding:5px; font-size:1.167rem; letter-spacing:-0.03rem; cursor:pointer; opacity:.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:10px; color:#666; transform:translateY(-50%); cursor:auto; transition:all .3s ease; font-size:13px;}
  .box_member fieldset .fld.active label {display:inline-block; top:0; background:#fff; color:#000; font-size:0.75rem; line-height:10px;}
  .box_member fieldset .fld .show_icon {display:block; position:absolute; top:0; right:0; width:42px; height:40px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/icon_pwd.png') no-repeat center/20px; cursor:pointer;}
  .box_member fieldset .fld .show_icon:after {position:absolute; top:50%; left:0; width:1px; height:20px; margin-top:-10px; background:#e7e7e7; content:'';}
  .box_member fieldset .fld .show_icon.active {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/icon_pwd_active.png');}
  .box_member fieldset .savessl {padding:10px 0 17px; font-size:0;}
  .box_member fieldset .savessl label {margin-right:10px; color:#999; font-size:0.917rem; vertical-align:middle;}
  .box_member fieldset .select {float:right; margin-top:-40px;}
  
  /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 - 인풋 기본 스타일 */
  .box_member .form_input.member {height:48px; padding:0 10px; border:1px solid #ddd;}
  .box_member .form_input.member:focus {border-color:#000;}
  .box_member .form_input.member.number_first {width:40%;}
  .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; font-size:0; text-align:center;}
  #login .joinfind li {display:inline-block; padding:0 10px;}
  #login .joinfind li a {letter-spacing:-0.03rem;}
  #login .simple {padding-top:15px; border-top:1px solid #e0e0e0; text-align:center;}
  #login .simple a {display:block; width:100%; height:40px; margin-top:10px; border:1px solid #000; border-radius:6px; background-color:#fff; background-repeat:no-repeat; background-position:left 15px center; background-size:17px; color:#191919; font-size:1.167rem; letter-spacing:-0.03rem; line-height:39px;}
  #login .simple a.naver {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/icon_naver.png');}
  #login .simple a.facebook {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/icon_facebook.png');}
  #login .simple a.kakao {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/icon_kakao.png');}
  #login .simple a.payco {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/icon_payco.png');}
  #login .simple a.wemake {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/icon_wemake.png');}
  #login .simple a.apple {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/icon_apple.png');}
  
  /* 아이디/비밀번호 찾기 레이어 */
  .pop_find_id {position:fixed; left:50%; top:100px; z-index:1001; width:98%; border:1px solid #dcdcdc; margin-left:-49%; 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:15px;}
  .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:5px;}
  .pop_find_id > .box > .box_btn {margin-top:10px;}
  .pop_find_id > .box > .pop_id_list {padding-top:15px;}
  .pop_find_id > .box > .pop_id_list .list {overflow:auto; max-height:100px; margin-top:15px; 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:15px; text-align:center;}
  .pop_find_id > .box > .close {display:inline-block; position:absolute; right:14px; top:14px; width:16px; height:16px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/close.png') no-repeat center; text-indent:-9999px; cursor:pointer;}
  
  /* 비밀번호 변경 */
  #modify_pwd .modify_id {padding-bottom:20px; font-size:1.167rem; font-weight:bold;}
  #modify_pwd .msg_chgpw {border:1px dashed #000; margin-bottom:10px; padding:10px; text-align:left;}
  
  /* 회원가입 약관동의(/member/join_step1.php) */
  #join_agree {text-align:center;}
  #join_agree .all_chk {margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #d3d3d3; background:#f0f0f0; text-align:left;}
  #join_agree .all_chk .msg {padding:0 10px; color:#666; font-size:0.833rem; letter-spacing:-0.03rem; line-height:18px;}
  #join_agree .check {padding:10px; text-align:left;}
  #join_agree iframe {width:100%; height:80px; margin-bottom:10px; border:1px solid #d9d9d9; border-width:1px 0; background-color:#fff;}
  #join_agree .tbl_row {margin-bottom:20px; 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:15px; text-align:center;}
  #join_agree .simple {padding-top:25px; border-top:1px solid #e0e0e0; text-align:center;}
  #join_agree .simple p {padding-bottom:15px; font-size:1.333rem; letter-spacing:-0.02rem;}
  #join_agree .simple a {display:block; width:100%; height:40px; margin-top:10px; border:1px solid #000; border-radius:6px; background-color:#fff; background-repeat:no-repeat; background-position:left 15px center; background-size:17px; color:#191919; font-size:1.167rem; letter-spacing:-0.03rem; line-height:39px;}
  #join_agree .simple a.naver {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/icon_naver.png');}
  #join_agree .simple a.facebook {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/icon_facebook.png');}
  #join_agree .simple a.kakao {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/icon_kakao.png');}
  #join_agree .simple a.payco {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/icon_payco.png');}
  #join_agree .simple a.wemake {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/icon_wemake.png');}
  #join_agree .simple a.apple {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/icon_apple.png');}
  
  /* 회원가입 정보입력(/member/join_frm.php) */
  #join_input {padding:10px; /*background-color:#f7f7f7;*/}

  /*회원가입 추천인 스타일시트 수정 sykwon 2024-06-25*/
  #join_input fieldset {background-color:#fff;}
  #join_input fieldset:nth-of-type(1) {margin-top:0;}
  #join_input fieldset .form_input.invalid {border-color:#c41c1b; background-color:#fff5f6;}

  /*회원가입 추천인 스타일시트 수정 sykwon 2024-06-25*/
  #join_input fieldset legend {display:block; float:left; position:relative; width:100%; height:40px; color:#000; font-size:1.167rem;}
  #join_input fieldset legend > span {position:absolute; right:15px; top:10px; color:#666;}
  #join_input fieldset legend > span > strong {color:#cc3a3a;}
    /*회원가입 추천인 스타일시트 수정 sykwon 2024-06-25*/
  #join_input fieldset > .box {padding:15px 0; border-top:1px solid #dcdcdc;}
  #join_input fieldset > .box:nth-of-type(1) {border-top:0;}
  #join_input fieldset > .box > div {width:100%; padding:5px 0;}
  #join_input fieldset > .box > div > label {display:block; padding:10px 0 5px; color:#666; font-weight:normal; text-align:left; vertical-align:middle;}
  #join_input fieldset > .box > div > .input_area {vertical-align:middle;}
  #join_input fieldset > .box > div > .input_area label {margin-right:10px;}
  #join_input fieldset > .box > div > .input_area input {vertical-align:top;}
  
    /*추천인 친구 입력창 안내문구 수정 sykwon 2024-06-28*/
  #join_input fieldset > .box > div > .msg > p {margin:5px 0; padding-left:15px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/bullet_msg.png') no-repeat left 6px; color:#888;}
  #join_input fieldset > .box > div > .msg > p.warning {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/bullet_msg_warning.png'); color:#c41c1c;}
  #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:1rem;}
  #join_input fieldset > .box > div.birth select:nth-of-type(1) {width:34%; margin-left:0;}
  #join_input fieldset > .box > div.addr .radio_chg {margin-bottom:10px;}
  #join_input fieldset > .box > div.addr .form_input:nth-of-type(1) {width:calc(100% - 106px) !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_country .form_input:nth-of-type(3) {margin-bottom:10px;}
  #join_input fieldset > .box > div.addfld .form_input {width:100%;}
  #join_input fieldset > .box > div.addfld select {width:26% !important;}
  #join_input fieldset > .box > div.sns .integrate {font-size:0;}
  #join_input fieldset > .box > div.sns .integrate > li {display:inline-block; width:33.33%; margin-top:23px; text-align:center; vertical-align:top;}
  #join_input fieldset > .box > div.sns .integrate > li .name {padding:30px 0 5px; background:no-repeat top center/25px; font-size:0.917rem;}
  #join_input fieldset > .box > div.sns .integrate > li .name.nameKA {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/integrate_kakao.png');}
  #join_input fieldset > .box > div.sns .integrate > li .name.nameNA {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/integrate_naver.png');}
  #join_input fieldset > .box > div.sns .integrate > li .name.nameFB {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/integrate_facebook.png');}
  #join_input fieldset > .box > div.sns .integrate > li .name.namePC {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/integrate_payco.png');}
  #join_input fieldset > .box > div.sns .integrate > li .name.nameWN {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/integrate_wemake.png');}
  #join_input fieldset > .box > div.sns .integrate > li .name.nameAP {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/integrate_apple.png');}
  #join_input fieldset > .box > div.sns .integrate > li .box_btn a {min-width:45px; font-size:0.875rem;}
  #join_input fieldset > .box > div.sns .integrate > li .state {padding-top:5px;}
  #join_input fieldset > .box > div.sns .integrate > li .state span {display:inline-block; padding-left:17px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/integrate_state.png') no-repeat left center/12.5px; color:#888; font-size:0.917rem;}
  #join_input fieldset > .box > div.sns .integrate > li .state.connect span {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/integrate_state_connect.png'); color:#fe0100;}
  /* 회원가입 정보입력 - SNS */
  #join_input.api {margin-top:20px;}
  #join_input.api fieldset > .box > div > .email_area .form_input {width:calc(100% - 85px) !important; margin-right:10px;}
  /* 회원가입 정보입력 - 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:10px 0; text-align:center;}
  /* 비밀번호 안전도 */
  #join_input .password_security_lev {display:inline-block; position:relative; margin-top:10px; padding:15px 10px; border:1px solid #bfbfbf; background-color:#fff; color:#000; font-weight:bold; text-align:left;}
  #join_input .password_security_lev:before {position:absolute; left:7px; top:-5px; width:8px; height:8px; border:1px solid #bfbfbf; border-width:1px 1px 0 0; 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://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/safebar.gif') no-repeat center; content:'';}
  #join_input .password_security_lev > p {color:#888; font-size:11px; font-weight:normal; line-height:1.8;}
  #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 .box {padding:0; color:#888; text-align:center; line-height:2;}
  #join_finish .box > .agree {margin-top:15px; padding:15px; color:#666; background-color:#f0f0f0;}
  #join_finish .box > .agree > span {display:block;}
  #join_finish .box strong {font-size:1.167rem;}
  #join_finish .box .document > a {display:inline-block; padding:20px 10px; font-weight:bold; text-decoration:underline;}
  #join_finish .btn {margin-top:20px; text-align:center;}
  
  /* 정보수정(/member/edit_step1.php), 정보수정완료(/member/edit_step3.php) */
  .edit_info .box {text-align:left;}
  .edit_info .box > .msg {color:#666;}
  .edit_info .box > .agree {margin:20px auto 0; padding:15px; color:#666; background-color:#f0f0f0; text-align:center;}
  .edit_info .box > .agree > span {display:block;}
  .edit_info .form_input {margin-top:15px;}
  .edit_info .btn {padding-top:15px; text-align:center;}
  
  /* 우편번호 레이어 */
  .layer_zip_addr_list {width:100%;}
  .layer_zip_addr_list .title {position:relative; padding:20px; background:#676767;}
  .layer_zip_addr_list .title h1 {color:#000; font-size:1.4rem; font-weight:bold; text-align:left;}
  .layer_zip_addr_list .title .btn {position:absolute; right:15px; top:15px; padding:0 10px;}
  .layer_zip_addr_list .title .close {display:block; position:relative; z-index:10; width:2px; height:25px; background:#b7b7b7; transform:rotate(45deg);}
  .layer_zip_addr_list .title .close:after {position:absolute; z-index:20; top:11px; left:-11px; width:25px; height:2px; background:#b7b7b7; content:"";}
  .layer_zip_addr_list table {table-layout:fixed;}
  .layer_zip_addr_list caption {display:none;}
  .layer_zip_addr_list thead th {display:none; padding:10px 0; text-align:center;}
  .layer_zip_addr_list tbody th {height:34px; padding:10px 0; border-top:1px solid #ddd; color:#000; text-align:center; vertical-align:middle;}
  .layer_zip_addr_list tbody td {height:34px; padding:10px; border-top:1px solid #ddd; color:#666; text-align:left; vertical-align:middle;}
  .layer_zip_addr_list tbody td * {color:#666;}
  .layer_zip_addr_list tbody tr:last-child th,
  .layer_zip_addr_list tbody tr:last-child td {border-bottom:1px solid #ddd;}
  .layer_zip_paging * {vertical-align:middle;}
  .layer_zip_paging {margin:10px 0 20px; text-align:center;}
  .layer_zip_paging li {display:inline; padding:0 2px; color:#9e9e9e; vertical-align:middle;}
  .layer_zip_paging li strong {display:inline-block; width:28px; height:28px; border:1px solid #676767; background:#676767; color:#fff; line-height:30px;}
  .layer_zip_paging li a {display:inline-block; width:28px; height:28px; border:1px solid #ccc; background:#fff; color:#6e6e6e; line-height:30px;}
  
  
  /*-----------------------------------------------------------------*/
  /* 4-4. 마이페이지
  /*-----------------------------------------------------------------*/
  
  /* 마이페이지 공통 박스 */
  .box_mp {margin-bottom:15px; padding:15px; 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-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; font-size:2rem; font-weight:bold;}
  
  /* 마이페이지 공통 리스트 */
  .list_common {padding-bottom:15px;}
  .list_common div:last-child{margin-bottom:0;}
  .list_common > li {padding:15px; border:1px solid #dbdbdb; border-width:0 0 1px 0;}
  .list_common > li:first-child {border-top:1px solid #dbdbdb;}
  .list_common > li:after {display:block; clear:both; content:'';}
  .list_common > li .left_area {float:left; width:85px; color:#888; text-align:left;}
  .list_common > li .right_area {margin-left:85px; color:#666; text-align:left;}
  .list_common > li .right_area * {color:inherit;}
  .list_common > li .right_area > p,
  .list_common > li .right_area > div {padding-top:5px;}
  .list_common > li .right_area > p:first-child,
  .list_common > li .right_area > div:first-child {padding-top:0;}
  /* 마이페이지 공통 리스트 - 쿠폰,소셜쿠폰 */
  .list_common .left_area .point {font-size:1.333rem;}
  /* 마이페이지 공통 리스트 - 관심상품, 관련상품 */
  .list_common.prd > li {padding-left:0;}
  .list_common.prd .left_area {width:130px;}
  .list_common.prd .left_area .check {float:left; margin-right:10px;}
  .list_common.prd .left_area img {width:80px; height:auto;}
  .list_common.prd .right_area {margin-left:130px;}
  .list_common.prd .right_area select {width:100%;}
  /* 마이페이지 공통 리스트 - 주문조회 */
  .list_common.orderlist .left_area {width:130px;}
  .list_common.orderlist .right_area {margin-left:130px;}
  
  /* 마이페이지 메인(/mypage/mypage.php) */
  #mypage .my_info {}
  #mypage .my_info ul {display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; width:100%; padding:15px 0;}
  #mypage .my_info ul li {display:block; position:relative; width:33%; margin:15px 0; color:#666; text-align:center;}
  #mypage .my_info ul li:after {position:absolute; left:0; top:0; width:1px; height:100%; background:#e5e5e5; content:'';}
  #mypage .my_info ul li:nth-child(3n+1):after {display:none;}
  #mypage .my_info ul li a {display:block; font-size:15px;}
  #mypage .my_info ul li span {display:block; margin-top:10px; font-size:20px; font-weight:bold; line-height:100%;}
  #mypage h3 {padding:10px 0; font-size:24px; text-align:left;}
  #mypage h3 + .title_count { margin:-28px 0 16px; text-align:right;}
  #mypage .prd_latest {padding-top:5px;}
  #mypage .list {margin:0 -15px; border-bottom:1px solid #dbdbdb;}
  #mypage .list .no {padding:10px 15px; background:#e9e9e9; color:#000; font-size:1.167rem;}
  #mypage .list .no a {color:#000; font-size:1.167rem; font-weight:bold;}
  #mypage .list .no span {float:right; color:#888;}
  #mypage .list .info {padding:15px;}
  #mypage .latest {margin-left:-10px; font-size:0;}
  #mypage .latest li {float:left; width:20%; padding:0 0 10px 10px; text-align:center;}
  #mypage .latest li img {width:100%; height:auto;}
  
  /* 주문내역조회(/mypage/order_list.php) */
  .search .date_input {}
  .search div.date {margin-left:1px;}
  #order_list > .search {background-color:#f8f8f8; text-align:center;}
  #order_list > .search > .date {display:block; font-size:0; vertical-align:top;}
  #order_list > .search > .date > span {float:left; width:33%; margin:-1px 0 0 -1px;}
  #order_list > .search > .date > span:nth-child(3n-1) {width:34%;}
  #order_list > .search > .date > span > * {border-color:#dcdcdc;}
  #order_list > .search > .date > span.on * {background-color:#fff;}
  #order_list > .search > .date:after {display:block; clear:both; content:'';}
  #order_list > .search > .date_input {padding:10px 0; line-height:34px;}
  #order_list > .search > .date_input > .form_input {float:left; width:48%;}
  #order_list > .search > .date_input > .form_input:nth-child(2) {float:right;}
  #order_list > .search > .date_input:after {display:block; clear:both; content:'';}
  #order_list .msg {padding:15px;}
  #order_list > .list {border-bottom:1px solid #dbdbdb;}
  #order_list > .list .no {padding:10px 15px; background:#e9e9e9; color:#000; font-size:1.167rem;}
  #order_list > .list .no a {color:#000; font-size:1.167rem; font-weight:bold;}
  #order_list > .list .no span {float:right; color:#888;}
  #order_list > .list .info {padding:15px;}
  #order_list > .list .info .btn_col2 {margin-top:10px;}
  
  .product_status_list {width:100%; /* box-shadow:0 0 10px rgba(0,0,0,0.2); */ box-shadow: 0 10px 10px -10px rgba(0,0,0,0.2); background:#fff}
  .product_status_list .items {width:20%; float:left; text-align:center; padding:15px 0; background:#fff;}
  .product_status_list .items.w_25p {width:20%;}
  .product_status_list .items .item_title {font-size:16px; line-height:1em; margin-bottom:15px; color:#333;}
  .product_status_list .items .item_count {font-size:18px; 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;}
  
  /* 주문상세조회(/mypage/order_detail.php) */
  #order_detail .order_no {padding:15px; font-size:1.333rem; font-weight:bold; text-align:center;}
  #order_detail .stat_img {padding:10px 0;}
  #order_detail .stat_img li {float:left; width:20%; padding:0 2px;}
  #order_detail .stat_img li img {width:100%; height:auto;}
  #order_detail .stat_img:after {display:block; clear:both; content:'';}
  #order_detail h3.title {position:relative; padding:15px; border-bottom:1px solid #e0e0e0; background:#e9e9e9; font-size:1.167rem;}
  #order_detail h3.title:before {position:absolute; right:25px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); transition:all .3s ease;}
  #order_detail h3.title:after {position:absolute; right:15px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all .3s ease;}
  #order_detail h3.title.active:before {-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
  #order_detail h3.title.active:after {-ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg);}
  #order_detail .tab {margin-bottom:15px;}
  #order_detail .tab li {float:left; width:50%; text-align:center;}
  #order_detail .tab li a {display:block; padding:10px 5px; border:1px solid #ddd; border-width:0 1px 1px 0;}
  #order_detail .tab li:nth-child(odd) a {border-left-width:1px;}
  #order_detail .tab li:nth-child(1) a,
  #order_detail .tab li:nth-child(2) a {border-top-width:1px;}
  #order_detail .tab:after {display:block; clear:both; content:'';}
  
  /* 주문상세조회(/mypage/order_detail.php) - 정기배송주문상세조회 */
  #order_detail > .wrap_inner > h4.title {margin-top:15px; padding:15px 0; border-top:1px solid #e0e0e0; font-size:1.083rem}
  #order_detail > .wrap_inner > h4:first-child {margin-top:0; padding-top:0; border-top:0;}
  #order_detail > .wrap_inner > .chgdelivery {position:relative; top:-35px; height:0; text-align:right;}
  #order_detail > .wrap_inner > .btn {margin-top:20px;}
  #order_detail > .wrap_inner > .btn > .box_btn {margin-top:5px;}
  #order_detail > .wrap_inner > .btn > .box_btn:first-child {margin-top:0;}
  #order_detail .sbs_schedule .msg {padding-bottom:10px;}
  
  /* 주문상세조회(/mypage/order_detail.php) - 결제수단변경 레이어 */
  .chg_paytype {overflow:auto; position:fixed; left:5vw; top:5vh; z-index:100; width:90vw; height:90vh; padding:15px 15px 25px 15px; background-color:#fff;}
  .chg_paytype h2 {padding-bottom:10px; border-bottom:1px solid #535353; font-size:1.25rem; font-weight:bold;}
  .chg_paytype h3 {padding:20px 0 10px; font-size:1rem; font-weight:bold;}
  .chg_paytype .explain {padding:10px 0; border-bottom:1px solid #dcdcdc;}
  .chg_paytype .explain > li {margin:5px 0; padding-left:25px; background:url('http://sw.wisaweb.co.kr/wm_engine_SW/_manage/image/common/icon_info.png') no-repeat left top/15px; color:#888; font-size:0.917rem;}
  .chg_paytype .sum {text-align:left;}
  .chg_paytype .select {text-align:left;}
  .chg_paytype .select > .type {padding:15px; background-color:#f5f5f5;}
  .chg_paytype .select > .type > li {padding:5px 0;}
  .chg_paytype .select > .type > li > label {color:#666;}
  .chg_paytype .select > .msg {margin-top:10px; padding:15px; border:1px solid #e5e5e5;}
  .chg_paytype .select > .msg > li {color:#888; letter-spacing:-1px;}
  .chg_paytype .select > .btn {padding-top:5px;}
  .chg_paytype .select > .btn > span {margin-top:5px;}
  .chg_paytype .sum > table {table-layout:fixed; width:100%; margin:0 auto; border-top:1px solid #e0e0e0;}
  .chg_paytype .sum > table th {padding:10px 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:10px 15px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle;}
  .chg_paytype .sum > table td .price {font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; font-size:1.333rem;}
  .chg_paytype .close {display:block; position:absolute; right:20px; top:15px; width:20px; height:20px; text-indent:-9999px;}
  .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:'';}
  
  /* 정기배송주문 배송지변경 */
  .sbs_address {width:100%; padding:15px;}
  .sbs_address > table > caption {font-size:1.333rem; font-weight:bold;}
  .sbs_address > .btn {padding-top:20px; text-align:center;}
  .sbs_address .address_area > div {padding-top:10px;}
  .sbs_address .address_area .code {position:relative; padding-right:110px;}
  .sbs_address .address_area .code .box_btn {position:absolute; right:0; bottom:0;}
  
  /* 쿠폰(/mypage/coupon_down_list.php) */
  #coupon h3.title {padding:25px 0 15px;}
  #coupon h3.title:first-child {padding-top:0;}
  
  /* 소셜쿠폰(/mypage/sccoupon.php) */
  #sccoupon .box_mp .form_input {margin-top:10px;}
  
  /* 관심상품(/mypage/wish_list.php) */
  #wish_list .count {padding-bottom:10px;}
  #wish_list .count strong {font:inherit;}
  #wish_list .btn {margin-bottom:10px;}
  
  /* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) */
  #counsel .box_btn {margin-bottom:15px;}
  .list_counsel {border:1px solid #dbdbdb; margin-bottom:15px;}
  .list_counsel > li {border-top:1px solid #dbdbdb;}
  .list_counsel > li:first-child {border-top:0;}
  .list_counsel > li .subject {padding:15px;}
  .list_counsel > li .subject > p {padding-top:5px;}
  .list_counsel > li .subject > p > img {width:auto; height:10px; vertical-align:middle;}
  .list_counsel > li .subject > p:first-child {padding-top:0;}
  .list_counsel > li .subject > p.stat,
  .list_counsel > li .subject > p.stat * {color:#666; font-size:0.917rem;}
  .list_counsel > li .content {display:none; padding:15px; border-top:1px solid #dbdbdb; background:#fafafa;}
  .list_counsel > li .content .question {position:relative; min-height:45px; padding:0 0 15px 43px; border-bottom:1px solid #e1e1e1;}
  .list_counsel > li .content .question:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#777474; color:#fff; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; font-size:1.167rem; text-align:center; line-height:29px; content:'Q';}
  .list_counsel > li .content .question img {max-width:100%; height:auto;}
  .list_counsel > li .content .answer {position:relative; min-height:30px; margin-top:15px; padding-left:43px;}
  .list_counsel > li .content .answer:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#ef6363; color:#fff; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; font-size:1.167rem; text-align:center; line-height:29px; content:'A';}
  
  /* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) - ujung 수정 START */
  .list_counsel > li .content {border-top:0;}
  /* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) - ujung 수정 END */
  
  
  /* 1:1문의 글쓰기(/mypage/counsel_step1.php) */
  #counsel_write .list_cart {margin-bottom:-1px;}
  #counsel_write .btn {margin-top:15px;}
  
  /* 1:1문의 완료(/mypage/counsel_step2.php) */
  #counsel_fin .box {padding:15px; border:1px solid #dedede; color:#888; font-size:1.167rem; text-align:center;}
  #counsel_fin .box strong {font-size:inherit;}
  #counsel_fin .btn {margin-top:15px; text-align:center;}
  
  /* 출석체크(/mypage/attend_list.php) */
  #attend .date {padding:20px 0; text-align:center; vertical-align:top;}
  #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://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/bullet_arrow_prev.png');}
  #attend .date a.next {background-image:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/bullet_arrow_next.png');}
  #attend .date strong {padding:0; color:#ff1c00; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; font-size:24px; line-height:20px; text-align:center; vertical-align:top;}
  #attend #calendar table {width:100%;}
  #attend #calendar table thead th {padding:10px 0; border:1px solid #dbdbdb; background:#fbfbfb; color:#666; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; font-weight:normal; text-align:center;}
  #attend #calendar table thead th.sun {border-left:0; color:#d53838;}
  #attend #calendar table thead th.sat {border-right:0; color:#7cb4d1;}
  #attend #calendar table tbody td {height:89px; padding:5px; border:1px dashed #ad9e7e; color:#666666; text-align:left; vertical-align:top; font-size:12px; line-height: 1;}
/*   #attend #calendar table tbody td:first-child {border-left:0;}
  #attend #calendar table tbody td:last-child {border-right:0;} */
  #attend #calendar .attenY {background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/mypage/attend_ok.png') no-repeat center bottom 5px/85%;}
  #attend #calendar .attenN {background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/mypage/attend_no.png') no-repeat center bottom 5px/85%;}
  #attend #calendar .attenR {background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/mypage/attend_today.png') no-repeat center bottom 5px/85%;}
  #attend .info {background:#fbfbfb; text-align:center;}
  #attend .info .explain {padding:15px; border-bottom:1px solid #dbdbdb;}
  #attend .info .explain strong{color: #015ec5;}
  #attend .info .sum {padding:15px; border-bottom:1px solid #e0e0e0;}
  #attend .info .sum:after {display:block; clear:both; content:'';}
  #attend .info .sum span {float:left;}
  #attend .info .sum strong {float:right;}
  
  /* 회원탈퇴(/mypage/withdraw_step1.php), 회원탈퇴완료(/mypage/withdraw_step2.php) */
  .withdraw .box {text-align:left;}
  .withdraw .msg {margin-bottom:10px; color:#666;}
  .withdraw .frame textarea {height:150px; margin-top:10px;}
  .withdraw .btn {padding-top:15px; text-align:center;}
  
  
  /*-----------------------------------------------------------------*/
  /* 4-5. 추가페이지
  /*-----------------------------------------------------------------*/
  
  /* 이용약관(/shop/uselaw.php) 
  #uselaw {padding:15px  !important;}
  #uselaw > ol > li > dl > dt {padding:30px 0 10px; font-weight:bold;}
  #uselaw > ol > li:nth-of-type(1) > dl > dt {padding-top:0;}
  #uselaw > ol > li > dl > dd {padding-left:10px; color:#666;}
  #uselaw > ol > li > dl > dd > ul,
  #uselaw > ol > li > dl > dd > ol {padding-left:10px; color:#666;}*/
  
  /* 이용안내(/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;}
  
  /* 개인정보취급방침(/shop/privacy.php) */
  #privacy {padding: 10px 10px 10px 10px;}
  #privacy > p {font-size: 14px;}
  #privacy > ul > li > dl > dt {padding:20px 0 10px; font-weight:bold; font-size: 14px;}
  #privacy > ul > li > dl > dd {padding-left:10px; color:#666; font-size: 14px;}
  #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: 13px;padding-left:10px; color:#666;}
  #privacy > ul > li > dl > dd > dl > dd{font-size: 13px;padding-left:10px; color:#666;}
  #privacy > ul > li > dl > dd ul li{font-size: 13px;padding-left:10px; color:#666;}
  #privacy > ul > li > dl > dd > dl > dd > dl > dd{font-size: 12px;padding-left:10px;}
   
  #uselaw {padding: 10px 10px 10px 10px;}
  #uselaw > p {font-size: 14px;}
  #uselaw > ul > li > dl > dt {padding:20px 0 10px; font-weight:bold; font-size: 14px;}
  #uselaw > ul > li:first-child > dl > dt {padding-top:0;}
  #uselaw > ul > li > dl > dd {padding-left:10px; color:#666; font-size: 14px;}
  #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: 13px; color:#666;}
  #uselaw > ul > li > dl > dd > dl > dd{font-size: 13px;padding-left:10px; color:#666;}
  #uselaw > ul > li > dl > dd ul li{font-size: 13px;padding-left:10px; color:#666;}
  #uselaw > ul > li > dl > dd > dl > dd > dl > dd{font-size: 12px;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:150px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/company.jpg') no-repeat center top/auto 150px; text-align:left;}
  #company:after {display:block; clear:both; content:'';}
  #company > dl > dt {padding:30px 0 10px; font-size:14px; font-weight:bold;}
  
  /* 고객센터(/content/customer.php) */
  #customer .search_faq {margin-bottom:30px; padding:15px; background:#f5f5f5; text-align:center;}
  #customer .search_faq > h3 {padding-bottom:10px; font-size:1.2rem; font-weight:normal;}
  #customer .search_faq > form {position:relative; background:#fff;}
  #customer .search_faq > form > .form_input {padding-right:40px;}
  #customer .search_faq > form > .btn {display:block; position:absolute; right:0; top:0; width:34px; height:34px; border:0; background:url('http://m.kdhtest41.mywisa.com/_skin/m_sw_kor/img/common/icon_search.png') no-repeat center/18px; text-indent:-9999px;}
  #customer .search_faq > form:after {display:inline-block; position:absolute; right:34px; top:50%; width:1px; height:16px; margin-top:-8px; background:#e0e0e0; content:'';}
  #customer .search_faq > ul {border-top:1px solid #c3c3c3;}
  #customer .search_faq > ul:after {display:block; clear:both; content:'';}
  #customer .search_faq > ul > li {float:left; width:33.3%; border:1px solid #c3c3c3; border-width:0 1px 1px 0;}
  #customer .search_faq > ul > li > a {display:block; padding:10px 0;}
  #customer .search_faq > ul > li:nth-child(3n) {border-right:0;}
  #customer .latest {margin-bottom:30px;}
  #customer .latest > h3 {position:relative; padding-bottom:15px; color:#000; font-size:1.167rem; font-weight:normal;}
  #customer .latest > ul {border-top:1px solid #e0e0e0;}
  #customer .latest > h3 .more {display:block; position:absolute; right:0; top:-4px; width:25px; height:25px; 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 > 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:11px; width:24px; height:24px; margin-right:5px; border-radius:50%; background:#777474; color:#fff; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important; text-align:center; line-height:24px;}
  #customer .latest.faq > ul > li > div.answer {display:none; background:#f5f5f5; }
  #customer .latest.faq > ul > li > div.answer > .icon {background:#ef6363;}
  #customer .latest.notice > ul > li {overflow:hidden; position:relative; padding:15px 90px 15px 15px; border-bottom:1px solid #e0e0e0; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
  #customer .latest.notice > ul > li > span {position:absolute; right:15px; top:19px;}
  #customer .info {border:1px solid #dcdcdc;}
  #customer .info .box {position:relative; padding:15px; background-repeat:no-repeat; background-position:30px center; background-size:27px;}
  #customer .info .box:last-child {border-top:1px solid #dcdcdc;}
  #customer .info .box > .title {padding-bottom:10px; font-size:1.333rem; font-weight:bold;}
  #customer_read .read_cont img{max-width:100%;}
  
  /*-----------------------------------------------------------------*/
  /* 5. ETC
  /*-----------------------------------------------------------------*/
  
  /* 댓글 - 리스트(게시판, 상품리뷰) */
  .list_comment {position:relative; background:#fff; text-align:left;}
  .list_comment > ul {border:1px solid #e5e5e5; border-top:0;}
  .list_comment > ul > li {clear:both; overflow:hidden; padding:10px; border-top:1px solid #e5e5e5; color:#474645; word-break:break-all; word-wrap:break-word;}
  .list_comment > ul > li .name {float:left; width:40%;}
  .list_comment > ul > li .name a {color:inherit; font-size:inherit;}
  .list_comment > ul > li .date {float:right; width:60%; text-align:right;}
  .list_comment > ul > li .date span {padding-right:5px; color:#888;}
  .list_comment > ul > li .date img {margin-top:3px; width:9px; height:9px;}
  .list_comment > ul > li .content {clear:both; padding-top:5px;}
  
  /* 댓글 - 리스트(게시판, 상품리뷰) 김관대 수정 2022/02/28*/
  .list_comment2 {position:relative; background:#fff; text-align:left;}
  .list_comment2 > ul {border:1px solid #e5e5e5; border-top:0;}
  .list_comment2 > ul > li {clear:both; overflow:hidden; padding:10px; border-top:1px solid #e5e5e5; color:#474645; word-break:break-all; word-wrap:break-word;}
  .list_comment2 > ul > li .name {float:left; width:15%;}
  .list_comment2 > ul > li .name a {color:inherit; font-size:inherit;}
  .list_comment2 > ul > li .date {float:right; width:80%; }
  .list_comment2 > ul > li .date span {padding-right:5px; color:#888;}
  .list_comment2 > ul > li .date img {margin-top:3px; width:9px; height:9px;}
  .list_comment2 > ul > li .content {clear:both; padding-top:5px;padding-left: 15%}
  
  /* 댓글 - 쓰기(게시판, 상품리뷰) */
  .write_comment {overflow:hidden; margin-top:-1px; padding:10px; border:1px solid #e5e5e5; 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; font-size:0; text-align:left;}
  .write_comment .inputbox textarea.form_input {height:50px; 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%;}
  
  /* 게시판 - 상품연동 - 검색 */
  #product_search_frm {width:100% !important; background:#fff;}
  #product_search_frm .frame {min-height:350px; margin:10px;}
  #product_search_frm .frame .search {display:flex; display:-webkit-flex; width:100%; padding-bottom:10px;}
  #product_search_frm .frame .btn {padding:20px 0 5px 0; text-align:center;}
  
  /* 게시판 - 상품연동 - 쓰기 */
  .related_prd_write {padding:10px 0;}
  .related_prd_write .swiper-wrapper {margin:10px 0; padding-bottom:30px;}
  
  /* 게시판 - 상품연동 - 열람 */
  .related_prd_view {border-bottom:1px solid #e0e0e0;}
  .related_prd_view h3.title {padding:30px 0 15px; font-size:1.167rem; text-align:center;}
  .related_prd_view .swiper-wrapper {padding-bottom:30px;}
  .related_prd_view .prd_basic .box .summary {display:none;}
  .related_prd_view .prd_basic2 .box .summary {display:none;}
  .related_prd_view .prd_basic3 .box .summary {display:none;}
  
  /* 관리자 - 인용구 */
  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:5px; margin-right:5px;}
  
  .tab_ul li a {padding:10px 15px;  min-width:70px; display:block; font-size:16px; font-weight:bold; 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 {position:fixed; top:60px; left:0; background:#fff; width:100%; white-space:nowrap; overflow:auto; text-align:center; z-index:1001; border-top: 1px solid #dbdbdb;}
  .tab_ul2::-webkit-scrollbar {display: none;}
  .tab_ul2 li {display:inline-block; padding:0 0 0 15px;}
  .tab_ul2 li a {padding:11px 0; line-height:1em; font-size:18px; color:#000; display:block; border-top:3px solid transparent; border-bottom:3px solid transparent;}
  .tab_ul2 li a span{line-height:1em; font-size:18px;}
  .tab_ul2 li.active a {font-weight:bold; border-bottom:3px solid #015ec5;}
  
  .tab_ul3 {width:100%; text-align:center; overflow:auto; white-space:nowrap;}
  .tab_ul3 li {display:inline-block; margin-left:5px; margin-right:0px;}
  .tab_ul3 li a {padding:10px 15px;  min-width:104px; display:block; font-size:16px; font-weight:bold; 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;}
  
  .tab_ul5 {width:100%; text-align:center;}
  .tab_ul5 li {display:block; width:calc(33.3333333% + 0.9px); border:1px solid #ddd; float:left; margin-left:-1px; margin-top:-1px;}
  .tab_ul5 li a {display:block; font-size:13px; color:#999; padding:10px 0;letter-spacing: -1px;}
  .tab_ul5 li.active {border:1px solid #015ec5; position:relative; z-index:2;}
  .tab_ul5 li.active a {color:#015ec5;font-weight: bold;}
  .tab_ul5::after {content:''; display:block; clear:both;}
  
  /* 회사소개 탭 위치 css 추가 - ujung 23.08.31*/
  .tab_st1{top: 160px; border-top: 0;}
  .tab_st1::after{content: ''; background: #dbdbdb; width: 100%; position: absolute; height: 1px; left: 0; bottom:0;}
  .tab_st1 li.active a{position: relative; z-index: 1;}
  .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:15px; color:#000; background:#fff; 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_table tr td img {vertical-align:middle;}
  .cont_table tr td a {display:block;}
  .cont_table tr td #none_block {display:inline-block;}
  
  .tal {text-align:left;}
  .tac {text-align:center;}
  
  .f_sub_title {font-size:16px; color:#666;}
  .f_title {font-size:18px; font-weight:bold; letter-spacing:-1px;}
  .f_title span {font-size:inherit; font-weight:inherit;}
  /* 
  .fs16 {color:#666;} */
  
  .fc_003082 {color:#003082;}
  .fc_015ec5 {color:#015ec5 !important;}
  .fc_999 {color:#999;}
  .fc_666 {color:#666 !Important;}
  .fc_333 {color:#000;}
  .guide_fc_333 {color:#000;}
  
  .mgl_5 {margin-left:5px;}
  
  .mgt_5 {margin-top:5px;}
  .mgt_10 {margin-top:10px;}
  .mgt_12 {margin-top:9px;}
  .mgt_15 {margin-top:15px;}
  .mgt_20 {margin-top:20px;}
  
  .mgb_0 {margin-bottom:0 !important;}
  .mgb_5 {margin-bottom:5px;}
  img.mgl_5 {margin-bottom:2px;}
  .mgb_10 {margin-bottom:5px;}
  .mgb_20 {margin-bottom:10px;}
  
  .mgb_30 {margin-bottom:15px;}
  .mgb_40 {margin-bottom:15px;}
  .mgb_50 {margin-bottom:25px;}
  .mgb_80 {margin-bottom:40px;}
  .mgb_100 {margin-bottom:100px;}
  .mgl_10 {margin-left:10px;}
  
  .mgr_5 {margin-right:5px;}
  .mgr_10 {margin-right:5px;}
  .mgr_20 {margin-right:10px;}
  .mgr_25 {margin-right:15px;}
  .mgr_30 {margin-right:15px;}
  
  .pdl_15 {padding-left:10px;}
  .pdl_20 {padding-left:10px;}
  .pd_10 {padding:10px;}
  .pd_15 {padding:10px;}
  .pd_24 {padding:24px;}
  .mpd_15 {padding:15px;}
  .pd_20 {padding:10px;}
  .pd_50 {padding:20px;}
  .f_re {position:relative;}
  
  
  .pdtb_20 {padding-top:10px; padding-bottom:10px;}
  .pdtb_24 {padding-top:24px; padding-bottom:24px;}
  .pdtb_40 {padding-top:20px; padding-bottom:20px;}
  .pdtb_60 {padding-top:30px; padding-bottom:30px;}
  .pdtb_80 {padding-top:40px; padding-bottom:40px;}
  .pdtb_100 {padding-top:50px; padding-bottom:50px;}
  .pdtb_3890 {padding-top:38px; padding-bottom:80px;}
  
  .pdr_0{padding-right: 0 !important;}
  
  .pdt_10 {padding-top:10px;}
  .pdt_15 {padding-top:15px;}
  .pdt_40 {padding-top:20px;}
  .pdb_0 {padding-bottom: 0;}
  .pdb_10 {padding-bottom:10px;}
  .pdb_15 {padding-bottom:15px;}
  .pdb_20 {padding-bottom:20px;}
  .pdb_25 {padding-bottom:25px;}
  .pdb_40 {padding-bottom:20px;}

  .pdb_100 {padding-bottom:50px;}
  .pdlr_20 {padding-left:20px; padding-right:20px;}
  .pdlr_24 {padding-left:24px; padding-right:24px;}
  
  a.more_button {position:absolute; bottom:0; right:0; color:#666; font-size:16px;}
  
  .w_130 {width:130px;}
  .w_160 {width:90px;}
  .w2_160 {width:150px;}
  
  .mypage_left_wrap {width:100%;}
  .mypage_right_cont {width:100%; border-bottom:1px solid transparent;}
  .mypage_section {background:#fff;}
  .fs30 {font-size:24px;}
  .fs24 {font-size:18px;}
  .fs20 {font-size:18px;}
  .fs18 {font-size:16px;}
  .fs16 {font-size:15px;}
  .fs15 {font-size:14px;}
  .fs14 {font-size:14px !important;}
  .fs13 {font-size:13px !important;}
  .fwn {font-weight:normal;}
  .fwb {font-weight:bold;}
  
  .dpib {display:inline-block;}
  .vam {vertical-align:middle;}
  .vat {vertical-align:top;}
  
  .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; width:calc(50% - 10px); margin-right:7px; text-align:center;}
  .mypage_top_button:not(.not_hover):hover {color:#fff; background:#000;}
  
  .mypage_menu .mypage_section .mypage_title {font-size:18px; color:#000; line-height:1em; padding:15px; position:relative; display:block; font-weight:bold; border-bottom:1px solid #ddd;}
  .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:15px; padding:15px; border-bottom:1px solid #ddd; line-height:1em; display:block; position:relative; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/view_more_icon.png') center right 15px no-repeat;}
  .mypage_menu .mypage_section p:last-child a {border-bottom:none;}
  .mypage_menu .mypage_section a.active {color:#015ec5; border-bottom:1px solid #015ec5;}
  
  
  .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:#000; 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:20px; margin-bottom:20px; border-bottom:1px solid #ccc;}
  
  .fl {float:left;}
  .fr {float:right;}
  .lh1{line-height:1.4;}
  

  
  div.date span.date_select {width:calc(20% + 0.9px) !important; margin-left:-1px;}
  .date_select.on {position:relative; z-index:2; ;}
  .date_select.on span{color: #015ec5; font-weight: bold;}
  .date_select input {background:#fff; color:#999; width:100%; height:45px; border:1px solid #ddd; cursor:pointer; font-size:15px; padding:0; text-align:center;}
  .date_select.on input {color:#003082; border:1px solid #003082; font-weight:bold;}
  .date_select + .non{display:none;}
  .mypage_order_list .order_div {margin-bottom:10px; background:#fff;}
  .order_div .order_info_top {border-bottom:1px solid #ddd; padding:10px 15px; font-size:16px; color:#000;}
  .order_div .order_info_top .fs12 {font-size:13px; }
  .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; margin-top:4px;}
  .order_div .order_info_cont {padding:15px;}
  .order_div .order_info_cont .order_info_table {width:100%; /*margin-bottom:10px;*/}
  .order_div .order_info_cont .order_info_table tr td {vertical-align:middle; text-align:center; font-size:14px; color:#000;}
  .order_div .order_info_cont .order_info_table tr td.tdtitle {text-align:left; padding:0 10px;}
  .order_div .order_info_cont .order_info_table tr td.tdtitle.tdimg {vertical-align:top; text-align:right; padding:4px 15px 0 20px; width:80px;}
  .order_div .order_info_cont .order_info_table tr td.tdtitle.tdimg img {width:15px; height:17px; border : 0px;}
  .order_div .order_info_cont .order_info_table tr td img {width:100%; max-width:100px; border: 1px solid #ddd;}
  .tdimg a + a {
    margin-left: 11px; /* 두 번째 아이콘의 왼쪽에만 여백을 줍니다 */
  }
  
  .order_info_table1 tr td img {border: 1px solid #ddd;}
  
  .order_div .order_info_cont .order_info_table tr td p.title {font-size:15px; color:#000; padding:0 5px;}
  .order_div .order_info_cont .order_info_table tr td p.price {font-size:15px; color:#000; font-weight:bold; padding:0 5px;}
  .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. 박수연 추가 */
  .order_div .order_info_cont .order_info_table .tal.out { 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 레시피 이미지 품절 표기 */
  .order_div .order_info_cont .order_info_table tr td p.order_cnt{font-size: 12px; height: 20px; line-height: 18px; letter-spacing: -0.3px; padding: 0 5px; border: 1px solid #015ec5; color: #015ec5; border-radius: 4px; display: inline-block;}   /* 2023.08.31 ujung 구매횟수 추가 */
  .mypage_order_list .order_div.order_div2 {border-top:none;}
  .mypage_order_list .order_div:last-child {margin-bottom:0 !important;}
  .order_div.order_div2 .order_info_cont {padding:0 0 20px 0;}
  .mypage_list_button {width:160px; height:50px; line-height:48px; border:1px solid #000; color:#000; display:inline-block; text-align:center; font-size:16px; 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:165px; height:55px; line-height:53px; border:1px solid #000; color:#000; display:inline-block; text-align:center; font-size:16px;}
  .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_blue2:disabled {border:1px solid #e8f0fa; color:#fff; background:#e8f0fa; }
  .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;}
  
  .mypage_list_button3 {width: 80px; height: 30px; line-height: 28px; border: 1px solid #ddd; color: #000; display: inline-block; margin-bottom: 3px; text-align: center; font-size: 13px; cursor: pointer;}		/* 2022.02.17. 박수연 추가 */
  .mypage_list_button3.button_green {border:1px solid #f5f5f5; background:#f5f5f5; color:#000;}
  .tar > .mypage_list_button3:last-child{margin-bottom:0;}
  
  input.mem2[type=checkbox]:not(old){position: absolute; padding:0;  border: 0 none;  background: transparent; cursor: pointer; display:none;}
  input.mem2[type=checkbox]:not(old) + label{position: relative; display: inline-block; height:22px; background: transparent url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/checkbox_off.png') top 0 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://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/checkbox_on.png') top 0 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; display:none;}
  input.mem3[type=radio]:not(old) + label{position: relative; display: inline-block; padding-left: 22px; background: transparent url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/label_off.png') top 6px left no-repeat ; cursor: pointer;  background-size:17px 17px; font-size:15px;}
  input.mem3[type=radio]:checked + label , input.mem3[type=radio]:active + label {background: transparent url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/label_on.png') top 6px left  no-repeat; background-size:17px 17px;}
  
  /*배송 선택일 버튼 설정 sykwon 2025.11.26*/
  .direct_dlv_div input.mem3[type=radio]:checked + label , input.mem3[type=radio]:active + label {background: transparent url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/label_on.png') top 6px left  no-repeat; background-size:17px 17px; color: #f0360a; height: 25px; padding-top : 3px;}
  .direct_dlv_div input.mem3[type=radio]:not(old) + label{position: relative; display: inline-block; padding-left: 22px; background: transparent url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/label_off.png') top 6px left no-repeat ; cursor: pointer;  background-size:17px 17px; font-size:12px; height: 25px; padding-top : 3px;}


  input.mem3_1[type=radio]:not(old){position: absolute; padding:0;  border: 0 none;  background: transparent; cursor: pointer; display:none;}
  input.mem3_1[type=radio]:not(old) + label{position: relative; display: inline-block; padding-left: 22px; background: transparent url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/label_off.png') top 6px left no-repeat ; cursor: pointer;  background-size:17px 17px; font-size:15px;}
  input.mem3_1[type=radio]:checked + label , input.mem3[type=radio]:active + label {background: transparent url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/label_on.png') top 6px left  no-repeat; background-size:17px 17px;}
  
  input.mem4[type=checkbox]:not(old){position: absolute; padding:0;  border: 0 none;  background: transparent; cursor: pointer; display:none;}
  input.mem4[type=checkbox]:not(old) + label{position: relative; display: inline-block; background: transparent url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/checkbox_off.png') top 1px left no-repeat ; background-size:20px 20px; cursor: pointer;  z-index:4; padding-left:27px; font-size:14px;}
  input.mem4[type=checkbox]:checked + label , input.mem4[type=checkbox]:active + label {background: transparent url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/checkbox_on.png') top 1px left  no-repeat; background-size:20px 20px;}
  
  input.mem5[type=radio]:not(old){position: absolute; padding:0;  border: 0 none;  background: transparent; cursor: pointer; display:none;}
  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;}
  
  input.mem6[type=radio]:not(old){position: absolute; padding:0;  border: 0 none;  background: transparent; cursor: pointer; display:none;}
  input.mem6[type=radio]:not(old) + label{position: relative; display: block; float:left; width:calc(50%); 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:15px;}
  input.mem6[type=radio]:checked + label , input.mem5[type=radio]:active + label {background: #fff; border:1px solid #003082; color:#003082; 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 !important;}
  .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;}
  
  /*2022-11-29 입점상담요청 글쓰기 백그라운 배경색상 변경_ 김지은*/
  .bg_f5 {background:#ffff;}
  .bg_000_5 {background:rgba(0,0,0,0.5);}
  
  .qna_table {width:100%;}
  .qna_table .fs16 {color:#000;}
  .qna_table tr td {}
  .qna_table textarea {width:100%; border:1px solid #ddd; background:#fff; height:200px; padding:10px; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important;}
  .qna_table select {width:100%; height:50px; background-image:none !important; background:#fff url('https://m.ecdev.fooden.com/_skin/m_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:100%; height:50px; 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:calc(33.33333333% - 6px); padding-top:31.663%; font-size:0; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/file_icon.png') center center no-repeat; background-size:cover; display:inline-block; vertical-align:middle; position: relative;overflow: hidden;} /*22022.02.21 hmlee position, overflow 추가*/
  .qna_table .file_label.mgr_10:nth-child(6) {margin-right:0;}
  .qna_table .file_label img {width:100%; height:100%; display:block; position: absolute; top: 0;} /*22022.02.21 hmlee position, top 추가*/
  
  .qna_table .mgb_20 {margin-bottom:15px !Important;}
  
  .qna_table2 {width:100%;}
  .qna_table2 .fs16 {color:#000;}
  .qna_table2 tr td {padding:10px 0; vertical-align:middle; border-bottom:1px solid #ddd;}
  .qna_table2 textarea {width:100%; border:1px solid #ddd; background:#fff; height:200px; padding:10px; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important;}
  .qna_table2 select {width:100%; height:50px; background-image:none !important; background:#fff url('https://m.ecdev.fooden.com/_skin/m_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:100%; height:50px; 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:100px; height:100px; background:url('https://m.ecdev.fooden.com/_skin/m_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;}
  
  .qna_table2 .mgb_20 {margin-bottom:15px !Important;}
  .qna_table2 .msg_pay_box:first-child .border_b {display: none;}
  
  /* 일반회원가입 생년월일 UJUNG 추가 START */
  .qna_table2 .birth select{margin-bottom: 3px;}
  .qna_table2 .birth select:last-child{margin-bottom: 0;}
  /* 일반회원가입 생년월일 UJUNG 추가 END */
  
  
  .button_reset {font-size:16px; line-height:1; padding:16px 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:16px; line-height:1; padding:16px 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_1 { 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_1:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em; }
*/
.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: -.25em; }

.header-layer-wrap { 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%; }
.header-layer-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em; }


.pop-layer1 { display: inline-block; padding: 30px; vertical-align: middle; background-color: #fff; border: 0px; border-radius: 0; text-align: left; position: relative; width: 877px; height: auto; }
.header-pop-layer { display: inline-block; padding: 30px; vertical-align: middle; background-color: #fff; border: 0px; border-radius: 0; text-align: left; position: relative; width: 877px; height: auto; }
  #detail .right_info {float:right; width:340px; height:900px; padding:20px; border:1px solid #000; margin-top:100px;}
  #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:100%; margin-bottom:20px;}
  #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;}
  .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:#fff; font-size:14px;}
  #header .login_wrap span {margin:0 10px;}
  
  /* 검색창 */
  div.search {text-align:center; padding:15px; background:#fff; margin-bottom:10px; position:relative;}
  div.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;}
  div.search #searchform #search_select:focus {outline:solid; outline-width:1px;}
  div.search #searchform #keyword {border:none; width:100%; background-color:#f5f5f5; padding:0 40px 0 10px; font-size:14px; display:inline-block; height:40px; line-height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-right:5px;}
  div.search .btn_search {position:absolute; top:17px; right:15px; cursor:pointer; background:url(https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/btn_search.png) center center no-repeat; background-size:18px; margin:0; width:35px; display:inline-block; line-height:35px; height:35px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:10; color:transparent; font-size:14px; border:none;}
  div.search .btn_search img {vertical-align:middle; margin-bottom:3px;}
  
  /* FAQ */
  .accordion {background:#fff;}
  .accordion ul li {}
  .accordion ul li .Question {float:left; color:#000; font-size:15px; 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:16px; font-weight:bold;}
  .accordion ul li .Qtxt {padding-left:25px; word-break:break-all;}
  .accordion ul li .Qtxt p {font-size:15px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/active_icon.png') right center no-repeat; padding-right: 20px;}
  .accordion ul li .Qtxt p a{word-break: keep-all;}
  .accordion ul li.active .Qtxt p {color:#015ec5 !important; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/hide_icon.png') right center no-repeat;}
  .accordion ul li .Atxt {padding-left:10px; font-size:14px; 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:13px;}
  .accordion ul li .acc.active h4 {color:#000;}
  .accordion ul li .Category {display:inline;}
  .accordion ul li .acc {padding:10px 15px; cursor:pointer; border-bottom:1px solid #ddd; transition:background 0.3s ease-in-out;}
  .accordion ul li .acc_cont {display:none; padding:15px; border-bottom:1px solid #ddd; background:#f5f5f5;}
  
  .mypage_right_cont pre {white-space: pre-wrap; border:1px solid #ddd; height:200px; font-size:12px; overflow:auto; width:100%; padding:5px 0 0 5px;}
  
  .square::before {content: ""; display: block;  width:1px; height:1px; position:absolute; top:11px; left:-8px; border-radius: 50%; border:1px solid #000; background:#000;}
  .re {position:relative;}
  .mo_pay_list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 6px;
  }
  .mo_pay_list .msg_pay_box{
    width: calc(50% - 3.5px);
    position: relative;
    display: inline-flex;
  }
  .pay_label_type {
    width: 100%;
    border-radius : 4px;
    border : 1px solid rgb(207,213,219);
    color: rgb(76,84,91);
    height: 44px;
    padding: 7px;
    text-align: center;
  }
  .pay_button_radio:checked+.pay_label_type {
    border-color : #015ec5;
  }
  #pay_type2_msg_box {
    width : 100%;
    display : block;

  }
  
  .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://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/calendar_input.png') center right 10px no-repeat;}
  .datepicker {background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/calendar_input.png') center right 10px no-repeat !important; font-size:15px;}
  
  .quick_menu {position:fixed; top:125px; right:120px; background:#fff;}
  .quick_menu .button_top {display:block; margin-bottom:10px; text-align:center;}
  .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 .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 {width:33.33333333%;}
  .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:-42px; right:24px; width:auto; height:auto; padding:2px 15px 3px 15px; background:rgba(0,0,0,0.5); border-radius:30px; z-index:5; white-space: nowrap;}
  
  #detail .wrap_info .tab_area > .tab.fixed {position:fixed; top:60px; width:100%; padding:0 15px; z-index:500;}
  
  .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;}
  
  .fc_white {color:#fff !important;}
  
  .bestitem, .newitem, .new5p {overflow:auto; white-space:nowrap;}
  
  .bestitem .prd_basic.col2 > li {width:183px;}
  .newitem .prd_basic.col2 > li {width:183px;}
  .new5p .prd_basic.col2 > li {width:183px;}
  
  .bestitem .prd_basic2.col2 > li {width:183px;}
  .newitem .prd_basic2.col2 > li {width:183px;}
  .new5p .prd_basic2.col2 > li {width:183px;}
  
  .bestitem .prd_basic3.col2 > li {width:183px;}
  .newitem .prd_basic3.col2 > li {width:183px;}
  .new5p .prd_basic3.col2 > li {width:183px;}
  .new5p .prd_basic4.col2 > li {width:183px;}

  .prd_basic .box .img {padding-top:113.2%; position:relative; overflow:hidden;}
  .prd_basic .box .prdimg {width:100%; height:100%; position:absolute; top:0; left:0;}
  .prd_basic .box .prdimg a{display: block; width: 100%; height: 100%; position: relative;}
  .prd_basic .box .prdimg img {width: 100%; top: 50%; transform: translateY(-50%); position: absolute; left: 0;}
  
  .bestitem .prd_basic.col2 > li {padding-right:15px;}
  .newitem .prd_basic.col2 > li {padding-right:15px;}
  .new5p .prd_basic.col2 > li {padding-right:15px;}
  .bestitem .prd_basic.col2 > li:nth-child(2n) {padding-left:0; padding-right:15px;}
  .newitem .prd_basic.col2 > li:nth-child(2n) {padding-left:0; padding-right:15px;}
  .new5p .prd_basic.col2 > li:nth-child(2n) {padding-left:0; padding-right:15px;}
  
  .bestitem .prd_basic2.col2 > li {width:183px;}
  .newitem .prd_basic2.col2 > li {width:183px;}
  .new5p .prd_basic2.col2 > li {width:183px;}
  
  .prd_basic2 .box .img {padding-top:113.2%; position:relative; overflow:hidden;}
  .prd_basic2 .box .prdimg {width:100%; height:100%; position:absolute; top:0; left:0;}
  .prd_basic2 .box .prdimg a{display: block; width: 100%; height: 100%; position: relative;}
  .prd_basic2 .box .prdimg img {width: 100%; top: 50%; transform: translateY(-50%); position: absolute; left: 0;}
  
  .bestitem .prd_basic2.col2 > li {padding-right:15px;}
  .newitem .prd_basic2.col2 > li {padding-right:15px;}
  .new5p .prd_basic2.col2 > li {padding-right:15px;}
  .bestitem .prd_basic2.col2 > li:nth-child(2n) {padding-left:0; padding-right:15px;}
  .newitem .prd_basic2.col2 > li:nth-child(2n) {padding-left:0; padding-right:15px;}
  .new5p .prd_basic2.col2 > li:nth-child(2n) {padding-left:0; padding-right:15px;}
  
  .bestitem .prd_basic3.col2 > li {width:183px;}
  .newitem .prd_basic3.col2 > li {width:183px;}
  .new5p .prd_basic3.col2 > li {width:183px;}
  
  .prd_basic3 .box .img {padding-top:113.2%; position:relative; overflow:hidden;}
  .prd_basic3 .box .prdimg {width:100%; height:100%; position:absolute; top:0; left:0;}
  .prd_basic3 .box .prdimg a {display: block; width: 100%; height: 100%; position: relative;}
  .prd_basic3 .box .prdimg img {width: 100%; top: 50%; transform: translateY(-50%); position: absolute; left: 0;}

  .prd_basic4 .box .img {padding-top:113.2%; position:relative; overflow:hidden;}
  .prd_basic4 .box .prdimg {width:100%; height:100%; position:absolute !important; top:0; left:0;}
  .prd_basic4 .box .prdimg a {display: block; width: 100%; height: 100%; position: relative;}
  .prd_basic4 .box .prdimg img {width: 100%; top: 50%; transform: translateY(-50%); position: absolute; left: 0;}
  
  .bestitem .prd_basic3.col2 > li {padding-right:15px;}
  .newitem .prd_basic3.col2 > li {padding-right:15px;}
  .new5p .prd_basic3.col2 > li {padding-right:15px;}
  .bestitem .prd_basic3.col2 > li:nth-child(2n) {padding-left:0; padding-right:15px;}
  .newitem .prd_basic3.col2 > li:nth-child(2n) {padding-left:0; padding-right:15px;}
  .new5p .prd_basic3.col2 > li:nth-child(2n) {padding-left:0; padding-right:15px;}

  .bestitem .prd_basic4.col2 > li {padding-right:15px;}
  .newitem .prd_basic4.col2 > li {padding-right:15px;}
  .new5p .prd_basic4.col2 > li {padding-right:15px;}
  .bestitem .prd_basic4.col2 > li:nth-child(2n) {padding-left:0; padding-right:15px;}
  .newitem .prd_basic4.col2 > li:nth-child(2n) {padding-left:0; padding-right:15px;}
  .new5p .prd_basic4.col2 > li:nth-child(2n) {padding-left:0; padding-right:15px;}
  
  .mfs24 {font-size:24px !Important;}
  .mfs20 {font-size:20px !Important;}
  .mfs18 {font-size:18px !Important;}
  .mfs16 {font-size:16px !Important;}
  .mfs15 {font-size:15px !Important;}
  .guide_mfs15 {font-size:15px !Important;}

  .mfs14 {font-size:15px !Important;}
  .mmfs14 {font-size:14px !important;}
  .mfs13 {font-size:14px !Important;}
  .mfs12 {font-size:12px !Important;}
  .mfs10 {font-size:10px !important;}
  
  .view_fixed_wrap {position:fixed; bottom:0; left:0; width:100%; z-index:10; background:#fff;}
  .view_fixed_wrap .total_box {background:#f5f5f5; padding:20px;}
  .view_hide_button {display:block; padding:0 0 10px 0; background:transparent; text-align:center; height:8px;}
  
.bottom_fixed {position:fixed; bottom:0; left:0; border-top:1px solid #ddd; width:100%; background:#fff; z-index:100;}

.bottom_fixed a {width:20%; float:left; height:70px; align-items: center; text-align:center; padding:0; position:relative;}
.bottom_fixed a span {position:absolute; bottom:8px; left:50%; transform:translateX(-50%); font-size:11px; white-space:nowrap;}


.bottom_fixed a:nth-child(1){text-align: left; padding-left: 24px;}
.bottom_fixed a:nth-child(1) span{left:24px; transform: none;}

.bottom_fixed a:nth-child(5){text-align: right;padding-right: 24px;}
.bottom_fixed a:nth-child(5) span{right:24px; transform: none;left: auto; width: 30px; text-align: center;}


/* .bottom_fixed a:nth-child(2) {width:25%;}
.bottom_fixed a:nth-child(3) {width:16%;}
.bottom_fixed a:nth-child(4) {width:25%;}
.bottom_fixed a:nth-child(5) {width:17%;} */

.bottom_fixed a img {vertical-align:middle; margin-top:14px;}


/* .bottom_fixed a:first-child {text-align:left;}
.bottom_fixed a:last-child {text-align:right;} */
  
  .common_info strong {font-size:14px; display:inline-block; margin-bottom:10px;}
  
  .mypage_right_cont .search {padding:0; margin-top:10px; margin-bottom:0;}
  .mypage_right_cont .search .box_btn > * {color:#fff !important; border:1px solid #000;}
  
  
  #wm_popup_1, #wm_popup_2, #wm_popup_3, #wm_popup_4, #wm_popup_5, #wm_popup_6, #wm_popup_7, #wm_popup_8, #wm_popup_9, #wm_popup_10 {width:100%; bottom:0 !important; top:auto !important; left:0 !important; right:auto !important;} 
  .popup_set {position:fixed; bottom:0; left:0; width:100%; height:100%; border-radius:25px 25px 0 0; overflow:hidden; background:#fff;}
  .popup_set .pop_cont {background:#fff; width:100%; min-height:150px;}
  .popup_set .pop_cont img {width:100%; display:block;}
  .popup_set .control_set {background:#fff; display:inline-block; width:100%; border-bottom:1px solid #ddd;}
  .qdBackground {z-index:999999;}
  
  .pop_cont .slick-prev, .pop_cont .slick-next {display:none !important;}
  
  /* 레시피 상세페이지 - 2022.02.14. 박수연 추가 */
  .editor_content > p > img {max-width: 100%;} /* 레시피 상세 이미지크기 추가 - 2022.02.09. 박수연 */
  .editor_content > p > b > img {max-width: 100%;} /* 레시피 상세 이미지크기 추가 - 2022.02.09. 박수연 */
  
  .msg_pay1{position: absolute; left: 0;} /* 주문결제 결제수단 내용 - 2022.03.15. 박수연 */
  
  
  .btn_recipe{position:absolute; bottom:30px; right:30px; padding:7px 12px; line-height:1; font-size:14px; color:#fff; border:1px solid #fff; border-radius:25px;}
  @media screen and (max-width: 600px){
      .recipetxt{width: 100% !important;}
      .btn_recipe{position: relative;left: 0;bottom: 0; display: inline-block; margin-top: 10px;}
  }
  
  .order_prd_title {margin-top: 30px; font-weight: bold; text-align: left !important; padding: 15px; font-size: 18px; border-bottom: 1px solid #000 !important; padding-top: 15px;}
  
  
  
  /* 주문/결제 페이지 - 2022. 04. 27. ujung 추가 */
  .shorBox { display: flex; width: 100%;}
  .soB1, .soB2 { width: 50%;}
  .soB1 { text-align: left;}
  .soB2 { text-align: right;}
  
  .soB3, .soB4 { text-align: left;}
  .soB3 { width: 110px; }
  .soB4 { width: calc(100% - 110px); }
  
  /* 2022.05.10. 박수연 추가 */
  .bestnew .slick-prev {position:absolute; left:-36px; top:50%; width:24px; height:91px; margin-top:-44px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/slide_prev.png') no-repeat center;}
  .bestnew .slick-next {position:absolute; right:-36px; top:50%; width:24px; height:91px; margin-top:-44px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/slide_next.png') no-repeat center;}
  
  .coupon_wrap {background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/coupon_bg.png') center center no-repeat; background-size:100% 100%; width:100%; height:170px; display:table;}
  .coupon_wrap .dptc.vam {display:table-cell; vertical-align:middle;}
  .pdl_30 {padding-left:30px;}
  
  /* coupon down list 2023-10-10 ujung 추가 */
  .board_read p{line-height: 0;}
   #off_event_title {line-height: 1;}
  .board_read p img {width:100%; height:100%; display: block;}

  
  
  /* 아이디 찾기 ujung 추가 */
  .ip_maile{width: calc(100% - 105px); }
  .membtn {height: 48px; margin-bottom: 0;line-height: 48px; margin-left: 5px; border: 1px solid #015ec5; color: #015ec5; font-weight: 600; width:100px;font-size: 11px;background-color: #fff;}
  
  .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;}
  .qna_table .cont_table tr.dvdate td.fs14{padding:10px; word-break: keep-all;}
  .qna_table .cont_table tr.dvdate td.fs15{padding:10px;}
  .list_cart > li > .btn.btnmg1{display:flex;}
  .list_cart > li > .btn.btnmg1 .box_btn{margin-right:7px;}
  .list_cart > li > .btn.btnmg1 .box_btn:last-child{margin-right:0;}
  .button_div{display:flex;}
  .button_div .mypage_list_button {width:100%; margin-right:7px; border:1px solid #ddd;}
  .button_div .mypage_list_button.button_blue{border: 1px solid #015ec5;}
  .button_div .mypage_list_button:last-child{margin-right:0;}
  
  
  /* 장바구니 상품 풀절 - ujung 추가*/
  .list_cart .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. 박수연 추가 */
  .selst1 select, select.selst1{width:100% !important; margin:0 !important;}
  
  .foot_link {margin-top:10px;}
  .foot_link a {display:inline-block; line-height:1em; padding:5px 10px; font-size:13px; background:#fff; border:1px solid #ccc; margin-right:5px;}
  
  /* 메인 상단배너 추가 - 2022.07.29. 박수연 */
  .banner_g {position: relative;}
  .banner_g #top_banner {width:100%; height:80px; background-color:#fff; position: relative;}
  .banner_g .banner_t {position: absolute; right: 20px; top: 30px;}
  
  header .gnb li.bell a {right: 64px; background-image: url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/header_bell_b.png'); background-size: auto 25px;}
  header .gnb li.app a {right: 104px; background-image: url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/ico_share2.svg'); background-size: auto 25px;}

  .non_dlv {background-color:#000; color:#fff; padding:7px 10px; line-height:1; font-size:14px; display:inline-block; margin:15px 0 0 0;}    /* 택배불가 아이콘 - 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-height:1;}
  .black_button_wrap a.active {background:#000; color:#fff;}
  
  .prd_basic .box .price, .prd_basic .box .price * {letter-spacing:-1px !important; font-weight:bold !important;}
  #detail .info .multi_opt .opt_total strong .sell_prc_str_total, #detail .info .multi_opt .opt_total strong .sell_prc_str_total {color:#015ec5 !important;}
  

  header .category_head::-webkit-scrollbar {display:none;}
	
  #big_section .sub_category::-webkit-scrollbar {display:none}	
  
  
  /* 세트상품 추가 - 2022. 10. 19. 제유정 */
  .set_box_option{position: relative; padding: 15px 0 0;}  
  .set_box_option .name{float: left; width: 50%; word-break: break-all;padding: 5px 0;}
  .set_box_option .box_qty{float: left;}

  
  @media (max-width: 340px){
  	.tab_ul5 li a{font-size:12px;}
  }
  
.cont_table3 {width:100%;}
.cont_table3 tr th {border-top:1px solid #333; border-bottom:1px solid #ddd; background:#f5f5f5; text-align:center; height:40px; padding:10px 0; color:#333; font-size:14px; 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:40px; padding:10px; color:#333; background:#fff; font-size:14px; 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;}
.cont_table3 tr td img {vertical-align:middle;}
.cont_table3 tr td a {display:block;}
.table_scrollwrap::-webkit-scrollbar {display:none;}

/* 장바구니 수정 2022. 12. 13. ujung */
.order_div1 .order_info_cont .order_info_table tr td img{height:110px;}
.order_div1 .order_info_cont .order_info_table tr td p.price{display:inline-block !important; padding-right:0;}
/*.order_div1 .cart_prc.is_sale > .after{display:inline-block !important;}*/
.order_div1 .cart_prc.is_sale > .after{display:inline-block;}
.order_div1 .order_info_cont .order_info_table tr td p.title{overflow:hidden; color:#333; max-height:46px; padding:0; margin-bottom:15px;}
.wd1{width:140px;}
.wd2{width:calc(100% - 140px); padding-right:15px;}

/* popup 2022. 12. 14 ujung */
.mpopup{bottom: 70px !important; top: auto!important;}


@media (max-width: 480px){
    .order_div1 .order_info_cont .order_info_table tr td img{ width:85px; height:95px;}
    .order_div1 .order_info_cont .order_info_table tr td .is_sale p.price{display:block !important; padding-right:0;}
    .order_div1 .order_info_cont .order_info_table tr td > .cart_prc1{padding-bottom:15px;}
    .order_div1 .order_info_cont .order_info_table tr td > .wd1 {padding-bottom:15px;}
    .order_div1 .is_sale .tita2{display:block !important; margin-top:0 !important;}
    .order_div1 .order_info_cont .order_info_table tr td p.title{margin-bottom:5px;}
    .crtable1{margin-top:5px;}
    .wd1{width:120px;}
    .wd2{width:calc(100% - 120px);}
    .wd1.is_sale{width:85px;}
    .wd2.is_sale{width:calc(100% - 85px);}
    }


/* 푸터 반응형 추가 2022. 11. 28. 김지은 */
@media (max-width: 540px){
    .foot_link a{ margin-top: 5px;}
}

/* 하단 카테고리 2022. 12. 01. ujung */
@media (max-width: 400px){
	.bottom_fixed a:nth-child(4){padding:0 5px;	}
    .bottom_fixed a span{ letter-spacing: -0.5px;}
	.bottom_fixed a:nth-child(4) span{white-space: nowrap;}
}

.tab_ul6 {width:100%; text-align:center; overflow:auto; white-space:nowrap; margin-bottom:20px;}
.tab_ul6 li {float:left; width:50%;  margin-right:0px;}
.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; }

.warning {color:red;}
.possible {	color:green;}
.sas>span {	color:#666;	font-size:12px;}

/* li태크에 check 아이콘 표출 */
li.check {list-style: none; position: relative; padding-left: 20px; /* 아이콘과 텍스트 간격 조절 */line-height: 1.5; /* 텍스트 줄 간격 조절 */}
li.check::before {content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 15px; /* 아이콘 크기 조절 */ height: 15px; /* 아이콘 크기 조절 */ background-image: url('/_skin/m_sw_kor/img/etc/join_step_check_icon.png'); background-size: cover;}

/* 모바일 cardview ui */
.card-view-list {display: flex; flex-direction: column; align-items: center;}
.card-view { background-color: #ffffff; border: 1px solid #ced4da; border-radius: 10px; padding: 10px; margin-bottom: 10px; display: flex; align-items: baseline; width: 100%;}
.card-view.selected { border: 2px solid #2d7cbe; background-color: #eff3ff;}
.form-check-input {margin-right: 10px;}

/* 검색 UI 추가 - ujung */
#ui-id-1.ui-widget-content{ padding: 14px 0 ;  border: 0 !important;}
#ui-id-1.ui-widget{font-size: 14px; color: #333; line-height: 1; height: calc(100% - 131px); position: fixed; top: 60px !important; overflow: auto;}
#ui-id-1.ui-widget strong{font-size: 16px; color: #015ec5; font-weight: 400;}
#ui-id-1 .ui-menu-item-wrapper{font-size: 16px; color: #333; font-weight: 400;}
#ui-id-1.ui-menu .ui-menu-item{padding: 6px 20px 6px 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;}


/* 검색필드 - 2023. 06. 19. ujung 추가 */
.m_diplaynone{display: none;}
#box_search.searchLayer{z-index: 100 !important; display:none; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:#fff; padding-left:0;}
.searchLayer .search_top{position: fixed; z-index: 1000; top:0; left:0; width:100%; height: 60px; border-bottom: 2px solid #003082; z-index:3;background: #fff;}
.searchLayer .search_fix{width: 100%; height: 100%; position: relative; display: flex; align-items: center; }
.searchLayer .search_fix > a { width: 40px; height: 60px; line-height: 56px; text-align: center;}
.searchLayer .search_fix > a img {vertical-align: middle;}
.search_form{position: relative; width: calc(100% - 40px); height: 40px; background: #fff; border-radius: 40px; text-align: left; overflow: hidden;}
.search_form .search_input{border: none; width: 100%; height: 100%; padding-right: 50px; padding-left: 10px; outline: none; letter-spacing: -1px; font-size: 18px;background: #fff !important;}
.search_form .search_input:-ms-input-placeholder {font-size: 16px;}
.search_form .search_input::-webkit-input-placeholder {font-size: 16px;}
.search_form .search_input::-moz-placeholder {font-size: 16px;}
.search_form .search_btn {position: absolute; top: 8px; right: 15px; width: 22px;}
.search_wrap{padding: 20px;}
.Log_header { position: relative; padding: 0; overflow: hidden;display: flex; justify-content: space-between;}
.Log_header h2{font-size: 16px; line-height: 1; text-align: left;}
.Log_header .date { position: relative; font-size: 13px; color: #999;}
.searchLog .Log_container ul { height: 100%;}
.searchLog .Log_container ul li{overflow: hidden; position: relative; margin-top: 15px;}
.searchLog .Log_container ul li .Log_txt {display: flex; align-items: center;}
.searchLog .Log_container ul li:first-of-type { margin-top: 15px;}
/* .searchLog .Log_container ul li .Log_txt{width: calc(100% - 30px);} */
.searchLog .Log_container ul li strong { float: left; width: 20px; margin-right: 10px; font-size: 15px; line-height: 1.2; vertical-align: middle; text-align: left; color: #003082;}
.searchLog .Log_container ul li a { padding: 1px 0px; display: block; overflow: hidden; text-align: left; font-size: 15px; line-height: 1.2; vertical-align: middle; color: #666; width: calc(100% - 30px); text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal;}
.searchLog .searchLinked{line-height: 1.2; margin-right: 0;}
.searchLog .Log_container1{margin: 15px 0 30px;}
.searchLog .Log_container1 ul { /*height: 100%; display: flex;*/ width: 100%; white-space: nowrap; overflow: auto; overflow-y: hidden;}
.searchLog .Log_container1 ul li { height: 42px; border-radius: 20px; line-height: 40px; font-size: 14px; text-align: left; min-width: 50px; border: 1px solid #ddd; background-color: #fff; vertical-align: middle;  margin-right: 5px; width: auto; position: relative; display: inline-block; }
.searchLog .Log_container1 ul li a { position: relative;  color: #666; display: inline-block; line-height: 14px; padding: 13px 7px 13px 15px; font-size: 15px;}
.searchLog .Log_container1 ul::-webkit-scrollbar {display: none;}
.searchLog .Log_container1 ul li .searchButton { line-height: 1; text-align: left; border-radius: 3px; background: transparent; width: 25px; height: 40px; font-size: 15px; border: 0; padding: 0; color: #666;}
.searchLog .Log_container1 ul li .searchButton i { display: inline-block; background-image: url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/close_img.png'); background-repeat: no-repeat; width: 12px; height: 12px; background-size: 12px; opacity: 0.3;}
/* .searchLog .Log_container ul li a.popular { width: auto;} */
.searchLog .Log_container 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;}
.alldelete{position: relative; font-size: 13px; color: #999;}
#search_result.searchLayer .research{padding-left: 0; background: #fff; box-shadow: none;}
.searchLog .Log_container1 ul li.empty{margin: 0 auto; text-align: center; display: table; padding: 0 !important; border: 0;}
.searchLog .Log_container1 ul li.empty span{text-align: center; display: table-cell; vertical-align: middle; color: #999; font-size: 14px;}
/* 검색필드 - 2023. 06. 19. ujung 추가////////// */
  

/* 카테고리 - 2023. 06. 23. ujung 추가 */
.category .result_cate{position: relative; display: flex; height: 50px; background-color: #fff; border-bottom: 1px solid #ddd;}
.category .result_cate h3{position: relative; flex: 0 0 75px; height: 48px; padding-left: 15px; line-height: 48px; font-size: 13px; color:#000;}
.category .result_cate h3::after{content: ""; position: absolute; right: 0px; top: 50%; width: 1px; height: 13px; background-color: #ddd; transform: translateY(-50%);}
.category .result_cate .result_info{ overflow: hidden; height: 48px; padding-right: 15px; line-height: 51px;}
.category .result_cate .result_info > ul{ display: flex; white-space: nowrap; overflow-x: auto; user-select: none;}
.category .result_cate .result_info > ul li{height: 48px; vertical-align: middle; display: flex; align-items: center; margin: 0 0 0 15px; }
.category .result_cate .result_info > ul li a{display: inline-block; font-size: 13px; vertical-align: middle; color: #666; text-decoration: none; cursor: pointer; }
.category .result_cate .result_info > ul li span{ font-size: 13px; color: #666; }
.category .result_cate .result_info > ul::-webkit-scrollbar {display: none;}
/* 카테고리 - 2023. 06. 23. ujung 추가////////// */
  
  
  
  
/* 아이디 찾기 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; }

/**/
.scrolltop { position: fixed; right: 20px; bottom: 92px; z-index: 10; display: none; }
.scrolltop .top_button { display: block; height: 35px; background-repeat: no-repeat; background-position: center; background-color: #fff; background-size: 18px auto; font-size: 0; text-align: center; cursor: pointer; width: 35px; border: 1px solid #015ec5; }
.scrolltop .top_button { background-image: url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/top_button_img.png'); }


/* 온라인 전단 추가 - 2023.07.06. ujung*/
.app_banner{background: #F5F5F5; height: 40px; padding: 0 24px;}
.app_banner .banner_in{display: flex; justify-content: space-between; align-items: center; height: 40px;}
.app_banner .banner_in .bn1{display: flex; align-items: center;}
.app_banner .banner_in .bn2{font-weight: 400; font-size: 10px; padding-left: 10px;}
.app_banner .banner_in button{width: 55px; height: 17px; padding: 0; border-radius: 3px; border: 1px solid #000; box-sizing: border-box;}
.app_banner .banner_in button .btn_app{font-size: 10px; display: flex; align-items: center; justify-content: center;}
.app_banner .banner_in button .btn_app img{margin-left: 3px;}

.brline1{display: block; width: 100%; height: 6px; background: #F5F5F5; }
.none_leaflet{font-size: 17px; text-align: center;}
.wrap_inner1{padding: 0 15px;}
.wrap_inner2{padding: 0;}
.leaflet_top .info .box_info .info1 {position: relative; padding-top: 5px;}
.leaflet_top .info .box_info .img_info{text-align: center;}
.leaflet_top .info .box_info .img_info img { width: 100px;}
.leaflet_top .info .box_info .info1 h1{font-size: 20px; font-weight: bold; line-height: 1.2;text-align: center;}
.leaflet_top .info .box_info .btn_share{width: 30px; height: 30px; border: 1px solid #D9D9D9; border-radius: 50%; position: absolute; right: 0; top: 8px; text-align: center;}
.leaflet_top .info .box_info .btn_share img{ top: 5px; width: 18px; left: -1px; position: relative;}
.btn_share{width: 30px; height: 30px; border-radius: 50%; position: absolute; right: 0; top: 12px; text-align: center;}
.btn_share img {width: 18px; left: -1px; position: relative;}
.total_sort .btn_share {
    position:absolute; 
    right:105%; top:50%; 
    transform:translateY(-50%); 
    display:flex; align-items:center; 
    justify-content:center; z-index:1;
}
.shop_event_info {
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    margin-top : 10px;
}

.shop_event_info .shop_event_date {
  display: flex; 
  align-items: center;
	margin-right : 5px;
}
.shop_event_info .shop_event_date .btn_share {
  position:static; 
  display:flex; 
  align-items:center; 
  justify-content:center;
}
.shop_event_info .btn_share {
  margin-right : -10px;
  width : 15px;
  height : 15px;
  position : initial;
}

.shop_event_info .shop_event_date .btn_share img {
    width:18px; 
		height:24px; 
		object-fit:contain;
}
.shop_off_event_info {
  display: flex; 
  align-items: center; 
  justify-content: space-between;
}
.shop_off_event_info .btn_share {
  position:static; 
  display:flex; 
  align-items:center; 
  justify-content:center; 
  margin-top : 11px;
  margin-right : -15px;
}

.shop_detail_info {
  display: flex;
  align-items : flex-start;
  padding : 15px 0 0 0; 
}
.shop_detail_info .btn_share {
  width : 30px;
  height : none;
  position: initial;
  border-radius : 50%;
  border : none;
  display : flex;
  align-items : center;
  justify-content : center;
}

.pdb_40 .btn_share {
    display:flex; 
    align-items:center; 
    justify-content:center; 
    margin-left:auto; 
    margin-bottom : 3px;
}

.pdb_40 .welcome_btn_share .btn_share {
  display:flex; 
  align-items:center; 
  justify-content:center; 
  margin-left:auto; 
  margin-bottom : 3px;
  position:static;
  margin-right: 3px;
}

.leaflet_top .list_in{padding-top: 10px;}
.leaflet_top .list_in .con_info {display: flex;align-items: center; justify-content: center;}
.leaflet_top .list_in .con_info .img_info{width: 33px; height: 33px; border-radius: 50%;overflow: hidden;}
.leaflet_top .list_in .con_info .img_info img{width: 100%; vertical-align: middle;}
.leaflet_top .list_in .con_info .info1{padding: 0; }
.leaflet_top .list_in .con_info .info1 .tit h1{font-size: 16px; line-height: 1.2; font-weight: 400;}
.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: 12px;letter-spacing:-0.03rem; line-height: 1.2;}
.leaflet_top .list_in .con_info .info1 .txt p {width: 35px;position: relative;}
.leaflet_top .list_in .con_info .info1 .txt p::after{content: '';  position: absolute;  right: 6px; top: 3px; width: 1px; height: 9px; background-color: #808080;}
.leaflet_top .list_in .con_info .info3 a{display: block; width: 87px; border-radius: 4px; border: 1px solid #ddd; text-align: center; font-size: 12px; color: #808080;line-height: 20px;}
.leaflet_top .list_in .con_info .info3 a.active{border: 1px solid #015ec5; color: #015ec5; font-weight: 500;}


.leaflet_top .info .box_info .info2{margin: 30px 0 0;}
.leaflet_top .info .box_info .info2 select{font-size: 16px;width: 100%; height: 44px; border-radius: 7px; font-size: 15px; background-image: none !important; background: #fff url('https://m.ecdev.fooden.com/_skin/m_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_con .txt_info{padding-bottom: 20px; display: flex; align-items: center;}
.leaflet_con .txt_info h3{font-size: 22px; font-weight: bold;letter-spacing:-0.03rem;line-height: 27px;}

.leaflet_con1{position: relative;}
.leaflet_con1 .txt_info{padding: 0 15px 20px; display: flex; align-items: start;}
.leaflet_con1 .txt_info h3{font-size: 18px; font-weight: bold;letter-spacing:-0.03rem; width: calc(100% - 90px);line-height: 22px;}
/*lottiefiles - 임시작업*/
.leaflet_con1 .txt_info .img{width: 35px; position: relative; left: 0; height: 28px;}/*임시작업*/
.leaflet_con1 .txt_info .img .lottie_ico1 {width: 100px !important; text-align: left; position: absolute; left:-35px; top: -10px; height: auto;} 
.leaflet_con1 .txt_info .img1{width: 35px;}
.leaflet_con1 .txt_info .img1 .lottie_ico1 {width: 45px !important; left: -8px; top: -8px;} 
/*////lottiefiles - 임시*/
.leaflet_con1 .txt_info1{padding-bottom: 50px;}
.leaflet_con1 .txt_info1 h3{margin: 0 auto;}
.leaflet_con1 .txt_info > img{vertical-align: middle; margin-right: 5px; }
.leaflet_con1 .txt_info > img.ico1{width: 40px; margin-top: 2px}
.leaflet_con1 .txt_info > img.ico2{width: 26px;}

/* 2023-10-12 ujung 추가*/
.lst_p1{letter-spacing: -1px; font-size: 14px;}



.box_info1{display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden;}
.box_info2{margin-left: -2.5px; margin-right: -2.5px; flex-wrap: wrap;}
.box_info .content .box{ position: relative; width: 100%; margin: 0 auto;}
.box_info .content .box .img{overflow: hidden; position: relative; overflow: hidden; z-index: 1; width: 100%; margin: 0 auto; text-align: center; padding-top: 112.09%; 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%; position: absolute; top: 0; left: 0;}
.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: 3px;font-size: 15px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 22px;}
.box_info .content .info .price .price_consumer {line-height: 18px;}
.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: 13px;}
.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: 15px;line-height: 18px;}
.box_info .content .info .price .price_consumer .consumer{ word-break: break-all; word-wrap: break-word;  display: inline-block;font-size: 13px; color: #898989; text-decoration: line-through;line-height: 16px;}
.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{padding-top: 112.15%; height: auto; border-radius: 0; border: 1px solid #e9e9e9; box-shadow: none; }
.box_info .content .box .img .promotion-tit{background: #EF2A22;  width: 34px; height: 34px; top: 7px; left: 7px; position: absolute; z-index: 1;  padding :2px; border-radius: 3px; display: flex; align-items: center;}
.box_info .content .box .img .promotion-tit span{ color: #fff; font-size: 11px; line-height: 1; }

/* 프로모션 라운드 박스 */
.promotion_rounded_box{ color: #EF2A22; font-size: 11px;  line-height: 1;  display: inline-block;  z-index: 1;  padding: 5px 8px; border: 1px solid #EF2A22;  border-radius: 5px; align-items: center; margin-top: 2px; }
/* .promotion_rounded_box { color: #EF2A22; 텍스트 색상을 빨간색으로 변경  font-size: 11px;  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;} */

.box_info1 .content .info{padding-top: 10px;}
.box_info1 .content .info .name, .box_info1 .content .info .price .price_consumer,.box_info1 .content .info .price .price_discount{line-height: 16px;}
.box_info1 .content .info .name{font-size: 13px; display: -webkit-box; overflow: hidden;text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  letter-spacing: 0; line-height: 18px;}
.box_info1 .content .info .price .price_consumer p, .box_info1 .content .info .price .price_consumer span, .box_info1 .content .info .price .price_consumer b {font-size: 12px;}
.box_info1 .content .info .price .price_consumer b {letter-spacing:-0.03rem; }
.box_info1 .content .info .price .price_consumer .consumer{font-size: 12px;}
.box_info1 .content .info .price .price_discount, .box_info1 .content .info .price .price_discount span, .box_info1 .content .info .price .price_discount b {font-size: 13px;}
.box_info1 .prd_box{width: 183px; width: 145px; padding: 0 5px 0 0 ;flex: 0 0 auto; margin-bottom: 0;}
.box_info1 .prd_box:first-child{margin-left: 15px;}
.box_info1 .prd_box_more{width: 75px; padding-right: 15px; height: 159px;}
.box_info1::-webkit-scrollbar {display: none;}

.box_info2 .prd_box{width: 33.33%; padding: 0 2.5px; margin-bottom: 30px;}
.box_info2 .content .info .name{display: -webkit-box; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px;}
.box_info2 .prd_box:first-child{margin-left: 0;}


.prdMore{position: absolute; right: 15px; top: 3px;}
.prdMore a{display: flex; align-items:center; font-size: 11px; text-align: center; color: #666666;}
.prdMore a img{height: 8px; padding-left: 5px;}

.swiper { min-height: 325px; margin-top: -4px;}
.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.8) !important; background: #fff; transition: all 0.5s ease-in-out;}
.swiper .swiper-slide.swiper-slide-active { transform: scale(1) !important; top: 8px;}
.swiper_wrapper{position: relative;}

.swiper .swiper-slide.swiper-slide-active  .content .box .img{padding-top: 112.23%;}

.leaflet_category{padding-bottom: 25px;}
.leaflet_category .sub_category{display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; width: 100%;}
.leaflet_category .sub_category li{width: 75px; flex: 0 0 auto; margin-right: 5px;}
.leaflet_category .sub_category li:first-child{margin-left: 15px;}
.leaflet_category .sub_category li:last-child{margin-right: 15px;}
.leaflet_category .sub_category li a{display: block;  text-align: center; position: relative; font-size: 13px; color: #333; border-radius: 30px; border: 1px solid #333; height: 32px; line-height: 30px;}
.leaflet_category .sub_category li.active a{background: #000; border: 1px solid #000;  color: #fff;}
.leaflet_category .sub_category::-webkit-scrollbar {display: none;}

.more_warp { position: relative; width: 100%; height: 100%;}
.more_warp .btn_more1 { position: absolute; top: 50%; right: 0; transform: translateY(-50%); text-align: center;}
.more_warp .btn_more1 a{display: block; background: #f5f5f5; width: 50px; height: 50px; border-radius: 50%; text-align: center; position: relative;}
.more_warp .btn_more1 a img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.more_warp .btn_more1 p{font-size: 12px; margin-top: 5px;}

/*scroll top button*/
.scroll_top { position: fixed; right: 15px; bottom: 85px; z-index: 10;}
.scroll_top .top_button {text-align:center; color: #666666; width: 40px; height: 40px; border: 1px solid #ddd;  padding: 5px; border-radius: 8px; display: flex; vertical-align: middle; background: #fff;flex-wrap: wrap; align-items: center; justify-content: center;}
.scroll_top .top_button img{width: 20px;}
.scroll_top .top_button span{display: block; font-size: 10px; font-weight: 500; line-height: 1.2; margin-top: 3px;color: #666666;}

/* 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%, 100%); 
  width: 200px; 
  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; 
    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: 7%;
  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;
  width: 18px;
  height: 18px;
  font-size: 0px;
  line-height: 0;
  color : transparent;
  margin-top: 0;
  vertical-align: middle;
  background: url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/close_img_b.png') 0% 0% / 18px 18px no-repeat;
}
.shareLayer .shareItems { display: flex; justify-content: space-between; padding: 20px;}


/* 2023-09-08 게시판 버튼 추가*/
.board_btn > a{font-size: 1.3rem;}

/* 쿠폰등록 2023-09-11 ujung 추가 */
.coupon_area .coupon_box {padding: 0 0 20px; text-align: center;}
.coupon_area .coupon_box .coupon_input{min-width: 320px; width: 100%; height: 38px; padding: 0 10px; border-radius: 7px; background-color: #fff; font-size: 13px; 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{min-width: 120px; width: 100%; margin-top: 10px; height: 38px; background-color: #015ec5; padding: 8px 0; cursor: pointer; font-size: 14px; font-weight: 600;  border-radius: 7px; text-align: center; color: #fff; border: 0; font-family:'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important;}
.coupon_area .cp_list .coupon-info-area { display: flex; align-items: center; flex-wrap:wrap; justify-content: center; margin: 0 0 20px 0; gap: 15px; padding: 20px 15px; border-radius: 12px; background: #eef5fa;}
.coupon_area .cp_list .coupon-info-area .info-area{width: 100%;}
.coupon_area .cp_list .coupon-info-area .info-area .info-text{font-size: 15px; font-weight: 600; text-align: center;}
.coupon_area .cp_list .coupon-button-area{ display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%;}
.coupon_area .cp_list .coupon-button-area .button-coupon{ width: 50%; height: 38px; line-height: 36px; text-align: center; font-weight: 700; cursor: pointer; font-size: 14px; 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: block; padding: 24px;}
.mycoupon_area .coupon_box{padding: 0;width: 100%; padding-right: 50px; display: flex; position: relative; padding-right: 0; padding-bottom: 24px;}
.mycoupon_area .coupon_box .coupon_btn{width: 100%; margin:0;}
.mycoupon_area .cp_list .coupon-info-area{margin-bottom:0; padding: 0; gap: 15px; padding: 15px;}
.mycoupon_area .cp_list .coupon-info-area .info-area .info-text{font-size: 15px; line-height: 1.4;}
.mycoupon_area .cp_list .coupon-button-area .button-coupon{min-width: 150px;}

/* coupon down list 2023-10-10 ujung 추가 */
.mycoupon_count{display: flex; align-items: center; gap:10px;}
.mycoupon_count p{line-height: 1.2;}
.mypage_coupon_list{padding-bottom: 0;}
.mypage_coupon_list .list_box{border: 1px solid #ddd;}
.mypage_coupon_list .list_box .box1{display: flex; align-items: center; gap:10px;}
.mypage_coupon_list .list_box .box1 p{font-size: 14px;}
.mypage_coupon_list .list_box .box1 .price1{ font-size: 20px; font-weight: bold;}



/* coupon popup  2023-09-11 ujung 추가 */
.cpupon-pop-layer{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;position: fixed; top: 0;}
.cpupon-pop-layer .pop{display: inline-block; vertical-align: middle; border: 0; text-align: center; position: relative; max-width: 600px; width: 100%; background: #fff; border-radius: 10px; margin: 0 24px; box-shadow: 10px 10px 30px rgba(0,0,0,0.1); padding: 25px; overflow: hidden;}
.cpupon-pop-layer .pop_header .tit{font-size: 18px; line-height: 1.2; font-weight: 600;}
.cpupon-pop-layer .pop_cont{padding: 20px 0;}
.cpupon-pop-layer .pop_cont .coupon_input{width: 100%; min-width: 100%; height: 45px; font-size: 14px;}  
.cpupon-pop-layer .coupon_area .coupon_box1{display: flex; gap: 10px; padding: 0;}
.cpupon-pop-layer .coupon_area .coupon_box1 .coupon_btn{margin-top: 0;}
.cpupon-pop-layer .coupon_area .coupon_box1 .coupon_btn.white{background-color: #fff; color: #000; border: 1px solid #c9cdd2;}


/* 출석이벤트 2023-09-12 ujung 추가 - 2023-09-22 ujung 추가*/
.attend_event .mypage_pagetitle{font-size: 22px;}
.attend_event_wrap{ background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/mypage/attend_bg.jpg') 0; background-size: auto 100%; background-position: top;}
.attend_wrap{width: 100%; position: relative;}
.attend_con{padding: 100px 20px 20px;}
.attend_box-wrap{text-align: center; max-width: 600px; margin: 0 auto;z-index: 1; position: relative; }
.attend_title{position: relative;}
.attend_title h1{display: flex; align-items: flex-start;justify-content: center; padding: 30px 15px;}
.attend_title h1 img{width: 360px; margin-left: 70px;}
.attend_title h1 p{ font-size: 48px; font-weight: bold; color: #ff5600;}
.attend_title h1 p:last-child{padding-top: 40px;}
/* .attend_title h3{ font-size: 20px; font-weight: bold; display: inline-block; background-color: #ffcb00; padding: 5px 30px; border-radius: 12px;} */
.attend_title h3 img{width: 320px;}
.attend_box-wrap .info p{font-size: 20px; font-weight: bold; letter-spacing: -1px;}
.attend_box-wrap .info strong{font-size: 20px; font-weight: 600; color: #ff5600;}
.attend_box{padding-top: 40px;}
.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: 14px; line-height: 20px; font-weight: bold;}
.attend_box .attend_count span, .attend_box .attend_count span strong{font-size: 14px; font-weight: bold; line-height: 24px;}
.attend_box .attend_count span{ color: #000;}
.attend_box .attend_count span strong{color: #fff; width:24px; height: 24px; display: inline-block; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/mypage/attend_day.png') 0 no-repeat;background-position: center; line-height: 24px; background-size: cover;}
.attend_box1{ padding: 0;}
.attend_box1 .attend_ex{font-size: 14px; font-weight: bold; margin-bottom: 3px;}
.attend_box1 ul li{font-size: 13px; padding: 2px 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: #000;}
.attend_calendar{padding: 0 40px; position: relative;}
.attend_calendar .calendar{padding: 30px; background:url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/mypage/calendar_bg.png') 0 no-repeat; background-size: 100%; max-width: 600px; margin: 0 auto; background-position: top; }
.attend_calendar #calendar{padding-top: 30px;}
.attend_check{padding: 15px 30px; height: 200px; display: flex; align-items: center; justify-content: center; background-color: #f8cf34;}
.attend_check .attend_btn{background-color: #f45f00; color: #fff; font-weight: 500;  width: 240px; height: 65px; border: 0; font-size: 18px; text-align: center; line-height: 63px;box-shadow: 0 10px 10px -10px rgba(0,0,0,0.6);font-family: 'NotoSans', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif !important;}
.attend_ico{position: absolute;}
.ico1{ left: 0; top: 0; width: 140px;}
.ico2{ right: 0; bottom: 10%; width: 120px;}
.ico3{ right: 25%; top: 30%; width: 80px;}
.ico4{ left: 0; bottom: 10%;}
.ico5{ right: 0; bottom: 10%;}

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


.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 .ico img { width: 13px; height: 12px; position: relative; top: 6px; }
#detail .info .pop_coupon2 { padding: 0; max-width: 100%; margin: 0 15px; width: auto; top: 50%; left: 0; right: 0; }
#detail .info .pop_coupon2 .coupon_scroll { overflow-y: auto; height: 305px; }
#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; }
.modal-header { border-bottom: 1px solid #ddd; }
.coupon_box_wrap { padding: 15px 0; }
.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 .list2 { width: calc(100% - 60px); border-right: 1px dashed #ddd; position: relative; }
.coupon_box .coupon_list .list2 .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 .list2 .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 .list2 .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 .btn2 { 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 .btn2 img { width: 12px; height: 11px; }
.coupon_list .coupon_ico .ico .btn2 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; }
.pop_coupon_wrap bgfilter { z-index: 999 !important; }

@media screen and (max-width: 767px){
	.attend_box-wrap{max-width: 480px;}
	.attend_calendar{padding: 0 20px;}
	.attend_calendar .calendar{background-size: 100% 100%; padding: 20px;}
	.attend_calendar #calendar{padding-top: 20px;}
	.ico1{ width: 120px;}
	.ico2{ width: 100px;}
	.ico3{ right: 20%; top: 35%; width: 65px;}
	.ico4{ width: 120px;}
	.ico5{ width: 120px;}
}

@media screen and (max-width: 640px){
	.attend_box-wrap{max-width: 400px;}
	#attend #calendar table tbody td{height: 70px;}
	.ico1{ width: 110px;}
	.ico2{ width: 90px;}
	.ico3{ right: 15%;}
	.ico4{ width: 120px;}
	.ico5{ width: 120px;}
}

@media screen and (max-width: 600px){
	.attend_title h1 img{max-width: 100%; margin-left: 20%;}
	.attend_title h3 img{max-width: 100%;}
	.attend_box{padding-top: 25px;}
}

@media screen and (max-width: 480px){
	.attend_box-wrap{max-width: 340px;}
	.attend_con{padding: 80px 15px 15px;}
	.attend_calendar{padding: 0 15px;}
	.attend_calendar .calendar{padding :15px;}
	.attend_check{height: 150px;}
	#attend .date{padding: 15px 0;}
	.attend_title h3{padding: 5px 15px;}
	#attend #calendar table tbody td{height: 60px;}
	.attend_check .attend_btn{width: 180px; height: 50px; line-height: 48px; font-size: 16px;}
	.ico1{ width: 80px;}
	.ico2{ width: 70px; bottom: 20%;}
	.ico3{ right: 12%; width: 55px;}
}

@media screen and (max-width: 430px){
	.ico3{ right: 8%; top:40%;}
}

@media screen and (max-width: 380px){
	.ico2{ width: 60px; bottom: 25%;}
	.ico3{ right: 0%;}
	.attend_box-wrap .info p{font-size: 18px;}
	
	/* 2023-10-12 ujung 추가*/
	.leaflet_top .info .box_info .info1 h1{
		font-size: 16px;
	}
	
	.lst_p1{ font-size: 13px;}
}

/* 20231017 해상도가 줄어들어서 줄바꿈이 일어날 경우 단어를 기준으로 줄바꿈이 되도록 개선 작업 */
.info h1{word-break:keep-all;}

@media(max-width:460px){
	/* 20231017 모바일에서 460px 이하의 해상도일 경우 포인트가 만단위 일때도 단락변경이 일어나지 않도록 사이즈를 유동적으로 조정합니다. */
	.attend_box-wrap .info p{font-size:5vw;}
	.attend_box-wrap .info strong{font-size:6vw;}
}

/* 20231024 장바구니 썸네일 스타일 변경 */
.shopping-basket{}
.shopping-basket a{position:relative; display:block; width:80px; height:80px; overflow:hidden; border:1px solid #ddd;}

/*주문/결제 이미지 눌러짐 현상 수정 sykwon 20240710*/
.shopping-basket a img{position:absolute; max-width:80px; max-height:80px; height : 100%; left:50%; top:50%; transform:translate(-50%, -50%); border:0 !important;}

/* 구조를 바꾸는건 불가하다고 판단하여 강제로 위치조정 켰습니다. */

.order_div .list_cart table td input.mem2[type=checkbox]:checked + label{transform:translateY(55px); }
/*모바일 체크박스 위치 변경 오류 수정 sykwon 2024-09-25*/
.order_div .list_cart table td input.mem2[type=checkbox]:not(:checked) + label{transform:translateY(55px)};
.order_div table td input.mem_recipe[type=checkbox]:checked + label{transform:translateY(0px); /* 구조를 바꾸는건 불가하다고 판단하여 강제로 위치조정 켰습니다. */}

input.mem_recipe[type=checkbox]:not(old){position: absolute; padding:0;  border: 0 none;  background: transparent; cursor: pointer; display:none;}
input.mem_recipe[type=checkbox]:not(old) + label{position: relative; display: inline-block; height:22px; background: transparent url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/checkbox_off.png') top 0 left no-repeat ; background-size:20px 20px; cursor: pointer; cursor: pointer; z-index:4; padding-left:30px; font-size:14px;}
input.mem_recipe[type=checkbox]:checked + label, 
input.mem_recipe[type=checkbox]:active + label {background: transparent url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/etc/checkbox_on.png') top 0 left  no-repeat; background-size:20px 20px;}


/* 로그인 sns ui변경 2023-10-25 ujung 추가 */
.sns_wrap{border-top: 1px solid #ddd;}
.sns_wrap .tit{font-size: 15px; color: #000; text-align: center; font-weight: 600; padding: 15px 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: 7px;}
.sns_wrap .sns_login li a span{display: block; color: #666; font-size: 12px; line-height: 20px;}
.sns_conwrap{padding: 24px;}
.sns_conwrap .txt{font-size: 14px; color: #000;}
.sns_conwrap .box_wrap{ margin: 24px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.sns_conwrap .box_wrap li{padding: 15px 0; 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: 50px; color: #000; font-size: 16px; line-height: 38px; letter-spacing:-1px; text-align: center;}
.sns_conwrap .box_wrap li .box strong::before { content: ''; position: absolute; top: 0; left: 0; width: 38px; height: 38px; }
.sns_conwrap .box_wrap li .box.naver strong::before { background: url('https://m.ecdev.fooden.com/_skin/m_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://m.ecdev.fooden.com/_skin/m_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://m.ecdev.fooden.com/_skin/m_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://m.ecdev.fooden.com/_skin/m_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://m.ecdev.fooden.com/_skin/m_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://m.ecdev.fooden.com/_skin/m_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: 110px; height: 38px; line-height: 36px; 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: 15px 20px;}
.sns_info li{position: relative; font-size: 13px; color: #666; line-height: 1.2; padding: 3px 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;}

@media(max-width:460px){
	.sns_wrap .sns_login ul{gap: 0; row-gap: 10px; flex-wrap: wrap;}
	.sns_wrap .sns_login li{width: 33.33%;}
	.sns_wrap .sns_login li a{display: inline-block;}
	.sns_wrap .sns_login li a img{width: 45px; height: 45px; margin-bottom: 5px;}
}

/* 앱 알림 설정 ui변경 2023-10-26 ujung 추가 */
.ConStWrap .list_box .box{padding: 20px 24px; }
.ConStWrap .list_box .box .box_in{ display: flex; align-items: center; justify-content: space-between;}
.ConStWrap .list_box .box .tit p{font-size: 18px; font-weight: 600;}
.ConStWrap .list_box .box_right .log span{font-size:14px; font-weight: 600; padding-right: 18px; position: relative;}
.ConStWrap .list_box .box_right .log span::before{content:''; position: absolute; right:0; top: 4px; color: #666; display: block; width: 8px; height: 14px; background: url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/button/view_more_icon.png') center right no-repeat;}
.ConStWrap .list_box .sb_tit { font-size: 13px; font-weight: 600; color: #666;}
.ConStWrap .list_box .box .info{margin-top: 5px;line-height: 1.2;}
.ConStWrap .list_box .box .info span{font-size: 13px; color: #666; line-height: 1.2;}
.ConStWrap .set_box {padding: 20px 24px;}
.ConStWrap .set_box .box .tit p{font-size: 16px; font-weight: 400;}
.ConStWrap .set_box .box{border-bottom: 1px solid #eff0f4; padding: 20px 0;}
.ConStWrap .set_box .box:last-child{border-bottom: 0; padding-bottom:0;}
.ConStWrap .set_box .btn{display: block; border: 1px solid #ddd; background-color: #fff; font-size: 14px; padding: 7px 15px; line-height: 16px;}
.ConStWrap .set_box .box1{padding: 0;}
.switch_button .switch {position: relative; display: inline-block; width: 58px; height: 32px;}
.switch_button .switch input { opacity: 0; width: 0; height: 0;}
.switch_button .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius: 32px; -webkit-transition: .4s; transition: .4s;}
.switch_button .slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: 4px; bottom: 4px; background-color: #fff; border-radius: 50%; -webkit-transition: .4s; transition: .4s;}
.switch_button input:checked + .slider { background-color: #015ec5;}
.switch_button input:focus + .slider { box-shadow: 0 0 1px #015ec5;}
.switch_button input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.box-divider{display: block; width: 100%; clear: both; height: 7px; background-color: #f9fafc;}


/* sns 회원통합 ui변경 2023-10-27 ujung 추가 */
.integ_wrap {width: 100%; max-width: 100%; margin: 20px auto; padding: 0 24px !important;}
.integ_wrap .chtxt{text-align: center; font-size: 16px;}
.integ_wrap .integ_list > .box_wrap{ margin: 20px 0; border: 1px solid #000; padding: 10px 15px;}
.integ_wrap .integ_list > .box_wrap .box{display: flex; align-items: center; border-bottom: 1px solid #ddd; padding: 15px 0;}
.integ_wrap .integ_list > .box_wrap .box:last-child{border-bottom: 0;}
.integ_wrap .integ_list > .box_wrap .box .hd_tit{font-size: 16px; line-height: 1.2;}
.integ_wrap .integ_list > .box_wrap .box label{color: #666; font-size: 14px; line-height: 32px; width: 110px;}
.integ_wrap .integ_list > .box_wrap .box .input_area{width: calc(100% - 110px);}
.integ_wrap .integ_list > .box_wrap .box .form_input{border: 0; font-size: 14px; color: #000; padding: 0; height: 32px;}
.integ_wrap .integ_list > .box_wrap .box .integ_input{border: 1px solid #ddd; border-radius: 6px; padding :5px 10px; font-size: 14px; height: 32px;}
.integ_wrap .integ_list > .box_wrap .box .msg{margin-top: 5px;}
.integ_wrap .info p{font-size: 13px; color: #999; line-height: 1.2;}
.integ_wrap .info p span{ font-size: 13px; 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: 20px; display: flex; gap: 0; row-gap: 10px; align-items: center; justify-content: center;flex-wrap: wrap;}
.integ_wrap .box_btn .integ_btn{margin-top: 0; padding: 0; border: 0; width: 100%; 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: 15px; font-weight: 500; height: 40px; line-height: 40px; background-color: #f1f1f1; }
.integ_wrap .box_btn .integ_btn .btn_s span{font-size: 15px; font-weight: 500; height: 40px; line-height: 40px; color: #fff;}
.integ_wrap .box_btn .integ_btn .sns::before{ content: ''; display: inline-block; width: 34px; height: 34px; 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://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/kakao_login.png') 0 no-repeat; background-size: 100%;}
.integ_wrap .box_btn .integ_btn .naver::before{ background: url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/naver_login.png') 0 no-repeat; background-size: 100%;}
.integ_wrap .box_btn .integ_btn .facebook::before{ background: url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/facebook_login-small.png')  center right 7px no-repeat; background-size: 16px auto; }
.integ_wrap .box_btn .integ_btn .apple::before{ background: url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/apple_login.png') 0 no-repeat; background-size: 100%;}
.integ_wrap .box_btn .integ_btn .payco::before{ background: url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/member/payco_login.png') 0 no-repeat; background-size: 100%;}
.integ_wrap .box_btn .integ_btn .wemake::before{ background: url('https://m.ecdev.fooden.com/_skin/m_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;}
@media(max-width:380px){
	.integ_wrap .integ_list > .box_wrap {padding : 5px 15px;}
	.integ_wrap .integ_list > .box_wrap .box{ flex-wrap: wrap; padding :10px 0;}
	.integ_wrap .integ_list > .box_wrap .box label{width: 100%;}
	.integ_wrap .integ_list > .box_wrap .box .input_area{width: 100%;}
	.integ_wrap .integ_list > .box_wrap .box .form_input{height: auto;}
}

/*메인 ui개편 이동훈 2024.02.28*/
.delivery-wrap { display: flex; flex-direction: column; gap: 5px; }
.delivery-wrap div { display: flex; }
.delivery-header { display: flex; width: 100%; }
/*
.delivery-header { display: flex; justify-content: space-between; width: 100%; }
*/
.delivery-header div { border: 1px solid #808080; padding: 0px 5px; }
.delivery-header > a { font-size: 14px;}
/*
.delivery-header > a { font-size: 18px; font-weight: bold; }
*/
.delivery-header p { display: flex; justify-content: center; align-items: center; }
.delivery-header div a { color: #808080; font-size: 12px; }
.delivery-desc div { background-color: #015ec5; color: white; border-radius: 9999px; font-weight: 300; margin-right: 10px; font-size: 12px; white-space: nowrap; }
/*
.delivery-desc div { padding: 2px 10px; background-color: #015ec5; color: white; border-radius: 9999px; font-weight: 300; margin-right: 10px; font-size: 10px; white-space: nowrap; }
*/
.delivery-desc span {white-space: nowrap; font-size: 14px; }
/*
    .delivery-desc span { color: #808080; white-space: nowrap; font-size: 14px; }
*/
.delivery-header .img-wrapper { width: 25px; height: 25px; border-radius: 9999px; display: flex; justify-content: center; align-items: center; border: 1px solid #666;}

/* 2024-04-15 주석처리
.bestnew { width: 100%; border: 1px solid black; display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }
*/

.bestnew > div { background-color: #eeeeee; color: #666666; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 16px; transition: 0.3s; cursor: pointer; }
.bestnew div:hover, .bestnew div.active { background: #015ec5; color: #fff; border: 1px solid #015ec5; }
.m-grid ul { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.m-grid ul li { width: 100% !important; padding: 0px !important; }
.m-grid ul li:nth-child(n + 7), .m-grid .count { display: none !important; }
.m-grid-sd ul { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.m-grid-sd ul li { width: 100% !important; padding: 0px !important; }
.m-grid-sd ul li:nth-child(n + 7), .m-grid .count { display: none !important; }
.m-grid-sector ul { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.m-grid-sector ul li { width: 100% !important; padding: 0px !important; }
/*.m-grid-sector ul li:nth-child(n + 11), .m-grid .count { display: none !important; }*/
.more { display: flex; align-items: center; gap: 5px; font-size: 16px; color: #666666; }
.cate { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
.cate-title { font-size: 18px; display: flex; color: #015ec5; justify-content: center; align-items: center; border: 1px solid #015ec5; border-radius: 9999px; transition: 0.3s; }
.cate-title:hover, .cate .active { background: #015ec5; color: #fff; }
/* 사은품 선택 */
.gift-box{padding: 15px;}
.gift-box .tbl_col tbody tr td{font-size: 16px;}









.fooden-member-status{margin-top:10px; padding:0 15px; margin-bottom:20px;}

.fooden-member-status h3 em{font-size:18px; font-weight:700; font-style:normal;}
.fooden-member-status h3 sub{font-size:13px; font-weight:400;}
.fooden-member-status h3 span{margin-left:5px; font-size:11px; padding:3px 8px; background:#eee; border-radius:5px; font-weight:400;}


.fooden-member-status .status{margin-bottom:10px; margin-top:5px; border:1px solid #111; border-radius:5px; overflow:hidden; text-align:center;}

.fooden-member-status .status #bcTarget1{margin:15px auto 10px auto;}

.fooden-member-status .status dl{padding:10px 0; border-top:1px solid #111;}
.fooden-member-status .status dl dt,
.fooden-member-status .status dl dd{display:inline-block; line-height:26px; vertical-align:center;}


.fooden-member-status .status dl dt{font-size:14px;}
.fooden-member-status .status dl dd{position:relative; margin-left:5px; margin-right:30px; font-size:17px; font-weight:700;}
.fooden-member-status .status dl dd::after{position:absolute; content:''; width:1px; height:12px; right:-16px; top:50%; margin-top:-6px; background:#ccc;}
.fooden-member-status .status dl dd:last-child{margin-right:0;}
.fooden-member-status .status dl dd:last-child::after{display:none;}

.fooden-member-status .row{display:inline-block; width:100%; vertical-align:top;}
.fooden-member-status .row a{display:block; height:30px; line-height:30px; font-size:0;}
.fooden-member-status .row a img{margin-right:5px; vertical-align:middle;}
.fooden-member-status .row a span{font-size:14px; vertical-align:middle;}

.fooden-member-status .row .fl{width:50%;}
.fooden-member-status .row .fl:last-child a{text-align:right;}

/*파손위험상품 배너 이미지 사이즈 조절 2024-06-24 sykwon*/
.fragile_banner_mobile img {
  width: 100%;
  margin-bottom: 10px;
}

.special_deal_banner img {
  width : 100%;
  margin-bottom : 25px; 
}

@media (max-width : 320px){
	.guide_icon {
    width : 16px;
    margin-top : -11%;
    margin-left: 78%;
   }
}

@media (min-width : 360px){
	.guide_icon {
    width : 16px;
    margin-top : -9%;
    margin-left: 81%;
   }
}

@media (min-width : 375px){
	.guide_icon {
    width : 16px;
    margin-top : -9%;
    margin-left: 82%;
   }
}

@media (min-width : 390px){
	.guide_icon {
    width : 16px;
    margin-top : -8%;
    margin-left: 82%;
   }
}

@media (min-width : 412px){
	.guide_icon {
    width : 16px;
    margin-top : -7.2%;
   }
}

@media (min-width : 414px){
	.guide_icon {
    width : 16px;
    margin-top : -8%;
    margin-left: 83%;
   }
}

@media (min-width : 430px){
	.guide_icon {
    width : 16px;
    margin-top : -7%;
    margin-left: 84%;
   }
}

@media (min-width : 540px){
	.guide_icon {
    margin-top : -6%;
    margin-left: 87%;
   }
}

@media (min-width :712px){
	.guide_icon {
		width : 16px;
		margin-top : -4.3%;
    		margin-left: 91%;
   }
}

@media (min-width : 768px){
	.guide_icon {
		margin-top : -3.8%;
   }
}

@media (min-width : 912px){
	.guide_icon {
		margin-top : -3.5%;
    margin-left: 93%;
   }
}

@media (min-width : 1024px){
	.guide_icon {
		margin-top: -3%;
    margin-left: 93%;
   }
}

@media (min-width : 375px){
	.guide_icon img {
		margin-left: 53%;
   }
}

@media (min-width : 390px){
	.guide_icon img {
		margin-left: 56%;
   }
}

@media (min-width : 412px){
	.guide_icon img {
		margin-left: 61%;
   }
}

@media (min-width : 414px){
	.guide_icon img {
		margin-left: 61%;
   }
}

.banner_height {
  height: fit-content !important;
}

  /* 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% !important; position: absolute; max-height: 80px; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 0 !important;}


/* 2025-05-23 sykwon 클립보드 복사 레이어 */
.clipboard-toast {
  position: fixed;
  left: 50%;
  bottom: 100px;
  width : 66%;
  text-align: center;
  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;
}

.shareLayer_close_wrap {
  position: fixed;
  left: 0; top: 0; width: 100vw; height: 100vh;
  z-index: 2000;
}

.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);
}
.bottom_fixed #bottom_menu1 img{width:40px;height: 25px;}
.bottom_fixed #bottom_menu2 img,
.bottom_fixed #bottom_menu3 img,
.bottom_fixed #bottom_menu4 img{ width:25px;height: 25px;}
.bottom_fixed #bottom_menu5 img{ width:30px;height: 25px;}

.dis_opt {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}


/* 활성화된 '계속 보관' 버튼 아이콘 스타일 */
.btn-keep-cart.active img {
  border: 2px solid red; /* 예시: 빨간색 테두리 */
  border-radius: 5px;
  padding: 2px;
}

.keep-cart-tooltip{
  position: relative;
}

/* 모바일 툴팁 스타일 */
.tooltip_msg {
  position: absolute;
  right : 10px;
  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; 
}





.cart_prd_list_border {
  position: relative;
  padding-top : 10px;
}
.cart_prd_list_border::before {
  content: '';
  position: absolute;
  top: 0;
  left: -15px;
  right: 0px;
  height: 1px;
  background-color: #ddd;
  margin-top : -20px;
}
.is-empty .cart_prd_list_border {
  /* 해당 요소를 화면에 보이지 않게 하고, 공간도 차지하지 않게 합니다. */
    border-top : 0;
    padding-top : 0;
}
.is-empty .cart_prd_list_border::before {
    display: none;
}

.cart_gubun_title {
  padding-left:15px;
  border-top : 1px solid #ddd;
}

/* 주문 상세 페이지 가격 정렬 sykwon 2025-08-11 */
.ord_fr {
  width:calc(100% - 100px);
  display : flex;
  gap : 5px;
  justify-content : end;
}

/*희망 배송일 sykwon 2025-11-07*/
.direct_dlv_div table {
  width: 100%;
  text-align : center;
  border-top : 1px solid;
}
.direct_dlv_div thead th {
    height: 40px;
    border-bottom: 1px solid #ddd;
    background-color : #f9fafb;
    vertical-align : middle;
    font-size : 12px;
    padding : 3px;
}

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

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

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

/*장바구니 배송지 수정 관리 sykwon 2025-11-14*/
.cart_deli_radio_btn {
  margin-top : 0PX;
  vertical-align : middle;
}

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

#basic_val {
  color: #fff; 
  background: #015ec5;
  border: 1px solid #015ec5;
  padding: 1px 8px;
  display: inline-block;
  margin-bottom : 4px;
  border-radius : 6px;
}

#defalut_val {
  color: #000; 
  border : 1px solid #ddd;
  background: #f5f5f5;
  border-radius : 6px;
  padding : 3px 10px;
  display : inline-block;
  margin-bottom : 5px;
}

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

.detail_deli_info {
  color: red;
  font-size: 14px;
  padding-left: 4px;
}

.order_deli_title {
  font-weight : bold;
  padding-right : 4px;
  font-size : 15px;
}

.buy_list_btn_image {
  padding-top : 8px;
}

.buy_list_search_str {
  width : 80%;
}

.buy_list_search_div {
  padding-bottom : 10px;
}

.buy_list_wrap_inner {
  padding : 15px;
  padding-bottom : 0px;
}

.buy_list_select {
  width: 70%;
  background : url('https://m.ecdev.fooden.com/_skin/m_sw_kor/img/common/select_arrow.png') no-repeat 90% center/15px 10px #fff;
}

.wish_list_btn_image {
  height: 20px;
  vertical-align : text-bottom;
}

.wish_list_btn_image {
  height: 20px;
  width: 20px;
  vertical-align : text-bottom;
}

  /*이전구매상품 전체선택 라벨 sykwon 2025-12-22*/
  /* 기존 체크박스 공통 라벨 규칙(input.mem2... + label)보다 특이성이 낮아 덮이므로,
     동일한 구조로(.buy_list_label이 붙은 label만) 더 강한 선택자로 재정의 */
  input.mem2[type=checkbox]:not(old) + label.buy_list_label {
    padding-left : 25px;
    background-size : 20px 22px;
  }

  input.mem2[type=checkbox]:not(old) + label.wish_list_label {
    padding-left : 25px;
    background-size : 20px 22px;
  }

  input.mem2[type=checkbox]:not(old) + label.click_prd_label {
    padding-left : 25px;
    background-size : 20px 22px;
  }

/* 레시피 가격 div 기본 CSS 정의 sykwon 2026-01-06 */
.recipe_title_div p.title {
    font-size : 14px;
}
.recipe_title_div {
  width : 55%;
}
.recipe_price_div {
  text-align : right;
  white-space: nowrap;      /* 1,810원 줄바꿈 금지 */
  word-break: keep-all;     /* 글자 단위 분절 방지 */
  overflow-wrap: normal;
}
.recipe_image_div {
  flex : 0 0 80px;
}
.recipe_image {
  width:60px; 
  height:60px; 
  display:block;
}