@charset "UTF-8";
/*-------------------------------------------------------------------
파일 : default.css
파일정의 : Settings
CSS 적용 순서 : 아이디> 태그와 클래스> 클래스> 태그
CSS 선택자 선언 순서 : Type Selector, Layout Selector, Class Selector 등
CSS 속성 선언 순서 :
display,
position
z-index,
float / clear,
overflow,
width / height,
padding / margin,
border,
background,
font: color/font-weight/font-size/line-height/font-family
align,
etc
-------------------------------------------------------------------*/
/* Globals
-------------------------------------------------------------------*/
/* SPACE */
/* Color
-------------------------------------------------------------------*/
/* Point */
/* Process */
/* SIZE */
/* COMMON
==========================================================================* /
/* SKIP */

#searchArea .prdlist > li .thumb img {width: 100%; height: 100%;}

.main-pop_check {padding:10px 8% 20px;}
.main-pop_check label {margin-right:20px;}
.main-pop_btn {padding:0 8% 10px; display:flex;}
.main-pop_btn a {width:50%; margin-right:20px; line-height:36px; text-align:center; display:block; background:#dbdbdb; border-radius:18px; font-size:13px;}
.main-pop_btn a:last-child {margin-right:0; color:#fff; background:#008cff;}
.skip-to {
  position: absolute;
  z-index: 999;
  top: -99px;
  left: 0;
  width: 100%;
  padding: 10px 0;
  background: #333;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.skip-to:hover,
.skip-to:focus,
.skip-to:active {
  display: block;
  top: 0;
}

body {
  font-weight: 400;
  font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif;
  letter-spacing: -.04em;
}

.sticky {
  position: fixed;
  z-index: 300;
  left: 0;
  top: 0 !important;
  width: 100%;
  -webkit-transition: top .035s ease-in;
  transition: top .035s ease-in;
}

.scrollDisable {
  overflow: hidden !important;
  max-height: 100vh;
  -ms-touch-action: none;
  touch-action: none;
}

.scr-none {
  overflow-y: hidden;
}

.scr-m {
  display: none;
}

.dimmed {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index:100;
  background-color: rgba(0, 0, 0, 0.6);
}

.dimmed.open {
  display: block;
}

.dim {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.dim.open {
  display: block;
}

.blind {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
  -ms-touch-action: none;
      touch-action: none;
}

.rwbox {
  width: 100%;
  height: 0;
  padding-top: 61.8%;
  /* 1:1.618 */
}

.mobenter {
  display: none;
}
.pcenter {
  content: '';
  display: block;
  height: 1px;
}
/* ALIGN */
.fl {
  float: left;
}

.fr {
  float: right;
}

/* SIZE */
.w500 {
  width: 500px;
}

.pop1 {
  width: 500px;
  max-height: 723px;
}

/* BTN */
.btnL {
  text-align: left;
}

.btnR {
  text-align: right;
}

.btnC {
  text-align: center;
}

/* BUTTON */
button:active {
  -webkit-transform: scale(0.94);
          transform: scale(0.94);
  -webkit-transition: all .2s;
  transition: all .2s;
}

.in-btn {
  min-width: 5.36em;
  height: 2.5em;
  letter-spacing: -.06em;
  font-size: 1.4rem;
}

.sm-btn-w {
  width: 7.1428em;
  height: 2.5em;
  border: 1px solid #ccc;
  background: #fff;
  color: #222;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.4rem;
}

.func-btn-g {
  background: #999;
  color: #fff;
}

.func-btn-p {
  padding: 0 1.0714em;
  background: #ef3e61;
  color: #fff;
}

.func-btn.inact {
  border: 1px solid #999;
  background: #fff;
  color: #666;
}

.func-btn.act {
  padding: 0 1.0714em;
  background: #424345;
  color: #fff;
}

.func-btn.inact2 {
  padding: 0 1.0714em;
  background: #ccc;
  color: #fff;
  font-weight: 500;
}

.func-btn.act2 {
  padding: 0 1.0714em;
  background: #424345;
  color: #fff;
  font-weight: 500;
}

.md-btn {
  width: 10.9375em;
  height: 2.8125em;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.4rem;
}

.md-btn-w {
  display: inline-block;
  height: 70px;
  border: 1px solid #222;
  background: #fff;
  color: #666;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 69px;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.md-btn-w:hover {
  border: 1px solid #999;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}

.md-btn-b {
  display: inline-block;
  height: 70px;
  border: 1px solid #222;
  background: #424345;
  color: #fff;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 69px;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.md-btn-b.cart i {
  display: inline-block;
  width: 29px;
  height: 23px;
  background: url(../images/ic-pack.png) -420px -30px;
  margin-right: 20px;
  vertical-align: middle;
}

.md-btn-b.cart.on i {
  display: inline-block;
  width: 29px;
  height: 23px;
  background: url(../images/ic-pack.png) -480px -30px;
  margin-right: 20px;
  vertical-align: middle;
}

.md-btn-b:hover {
  border: 1px solid #000;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}

.df-btn-w {
  display: inline-block;
  width: 150px;
  height: 45px;
  border: 1px solid #222;
  background: #fff;
  color: #666;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 45px;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.df-btn-w:hover {
  border: 1px solid #999;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}
#eventModify {width:250px; height:60px; line-height:60px; border:none; color:#fff; background:#999; font-size:20px;}

#eventSubmit {width:250px; height:60px; line-height:60px; border:none; color:#fff; background:#00b2de; font-size:20px;}

.df-btn-b {
  display: inline-block;
  width: 150px;
  height: 45px;
  border: 1px solid #222;
  background: #424345;
  color: #fff;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 45px;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.df-btn-b:hover {
  border: 1px solid #000;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}

.df-btn-g {
  display: inline-block;
  width: 150px;
  height: 45px;
  border: 1px solid #999;
  background: #999;
  color: #fff;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 45px;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.df-btn-g:hover {
  border: 1px solid #000;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}

.df-btn-g.s {
  width: 75px;
  height: 35px;
  font-size: 1.4rem;
  line-height: 35px;
}

.df-btn-g2 {
  display: block;
  width: 100px;
  height: 35px;
  margin: 0 auto;
  background: #bbb;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 35px;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.df-btn-g2:hover {
  border: 1px solid #000;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}

.df-btn-lg {
  display: inline-block;
  min-width: 100px;
  height: 45px;
  background: #ccc;
  color: #fff;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 45px;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.df-btn-lg:hover {
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}

.df-btn-gr {
  display: inline-block;
  height: 45px;
  padding: 0 20px;
  background: #12ac65;
  color: #fff;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 45px;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.df-btn-gr:hover {
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}

.df-btn-gr i.down {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 19px;
  height: 16px;
  margin-right: 10px;
  background: url(../images/ic-down-3x.png) no-repeat 50% 50%;
  background-size: cover;
}

.bd-btn1 {
  display: inline-block;
  height: 75px;
  padding: 0 10px;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
  border-radius: 0;
}

.bd-btn1:hover {
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}

.btn-sign {
  display: inline-block;
  width: 550px;
  height: 75px;
  background: #00b6d6;
  color: #fff;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 2.2rem;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.btn-sign:hover {
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}

.btn-sign {
  display: inline-block;
  width: 550px;
  height: 75px;
  background: #00b6d6;
  color: #fff;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 2.2rem;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.btn-sign:hover {
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}

.btn-sign-dg {
  display: inline-block;
  width: 550px;
  height: 60px;
  background: #424345;
  color: #fff;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.btn-sign-dg:hover {
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}

.btn-sign-g {
  display: inline-block;
  width: 550px;
  height: 60px;
  background: #ccc;
  color: #fff;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.btn-sign-g:hover {
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}

.btn-sign-p {
  display: inline-block;
  width: 550px;
  height: 60px;
  background: #ef3e61;
  color: #fff;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.btn-sign-p:hover {
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}

/* FORM */
[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #222;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #e3e4e5;
  border-radius: 100%;
  background: #fff;
}

[type="radio"]:checked + label:before {
  border: 6px solid #424345;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[type="checkbox"] {
  display: none;
}

[type="checkbox"] + label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -2px 10px 0 0;
  border: 1px solid #ccc;
  background: #fff;
  vertical-align: middle;
  -webkit-transition: color 0.2s ease, -webkit-transform 0.2s ease-out;
  transition: color 0.2s ease, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease;
  transition: transform 0.2s ease-out, color 0.2s ease, -webkit-transform 0.2s ease-out;
  -webkit-transform: scale3d(0.8, 0.8, 1);
          transform: scale3d(0.8, 0.8, 1);
}

[type="checkbox"] + label::before {
  content: '';
}

[type="checkbox"] + label:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

[type="checkbox"] + label:active::before {
  -webkit-transform: scale3d(1.3, 1.3, 1);
          transform: scale3d(1.3, 1.3, 1);
}

[type="checkbox"] + label::before {
  display: inline-block;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

[type="checkbox"]:checked + label::before {
  border-color: #222;
  background: #fff url("../images/ic-sel-3x.png") no-repeat 50% 50%;
  background-size: 80%;
}

[type="checkbox"]:disabled + label::before {
  background: #f8f8f8;
  background-size: 80%;
}

[type="checkbox"].chkdisabled + label::before,
[type="checkbox"][checked][disabled] + label::before {
  background: #f8f8f8 url("../images/ic-seldis-3x.png") no-repeat 50% 50;
  background-size: 80%;
}

.tb-ty1 {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}

.tb-ty1 caption {
  display: none;
}

.tb-ty1 th {
  padding: 10px 0 10px;
  border-bottom: 1px solid #eee;
  background-color: #fff;
  color: #222;
  font-weight: 500;
  font-size: inherit;
}

.tb-ty1 td {
  padding: 10px 0 10px;
  border-bottom: 1px solid #eee;
  color: #666;
  font-size: inherit;
}

.tb-ty1 tbody th {
  padding-left: 15px;
  text-align: left;
}

.tb-ty1 tbody tr:nth-child(odd) th,
.tb-ty1 tbody tr:nth-child(odd) td {
  background: #f7f7f7;
}

.tb-ty1 tbody tr:last-child() th,
.tb-ty1 tbody tr:last-child() td {
  border-bottom: 0;
}

.tb-ty2 {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  border: none;
}

.tb-ty2 caption {
  display: none;
}

.tb-ty2 th {
  padding: 14px 0 14px 0;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border: 1px solid #ddd;
  background-color: #f7f7f7;
  color: #666;
  font-weight: 400;
  font-size: inherit;
  text-align: center;
}

.tb-ty2 td {
  padding: 14px 14px 14px 20px;
  border: 1px solid #ddd;
  color: #666;
  font-size: inherit;
  text-align: left;
}

/* LAYOUT
==========================================================================*/
/* WEB */
.inner {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

#wrap {
  width: 100%;
  overflow: hidden;
}

/* TOP-BANNER */
#hdtop-bnr {
  position: relative;
  background: #333;
  color: #fff;
  text-align: center;
  opacity: 1;
}

#hdtop-bnr .inner {
  width: 800px;
  height: 50px;
  line-height: 50px;
}

#hdtop-bnr .bnr-close {
  position: absolute;
  top: 8px;
  right: 0;
  width: 80px;
  height: 30px;
  background: #000;
  color: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* HEADER */
header {z-index:100;}
.user-menu {
  height: 35px;
  line-height: 35px;
}

.user-menu .list {
  float: right;
}

.user-menu .list:after {
  content: '';
  display: block;
  clear: both;
}

.user-menu .list .user-area {
  position: relative;
  top: 0px;
  padding: 0 17px;
  color: #999;
}

.user-menu .list .user-area em {
  color: #222;
  font-weight: 500;
  text-decoration: underline;
  text-underline-position: under;
}

.user-menu .list a {
  padding: 3px 17px;
}
.user-menu .list a#alarm {position:relative;}
.user-menu .list a#alarm em {
    width: 20px;
    height: 20px;
    color: #fff;
    background: #f10;
    position: absolute;
    top: -3px;
    right: -6px;
    border-radius: 10px;
    line-height: 20px;
    z-index: 1;
}

.user-menu .list .alarmPop {display:none; position:absolute; top:40px; right:0; width:280px; padding:10px; box-sizing:border-box; border:1px solid #dbdbdb; border-radius:15px; z-index:100; background:#fff;}
.user-menu .list .alarmPop ul li {
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    width: 100%;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #dbdbdb;
}
.user-menu .list .alarmPop ul li:last-child {border-bottom:0; padding-bottom:0;}
.user-menu .list .alarmPop ul li span {text-align:left; line-height:170%;}
.user-menu .list .alarmPop ul li em {
	vertical-align: top;
	line-height: 170%;
}
.user-menu .list .alarmPop.open {display:block;}
.user-menu .list li {
  position: relative;
  float: left;
  color: #333;
  font-weight: 400;
  letter-spacing: -.06em;
  font-size: 1.4rem;
  text-align: center;
}

.user-menu .list li:after {
  content: '';
  display: inline-block;
  position: absolute;
  background: #ebebeb;
  width: 1px;
  height: 15px;
  top: 12px;
  right: 0;
  vertical-align: middle;
}

.user-menu .list li:last-child:after {
  display: none;
}

.user-menu .list li:last-child a {
  padding: 3px 3px 3px 17px;
}

.hd-full {
  border-top: 1px solid #eee;
}

.header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  position: relative;
  max-width: 1200px;
  height: 139px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}

.header-inner:after {
  content: '';
  display: block;
  clear: both;
}

h1 {
  float: left;
  width: 30%;
}

h1 img {
  height: 68px;
}

.header-logo {
  display: block;
  margin-top: 29px;
}

.gnb-sch {
  width: 40%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 35px;
  text-align: center;
}

.gnb-sch input[type="text"] {
  width: 320px;
  height: 45px;
  padding-left: 20px;
  border: 2px solid #00b6d6;
  border-radius: 25px;
}

.gnb-sch .btn-sch {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  margin-left: -40px;
  background: transparent;
}

.gnb-sch .tag {
  margin-top: 10px;
  text-align: center;
}

.gnb-sch .tag button {
  padding: 7px 9px;
  color: #333;
  font-size: 1.6rem;
}

.gnb-sch .tag button.em, .gnb-sch .tag button:hover {
  padding: 7px 8px;
  color: #00b6d6;
  font-weight: 700;
  font-size: 1.6rem;
}

.topbnr {
  margin-top: 25px;
  width: 30%;
}

.topbnr .swiper-container {
  margin-left: 10px;
  width: calc(100% - 10px);
  height: 85px;
}

/* GNB */
#gnb {
  -webkit-transition: top .25s ease-in-out;
  transition: top .25s ease-in-out;
}

.gnb-wrap {
  position: relative;
  left: 0;
  width: 100%;
  height: 60px;
  border-top: 1px solid #00b6d6;
  background: #fff;
}

.gnb-wrap .nav-all {
  position: absolute;
  z-index: 20;
  top: 0;
  left: calc(50% - 1200px / 2);
  width: 200px;
  height: 59px;
  padding: 10px;
  background: #00b6d6;
}

.gnb-wrap .nav-all.nav-btn {
  border-radius: 0;
  background: #00b6d6 url(../images/all-open.png) no-repeat 17px 50%;
}

.gnb-wrap .nav-all.nav-btn-close {
  border-radius: 0;
  background: #00b6d6 url(../images/all-open-on.png) no-repeat 17px 50%;
}

.gnb-wrap .nav-all span {
  padding-left: 17px;
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: left;
}

.gnb-wrap .gnbmenu {
  position: relative;
  z-index: 11;
  width: calc(1200px - 200px);
  left: 119px;
  margin: 0 auto;
}

.gnb-wrap .gnbmenu > li {
  display: block;
  position: relative;
  float: left;
  text-align: center;
}

.gnb-wrap .gnbmenu > li > a {
  display: block;
  position: relative;
  height: 59px;
  padding: 0 1.8em;
  color: #222;
  font-weight: 500;
  font-size: 2rem;
  line-height: 59px;
  text-align: center;
  -webkit-transition: width 2s,-webkit-transform 2s;
  transition: width 2s,-webkit-transform 2s;
  transition: width 2s,transform 2s;
  transition: width 2s,transform 2s,-webkit-transform 2s;
}

.gnb-wrap .gnbmenu > li > a:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 5px;
  background: #00b6d6;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.gnb-wrap .gnbmenu > li > a:hover:after {
  width: 50%;
  -webkit-transition: width .3s;
  transition: width .3s;
}

.gnb-wrap .gnbmenu > li.gnb-bnr {
  position: absolute;
  float: none;
  top: 0;
  left: 0;
  width: 0;
}

.gnb-wrap .gnbmenu > li .bestnew {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 3px;
  background: url(../images/ic-pack.png) -60px -30px;
}

.gnb-wrap .gnbmenu .depth2 {
  display: none;
  position: absolute;
  top: 75px;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.gnb-wrap .gnbmenu .depth2 li > a {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 0;
  color: #333;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1;
}

.gnb-wrap .gnbmenu .depth2 li > a:hover {
  font-weight: 500;
}

.gnb-wrap .gnbmenu .depth2 li .depth2.on {
  display: block;
}

.gnb-wrap .gnbmenu .gnbebook {
  position: absolute;
  z-index: 11;
  top: 58px;
  left: -119px;
  width: 200px;
  height: 225px;
  background: url(../images/gnb-quick1.jpg);
  color: #fff;
  text-align: center;
}

.gnb-wrap .gnbmenu .gnbebook h3 {
  margin: 61px 0 31px;
  color: #fff;
  letter-spacing: -.06em;
  font-size: 1.8rem;
}

.gnb-wrap .gnbmenu .gnbebook h3 em {
  display: block;
  margin-top: 9px;
  font-weight: 700;
  font-size: 2rem;
}

.gnb-wrap .gnbmenu .gnbebook a {
  display: block;
  width: 105px;
  height: 30px;
  margin: 0 auto;
  border: 1px solid #fff;
  border-radius: 15px;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 29px;
}

.gnb-wrap .gnbmenu .gnbebook a:hover {
  border: none;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.gnb-wrap .gnbmenu:after {
  content: '';
  display: block;
  clear: both;
}

.gnb-wrap.on:after {
  content: '';
  display: block;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 225px;
  border-bottom: 1px solid #00b6d6;
  background: #fff url(../images/gnbbg.png) no-repeat 50% 0;
}

.gnb-wrap.on .gnbmenu .depth2 {
  display: block;
}

.gnballmenu {
  display: none;
  position: absolute;
  z-index: 20;
  width: 1200px;
  height: auto;
  left: 50%;
  border: 1px solid #00b6d6;
  background: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.gnballmenu:after {
  content: '';
  display: block;
  clear: both;
}

.gnballmenu > li {
  display: block;
  width: 16.666666%;
  height: 250px;
  float: left;
  border-right: 1px solid #ddd;
}

.gnballmenu > li:nth-child(6n) {
  border-right: none;
}

.gnballmenu > li:nth-child(n+6) {
  border-top: 1px solid #ddd;
}

.gnballmenu > li .depth1 {
  height: 49px;
  padding-left: 6px;
  background: #dbf1f9;
  color: #333;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 49px;
}

.gnballmenu > li .depth1 i {
  display: inline-block;
  width: 30px;
  height: 26px;
  margin-right: 6px;
  background: url(../images/ic-gnbcate.png);
  vertical-align: middle;
}

.gnballmenu > li .depth1 i.ic1 {
  background-position: 0 0;
}

.gnballmenu > li .depth1 i.ic2 {
  background-position: -30px 0;
}

.gnballmenu > li .depth1 i.ic3 {
  background-position: -60px 0;
}

.gnballmenu > li .depth1 i.ic4 {
  background-position: -90px 0;
}

.gnballmenu > li .depth1 i.ic5 {
  background-position: -120px 0;
}

.gnballmenu > li .depth1 i.ic6 {
  background-position: -150px 0;
}

.gnballmenu > li .depth1 i.ic7 {
  background-position: -180px 0;
}

.gnballmenu > li .depth1 i.ic8 {
  background-position: -210px 0;
}

.gnballmenu > li .depth1 i.ic9 {
  background-position: -240px 0;
}

.gnballmenu > li .depth1 i.ic10 {
  background-position: -270px 0;
}

.gnballmenu > li .depth1 i.ic11 {
  background-position: -300px 0;
}

.gnballmenu > li .depth2 {
  margin-top: 14px;
}

.gnballmenu > li .depth2 li {
  color: #333;
  letter-spacing: -.60em;
  font-size: 1.6rem;
}

.gnballmenu > li .depth2 li a {
  display: block;
  padding: 8px 15px;
}

.gnballmenu > li .quick li {
  color: #333;
  font-weight: 500;
  font-size: 1.6rem;
}

.gnballmenu > li .quick li i {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 11px;
  background: url(../images/ic-gnbcate.png);
  vertical-align: middle;
}

.gnballmenu > li .quick li i.ic1 {
  background-position: 0 -90px;
}

.gnballmenu > li .quick li i.ic2 {
  background-position: -30px -90px;
}

.gnballmenu > li .quick li i.ic3 {
  background-position: -60px -90px;
}

.gnballmenu > li .quick li a {
  display: block;
  padding: 12px 12px;
}

.quick-menu {
  position: fixed;
  z-index: 5;
  top: 258px;
  left: calc(50% + 720px);
  width: 110px;
  text-align: center;
}

.quick-menu .mymenu {
  position: relative;
  top: 0;
  left: -7px;
  width: 125px;
  height: 124px;
  margin-bottom: 15px;
  -webkit-transition: all .35s;
  transition: all .35s;
}

.quick-menu .mymenu:hover {
  top: -10px;
}

.quick-menu .recently-pd-list {
  width: 100%;
  padding: 11px 0 0;
  margin: 0 auto;
  border: 1px solid #00b6d6;
  background: #fff;
}

.quick-menu .recently-pd-list h3 {
  padding-bottom: 11px;
  border-bottom: 1px solid #eee;
  color: #222;
  letter-spacing: -0.08em;
  font-weight: 400;
  font-size: 1.3rem;
}

.quick-menu .recently-pd-list h3 .total {
  padding-left: 5px;
  color: #00b6d6;
  font-weight: 700;
  font-size: 1.4rem;
}

.quick-menu .recently-pd-list .swiper-container {
  padding: 12px 0 38px;
}

.quick-menu .recently-pd-list .swiper-slide {
  padding: 0 13px;
}

.quick-menu .recently-pd-list .swiper-slide a {
  display: block;
  width: 80px;
  height: 80px;
  margin: 2px 0;
  border: 1px solid #eee;
}

.quick-menu .recently-pd-list .swiper-slide a:hover {
  border: 1px solid #00b6d6;
}

.quick-menu .recently-pd-list .recnt-pgn {
  position: absolute;
  left: 0;
  bottom: 9px;
  width: 100%;
  height: 23px;
}

.quick-menu .recently-pd-list .recnt-pgn .swiper-button-next,
.quick-menu .recently-pd-list .recnt-pgn .swiper-button-prev {
  position: absolute;
  z-index: 10;
  top: 0;
  width: 23px;
  height: 23px;
  margin-top: 0;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  background-position: center;
  background-repeat: no-repeat;
}

.quick-menu .recently-pd-list .recnt-pgn .swiper-button-prev,
.quick-menu .recently-pd-list .recnt-pgn .swiper-container-rtl .swiper-button-next {
  background: #fff url(../images/ic-pack.png) -293px -24px;
  left: 29px;
  right: auto;
}

.quick-menu .recently-pd-list .recnt-pgn .swiper-button-prev:hover,
.quick-menu .recently-pd-list .recnt-pgn .swiper-container-rtl .swiper-button-next:hover {
  background: #fff url(../images/ic-pack.png) -323px -24px;
}

.quick-menu .recently-pd-list .recnt-pgn .swiper-button-next,
.quick-menu .recently-pd-list .recnt-pgn .swiper-container-rtl .swiper-button-prev {
  background: #fff url(../images/ic-pack.png) -352px -24px;
  right: 29px;
  left: auto;
}

.quick-menu .recently-pd-list .recnt-pgn .swiper-button-next:hover,
.quick-menu .recently-pd-list .recnt-pgn .swiper-container-rtl .swiper-button-prev:hover {
  background: #fff url(../images/ic-pack.png) -382px -24px;
}

.quick-menu .recently-pd-list .nolist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 217px;
}

.quick-menu .recently-pd-list .nolist p {
  color: #999;
  letter-spacing: -.06em;
  font-size: 1.4rem;
  line-height: 1.57;
}

.quick-menu .contact {
  margin-top: 35px;
  border: 1px solid #ddd;
}

.quick-menu .contact a {
  display: block;
  width: 100%;
}

.quick-menu .contact .manager {
  height: 85px;
  padding: 12px 3px 13px;
  border-bottom: 1px solid #ddd;
  background: #fff;
  color: #666;
  letter-spacing: -.06em;
  font-weight: 400;
  font-size: 1.3rem;
}

.quick-menu .contact .manager em {
  display: block;
  margin: 6px 0 12px;
  color: #222;
  font-weight: 500;
  font-size: 1.8rem;
}

.quick-menu .contact .manager .phone-num {
  color: #ccc;
  letter-spacing: -.04em;
  font-weight: 900;
  font-size: 1.3rem;
}

.quick-menu .contact .chatbot {
  height: 38px;
  border-bottom: 1px solid #ddd;
  background: #fff;
  color: #666;
  letter-spacing: -.06em;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 37px;
}

.quick-menu .contact .chatbot i {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 23px;
  height: 17px;
  margin-right: 6px;
  background: #fff url(../images/ic-chatbot-g-3x.png) no-repeat 50% 50%;
  background-size: 23px 17px;
}

.quick-menu .contact .btn-top {
  height: 40px;
  background: #424345;
  line-height: 39px;
}

.quick-menu .contact .btn-top a {
  color: #fff;
  letter-spacing: .2em;
  font-weight: 500;
  font-size: 1.4rem;
}

.quick-menu .contact .btn-top a span {
  margin-left: 3px;
  letter-spacing: .2em;
}

.quick-menu .contact .btn-top i {
  display: inline-block;
  position: relative;
  top: -3px;
  left: 9px;
  width: 11px;
  height: 6px;
  background: url(../images/ic-pack.png) -30px -150px;
}

/* CONTAINER */
.container {
  position: relative;
  background: #fff;
}

.container .subtop {
  display: block;
  width: 100%;
  height: 165px;
  margin-bottom: 6em;
}

.container .subtop .inner {
  height: 100%;
  text-align: center;
}

.container .subtop.category {
  background: #f0f5fc url(../images/subbg1.png) 50% 0;
}

.container .subtop.school-meal {
  background: #f6f6f6 url(../images/subbg3.png) 50% 0;
}

.container .subtop.sub-data {
  background: #f6f6f6 url(../images/subbg3.png) 50% 0;
}

.container .subtop.comm {
  background: #f6f6f6 url(../images/subbg3.png) 50% 0;
}

/* SUB
-------------------------------------------------------------------*/
.location {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 31px;
  text-align: left;
}

.location li {
  display: inline-block;
  color: #222;
  letter-spacing: -.06em;
  font-weight: 400;
  font-size: 1.4rem;
}

.location li:last-child::after {
  display: none;
}

.location li::after {
  content: '>';
  display: inline-block;
  margin-top: 17px;
  padding: 0 9px;
  color: #999;
}

.title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: calc(100% - 49px);
}

.title-wrap h3 {
  width: 100%;
  margin-top: 30px;
  color: #222;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 3rem;
}

.title-wrap .p1 {
  position: relative;
  top: 19px;
  color: #666;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
}

.subtop.comm .title-wrap h3.result {
  font-size: 2.6rem;
}

.subtop.comm .title-wrap .all-num {
  color: #222;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
}

.subtop.comm .title-wrap .all-num strong {
  color: #00b6d6;
  letter-spacing: -.06em;
  font-weight: 700;
}

.subtop.comm .title-wrap .all-num:before {
  content: '|';
  display: inline-block;
  position: relative;
  top: -1px;
  padding: 0 15px;
  color: #ccc;
  font-size: 1.4rem;
}

.category-sel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: calc(100% - 49px);
}

.category-sel h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 15px;
}

.category-sel i {
  display: inline-block;
  position: relative;
  top: -2px;
  width: 4.8em;
  height: 3.8em;
}

.category-sel i.cate1 {
  background: url(../images/ic-cate1.png) no-repeat;
  background-size: cover;
}

.category-sel i.cate2 {
  background: url(../images/ic-cate2.png) no-repeat;
  background-size: cover;
}

.category-sel i.cate3 {
  background: url(../images/ic-cate3.png) no-repeat;
  background-size: cover;
}

.category-sel i.cate4 {
  background: url(../images/ic-cate4.png) no-repeat;
  background-size: cover;
}

.category-sel i.cate5 {
  background: url(../images/ic-cate5.png) no-repeat;
  background-size: cover;
}

.category-sel i.cate6 {
  background: url(../images/ic-cate6.png) no-repeat;
  background-size: cover;
}

.category-sel i.cate7 {
  background: url(../images/ic-cate7.png) no-repeat;
  background-size: cover;
}

.category-sel i.cate8 {
  background: url(../images/ic-cate8.png) no-repeat;
  background-size: cover;
}

.category-sel i.cate9 {
  background: url(../images/ic-cate9.png) no-repeat;
  background-size: cover;
}

.category-sel i.cate10 {
  background: url(../images/ic-cate10.png) no-repeat;
  background-size: cover;
}

.category-sel i.cate11 {
  background: url(../images/ic-cate11.png) no-repeat;
  background-size: cover;
}

.category-sel .category-btn {
  padding: 3px 0 3px 15px;
}

.category-sel .category-btn span {
  color: #222;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 2.8rem;
}

.category-sel .category-btn > i {
  display: inline-block;
  top: 0;
  width: 21px;
  height: 21px;
  margin-left: 15px;
  border: 1px solid #e3e4e5;
  border-radius: 50%;
  background: #fff url(../images/ic-pack.png) no-repeat -115px -143px;
}

.category-sel .category-btn.on i {
  background: #fff url(../images/ic-pack.png) no-repeat -115px -168px;
}

.category-sel ul {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 200px;
  padding: 1.3em 2em 1.1em;
  margin-top: 10px;
  border: 1px solid #424345;
  background: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.category-sel ul.active {
  display: block;
}

.category-sel ul li {
  padding: .625em 0;
  color: #333;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
  text-align: left;
}

.subtop-depth2 {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.subtop-depth2 .swiper-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.subtop-depth2 .swiper-slide {
  width: auto;
  height: 3.0625em;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 3.0625em;
}

.subtop-depth2 .swiper-slide.on {
  padding: 0 1.11em;
  border-bottom: 5px solid #00b2de;
  font-weight: 500;
}

.subtop-depth2 .swiper-slide a {
  display: block;
  height: 100%;
  padding: 0 1.11em;
}

.subtop-depth2 .swiper-slide a:hover {
  border-bottom: 5px solid #00b2de;
  font-weight: 500;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.subtop-depth2.catelist-s {
  width: 100%;
}

.subtop-depth2.catelist-s .swiper-slide:first-child.on {
  padding: 0 1.3em;
  border-bottom: 5px solid #00b2de;
  font-weight: 500;
}

.subtop-depth2.catelist-s .swiper-slide:first-child a {
  padding: 0 1.3em;
}

/* SUB CONTENTS */
.content-wrap {
  overflow: hidden;
  padding: 0 0 12em;
  min-height: 600px;
  width:100%;
}

.srch-wrap {
  border: 1px solid #424345;
  background: #f7f7f7;
  -webkit-transition: all .05s;
  transition: all .05s;
}

.srch-wrap.stop {
  position: fixed;
  bottom: 350px;
  width: 1200px;
}

.srch-wrap .schlist > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  height: auto;
  padding: 20px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  letter-spacing: -.04em;
  font-size: 1.6rem;
}

.srch-wrap .schlist .item-title {
  width: 15.6%;
  padding-left: 2.0625em;
  font-weight: 500;
}

.srch-wrap .schlist .items {
  width: 73.4%;
}

.srch-wrap .schlist .items .radio-select {
  display: none;
}

.srch-wrap .schlist .items .radio-list {
  display: inline;
}

.srch-wrap .schlist .items .radio-list li {
  display: inline;
}

.srch-wrap .schlist .items label {
  margin-right: 1.6875em;
}

.srch-wrap .schlist .items input:-ms-input-placeholder {
  color: #666;
}

.srch-wrap .schlist .items textarea:-ms-input-placeholder {
  color: #666;
}

.srch-wrap .schlist .items input::-webkit-input-placeholder,
.srch-wrap .schlist .items input::-webkit-input-placeholder,
.srch-wrap .schlist .items textarea::-webkit-input-placeholder {
  color: #666;
}

.srch-wrap .schlist .items input::placeholder,
.srch-wrap .schlist .items input::-webkit-input-placeholder,
.srch-wrap .schlist .items textarea::-webkit-input-placeholder {
  color: #666;
}

.srch-wrap .schlist .items .amount {
  width: 5.3125em;
  height: 2.1875em;
  color: #333;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
  text-align: right;
  line-height: 2.1875em;
}

.srch-wrap .schlist .items .unit {
  padding: 0 1.875em 0 7px;
}

.srch-wrap .schlist .items.word a {
  color: #666;
  margin-right: 2.625em;
}

.srch-wrap .schlist .items.word a:hover {
  color: #222;
}

.srch-wrap .schlist .items.allergie a {
  display: inline-block;
  min-width: 5.3125em;
  height: 2.1875em;
  padding: 0 15px;
  border: 1px solid #e3e4e5;
  border-radius: 1.2em;
  background: #fff;
  color: #666;
  margin: 4px 0.3125em 4px 0;
  line-height: 2.1875em;
  text-align: center;
  vertical-align: middle;
}

.srch-wrap .schlist .items.allergie a:hover {
  color: #fff;
  border: 1px solid #00b6d6;
  border-radius: 1.2em;
  background: #00b6d6;
}

.srch-wrap .schlist .items.tag a {
  display: inline-block;
  min-width: 5.3125em;
  height: 2.1875em;
  padding: 0 15px;
  border: 1px solid #e3e4e5;
  border-radius: 1.2em;
  background: #fff;
  color: #666;
  margin: 4px 0.3125em 4px 0;
  line-height: 2.1875em;
  text-align: center;
  vertical-align: middle;
}

.srch-wrap .schlist .items.tag a:hover {
  color: #fff;
  border: 1px solid #00b6d6;
  border-radius: 1.2em;
  background: #00b6d6;
}

.srch-wrap .schlist .items .pgin-sch {
  width: 21.875em;
  height: 2.5em;
}

.srch-wrap .schlist .detail-sch-wrap {
  width: 11%;
}

.srch-wrap .schlist .detail-sch-wrap .detail-sch {
  padding: 0 1.0714em;
  background: #ef3e61;
  color: #fff;
}

.srch-wrap .schlist .detail-sch-wrap .detail-sch i {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 12px;
  background: url(../images/ic-pack.png) no-repeat -180px -150px;
}

.srch-wrap .schlist .detail-sch-wrap .detail-sch.on i {
  background: url(../images/ic-pack.png) no-repeat -180px -174px;
}

.srch-wrap .srch-btn-wrap {
  padding: .7em 0 2.8em;
}

.srch-wrap .srch-btn-wrap button {
  margin: 0 5px;
}

.srch-wrap .fold {
  display: none;
}

.srch-wrap .fold.on {
  display: block;
}

.srch-wrap .fold .schlist li {
  border-top: 1px solid #ddd;
}

/* PRODUCT COMMON */
.totalnum {
  width: 50%;
  color: #222;
  letter-spacing: -.06em;
  font-size: 1.6rem;
}

.totalnum strong {
  font-weight: 500;
}

.totalnum em {
  color: #ef3e61;
}

.prdlist-wrap .sort-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 46px;
  margin-top: 16px;
}

.prdlist-wrap .sort-wrap .sort-select {
  display: none;
}

.prdlist-wrap .sort-wrap .sort-sel {
  margin-left: auto;
}

.prdlist-wrap .sort-wrap .sort-sel li {
  display: inline-block;
  padding: 0 10px 0;
  color: #999;
  letter-spacing: -.08em;
  font-size: 1.6rem;
}

.prdlist-wrap .sort-wrap .sort-sel li select {
  padding-right: 60px;
  background: #fff url("../images/ic-select-3x.png") no-repeat right 5px center;
  background-size: 12px 7px;
}

.prdlist-wrap .sort-wrap .sort-sel li a.on {
  color: #333;
}

.prdlist-wrap .sort-wrap .sort-sel li a.on:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 10px;
  margin-right: 7px;
  background: url(../images/ic-pack.png) no-repeat -210px -150px;
}

.prdlist-wrap .sort-wrap .sort-sel li:after {
  content: '|';
  display: inline-block;
  position: relative;
  top: -2px;
  left: 11px;
  font-size: 80%;
}

.prdlist-wrap .sort-wrap .sort-sel li:last-child:after, .prdlist-wrap .sort-wrap .sort-sel li:nth-last-child(2):after {
  display: none;
}

.prdlist-wrap .sort-wrap .sort-sel li:last-child {
  padding-right: 0;
}

/* BEST AWARDS */
.best-bnnr {
  background: url(../images/best-bnnr1.jpg) no-repeat 50% 0;
  height: 19em;
  margin-bottom: 40px;
}

.best-title {
  padding: 55px 0 15px;
  margin-bottom: 50px;
  border-bottom: 1px solid #222;
  color: #222;
  font-weight: 500;
  font-size: 2.2rem;
}

/* PRD-LIST */
.prdlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -10px 0;
  /* best 3 */
}

.prdlist > li,
.prdlist .swiper-slide {
  display: block;
  width: calc(25% - 20px);
  margin: 0 10px 30px;
  -webkit-transition: all .1s;
  transition: all .1s;
}

.prdlist > li .thumb,
.prdlist .swiper-slide .thumb {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 285px;
  margin: 0 auto;
  border: 1px solid #ddd;
  background: #fff;
  overflow: hidden;
}
.prdlist > li .thumb a.img em.sale {background:#ff1160; color:#fff; width:40px; height:40px; position:absolute; top:0; left:0; line-height:40px; text-align:center; font-size:14px; letter-spacing:1;}
.prdlist > li .thumb a.img,
.prdlist .swiper-slide .thumb a.img {
  display: block;
  position: relative;
  height: 100%;
}

.prdlist > li .thumb a.img img,
.prdlist .swiper-slide .thumb a.img img {
  width: 100%;
  height: 100%;
}

.prdlist > li .thumb .btn-wrap,
.prdlist .swiper-slide .thumb .btn-wrap {
  position: absolute;
  z-index: 1;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
}

.prdlist > li .thumb .btn-wrap .btn-cart,
.prdlist .swiper-slide .thumb .btn-wrap .btn-cart {
  position: absolute;
  top: 63%;
  left: 50%;
  width: 75px;
  height: 75px;
  margin-top: -37.5px;
  margin-left: -37.5px;
  border-radius: 50%;
  background: rgba(34, 34, 34, 0.8);
  -webkit-transform: scale(100%);
          transform: scale(100%);
}

.prdlist > li .thumb .btn-wrap .btn-cart i,
.prdlist .swiper-slide .thumb .btn-wrap .btn-cart i {
  display: inline-block;
  width: 31px;
  height: 22px;
  background: url(../images/ic-pack.png) -420px -30px;
}

.prdlist > li .thumb .btn-wrap .btn-del,
.prdlist .swiper-slide .thumb .btn-wrap .btn-del {
  position: absolute;
  top: 63%;
  left: 50%;
  width: 75px;
  height: 75px;
  margin-top: -37.5px;
  margin-left: -37.5px;
  border-radius: 50%;
  background: rgba(34, 34, 34, 0.8);
  -webkit-transform: scale(100%);
          transform: scale(100%);
}

.prdlist > li .thumb .btn-wrap .btn-del i,
.prdlist .swiper-slide .thumb .btn-wrap .btn-del i {
  display: inline-block;
  width: 25px;
  height: 28px;
  background: url(../images/ic-del-3x.png) 50% 50%;
  background-size: cover;
}

.prdlist > li .thumb:hover .btn-wrap,
.prdlist .swiper-slide .thumb:hover .btn-wrap {
  bottom: 0;
}

.prdlist > li .thumb:hover .btn-wrap .btn-cart,
.prdlist > li .thumb:hover .btn-wrap .btn-del,
.prdlist .swiper-slide .thumb:hover .btn-wrap .btn-cart,
.prdlist .swiper-slide .thumb:hover .btn-wrap .btn-del {
  top: 50%;
  -webkit-transform: scale(100%);
          transform: scale(100%);
  -webkit-transition: .1s ease-in;
  transition: .1s ease-in;
}

.prdlist > li .thumb:active .btn-wrap,
.prdlist .swiper-slide .thumb:active .btn-wrap {
  background: rgba(0, 0, 0, 0.35);
}

.prdlist > li .thumb:active .btn-wrap .btn-cart,
.prdlist > li .thumb:active .btn-wrap .btn-del,
.prdlist .swiper-slide .thumb:active .btn-wrap .btn-cart,
.prdlist .swiper-slide .thumb:active .btn-wrap .btn-del {
  top: 50%;
  background: #222222;
  -webkit-transform: scale(95%);
          transform: scale(95%);
}

.prdlist > li .info,
.prdlist .swiper-slide .info {
  width: 100%;
  padding: 12px 0 0;
  margin: 0 auto;
}

.prdlist > li .info .name,
.prdlist .swiper-slide .info .name {
  overflow: hidden;
  height: 48px;
  margin-bottom: 5px;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.222;
}

.prdlist > li .info .unit,
.prdlist .swiper-slide .info .unit {
  padding: 2px 0;
  color: #666;
  letter-spacing: -0.02em;
  font-weight: 400;
  font-size: 1.4rem;
}
.prdlist > li .info .unit_mas {
	padding: 7px 1px;
	margin: 10px 0 13px;
	border: 1px solid #ddd;
	border-radius: 5px;
	text-align:center;
	font-size:13px;
}
.prdlist > li .info .price-wrap,
.prdlist .swiper-slide .info .price-wrap {
  padding: 7px 1px;
  margin: 10px 0 13px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.prdlist > li .info .price-wrap li,
.prdlist .swiper-slide .info .price-wrap li {
  float: left;
  width: 33.3%;
  border-right: 1px solid #eee;
  text-align: center;
}

.prdlist > li .info .price-wrap li .won,
.prdlist .swiper-slide .info .price-wrap li .won {
  padding-left: 3px;
}

.prdlist > li .info .price-wrap li .title,
.prdlist .swiper-slide .info .price-wrap li .title {
  padding: 2px 0 4px;
  color: #333;
  letter-spacing: -.06em;
  font-weight: 400;
  font-size: 1.4rem;
}

.prdlist > li .info .price-wrap li .original,
.prdlist .swiper-slide .info .price-wrap li .original {
  padding: 5px 0 3px;
  color: #999;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.3rem;
  text-decoration: line-through;
}
.prdlist > li .info .price-wrap li .original.none_sale,
.prdlist .swiper-slide .info .price-wrap li .original.none_sale {
 color:#333;
 font-weight:500;
 font-size:1.4rem;
}

.prdlist > li .info .price-wrap li .price,
.prdlist .swiper-slide .info .price-wrap li .price {
  padding: 3px 0;
  color: #333;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.4rem;
}

.prdlist > li .info .price-wrap li:last-child,
.prdlist .swiper-slide .info .price-wrap li:last-child {
  border-right: none;
}

.prdlist > li .info .price-wrap:after,
.prdlist .swiper-slide .info .price-wrap:after {
  content: '';
  display: block;
  clear: both;
}

.prdlist > li.w100,
.prdlist .swiper-slide.w100 {
  width: 100%;
  border-right: 0;
  border-left: 0;
}

.prdlist.best-topimg > li {
  position: relative;
  width: calc(33.3% - 20px);
  margin: 0 10px 30px;
}

.prdlist.best-topimg > li .ranking {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 15px;
  width: 73px;
  height: 80px;
  font-size: 0;
  line-height: 0;
}

.prdlist.best-topimg > li .thumb {
  width: 100%;
  height: 386px;
  text-align: center;
  border: 5px solid;
  border-color: #f8e5bb;
  -o-border-image: linear-gradient(bottom right, #f8e5bb 15%, #b0926e 40%, #f9e7bc);
     border-image: -webkit-gradient(linear, right bottom, left top, color-stop(15%, #f8e5bb), color-stop(40%, #b0926e), to(#f9e7bc));
     border-image: linear-gradient(bottom right, #f8e5bb 15%, #b0926e 40%, #f9e7bc);
  border-image: -ms-linear-gradient(bottom right, #f8e5bb 15%, #b0926e 40%, #f9e7bc);
  border-image-slice: 1;
}

.prdlist.best-topimg > li .thumb:hover, .prdlist.best-topimg > li .thumb:active {
  border: 2px solid;
  border-color: #f8e5bb;
  -o-border-image: linear-gradient(bottom right, #f8e5bb 15%, #b0926e 40%, #f9e7bc);
     border-image: -webkit-gradient(linear, right bottom, left top, color-stop(15%, #f8e5bb), color-stop(40%, #b0926e), to(#f9e7bc));
     border-image: linear-gradient(bottom right, #f8e5bb 15%, #b0926e 40%, #f9e7bc);
  border-image: -ms-linear-gradient(bottom right, #f8e5bb 15%, #b0926e 40%, #f9e7bc);
  border-image-slice: 1;
}

.prdlist.best-topimg > li:first-child .ranking {
  background: url(../images/flat-best1.png) no-repeat 50% 50%;
  background-size: cover;
}

.prdlist.best-topimg > li:nth-child(2) .ranking {
  background: url(../images/flat-best2.png) no-repeat 50% 50%;
  background-size: cover;
}

.prdlist.best-topimg > li:nth-child(3) .ranking {
  background: url(../images/flat-best3.png) no-repeat 50% 50%;
  background-size: cover;
}

.prdlist.best-top > li {
  position: relative;
}

.prdlist.best-top > li .ranking {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
  background: #383838;
  color: #fff;
  letter-spacing: -.02em;
  font-weight: 500;
  font-size: 18px;
  line-height: 45px;
  text-align: center;
}

.prdlist.best-top > li .thumb:hover {
  border: 1px solid #383838;
}

.prdlist.best-top > li .thumb:active {
  border: 1px solid #383838;
}

.prdlist.best-top > li:first-child .ranking {
  background: #ec4c6c;
  font-weight: 900;
}

.prdlist.best-top > li:first-child:hover .thumb {
  border: 1px solid #ec4c6c;
}

.prdlist.best-top > li:first-child:active .thumb {
  border: 1px solid #ec4c6c;
}

.prdlist.best > li {
  position: relative;
  width: calc(33.3% - 20px);
  margin: 0 10px 30px;
}

.prdlist.best > li .ranking {
  position: absolute;
  z-index: 2;
  top: 1px;
  left: 1px;
  width: 45px;
  height: 45px;
  background: #424345;
  color: #fff;
  letter-spacing: -.02em;
  font-weight: 500;
  font-size: 18px;
  line-height: 45px;
  text-align: center;
}

.prdlist.best > li .thumb {
  width: 100%;
  height: 386px;
}

.prdlist.best > li .thumb:hover {
  border: 1px solid #555557;
}

.prdlist.best > li .thumb:active {
  border: 1px solid #555557;
}

.prdlist.best > li .thumb .img img {
  width: 100%;
}

.prdlist.my-menu {
  margin-bottom: 3em;
}

.prdlist.my-menu > li {
  position: relative;
}

.prdlist.my-menu > li .chk-sec {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
}

.prdlist:after {
  content: '';
  display: block;
  clear: both;
}

.tag-wrap .tag {
  display: inline-block;
  height: 22px;
  padding: 0 12px 0 10px;
  margin: 0 5px 4px 0;
  border: 1px solid #ddd;
  border-radius: 12px;
  color: #999;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 20px;
}

.tag-wrap .tag:before {
  content: '#';
  display: inline-block;
}

.flag-wrap {
  margin-bottom: 15px;
}

.flag-wrap .sm-flag {
  display: inline-block;
  height: 20px;
  padding: 0 7px;
  margin-right: 5px;
  color: #fff;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 20px;
}

.color1 {
  background: #74a534;
}

.color2 {
  background: #ef3e61;
}

.color3 {
  background: #628bc7;
}

/* PAGINATION COM-NUM */
.num-pgn {
  color: #999;
  letter-spacing: -.04em;
  text-align: center;
  font-size: 1.6rem;
  line-height: 35px;
}

.num-pgn .current {
  display: inline-block;
  width: 36px;
  height: 36px;
  border: 1px solid #424345;
  background: #424345;
  color: #fff;
  font-weight: 500;
  font-size: 1.6rem;
}

.num-pgn a {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin: 0 2px;
  border: 1px solid #ddd;
  color: #999;
  vertical-align: top;
}

.num-pgn a:hover {
  border: 1px solid #424345;
  background: #424345;
  color: #fff;
  font-weight: 500;
}

.num-pgn a.pg-first {
  background: url(../images/ic-pack.png) -18px -200px;
}

.num-pgn a.pg-first:hover {
  background: #424345 url(../images/ic-pack.png) -18px -248px;
}

.num-pgn a.pg-prev {
  margin-right: 10px;
  background: url(../images/ic-pack.png) -78px -200px;
}

.num-pgn a.pg-prev:hover {
  background: #424345 url(../images/ic-pack.png) -78px -248px;
}

.num-pgn a.pg-next {
  margin-left: 10px;
  background: url(../images/ic-pack.png) -138px -200px;
}

.num-pgn a.pg-next:hover {
  background: #424345 url(../images/ic-pack.png) -138px -248px;
}

.num-pgn a.pg-last {
  background: url(../images/ic-pack.png) -198px -200px;
}

.num-pgn a.pg-last:hover {
  background: #424345 url(../images/ic-pack.png) -198px -248px;
}

/* PRD-VIEW */
.prd-view-wrap {
  border-top: 1px solid #eee;
}

.prd-view-wrap .prd-loc .location {
  position: relative;
  padding-bottom: 23px;
}

.prd-view-wrap .subtop-head {
  display: none;
}

.prd-info1 {
  width: calc(50% - 40%);
  padding-right: 40px;
}

.prd-info1-wrap {
  overflow: hidden;
  padding-bottom: 85px;
}

.prd-info1-wrap .img-wrap {
  width: 50%;
  position: relative;
  padding-right: 40px;
}

.prd-info1-wrap .img-wrap .prdview-imgitem {
  cursor: pointer;
}
.prd-info1-wrap .img-wrap .swiper-slide {border: 1px solid #ddd;}
.prd-info1-wrap .img-wrap .swiper-slide:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.prd-info2-wrap .swiper-slide .thumb{border: 1px solid #ddd; position:relative;}
.prd-info2-wrap .swiper-slide  .thumb:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.quick-menu .recently-pd-list .swiper-slide a {position:relative;}
.quick-menu .recently-pd-list .swiper-slide a img {position:absolute; top:0; left:0; right:0; object-fit: contain; border:none!important; width: 100%; height: 100%;}

.prd-info2-wrap .swiper-slide  .thumb img {position:absolute; top:0; left:0; right:0; object-fit: contain; border:none!important; width: 100%; height: 100%;}

.prd-info1-wrap .img-wrap .swiper-slide img {position:absolute; top:0; left:0; right:0; object-fit: contain; border:none!important; width: 100%; height: 100%;}
.prd-info1-wrap .img-wrap .prdview-imgitem img {
  max-width: 100%;
  min-width: 560px;
  border: 1px solid #ddd;
}

.prd-info1-wrap .img-wrap .prdview-imgitem.swiper-container-horizontal > .swiper-pagination-bullets, .prd-info1-wrap .img-wrap .prdview-imgitem.swiper-pagination-custom, .prd-info1-wrap .img-wrap .prdview-imgitem.swiper-pagination-fraction {
  bottom: -5em;
}

.prd-info1-wrap .img-wrap .prdview-thumbs {
  margin-top: 30px;
  cursor: pointer;
}

.prd-info1-wrap .img-wrap .prdview-thumbs img {
  max-width: 100px;
  border: 1px solid #ddd;
}

.prd-info1-wrap .img-wrap .prdview-thumbs-pgn {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: calc(100% - 40px);
  height: 30px;
}

.prd-info1-wrap .img-wrap .prdview-thumbs-pgn .swiper-button-next,
.prd-info1-wrap .img-wrap .prdview-thumbs-pgn .swiper-button-prev {
  position: absolute;
  z-index: 10;
  top: 0;
  width: 16px;
  height: 30px;
  margin-top: 0;
  background-position: center;
  background-repeat: no-repeat;
}

.prd-info1-wrap .img-wrap .prdview-thumbs-pgn .swiper-button-prev,
.prd-info1-wrap .img-wrap .prdview-thumbs-pgn .swiper-container-rtl .swiper-button-next {
  background: url(../images/ic-pack.png) -270px -210px;
  left: 3px;
  right: auto;
}

.prd-info1-wrap .img-wrap .prdview-thumbs-pgn .swiper-button-prev:hover,
.prd-info1-wrap .img-wrap .prdview-thumbs-pgn .swiper-container-rtl .swiper-button-next:hover {
  background: url(../images/ic-pack.png) -270px -270px;
}

.prd-info1-wrap .img-wrap .prdview-thumbs-pgn .swiper-button-next,
.prd-info1-wrap .img-wrap .prdview-thumbs-pgn .swiper-container-rtl .swiper-button-prev {
  background: url(../images/ic-pack.png) -300px -210px;
  right: 5px;
  left: auto;
}

.prd-info1-wrap .img-wrap .prdview-thumbs-pgn .swiper-button-next:hover,
.prd-info1-wrap .img-wrap .prdview-thumbs-pgn .swiper-container-rtl .swiper-button-prev:hover {
  background: url(../images/ic-pack.png) -300px -270px;
}

.prd-info1-wrap .info1-1 {
  width: 50%;
  padding-left: 40px;
}

.prd-info1-wrap .info1-1 .fla-wrap {
  margin-bottom: 20px;
}

.prd-info1-wrap .info1-1 .name h3 {
  margin-bottom: 20px;
  color: #222;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 2.8rem;
}

.prd-info1-wrap .info1-1 .price-wrap {
  margin: 0 0 15px;
  padding: 26px 10px;
  margin: 0 0 15px;
  border: 1px solid #222;
}

.prd-info1-wrap .info1-1 .price-wrap.std {
  margin: 40px 0 15px;
}

.prd-info1-wrap .info1-1 .price-wrap li {
  float: left;
  width: 33.3%;
  border-right: 1px solid #eee;
  text-align: center;
}
.prd-info1-wrap .info1-1 .price-wrap.grid2 {padding:16px 10px;}
.prd-info1-wrap .info1-1 .price-wrap.grid2 li {
  width: 50%;
  margin:10px 0;
}
.prd-info1-wrap .info1-1 .price-wrap.grid2 li:nth-child(2n){
	border-right:0;
}

.prd-info1-wrap .info1-1 .price-wrap li .title {
  padding: 3px 0;
  color: #333;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.6rem;
}

.prd-info1-wrap .info1-1 .price-wrap li .stdcont {
  padding: 12px 0 6px;
  color: #666;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.6rem;
}

.prd-info1-wrap .info1-1 .price-wrap li .original {
  padding: 21px 0 10px;
  color: #666;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.8rem;
  text-decoration: line-through;
}

.prd-info1-wrap .info1-1 .price-wrap li .original .won {
  padding-left: 4px;
  font-size: 1.6rem;
}

.prd-info1-wrap .info1-1 .price-wrap li .price {
  padding: 3px 0;
  color: #ef3e61;
  letter-spacing: -.04em;
  font-weight: 700;
  font-size: 2.4rem;
}

.prd-info1-wrap .info1-1 .price-wrap li .price .won {
  padding-left: 3px;
  font-weight: 500;
  font-size: 1.6rem;
}

.prd-info1-wrap .info1-1 .price-wrap li:last-child {
  border-right: none;
}

.prd-info1-wrap .info1-1 .price-wrap:after {
  content: '';
  display: block;
  clear: both;
}

.prd-info1-wrap .info1-1 .allergy-wrap {
  padding: 19px 30px;
  margin: 0 0 15px;
  background: #f7f7f7;
  border: 1px solid #ccc;
}

.prd-info1-wrap .info1-1 .allergy-wrap dl {
  display: block;
  width: 100%;
  padding: 10px 0;
}

.prd-info1-wrap .info1-1 .allergy-wrap dt {
  display: inline-block;
  position: relative;
  width: 28%;
  color: #333;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
}

.prd-info1-wrap .info1-1 .allergy-wrap dt .btn-info1 {
  width: 17px;
  height: 17px;
  padding-right: 2px;
  margin-left: 7px;
  border-radius: 100%;
  background: #424345;
  color: #fff;
  letter-spacing: -.04em;
  font-weight: 900;
  font-size: 1.2rem;
  text-align: center;
}

.prd-info1-wrap .info1-1 .allergy-wrap dd {
  display: inline-block;
  width: 70%;
  color: #666;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1.6rem;
}

.prd-info1-wrap .info1-1 .allergy-wrap dd span {
  padding: 0 4px;
}

.prd-info1-wrap .info1-1 .explain-box {
  position: absolute;
  z-index: -1;
  bottom: 0;
  width: 480px;
  height: auto;
  border: 1px solid #666;
  background: #fff;
  padding: 16px 29px;
  color: #333;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.714;
  word-break: keep-all;
  opacity: 0;
}

.prd-info1-wrap .info1-1 .explain-box.box1 {
  left: -150px;
}

.prd-info1-wrap .info1-1 .explain-box.box2 {
  left: -120px;
}

.prd-info1-wrap .info1-1 .explain-box:before {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: -14px;
  left: calc(50% - 11px);
  height: 0;
  width: 0;
  height: 0;
  border-top: 14px solid #fff;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
}

.prd-info1-wrap .info1-1 .explain-box:after {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: -16px;
  left: calc(50% - 12px);
  height: 0;
  width: 0;
  height: 0;
  border-top: 16px solid #666;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}

.prd-info1-wrap .info1-1 .explain-box.on {
  z-index: 1;
  bottom: 37px;
  opacity: 1;
  -webkit-transition: all .25s;
  transition: all .25s;
}

.prd-info1-wrap .info1-1 .prd-btn-wrap {
  margin-top: 60px; overflow:hidden;
}

.prd-info1-wrap .prd-info {font-size:12px; margin-top:10px; display:block;}

.prd-info1-wrap .info1-1 .prd-btn-wrap .md-btn-w {
  width: calc(50% - 5px);
  margin-right: 5px;
}

.prd-info1-wrap .info1-1 .prd-btn-wrap .md-btn-b.cart {
  width: calc(50% - 5px);
  margin-left: 5px;
}

.prd-info2-wrap {
  overflow: hidden;
  padding: 38px 0;
  background: #f7f7f7;
}

.prd-info2-wrap h4.title {
  margin-top: 4px;
  margin-bottom: 12px;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.8rem;
}

.prd-info2-wrap .prd-recipe {
  width: calc(50% - 15px);
  margin-right: 15px;
}

.prd-info2-wrap .prd-related {
  width: calc(50% - 15px);
  margin-left: 15px;
}

.prd-info2-wrap .prd-recipe-pgn,
.prd-info2-wrap .prd-related-pgn {
  position: absolute;
  right: 0;
  top: 0;
  width: 51px;
  height: 23px;
}

.prd-info2-wrap .prd-recipe-pgn .swiper-button-next,
.prd-info2-wrap .prd-recipe-pgn .swiper-button-prev,
.prd-info2-wrap .prd-related-pgn .swiper-button-next,
.prd-info2-wrap .prd-related-pgn .swiper-button-prev {
  position: absolute;
  z-index: 10;
  top: 0;
  width: 23px;
  height: 23px;
  margin-top: 0;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  background-position: center;
  background-repeat: no-repeat;
}

.prd-info2-wrap .prd-recipe-pgn .swiper-button-prev,
.prd-info2-wrap .prd-recipe-pgn .swiper-container-rtl .swiper-button-next,
.prd-info2-wrap .prd-related-pgn .swiper-button-prev,
.prd-info2-wrap .prd-related-pgn .swiper-container-rtl .swiper-button-next {
  background: #fff url(../images/ic-pack.png) -293px -24px;
  left: 0;
  right: auto;
}

.prd-info2-wrap .prd-recipe-pgn .swiper-button-prev:hover,
.prd-info2-wrap .prd-recipe-pgn .swiper-container-rtl .swiper-button-next:hover,
.prd-info2-wrap .prd-related-pgn .swiper-button-prev:hover,
.prd-info2-wrap .prd-related-pgn .swiper-container-rtl .swiper-button-next:hover {
  background: #fff url(../images/ic-pack.png) -323px -24px;
}

.prd-info2-wrap .prd-recipe-pgn .swiper-button-next,
.prd-info2-wrap .prd-recipe-pgn .swiper-container-rtl .swiper-button-prev,
.prd-info2-wrap .prd-related-pgn .swiper-button-next,
.prd-info2-wrap .prd-related-pgn .swiper-container-rtl .swiper-button-prev {
  background: #fff url(../images/ic-pack.png) -352px -24px;
  right: 0;
  left: auto;
}

.prd-info2-wrap .prd-recipe-pgn .swiper-button-next:hover,
.prd-info2-wrap .prd-recipe-pgn .swiper-container-rtl .swiper-button-prev:hover,
.prd-info2-wrap .prd-related-pgn .swiper-button-next:hover,
.prd-info2-wrap .prd-related-pgn .swiper-container-rtl .swiper-button-prev:hover {
  background: #fff url(../images/ic-pack.png) -382px -24px;
}

.prd-info2-wrap .swiper-slide {
  display: block;
  max-width: 185px;
  margin-right: 15px;
}

.prd-info2-wrap .swiper-slide img {
  display: block;
  max-width: 185px;
  border: 1px solid #ddd;
  background: #fff;
}

.prd-info2-wrap p.title {
  overflow: hidden;
  height: 47px;
  padding: 9px 0 10px;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.285;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.prd-info2-wrap .nolist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 217px;
}

.prd-info2-wrap .nolist p {
  color: #999;
  letter-spacing: -.06em;
  font-size: 1.4rem;
  line-height: 1.57;
}

.prd-info3-wrap {
  overflow: hidden;
  padding: 86px 0 0;
}

.prd-info3-wrap h4.title {
  position: relative;
  padding: 12px 0;
  border-bottom: 1px solid #222;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 2rem;
}

.prd-info3-wrap h4.title:after {
  content: '';
  display: block;
  position: absolute;
  right: 32px;
  bottom: 16px;
  width: 12px;
  height: 7px;
  margin-left: -32px;
  background: url(../images/ic-pack.png) no-repeat -390px -150px;
}

.prd-info3-wrap .info3-1 {
  padding: 19px 0;
  margin-bottom: 49px;
  color: #666;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.875;
}

.prd-info3-wrap .edit-img1 {
  display: block;
  margin: 0 auto;
}

.certified-wrap {
  margin: -1px -9px 0;
}

.certified-wrap li {
  display: inline-block;
  margin: 10px 9px;
}

.ic-certified {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
}

.ic-certified.ic1 {
  background: #f6f6f6 url(../images/ic-certified1.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.ic-certified.ic2 {
  background: #f6f6f6 url(../images/ic-certified2.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.ic-certified.ic3 {
  background: #f6f6f6 url(../images/ic-certified3.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.ic-certified.ic4 {
  background: #f6f6f6 url(../images/ic-certified4.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.ic-certified.ic5 {
  background: #f6f6f6 url(../images/ic-certified5.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.ic-certified.ic6 {
  background: #f6f6f6 url(../images/ic-certified6.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.ic-certified.ic7 {
  background: #f6f6f6 url(../images/ic-certified7.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.ic-certified.ic8 {
  background: #f6f6f6 url(../images/ic-certified8.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.ic-certified.ic9 {
  background: #f6f6f6 url(../images/ic-certified9.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.ic-certified.ic10 {
  background: #f6f6f6 url(../images/ic-certified10.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.ic-certified.ic11 {
  background: #f6f6f6 url(../images/ic-certified11.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.ic-certified.ic12 {
  background: #f6f6f6 url(../images/ic-certified12.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.ic-certified.ic13 {
  background: #f6f6f6 url(../images/ic-certified13.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.ic-certified.ic14 {
  background: #f6f6f6 url(../images/ic-certified14.jpg) no-repeat 50% 50%;
  background-size: cover;
}
/* MEALSLIST */
.armylist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -10px 0;
}

.armylist li {
  display: block;
  width: calc(33.3% - 20px);
  margin: 0 10px 20px;
  border: 1px solid #ddd;
  -webkit-transition: all .1s;
  transition: all .1s;
}

.armylist li:hover .thumb:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 34, 34, 0.4);
  -webkit-transition: all .2s;
  transition: all .2s;
}

.armylist li:hover .thumb img {
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: scale(1.03) translateY(-50%);
          transform: scale(1.03) translateY(-50%);
}

.armylist li .thumb {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 250px;
  margin: 0 auto;
  background: #fff;
}

.armylist li .thumb img {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: auto;
  min-height: 110px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.armylist li img {
  width: 100%;
  height: 250px;
  margin: 0 auto;
  background: #fff;
}

.armylist li .text-wrap {
  padding: 20px 20px 22px;
}

.armylist li .tit {
  overflow: hidden;
  height: 53px;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.4;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.armylist li .desc {
  overflow: hidden;
  height: 54px;
  padding: 13px 0;
  color: #999;
  letter-spacing: -.04em;
  font-size: 1.6rem;
  line-height: 1.375;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.armylist li .write-info {
  margin-top: 18px;
  overflow: hidden;
}

.armylist li .write-info .date {
  display: inline-block;
  padding-right: 10px;
  color: #999;
  letter-spacing: -.04em;
  font-size: 1.6rem;
}

.armylist li .write-info .date:after {
  content: '|';
  display: inline-block;
  position: relative;
  top: -2px;
  padding-left: 10px;
  color: #ddd;
  font-size: 1.4rem;
}

.armylist li .write-info .hits {
  float:right;
  color: #999;
  letter-spacing: -.04em;
  font-size: 1.2rem;
  line-height:16px;
}

.armylist li .write-info .id {
  display: inline-block;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.6rem;
}

.armylist li.w100 {
  width: 100%;
  border-right: 0;
  border-left: 0;
}
/* MEALSLIST */
.mealslist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -10px 0;
}

.mealslist li {
  display: block;
  width: calc(33.3% - 20px);
  margin: 0 10px 20px;
  border: 1px solid #ddd;
  -webkit-transition: all .1s;
  transition: all .1s;
}

.mealslist li:hover .thumb:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 34, 34, 0.4);
  -webkit-transition: all .2s;
  transition: all .2s;
}

.mealslist li:hover .thumb img {
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: scale(1.03) translateY(-50%);
          transform: scale(1.03) translateY(-50%);
}

.mealslist li .thumb {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 250px;
  margin: 0 auto;
  background: #fff;
}

.mealslist li .thumb img {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: auto;
  min-height: 110px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mealslist li img {
  width: 100%;
  height: 250px;
  margin: 0 auto;
  background: #fff;
}

.mealslist li .text-wrap {
  padding: 20px 20px 22px;
}

.mealslist li .tit {
  overflow: hidden;
  height: 53px;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.4;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.mealslist li .desc {
  overflow: hidden;
  height: 54px;
  padding: 13px 0;
  color: #999;
  letter-spacing: -.04em;
  font-size: 1.6rem;
  line-height: 1.375;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.mealslist li .write-info {
  margin-top: 18px;
  overflow: hidden;
}

.mealslist li .write-info .date {
  display: inline-block;
  padding-right: 10px;
  color: #999;
  letter-spacing: -.04em;
  font-size: 1.6rem;
}

.mealslist li .write-info .hits {
  float:right;
  color: #999;
  letter-spacing: -.04em;
  font-size: 1.2rem;
  line-height:16px;
}


.mealslist li .write-info .date:after {
  content: '|';
  display: inline-block;
  position: relative;
  top: -2px;
  padding-left: 10px;
  color: #ddd;
  font-size: 1.4rem;
}

.mealslist li .write-info .id {
  display: inline-block;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.6rem;
}

.mealslist li.w100 {
  width: 100%;
  border-right: 0;
  border-left: 0;
}

/* MEALSVIEW */
.meal-info1-wrap {
  padding-bottom: 84px;
}

.meal-info1-wrap .info1-1 {
  margin-top: 40px;
  height: 40em;
}

.meal-info1-wrap .info1-1 .img-mealmenu {
  position: relative;
  width: calc(50% - 10px);
  height: 100%;
  margin-right: 10px;
  border: 1px solid #ddd;
}

.meal-info1-wrap .info1-1 .img-mealmenu .meals {
  position: relative;
  z-index: 1;
  top: -100%;
  width: 100%;
  height: 100%;
}

.meal-info1-wrap .info1-1 .img-mealmenu .meals img {
  width: 100%;
  height: 100%;
}

.meal-info1-wrap .info1-1 .img-mealmenu .meals-prd {
  position: relative;
  z-index: 2;
  left: 0;
  width: 100%;
  height: 100%;
}

.meal-info1-wrap .info1-1 .img-mealmenu .meals-prd .btn-more-prd {
  position: absolute;
  top: 60px;
  left: 80px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: rgba(34, 34, 34, 0.5);
  text-align: center;
}

.meal-info1-wrap .info1-1 .img-mealmenu .meals-prd .btn-more-prd i {
  display: block;
  width: 60px;
  height: 60px;
  background: url(../images/ic-plusmore1.png) no-repeat 50% 50%;
  background-size: 24px 24px;
}

.meal-info1-wrap .info1-1 .img-mealmenu .meals-prd .more-list {
  position: absolute;
  top: 89px;
  left: 120px;
  width: 215px;
  height: 150px;
  padding: 4px 9px;
  border: 1px solid #222;
  background: #fff;
}

.meal-info1-wrap .info1-1 .img-mealmenu .meals-prd .more-list li {
  padding: 5px 0;
  color: #222;
  font-size: 1.4rem;
}

.meal-info1-wrap .info1-1 .img-mealmenu .meals-prd .more-list li img {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 12px;
  border: 1px solid #ddd;
}

.meal-info1-wrap .info1-1 .img-mealmenu .meals-prd .more-list li .title {
  overflow: hidden;
  line-height: 1.285;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.meal-info1-wrap .info1-1 .img-mealmenu .meals-prd .more-list li .price {
  margin-top: 6px;
  font-weight: 700;
  font-size: 1.6rem;
}

.meal-info1-wrap .info1-1 .img-mealmenu .meals-prd .more-list li:after {
  content: '';
  display: block;
  clear: both;
}

.meal-info1-wrap .info1-1 .img-meallist {
  width: calc(50% - 10px);
  height: 100%;
  margin-left: 10px;
  border: 1px solid #ddd;
}

.meal-info1-wrap .info1-1 .img-meallist .img-mealitem {
  width: 100%;
  height: 100%;
}

.meal-info1-wrap .info1-1 .img-meallist .img-mealitem .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.meal-info1-wrap .info1-1 .img-meallist .img-mealitem .swiper-wrapper .swiper-slide {
  max-width: 100%;
  text-align: center;
}

.meal-info1-wrap .info1-1 .img-meallist .img-mealitem .swiper-wrapper .swiper-slide img {
  height: 100%;
}

.meal-info1-wrap .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-next,
.meal-info1-wrap .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-prev {
  width: 35px;
  height: 55px;
  background: rgba(102, 102, 102, 0.3);
  margin-top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.meal-info1-wrap .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-prev {
  left: 0;
}

.meal-info1-wrap .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-prev:hover {
  background: rgba(102, 102, 102, 0.7);
}

.meal-info1-wrap .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-prev:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 13px;
  height: 22px;
  background: url(../images/ic-pack.png) -90px -30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.meal-info1-wrap .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-next {
  right: 0;
}

.meal-info1-wrap .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-next:hover {
  background: rgba(102, 102, 102, 0.7);
}

.meal-info1-wrap .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-next:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 13px;
  height: 22px;
  background: url(../images/ic-pack.png) -120px -30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.meal-info1-wrap .info1-1:after {
  content: '';
  display: block;
  clear: both;
}

.meal-info1-wrap .info1-2 {
  margin-top: 40px;
}

.meal-info1-wrap .info1-2 .info1-2-1 {
  width: calc(76.25% - 80px);
}

.meal-info1-wrap .info1-2 .info1-2-1 .recipe-how {
  padding-bottom: 52px;
}

.meal-info1-wrap .info1-2 .info1-2-1 .recipe-how .title {
  margin-bottom: 26px;
  color: #222;
  letter-spacing: -.06em;
  font-weight: 700;
  font-size: 2rem;
}

.meal-info1-wrap .info1-2 .info1-2-1 .recipe-how .desc {
  margin-bottom: 26px;
  color: #666;
  font-size: 1.6rem;
  letter-spacing: -.06em;
  line-height: 1.125;
}

.meal-info1-wrap .info1-2 .info1-2-1 .tip {
  padding-top: 4px;
  color: #222;
  letter-spacing: -.06em;
  font-weight: 700;
  font-size: 1.6rem;
}

.meal-info1-wrap .info1-2 .info1-2-1 .tip i {
  display: block;
  float: left;
  width: 50px;
  height: 24px;
  margin: -4px 10px 0 0;
  border-radius: 12px;
  background: #ef3e61;
  color: #fff;
  letter-spacing: -.06em;
  font-weight: 700;
  font-size: 1.4rem;
  font-style: normal;
  text-align: center;
  line-height: 24px;
}

.meal-info1-wrap .info1-2 .info1-2-1 .simple-calc {
  padding-top: 42px;
  border-top: 1px solid #ddd;
}

.meal-info1-wrap .info1-2 .info1-2-1 .simple-calc .title-sec {
  position: relative;
  padding: 9px 0 17px;
  text-align: left;
}

.meal-info1-wrap .info1-2 .info1-2-1 .simple-calc .title-sec .title {
  color: #222;
  font-weight: 500;
  font-size: 2rem;
}

.meal-info1-wrap .info1-2 .info1-2-1 .simple-calc .title-sec [type="text"] {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 35px;
  color: #999;
  border-color: #ddd;
  background: #f3f3f3;
  font-size: 1.6rem;
  text-align: right;
}

.meal-info1-wrap .info1-2 .info1-2-1 .simple-calc .table-sec {
  font-size: 1.4rem;
  border: 1px solid #ccc;
}

.meal-info1-wrap .info1-2 .info1-2-1 .simple-calc .table-sec .colw1 {
  width: 40%;
}

.meal-info1-wrap .info1-2 .info1-2-1 .simple-calc .table-sec .colw2 {
  width: 12%;
}

.meal-info1-wrap .info1-2 .info1-2-2 {
  width: 23.75%;
}

.meal-info1-wrap .info1-2 .info1-2-2 .today-list {
  min-height: 385px;
  padding: 32px 27px 19px;
  border: 7px solid #eee;
}

.meal-info1-wrap .info1-2 .info1-2-2 .today-list .title {
  margin-bottom: 32px;
  color: #222;
  font-weight: 500;
  font-size: 2rem;
}

.meal-info1-wrap .info1-2 .info1-2-2 .today-list .list {
  color: #222;
  font-size: 1.6rem;
  line-height: 2.1875;
}

.meal-info1-wrap .info1-2 .info1-2-2 .btn-wrap {
  width: 100%;
}

.meal-info1-wrap .info1-2 .info1-2-2 .btn-wrap a {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 58px;
}

.meal-info1-wrap .info1-2 .info1-2-2 .btn-wrap a + a {
  margin-top: 10px;
}

.meal-info1-wrap .info1-2:after {
  content: '';
  display: block;
  clear: both;
}

.meal-info2-wrap {
  overflow: hidden;
  padding: 80px 0 88px;
  background: #f7f7f7;
}

.meal-info2-wrap .title-sec {
  position: relative;
  margin-bottom: 30px;
  border-bottom: 1px solid #222;
}

.meal-info2-wrap .title-sec .title {
  padding: 20px 0 15px;
  color: #222;
  letter-spacing: -.06em;
  font-weight: 700;
  font-size: 2.2rem;
}

.meal-info2-wrap .title-sec .menu-btn {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 185px;
  height: 45px;
  background: #ef3e61;
  color: #fff;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 45px;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.meal-info2-wrap .title-sec .menu-btn i {
  display: inline-block;
  width: 29px;
  height: 20px;
  background: url(../images/ic-cart-3x.png) no-repeat 50% 50%;
  background-size: cover;
  margin-right: 15px;
  vertical-align: middle;
}

.meal-info2-wrap .title-sec .menu-btn.on i {
  display: inline-block;
  width: 29px;
  height: 20px;
  background: url(../images/ic-cart-3x.png) no-repeat 50% 50%;
  background-size: cover;
  margin-right: 15px;
  vertical-align: middle;
}

.meal-info2-wrap .title-sec .menu-btn:hover {
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}

.meal-info2-wrap .prdlist-wrap {
  padding: 10px 0;
  margin-bottom: 10px;
}

.meal-info2-wrap .prdlist-wrap .title-sec {
  position: relative;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.meal-info2-wrap .prdlist-wrap .title-sec .title {
  padding: 12px 0 15px;
  margin: 0;
  color: #222;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 2rem;
}

.meal-info2-wrap .prdlist-wrap .title-sec .sm-btn-w {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.meal-info2-wrap .prdlist > li {
  display: block;
  width: calc(20% - 20px);
  margin: 10px;
  -webkit-transition: all .1s;
  transition: all .1s;
}

.meal-info2-wrap .prdlist > li .thumb {
  width: 100%;
  height: auto;
}

.meal-info2-wrap .prdlist > li .info {
  display: block;
  width: 100%;
  padding: 9px 0 0;
}

.meal-info2-wrap .prdlist > li .info .name {
  height: 40px;
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 1.222;
}

.meal-info2-wrap .prdlist > li .info .unit {
  padding: 7px 0 3px;
  font-size: 1.4rem;
}

.meal-info2-wrap .prdlist > li .info .price-wrap {
  padding: 13px 0 2px;
  margin: 0;
  border: none;
  text-align: left;
}

.meal-info2-wrap .prdlist > li .info .price-wrap .title {
  padding: 0 10px 0 0;
  color: #333;
  letter-spacing: -.06em;
  font-weight: 400;
  font-size: 1.4rem;
}

.meal-info2-wrap .prdlist > li .info .price-wrap .title:after {
  content: '|';
  padding-left: 10px;
  color: #e4e4e4;
}

.meal-info2-wrap .prdlist > li .info .price-wrap .price {
  padding: 0;
  color: #999;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.4rem;
}

.meal-info2-wrap + .comment-wrap {
  padding-top: 41px;
}

/* EVENT LIST */
.eventlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -10px 0;
}

.eventlist li {
  display: block;
  width: calc(33.3% - 20px);
  margin: 0 10px 20px;
  border: 1px solid #ddd;
  -webkit-transition: all .1s;
  transition: all .1s;
}

.eventlist li a:hover .thumb:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 34, 34, 0.4);
  -webkit-transition: all .2s;
  transition: all .2s;
}

.eventlist li a:hover .thumb img {
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: scale(1.03) translateY(-50%);
          transform: scale(1.03) translateY(-50%);
}

.eventlist li .thumb {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 250px;
  margin: 0 auto;
  background: #fff;
}

.eventlist li .thumb .end {
  display: block;
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
  color: #fff;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
  line-height: 20px;
  background:#f10;
  padding:0 6px;
}

.eventlist li .thumb .d-day {
  display: block;
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 8px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: rgba(35, 37, 40, 0.75);
  color: #fff;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
  line-height: 60px;
}

.eventlist li .thumb img {
  display: block;
  position: absolute;
  z-index: 0;
  top: 50%;
  width: 100%;
  height: auto;
  min-height: 250px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.eventlist li .text-wrap {
  padding: 22px 20px 33px;
}

.eventlist li .tit {
  overflow: hidden;
  height: 51px;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.eventlist li .write-info {
  margin-top: 30px;
  overflow: hidden;
}

.eventlist li .write-info .date {
  display: inline-block;
  color: #999;
  letter-spacing: -.04em;
  font-size: 1.6rem;
}

.eventlist li .write-info .hits {
  float:right;
  color: #999;
  letter-spacing: -.04em;
  font-size: 1.2rem;
  line-height:16px;
}

.eventlist li.w100 {
  width: 100%;
  border-right: 0;
  border-left: 0;
}

/* MENU TAB */
.menuTip {font-size:16px; margin-bottom:10px;}
.menutab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  margin-bottom: 3.5em;
}
.menutab li#gcate1:before {content:''; width: 0px; height: 0px; bottom:0; left:0; position:absolute; border-bottom: 40px solid #00b6d6; border-left: 0px solid transparent; border-right: 40px solid transparent;}
.menutab li#gcate1:after {content:''; position:absolute; border:3px solid transparent; top:-1px; left:-1px; bottom:-1px; right:-1px; border-image:linear-gradient(to right, #00b6d6, #ebe947); border-image-slice: 1;}

.menutab li#gcate1.on:before {content:none;}
.menutab li#gcate1.on:after {content:none;}
.menutab li {
  position:relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 60px;
  border: 1px solid #ccc;
  color: #666;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 56px;
  text-align: center;
}

.menutab li a {
  display: block;
}

.menutab li.on {
  border: 2px solid #00b6d6;
  color: #00b6d6;
  font-weight: 500;
}

.quickSearch {position:absolute; width:150px; left:50%; margin-left:-760px; border:1px solid #ccc; background:#fff; top:120px;}
.quickSearch > h2 {text-align:center; background:#00b6d6; color:#fff; line-height:36px;}
.quickSearch ul li {border-bottom:1px solid #ccc; padding:0 10px; box-sizing:border-box; position:relative;}
.quickSearch ul li h2 {font-size:14px; line-height:36px; font-weight:500;}
.quickSearch ul li:last-child {border-bottom:none;}
.quickSearch ul li dl {height:0; display:none;}
.quickSearch ul li dl dd {font-size:12px; line-height:24px;}
.quickSearch ul li dl dd.on a {color:#00b6d6;}
.quickSearch ul li.on dl {height:auto; display:block; padding:10px 0;}
.quickSearch ul li.on h2 {border-bottom:1px solid #f1f2f3;}
.quickSearch ul li h2 span {background: #fff url(../images/ic-pack.png) -384px -142px; top:6px; right:10px; width:24px; height:24px; position:absolute;}

.prd-receipe-related {width:100%; margin-top:30px;}
.prd-receipe-related h2 {position:relative; line-height:23px; margin-bottom:10px; }
.prd-receipe-related h2 .prd-receipe-related-pgn {position:absolute; top:0; right:0;}
.prd-receipe-related .prd-receipe-related-pgn {text-align:right;}
.prd-receipe-related .prd-receipe-related-pgn > div {
	display:inline-block;
	position:relative;
    width: 23px;
    height: 23px;
    margin-top: 0;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
	top:0;
	left:0;
	margin:0;
	padding:0;
}
.prd-receipe-related .swiper-slide p.title {
    overflow: hidden;
    height: 47px;
    padding: 9px 0 10px;
    color: #222;
    letter-spacing: -.04em;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.285;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.prd-receipe-related .prd-receipe-related-pgn .swiper-button-prev,
.prd-receipe-related .prd-receipe-related-pgn .swiper-container-rtl .swiper-button-next {
  background: #fff url(../images/ic-pack.png) -293px -24px;
}

.prd-receipe-related .prd-receipe-related-pgn .swiper-button-prev:hover,
.prd-receipe-related .prd-receipe-related-pgn .swiper-container-rtl .swiper-button-next:hover {
  background: #fff url(../images/ic-pack.png) -323px -24px;
}

.prd-receipe-related .prd-receipe-related-pgn .swiper-button-next,
.prd-receipe-related .prd-receipe-related-pgn .swiper-container-rtl .swiper-button-prev {
  background: #fff url(../images/ic-pack.png) -352px -24px;
}

.prd-receipe-related .prd-receipe-related-pgn .swiper-button-next:hover,
.prd-receipe-related .prd-receipe-related-pgn .swiper-container-rtl .swiper-button-prev:hover {
  background: #fff url(../images/ic-pack.png) -382px -24px;
}
/* POP GRID */
.grid {
  margin: 0 -10px;
}

.grid .item {
  width: calc(25% - 20px);
  margin: 10px;
  border: 1px solid #ddd;
  opacity: 1;
}
.grid.grid3 .item {
	width: calc(33.3% - 20px);
	margin: 0 10px 20px;
  border: 1px solid #ddd;
  opacity: 1;
  display:inline-block;
}
.grid .item.animate {
  -webkit-transition: opacity ease 1s;
  transition: opacity ease 1s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 1;
}

.grid .item a {
  display: block;
}

.grid .item .thumbnail {
  overflow: hidden;
}

.grid .item .thumbnail img {
  width: 100%;
  max-height: 500px;
}

.grid .item .title {
  padding: 25px 20px 23px;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.6;
}

.grid .item .title .date {
  display: inline-block;
  margin-top: 20px;
  color: #999;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
}
.grid .item .title .hits {
    margin-top: 25px;
  float:right;
  color: #999;
  letter-spacing: -.04em;
  font-size: 1.2rem;
  line-height:16px;
}
.grid .loading {
  position: absolute;
  width: 100%;
  height: 50px;
  display: none;
}

.grid .loading span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.grid .horizontal .loading {
  width: 200px;
  height: 100%;
}

.grid .w100 {
  border-bottom: 1px solid #ddd;
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.more-pgn {
  margin-top: 50px;
  text-align: center;
}

.more-pgn button {
  position: relative;
  width: 400px;
  height: 60px;
  background: #424345;
  color: #fff;
  letter-spacing: -.02em;
  font-weight: 500;
  font-size: 1.6rem;
}

.more-pgn button strong {
  font-weight: 500;
}

.more-pgn button .txt1 {
  font-weight: 400;
}

.more-pgn button i {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 12px;
  height: 7px;
  background: url(../images/ic-select-w-3x.png) no-repeat 50% 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.more-pgn-w {
  margin-top: 65px;
  text-align: center;
}

.more-pgn-w button {
  position: relative;
  width: 395px;
  height: 60px;
  border: 1px solid #424345;
  background: #fff;
  color: #424345;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.6rem;
}

.more-pgn-w button i {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 7px;
  height: 12px;
  background: url(../images/ic-more-3x.png) no-repeat 50% 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* BOARD SRCH */
.srch-wrapBD {
  text-align: right;
}

.srch-wrapBD fieldset {
  position: relative;
}

.srch-wrapBD [type="text"] {
  width: 350px;
  height: 45px;
  padding-left: 18px;
  border: none;
  background: #f3f3f3;
  color: #333;
  letter-spacing: -.04em;
  font-size: 1.6rem;
  line-height: 45px;
}

.srch-wrapBD .btn-sch {
  position: absolute;
  top: 12px;
  right: 20px;
  background: transparent;
}

/* BOARD LIST */
li > .nodata,
.w100 .nodata {
  border-top: 2px solid #222;
  padding: 150px 0 108px;
  text-align: center;
}

li > .nodata i,
.w100 .nodata i {
  display: block;
  margin: 0 auto;
  background: url(../images/ic-info1.png) 50% 50%;
  background-size: cover;
  width: 85px;
  height: 85px;
  margin-bottom: 24px;
}

li > .nodata p,
.w100 .nodata p {
  color: #666;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
}

.bdlist-wrap .sort-wrap {
  margin-top: -16px;
  margin-bottom: 10px;
}

.bdlist-wrap .btn-wrap {
  margin-top: 19px;
}

.bdlist-wrap .num-pgn {
  margin-top: 90px;
}

.bdlist-wrap .btn-wrap + .num-pgn {
  margin-top: 26px;
}

.bdlist1 {
  border-top: 2px solid #222;
  border-bottom: 1px solid #222;
}

.bdlist1 li.noti_Y {background:#fcfdf2;}
.bdlist1 li.noti_Y .p1 {font-weight:700;}
.bdlist1 .thwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 76px;
  background: #f7f7f7;
  border-bottom: 1px solid #ddd;
  line-height: 76px;
}

.bdlist1 .thwrap li {
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
}

.bdlist1 .tdwrap li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 74px;
  border-bottom: 1px solid #ddd;
}

.bdlist1 .tdwrap li > a:hover .tit {
  -webkit-text-decoration: underline dashed #ccc;
          text-decoration: underline dashed #ccc;
  text-underline-position: under;
}

.bdlist1 .tdwrap li .num {
  color: #999;
  letter-spacing: -.04em;
  font-size: 1.6rem;
  text-align: center;
}

.bdlist1 .tdwrap li .cate {
  color: #999;
  letter-spacing: -.04em;
  font-size: 1.6rem;
  text-align: center;
}

.bdlist1 .tdwrap li .tit {
  padding: 0 36px;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.8rem;
  text-align: left;
}

.bdlist1 .tdwrap li .tit .p1 {
  line-height: 1.2;
}

.bdlist1 .tdwrap li .tit .reply-num {
  padding-left: 8px;
  color: #f57835;
  font-weight: 900;
}

.bdlist1 .tdwrap li .new-win {
  display: inline-block;
  position: relative;
  top: -2px;
  width: 15px;
  height: 15px;
  margin-left: 12px;
  background: url(../images/ico_new.png) 50% 50%;
  background-size: cover;
  vertical-align: middle;
}

.bdlist1 .tdwrap li .id {
  color: #222;
  letter-spacing: -.04em;
  font-size: 1.6rem;
  text-align: center;
}

.bdlist1 .tdwrap li .file {
  text-align: center;
}

.bdlist1 .tdwrap li .file i {
  display: inline-block;
  background: url(../images/ic-pack.png) -480px -150px;
  width: 20px;
  height: 20px;
}

.bdlist1 .tdwrap li .state {
  color: #999;
  letter-spacing: -.04em;
  font-size: 1.6rem;
  text-align: center;
}

.bdlist1 .tdwrap li .state .ing {
  color: #222;
}

.bdlist1 .tdwrap li .state .standby {
  color: #999;
}

.bdlist1 .tdwrap li .state .end {
  color: #ef3e61;
}

.bdlist1 .tdwrap li .date,
.bdlist1 .tdwrap li .reply-date {
  color: #999;
  letter-spacing: -.02em;
  font-size: 1.6rem;
  text-align: center;
}
.bdlist1 .tdwrap li .hits {
  color: #999;
  letter-spacing: -.02em;
  font-size: 1.6rem;
  text-align: center;
}
.bdlist1.st1 .thwrap li:nth-child(1) {
  width: 9%;
}

.bdlist1.st1 .thwrap li:nth-child(2) {
  width: 54%;
}

.bdlist1.st1 .thwrap li:nth-child(3) {
  width: 14%;
}

.bdlist1.st1 .thwrap li:nth-child(4) {
  width: 13%;
}
.bdlist1.st1 .thwrap li:nth-child(5) {
  width: 10%;
}

.bdlist1.st1 .tdwrap li .num {
  width: 9%;
}

.bdlist1.st1 .tdwrap li .tit {
  width: 54%;
}

.bdlist1.st1 .tdwrap li .id {
  width: 14%;
}

.bdlist1.st1 .tdwrap li .date {
  width: 13%;
}

.bdlist1.st1 .tdwrap li .hits {
  width: 10%;
}

.bdlist1.st2 .thwrap li:nth-child(1) {
  width: 9%;
}

.bdlist1.st2 .thwrap li:nth-child(2) {
  width: 15%;
}

.bdlist1.st2 .thwrap li:nth-child(3) {
  width: 44%;
}

.bdlist1.st2 .thwrap li:nth-child(4) {
  width: 9%;
}

.bdlist1.st2 .thwrap li:nth-child(5) {
  width: 13%;
}
.bdlist1.st2 .thwrap li:nth-child(6) {
  width: 10%;
}
.bdlist1.st2 .tdwrap li .num {
  width: 9%;
}

.bdlist1.st2 .tdwrap li .cate {
  width: 15%;
}

.bdlist1.st2 .tdwrap li .tit {
  width: 44%;
}

.bdlist1.st2 .tdwrap li .file {
  width: 9%;
}

.bdlist1.st2 .tdwrap li .date {
  width: 13%;
}

.bdlist1.st2 .tdwrap li .hits {
  width: 10%;
}
.bdlist1.st2-2 .thwrap li:nth-child(1) {
  width: 9%;
}

.bdlist1.st2-2 .thwrap li:nth-child(2) {
  width: 69%;
}

.bdlist1.st2-2 .thwrap li:nth-child(3) {
  width: 9%;
}

.bdlist1.st2-2 .thwrap li:nth-child(4) {
  width: 13%;
}

.bdlist1.st2-2 .tdwrap li .num {
  width: 9%;
}

.bdlist1.st2-2 .tdwrap li .tit {
  width: 69%;
}

.bdlist1.st2-2 .tdwrap li .file {
  width: 9%;
}

.bdlist1.st2-2 .tdwrap li .date {
  width: 13%;
}

.bdlist1.st2-3 .thwrap li:nth-child(1) {
  width: 9%;
}

.bdlist1.st2-3 .thwrap li:nth-child(2) {
  width: 78%;
}

.bdlist1.st2-3 .thwrap li:nth-child(3) {
  width: 13%;
}
.bdlist1.st2-3 .thwrap li:nth-child(4) {
  width: 10%;
}

.bdlist1.st2-3 .tdwrap li .num {
  width: 9%;
}

.bdlist1.st2-3 .tdwrap li .tit {
  width: 78%;
}
.bdlist1.st2-3 .tdwrap li .hits {
  width: 10%;
}

.bdlist1.st2-3 .tdwrap li .date {
  width: 13%;
}

.bdlist1.st2-3 .tdwrap li .hits {display:inline-block;}

.bdlist1.st3 .thwrap li:nth-child(1) {
  width: 9%;
}

.bdlist1.st3 .thwrap li:nth-child(2) {
  width: 51%;
}

.bdlist1.st3 .thwrap li:nth-child(3) {
  width: 13%;
}

.bdlist1.st3 .thwrap li:nth-child(4) {
  width: 14%;
}

.bdlist1.st3 .thwrap li:nth-child(5) {
  width: 13%;
}

.bdlist1.st3 .tdwrap li .num {
  width: 9%;
}

.bdlist1.st3 .tdwrap li .tit {
  width: 51%;
}

.bdlist1.st3 .tdwrap li .date {
  width: 13%;
}

.bdlist1.st3 .tdwrap li .state {
  width: 14%;
}

.bdlist1.st3 .tdwrap li .reply-date {
  width: 13%;
}

.bdlist1.st4 .thwrap li:nth-child(1) {
  width: 9%;
}

.bdlist1.st4 .thwrap li:nth-child(2) {
  width: 91%;
}

.bdlist1.st4 .tdwrap li .num {
  width: 9%;
}

.bdlist1.st4 .tdwrap li .tit {
  width: 91%;
}

.bdlist2 .movie-thumlist {
  margin: -10px -10px 0;
}

.bdlist2 .movie-thumlist li {
  display: block;
  float: left;
  width: calc(33.3% - 20px);
  margin: 10px;
  border: 1px solid #ddd;
}

.bdlist2 .movie-thumlist li .movie {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.7708%;
  background: #000;
}

.bdlist2 .movie-thumlist li iframe,
.bdlist2 .movie-thumlist li object,
.bdlist2 .movie-thumlist li embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bdlist2 .movie-thumlist li .info {
  padding: 22px 20px 24px;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 2rem;
}

.bdlist2 .movie-thumlist li .info .title {
  overflow: hidden;
  height: 58px;
  line-height: 1.6;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.bdlist2 .movie-thumlist li .info .date {
  display: block;
  margin-top: 29px;
  color: #999;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
}

.bdlist2 .movie-thumlist li.w100 {
  width: 100%;
  border-left: none;
  border-right: none;
}

.bdlist2 .movie-thumlist:after {
  content: '';
  display: block;
  clear: both;
}

.bdlist3 .tdwrap li .tdwrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 74px;
  border-bottom: 1px solid #ddd;
}
.bdlist3 .tdwrap li .tdwrapper .num {
	width:5%;
}
.bdlist3 .tdwrap li .tdwrapper .title {
    font-weight: 500;
    font-size: 1.8rem;
    text-align: left;
	width:55%;
}
.bdlist3 .tdwrap li .tdwrapper .btn {width:40%; text-align:right;}
.bdlist3 .tdwrap li .tdwrapper .btn a{
    display: inline-block;
    height: 45px;
    padding: 0 20px;
    background: #12ac65;
    color: #fff;
    letter-spacing: -.06em;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 45px;
    text-align: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .15s;
    transition: all .15s;
	text-align:center;
}
/* FAQ */
.tdwrap li.on i {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  opacity: .5;
}

.tdwrap .question .tit {
  position: relative;
}

.tdwrap .question i {
  display: block;
  position: absolute;
  top: 50%;
  right: 30px;
  width: 12px;
  height: 7px;
  background: url(../images/ic-arrowb-3x.png) no-repeat 50% 50%;
  background-size: cover;
  opacity: 1;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.tdwrap .answer {
  display: none;
  padding: 25px 75px 25px 12%;
  border-bottom: 1px solid #ddd;
  background: #f7f7f7;
  color: #666;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
}

/* BOARD VIEW */
.bdview-wrap .btn-wrap {
  margin-top: 2em;
}

.bd-header {
  padding: 10px 0 10px 20px;
  border-top: 2px solid #222;
  border-bottom: 1px solid #222;
}

.bd-header .head-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 10px 0;
  width: 100%;
}

.bd-header .head-title .cate {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #666;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 2.4rem;
}

.bd-header .head-title .cate:after {
  content: '|';
  display: inline-block;
  position: relative;
  top: 2px;
  padding: 0 20px;
  color: #ddd;
  font-size: 1.8rem;
}

.bd-header .head-title h3, .bd-header .head-title h4 {
  width: calc(100% - 250px);
  padding-right: 20px;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 2.4rem;
}
.bd-header .head-title .simple_desc {font-size:18px; display:block; line-height:22px; margin-top:10px; color:#999;}

.bd-header .write-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 10px 0;
}

.bd-header .write-sec .writer {
  color: #333;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.6rem;
}

.bd-header .write-sec .writer:after {
  content: '|';
  display: inline-block;
  position: relative;
  top: -2px;
  padding: 0 15px;
  color: #ddd;
  font-size: 1.4rem;
}

.bd-header .write-sec .date {
  display: inline;
  color: #999;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
}

.bd-header .btn-sec a {
  display: inline-block;
  position: relative;
  padding: 0 17px;
  color: #333;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.6rem;
}

.bd-header .btn-sec a:after {
  content: '|';
  display: inline-block;
  position: absolute;
  top: -1px;
  padding-left: 17px;
  color: #ddd;
  font-size: 1.6rem;
}

.bd-header .btn-sec a:last-child:after {
  display: none;
}

.bd-container {
  overflow: hidden;
  border-bottom: 1px solid #222;
}

.bd-container .bd-contents {
  padding: 63px 22px 116px;
  color: #333;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.9444;
  font-family: sans-serif;
}
.bd-container .file-all {
    color: #000;
    letter-spacing: -.04em;
    font-weight: 400;
    font-size: 1.4rem;
	margin-bottom:10px;
	display:inline-block;
	border:1px solid #000;
	padding:10px 15px;
}
.bd-container .file-select {
    color: #000;
    letter-spacing: -.04em;
    font-weight: 400;
    font-size: 1.4rem;
	margin-bottom:10px;
	display:inline-block;
	border:1px solid #000;
	padding:10px 15px;
	margin-left:5px;

}

.bd-container .filelist {
  padding: 15px 21px;
  border-top: 1px solid #ddd;
  background: #f7f7f7;
}

.bd-container .filelist li a {
  display: block;
  padding: 9px 0;
}

.bd-container .filelist li i {
  display: inline-block;
  width: 19px;
  height: 16px;
  margin-right: 12px;
  background: url(../images/ic-filedown-3x.png) no-repeat 50% 50%;
  background-size: cover;
}

.bd-container .filelist li .filename {
  color: #333;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
}

.bd-container .filelist li .filesize {
  padding-left: 6px;
  color: #999;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
}
.bd-container .filelist li .filedate {
	float:right;
    color: #999;
    letter-spacing: -.04em;
    font-weight: 400;
    font-size: 1.6rem;
}

.bd-container .filelist li:hover .filename {
  font-weight: 500;
  -webkit-text-decoration: underline dashed #00b6d6;
          text-decoration: underline dashed #00b6d6;
  text-underline-position: under;
}

.bd-container .list-sec {
  border-top: 2px solid #222;
}

.bd-container .list-sec .list {
  height: 73px;
  border-bottom: 1px solid #222;
  line-height: 73px;
}

.bd-container .list-sec .list div {
  float: left;
}

.bd-container .list-sec .list .item {
  width: 9%;
  color: #999;
  letter-spacing: -.02em;
  font-weight: 400;
  font-size: 1.6rem;
  text-align: center;
}

.bd-container .list-sec .list .cate {
  width: 14.5%;
  color: #666;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.8rem;
  text-align: center;
}

.bd-container .list-sec .list .tit {
  width: 64%;
  color: #333;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.8rem;
}

.bd-container .list-sec .list .tit.nodata {
  color: #999;
  font-weight: 400;
}

.bd-container .list-sec .list .tit-nocate {
  width: 78.5%;
  padding-left: 48px;
  color: #333;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.8rem;
}

.bd-container .list-sec .list .tit-nocate.nodata {
  color: #999;
  font-weight: 400;
}

.bd-container .list-sec .list .date {
  width: 12.5%;
  color: #999;
  letter-spacing: -.02em;
  font-weight: 400;
  font-size: 1.6rem;
  text-align: center;
}

.bd-container .list-sec .list:last-child {
  border-bottom: none;
}

.bd-container .reply-wrap {
  border-top: 2px solid #222;
  background: #f7f7f7;
}

.bd-container .reply-wrap .head-sec {
  padding: 26px 20px;
  border-bottom: 1px solid #ddd;
}

.bd-container .reply-wrap .head-sec .ic-reply {
  display: inline-block;
  position: relative;
  top: 4px;
  width: 16px;
  height: 13px;
  margin-right: 9px;
  background: url(../images/ic-reply-3x.png) no-repeat 50% 50%;
  background-size: cover;
  vertical-align: top;
}

.bd-container .reply-wrap .head-sec .reply-info {
  display: inline-block;
  width: calc(100% -25px);
}

.bd-container .reply-wrap .head-sec .reply-info .state {
  padding: 0 20px 0 0;
  color: #666;
  font-size: 2.4rem;
}

.bd-container .reply-wrap .head-sec .reply-info .state:after {
  content: '|';
  display: inline-block;
  position: relative;
  top: -3px;
  padding-left: 20px;
  color: #ddd;
  font-size: 2rem;
}

.bd-container .reply-wrap .head-sec .reply-info .tit {
  color: #222;
  font-weight: 500;
  font-size: 2.4rem;
}

.bd-container .reply-wrap .head-sec .reply-info .date {
  display: block;
  padding-top: 22px;
  color: #999;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
}

.bd-container .reply-wrap .reply-content {
  padding: 39px 49px 59px;
  color: #333;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.8rem;
}

.bd-container .reply-wrap .reply-content P {
  line-height: 1.777;
}

/* COMMENT */
.comment-wrap .cmtitle {
  position: relative;
  margin: 33px 0 19px;
  color: #222;
  letter-spacing: -.06em;
  font-weight: 700;
  font-size: 2rem;
}

.comment-wrap .cmtitle .comm-num {
  position: absolute;
  top: 4px;
  right: 0;
  color: #999;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
}

.comment-wrap .cm-write-wrap .cmwrite {
  margin-bottom: 19px;
}

.comment-wrap .cmwrite .cm-textarea {
  width: calc(100% - 150px);
  height: 84px;
  padding: 14px 15px;
  border: 1px solid #ddd;
  color: #222;
  letter-spacing: -0.08em;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.25;
  overflow-wrap: break-word;
  resize: none;
  outline: 0;
}

.comment-wrap .btn-cm-register {
  float: right;
  width: 150px;
  height: 85px;
  background: #222;
  color: #fff;
  letter-spacing: -0.08em;
  font-weight: 500;
  font-size: 1.6rem;
}

.comment-wrap .cmlist li {
  border-bottom: 1px solid #ddd;
}

.comment-wrap .cmlist .comm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  position: relative;
  padding: 24px 21px 19px;
}

.comment-wrap .cmlist .comm.cmreply {
  background: #f7f7f7;
}

.comment-wrap .cmlist .comm.cmreply .ic-lv {
  margin-left: 25px;
}

/* 대댓글 1 depth 처리로 인한 주석
.comment-wrap .cmlist .comm.cmreply + .cmreply .ic-reply {
  margin-left: 25px;
}

.comment-wrap .cmlist .comm.cmreply + .cmreply + .cmreply .ic-reply {
  margin-left: 50px;
}

.comment-wrap .cmlist .comm.cmreply + .cmreply + .cmreply + .cmreply .ic-reply {
  margin-left: 75px;
}

.comment-wrap .cmlist .comm.cmreply + .cmreply + .cmreply + .cmreply + .cmreply .ic-reply {
  margin-left: 100px;
}

.comment-wrap .cmlist .comm.cmreply + .cmreply + .cmreply + .cmreply + .cmreply + .cmreply .ic-reply {
  margin-left: 125px;
}
 */
.comment-wrap .ic-reply {
  width: 16px;
  height: 13px;
  margin-right: 9px;
  background: url(../images/ic-reply-3x.png) no-repeat 50% 50%;
  background-size: cover;
  vertical-align: top;
}

.comment-wrap .in-sec {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.comment-wrap .in-sec.del .cminfo .nickname,
.comment-wrap .in-sec.del .cm-content {
  color: #999;
}

.comment-wrap .in-sec .cminfo {
  padding-bottom: 11px;
}

.comment-wrap .in-sec .cminfo .nickname {
  padding: 0 15px 0 0;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.6rem;
}

.comment-wrap .in-sec .cminfo .nickname:after {
  content: '|';
  display: inline-block;
  position: relative;
  top: -1px;
  padding-left: 15px;
  color: #ccc;
  font-size: 1.4rem;
}

.comment-wrap .in-sec .cminfo .cmdate {
  color: #999;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
}

.comment-wrap .in-sec .cm-content {
  margin-bottom: 14px;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.25;
}

.comment-wrap .cmbtn-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.comment-wrap .btn-reply {
  width: 50%;
  border: 1px solid #ddd;
  background: #fff;
  color: #666;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.4rem;
  width: 75px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.comment-wrap .btn-reply:hover {
  border: 1px solid #999;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}

.comment-wrap .my-cmbtn {
  padding-right: 6px;
}

.comment-wrap .my-cmbtn a {
  display: inline-block;
  position: relative;
  color: #666;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.4rem;
}

.comment-wrap .my-cmbtn a:after {
  content: '|';
  display: inline-block;
  position: relative;
  top: -1px;
  padding: 0 14px;
  color: #ccc;
  font-size: 1.4rem;
}

.comment-wrap .my-cmbtn a:last-child:after {
  display: none;
}

.comment-wrap .write-box {
  position: relative;
  width: 100%;
  height: 60px;
  border: 1px solid #ddd;
  background: #fff;
}

.comment-wrap .write-box .cm-textarea {
  width: 100%;
  height: 48px;
  border: none;
  background: transparent;
  color: #222;
  letter-spacing: -0.08em;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.25;
  overflow-wrap: break-word;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.comment-wrap .write-box .cm-textarea::-webkit-scrollbar {
  display: none;
}

.comment-wrap .write-box .boxin-btn-sec {
  position: absolute;
  right: 10px;
  bottom: 7px;
}

.comment-wrap .write-box .boxin-btn-sec a {
  display: inline-block;
  position: relative;
  color: #666;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.4rem;
}

.comment-wrap .write-box .boxin-btn-sec a:after {
  content: '|';
  display: inline-block;
  position: relative;
  top: -1px;
  padding: 0 14px;
  color: #ccc;
  font-size: 1.4rem;
}

.comment-wrap .write-box .boxin-btn-sec a:last-child:after {
  display: none;
}

.comment-wrap .write-box .boxin-btn-sec a.btn-cancel {
  color: #999;
}

.comment-wrap .write-box .boxin-btn-sec a.btn-cm-inregister {
  font-weight: 700;
}

.comment-wrap .num-pgn {
  margin-top: 90px;
}

/* BOARD WRITE */
.bdwrite-wrap h3 {
  margin-bottom: 15px;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 2.2rem;
}

.bdwrite-wrap .btn-wrap {
  margin-top: 2em;
}

.bdwrite-wrap .btn-wrap a {
  margin-left: 10px;
}

.bdwrite1 {
  border-top: 2px solid #222;
  border-bottom: 1px solid #222;
}

.bdwrite1 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 14px 30px 14px 21px;
  border-bottom: 1px solid #ddd;
}

.bdwrite1 li .rowthwrap {
  padding-top: 22px;
  color: #222;
  letter-spacing: -.04em;
  font-size: 1.6rem;
}

.bdwrite1 li .rowtdwrap {
  color: #222;
  letter-spacing: -.04em;
  font-size: 1.6rem;
}

.bdwrite1 li .rowtdwrap [type="text"] {
  width: 100%;
  height: 60px;
}

.bdwrite1 li .rowtdwrap textarea {
  width: 100%;
  height: 25em;
}

.bdwrite1 li .rowtdwrap textarea.texta-line2 {
  height: 4.5em;
}

.bdwrite1 li .rowtdwrap textarea.recipe {
  height: 18.5em;
}

.bdwrite1 li .rowtdwrap .chk-sec {
  padding: 16px 0;
}

.bdwrite1 li .rowtdwrap .chk-sec .mgl1 {
  margin-left: 60px;
}

.bdwrite1 li .rowtdwrap .thumb-wrap {
  padding-bottom: 10px;
  margin: 0 -5px;
}

.bdwrite1 li .rowtdwrap .thumb-wrap .photo-thum {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 120px;
  height: 80px;
  margin: 0 5px;
  cursor: pointer;
}

.bdwrite1 li .rowtdwrap .thumb-wrap .photo-thum .btn-del {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all .2s;
  transition: all .2s;
  opacity: 0;
}

.bdwrite1 li .rowtdwrap .thumb-wrap .photo-thum .btn-del i {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 11px;
  height: 11px;
  background: url(../images/ic-thumclose1-3x.png) no-repeat 50% 50%;
  background-size: cover;
}

.bdwrite1 li .rowtdwrap .thumb-wrap .photo-thum:hover .btn-del {
  opacity: 1;
}

.bdwrite1 li .rowtdwrap .img-mealmenu {
  position: relative;
  margin-bottom: 9px;
}

.bdwrite1 li .rowtdwrap .meals {
  position: relative;
  z-index: 1;
  top: 100%;
  width: 100%;
  height: 100%;
}

.bdwrite1 li .rowtdwrap .meals img {
  width: 515px;
  height: 350px;
  border: 1px solid #ddd;
}

.bdwrite1 li .rowtdwrap .meals-prd {
  position: relative;
  z-index: 2;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 화면에서 좌표 처리함 */
.bdwrite1 li .rowtdwrap .meals-prd .btn-more-prd {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: rgba(34, 34, 34, 0.5);
  text-align: center;
}

.bdwrite1 li .rowtdwrap .meals-prd .btn-more-prd i {
  display: block;
  width: 60px;
  height: 60px;
  background: url(../images/ic-plusmore1.png) no-repeat 50% 50%;
  background-size: 24px 24px;
}

/* 화면에서 좌표 처리함 */
.bdwrite1 li .rowtdwrap .meals-prd .menu-name {
  position: relative;
  top: 35px;
  left: 35px;
  width: 160px;
  height: 50px;
  padding: 8px 9px 9px;
  border-radius: 0 5px 5px 5px;
  background: rgba(34, 34, 34, 0.85);
}

.bdwrite1 li .rowtdwrap .meals-prd .menu-name .title {
  overflow: hidden;
  color: #fff;
  letter-spacing: -0.06em;
  font-size: 1.4rem;
  line-height: 1.21;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.bdwrite1 li .rowtdwrap .filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.bdwrite1 li .rowtdwrap .filebox label {
  display: inline-block;
  width: 100px;
  padding: .56em .75em;
  margin-left: 10px;
  background: #999;
  color: #fff;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: normal;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
}

.bdwrite1 li .rowtdwrap .filebox label:hover, .bdwrite1 li .rowtdwrap .filebox label:active {
  background: #424345;
}

.bdwrite1 li .rowtdwrap .filebox .filename-wrap {
  display: inline-block;
  width: calc(100% - 115px);
  padding: .56em .75em;
  border: 1px solid #ccc;
  background: #f7f7f7;
  color: #999;
}

.bdwrite1 li .rowtdwrap .filebox .upload-name {
  display: block;
  width: 100%;
  border: none;
  color: #999;
  font-weight: 400;
  font-size: 1.6rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.bdwrite1 li .rowtdwrap .filebox .upload-name .filesize {
  padding-left: 10px;
  color: #aaa;
  font-size: .85em;
}

.bdwrite1 li .rowtdwrap .filebox p.upload-name + p.upload-name {
  margin-top: 6px;
}

.bdwrite1 li .rowtdwrap .menuin-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .menuin-prd {
  width: calc(33.3% - 9px);
  padding-bottom: 15px;
  margin-right: 13px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .menuin-prd.off {
  border: 1px solid #222;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .menuin-prd:nth-child(3n) {
  margin-right: 0;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .calcin-prd {
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .calcin-prd.off {
  border: 1px solid #222;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .menumame {
  position: relative;
  padding: 15px 0;
  margin-bottom: 12px;
  border-bottom: 1px solid #ddd;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .menumame .menuin1-1 {
  height: 27px;
  padding-left: 15px;
  padding-right: 40px;
  border: 0;
  font-weight: 500;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .menumame .btn-set-del {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 7px;
  width: 27px;
  height: 27px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.bdwrite1 li .rowtdwrap .menuin-wrap .menumame .btn-set-del i {
  display: block;
  position: relative;
  left: 7px;
  width: 11px;
  height: 11px;
  background: url(../images/ic-close-g2-3x.png) no-repeat 50% 50%;
  background-size: cover;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .menumame .btn-set-del:hover i {
  background: url(../images/ic-close-b-3x.png) no-repeat 50% 50%;
  background-size: cover;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .menumame .btn-set-del:active i {
  background: url(../images/ic-close-b-3x.png) no-repeat 50% 50%;
  background-size: cover;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin {
  position: relative;
  padding: 3px 14px;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin:hover .prdinput {
  border-color: #666;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .prdinput {
  height: 40px;
  padding-left: 8px;
  padding-right: 30px;
  border: 1px solid #ddd;
  background: #f7f7f7;
  color: #666;
  font-size: 1.4rem;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .prdinput::-webkit-input-placeholder {
  font-size: inherit;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .prdinput:-ms-input-placeholder {
  font-size: inherit;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .prdinput::-ms-input-placeholder {
  font-size: inherit;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .prdinput::placeholder {
  font-size: inherit;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .prdinput.off {
  color: #999;
  background: #eee;
  border-color: #a6a6a6;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .prdinput.title {
  padding-bottom: 11px;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .prdinput.num {
  padding-right: 8px;
  text-align: right;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .item-tit {
  display: inline-block;
  color: #666;
  font-weight: 500;
  font-size: 1.4rem;
  text-align: center;
  vertical-align: top;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .in1 {
  width: 100%;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .in2-1 {
  width: 74.8%;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .in2-2 {
  width: 10.2%;
  margin-left: 3px;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .in2-3 {
  width: 10.2%;
  margin-left: 3px;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .btn-prd-del {
  width: 27px;
  height: 27px;
  margin: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .btn-prd-del i {
  display: block;
  position: relative;
  left: 7px;
  width: 11px;
  height: 11px;
  background: url(../images/ic-close-g2-3x.png) no-repeat 50% 50%;
  background-size: cover;
  opacity: .5;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .btn-prd-del.in {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 17px;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .btn-prd-del.out {
  position: relative;
  top: 13px;
  left: 8px;
  margin-right: -5px;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .btn-prd-del:hover i {
  background: url(../images/ic-close-b-3x.png) no-repeat 50% 50%;
  background-size: cover;
  opacity: 1;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .prdin .btn-prd-del:active i {
  background: url(../images/ic-close-b-3x.png) no-repeat 50% 50%;
  background-size: cover;
  opacity: 1;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}

.bdwrite1 li .rowtdwrap .menuin-wrap .df-btn-g2 {
  margin-top: 12px;
}

.bdwrite1 li .rowtdwrap .menuin-wrap .df-btn-g2:hover {
  border: 0;
}

.bdwrite1 li .rowtdwrap .btn-sign-p {
  width: calc(33.3% - 8px);
  height: 45px;
  font-size: 1.4rem;
}

.bdwrite1 li .rowtdwrap .btn-sign-p i {
  display: inline-block;
  position: relative;
  top: -2px;
  margin-left: 13px;
  font-weight: 100;
  font-size: 2rem;
  font-style: normal;
  vertical-align: middle;
}

.bdwrite1 li .rowtdwrap .btn-sign-p:hover, .bdwrite1 li .rowtdwrap .btn-sign-p:active {
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}

.bdwrite1 li .comment {
  margin: 9px 0 32px;
  font-size: 1.4rem;
}

.bdwrite1 li .comment.mg1 {
  margin: 9px 0 0;
}

.bdwrite1 li .info1 {
  margin: 13px 0 25px;
  color: #666;
  font-size: 1.6rem;
  line-height: 1.75;
}

.bdwrite1.st1 .rowthwrap {
  width: 14.5%;
}

.bdwrite1.st1 .rowtdwrap {
  width: 85.5%;
}

/* MY NEIS */
.neis-wrap .select-wrap {
  margin-bottom: 10px;
}

.neis-wrap .select-wrap select {
  width: 150px;
  color: #666;
  letter-spacing: -.08em;
  font-weight: 400;
  font-size: 1.6rem;
}

.neis-wrap .select-wrap .info {
  display: inline-block;
  margin-left: 20px;
  color: #666;
  letter-spacing: -.06em;
  font-weight: 400;
  font-size: 1.6rem;
}

.myneis {
  position: relative;
  border: 1px solid #222;
}

.calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
}
.calendar > li.nodata {padding:0;     border: none;}
.calendar > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% / 5);
          flex: 1 0 calc(100% / 5);
  -ms-flex-preferred-size: calc(20% - 2px);
  border: 1px solid #dbdbdb;
}

.calendar > li .date {
  height: 43px;
  background: #edf2f9;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 43px;
  text-align: center;
}

.calendar > li .meal-menu {
  min-height: 169px;
  padding: 9px 15px;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.625;
}

.meal-menu-view {
  display: none;
  position: absolute;
  top: 5%;
  left: 50%;
  width: 70%;
  height: auto;
  min-height: 260px;
  border: 1px solid #666;
  background: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: 2px 1px 10px 5px rgba(51, 51, 51, 0.2);
          box-shadow: 2px 1px 10px 5px rgba(51, 51, 51, 0.2);
}

.meal-menu-view .head-title {
  height: 60px;
  padding: 0 20px;
  border-bottom: 1px solid #ddd;
  line-height: 60px;
}

.meal-menu-view .head-title h5 {
  display: inline-block;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 700;
  font-size: 2rem;
}

.meal-menu-view .head-title button {
  position: relative;
  top: 12px;
  float: right;
}

.meal-menu-view .meal-menu-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  padding: 0;
}

.meal-menu-view .meal-menu-info li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px 20px 38px;
  border: 1px solid #ddd;
}

.meal-menu-view .meal-menu-info li .title {
  padding: 0 0 15px;
  color: #628bc7;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.6rem;
}

.meal-menu-view .meal-menu-info li .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 169px;
  padding: 6px 0;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.625;
}

/* MY */
.comment {
  letter-spacing: -.04em;
  color: #999;
  font-size: 1.4rem;
}

.comment.err-text {
  color: #ef3e61;
}

/* SIGN UP */
.signup-wrap {
  width: 800px;
  margin: 0 auto 59px;
}

.signup-wrap h4 {
  margin-bottom: 16px;
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 2.2rem;
}

.signup-wrap h5 {
  color: #222;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.6rem;
}
.signup-wrap h5 span {
	float:right;
	font-size:12px;
	color:blue;
	text-decoration:underline;
	cursor:pointer;
}
.signup-wrap .signup-sec1 {
  padding: 42px 50px;
  background: #f7f7f7;
}

.signup-wrap .signup-sec1 .agreebox1 {display:none;}
.signup-wrap .signup-sec1 .agreebox1.active {display:block;}
.signup-wrap [type="text"],
.signup-wrap [type="password"] {
  width: 100%;
  height: 60px;
  padding-left: 20px;
  font-size: 1.6rem;
}

.signup-wrap [type="radio"] + label {
  color: #666;
  letter-spacing: -.04em;
  font-size: 1.6rem;
}
.signup-wrap [type="checkbox"] + label {
  color: #666;
  letter-spacing: -.04em;
  font-size: 1.6rem;
}

.signup-wrap .comment {
  margin: 11px 0 8px;
  line-height: 1.285;
}

.signup-wrap select {
  width: 100%;
  height: 60px;
}

.signup-wrap .signup-item li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  padding: 8px 0;
}

.signup-wrap .signup-item li .title-sec {
  width: 21.5%;
  padding-top: 23px;
}

.signup-wrap .signup-item li .title-sec label {
  color: #222;
  letter-spacing: -.04em;
  font-weight: 400;
  font-size: 1.6rem;
}

.signup-wrap .signup-item li .title-sec label i {
  display: inline-block;
  position: relative;
  top: -1px;
  padding-left: 4px;
  color: #666;
  font-weight: 400;
  letter-spacing: -.08em;
  font-size: 1.3rem;
  font-style: normal;
}

.signup-wrap .signup-item li .title-sec label .required {
  color: #ef3e61;
}

.signup-wrap .signup-item li .input-sec {
  width: 78.5%;
  color: #222;
}

.signup-wrap .signup-item li .input-sec .sel1 {
  width: calc(50% - 5px);
  margin-bottom: 10px;
}

.signup-wrap .signup-item li .input-sec .sel1 + .sel1 {
  float: right;
}

.signup-wrap .chk-sec {
  padding: 17px 0;
}

.signup-wrap.agree h5 {
  margin: 7px 0 17px;
}

.signup-wrap.agree .agreebox1 {
  overflow-y: auto;
  height: 200px;
  padding: 20px;
  border: 1px solid #ddd;
  background: #fff;
  color: #666;
  letter-spacing: -.04em;
  font-size: 1.6rem;
  line-height: 1.375;
}

.signup-wrap.agree .agreebox1 table {
  margin-bottom: 10px;
  border-right:1px solid #dbdbdb;
  border-top:1px solid #dbdbdb;
}
.signup-wrap.agree .agreebox1 table tr th {
  background:#f1f2f3;
}
.signup-wrap.agree .agreebox1 table tr td,
.signup-wrap.agree .agreebox1 table tr th {
  border-left:1px solid #dbdbdb;
  border-bottom:1px solid #dbdbdb;
  height:30px;
  text-align:left;
  padding-left:5px;
}
.signup-wrap.agree .agreebox1 .terms-list {
  padding-bottom: 10px;
}

.signup-wrap.agree .agreebox1 h6 {
  margin: 15px 0 3px;
  font-size: inherit;
  font-weight: 500;
}

.signup-wrap.agree .agreebox1 h6 + ul li ul {
  padding-left: 12px;
}

.signup-wrap.agree .agreebox1 h6 + ul li ul ul {
  padding-left: 12px;
  padding-bottom: 5px;
}

.signup-wrap.agree .agreebox1 div {
  padding: 5px 0 3px;
}

/* SIGN IN */
.signin-wrap {
  width: 550px;
  margin: 120px auto 0;
  text-align: center;
}

.signin-wrap [type="text"],
.signin-wrap [type="password"] {
  width: 100%;
  height: 75px;
  padding-left: 20px;
  font-size: 1.8rem;
}

.signin-wrap .comment {
  margin: 11px 0 8px;
  line-height: 1.285;
  text-align: left;
}

.signin-wrap .btn-wrap {
  padding-top: 30px;
}

.signin-wrap .frmchk {
  padding: 20px 0 40px;
  text-align: left;
}

.signin-wrap [type="checkbox"] + label {
  color: #666;
  letter-spacing: -.04em;
  font-size: 1.6rem;
}

.signin-wrap .link-wrap {
  padding: 15px 0 0;
  border-top: 1px solid #ddd;
  text-align: center;
}

.signin-wrap .link-wrap li {
  display: inline-block;
  position: relative;
  padding: 0 19px;
  color: #666;
  letter-spacing: -.04em;
  font-weight: 500;
  font-size: 1.6rem;
}

.signin-wrap .link-wrap li a {
  display: block;
  padding: 10px 0;
}

.signin-wrap .link-wrap li:after {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  right: 0;
  width: 1px;
  height: 14px;
  background: #ddd;
}

.signin-wrap .link-wrap li:last-child:after {
  display: none;
}

/* SIGN IN POP */
#pop-id,
#pop-pw {
  z-index: 1000;
}

.popdf {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow-y: auto;
  padding: 5px 25px 4px;
  margin: auto;
  background: #fff;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: 20px 20px 40px 0 rgba(123, 130, 146, 0.2);
          box-shadow: 20px 20px 40px 0 rgba(123, 130, 146, 0.2);
}

.popdf .poptitle {
  padding: 24px 0;
  margin-bottom: 29px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

.popdf .poptitle h2 {
  color: #222;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 2.4rem;
}

.popdf .text-p1 {
  color: #999;
  letter-spacing: -.04em;
  font-size: 1.6rem;
}

.popdf .chktab {
  overflow: hidden;
}

.popdf .chktab li {
  display: block;
  float: left;
  position: relative;
  width: 50%;
  padding-top: 26px;
}

.popdf .chktab li:nth-child(1) {
  padding-right: 15px;
  text-align: right;
}

.popdf .chktab li:nth-child(2) {
  padding-left: 15px;
  text-align: left;
}

.popdf .chktab li:nth-child(2) .tabcont {
  left: calc(-100% - 30px);
}

.popdf .chktab li label {
  font-size: 1.6rem;
}

.popdf input[type="text"],
.popdf input[type="password"],
.popdf button {
  width: 100%;
  height: 60px;
}

.popdf input[type="text"],
.popdf input[type="password"] {
  font-size: 1.6rem;
}

.popdf button {
  margin: 21px 0 30px;
  font-size: 1.8rem;
}

.popdf .comment {
  margin: 11px 0 0;
  letter-spacing: -.04em;
  font-size: 1.4rem;
  text-align: left;
}

.popdf .closebtn-wrap {
  padding: 20px 0;
  border-top: 1px solid #ddd;
}

.popdf .popbtn-wrap {
  padding: 20px 0;
  border-top: 1px solid #ddd;
}

.popdf .btn-close {
  width: 75px;
  height: 35px;
  background: #999;
  color: #fff;
  letter-spacing: -.06em;
  font-size: 1.4rem;
}

.popdf .btn-register {
  width: 75px;
  height: 35px;
  background: #999;
  color: #fff;
  letter-spacing: -.06em;
  font-size: 1.4rem;
}

.popdf .tabcont {
  position: relative;
  width: calc(200% + 30px);
  margin-top: 30px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.popdf .chktab input[type="radio"]:checked ~ .tabcont {
  opacity: 1;
  z-index: 1;
}

.popdf .pop-result {
  padding: 30px 0 60px;
  color: #666;
  letter-spacing: -.06em;
  font-size: 1.8rem;
}

.popdf .pop-result strong {
  padding: 0 20px;
  color: #222;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 2.4rem;
}

.popdf .pop-result .comment {
  margin: 11px 0 21px;
  text-align: left;
}

/* MY MENU */
.prdlist-wrap.my-menu .chkall-sec {
  position: relative;
  padding: 20px 0 14px;
  margin-bottom: 22px;
  border-bottom: 1px solid #222;
  color: #222;
  letter-spacing: -.02em;
  font-weight: 500;
  font-size: 1.6rem;
}

.prdlist-wrap.my-menu .chkall-sec label {
  margin: 0;
  font-size: 1.6rem;
}

.prdlist-wrap.my-menu .chkall-sec .btn-wrap {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.prdlist-wrap.my-menu .chkall-sec .btn-wrap button + button {
  margin-left: 10px;
}

.prdlist-wrap.my-menu .title-sec {
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.prdlist-wrap.my-menu .title-sec .title {
  margin: 0;
  color: #222;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 2rem;
}

/* MYINFO MODI */
.myinfo-wrap {
  width: 800px;
  padding: 65px 125px 101px;
  margin: 0 auto 0;
  background: #f7f7f7;
  text-align: center;
}

.myinfo-wrap [type="password"] {
  width: 100%;
  height: 60px;
  padding-left: 20px;
  font-size: 1.8rem;
}

.myinfo-wrap [type="password"].mg1 {
  margin-top: 10px;
}

.myinfo-wrap .p-wrap {
  padding: 0 0 40px;
}

.myinfo-wrap .p-wrap p {
  color: #666;
  font-size: 1.6rem;
  line-height: 1.5;
}

.myinfo-wrap .p-wrap p.mg1 {
  margin-bottom: 12px;
}

.myinfo-wrap .comment {
  margin: 11px 0 21px;
  text-align: left;
}

.myinfo-wrap .btn-wrap button + button {
  margin-top: 10px;
}

.fbnr-wrap {
  height: 85px;
  padding: 15px 0;
  background: #f3f4f6;
}

.fbnr-wrap .fnbr {
  margin: 0 -10px;
}

.fbnr-wrap .fnbr li {
  float: left;
  width: 184px;
  height: 55px;
  margin: 0 10px;
  border: 1px solid #eee;
}

/* FOOTER */
footer {
  position: relative;
  padding: 61px 0 64px;
  background: #424345;
}

footer .relsite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  float: right;
}

footer .relsite .sel-link {
  position: relative;
  width: 250px;
  text-align: left;
}

footer .relsite .sel-link button {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 45px;
  padding: 0 19px;
  border: 1px solid #ddd;
  background: #424345;
  color: #ddd;
  letter-spacing: -.02em;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 43px;
  text-align: left;
}

footer .relsite .sel-link button i {
  display: inline-block;
  position: absolute;
  top: 17px;
  right: 19px;
  width: 14px;
  height: 8px;
  background: url(../images/ic-ftsel-3x.png) no-repeat;
  background-size: cover;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: all .2s;
  transition: all .2s;
}

footer .relsite .sel-link button:active {
  -webkit-transform: none;
          transform: none;
}

footer .relsite .sel-link button.on {
  background: #fff;
  color: #999;
}

footer .relsite .sel-link button.on i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

footer .relsite .sel-link .select-list {
  display: none;
  position: absolute;
  z-index: 1;
  bottom: 45px;
  width: 100%;
  height: auto;
  padding: 10px 0;
  border: 1px solid #ddd;
  background: #fff;
}

footer .relsite .sel-link .select-list li {
  color: #666;
  letter-spacing: -.02em;
  font-weight: 500;
  font-size: 1.6rem;
}

footer .relsite .sel-link .select-list li a {
  display: block;
  padding: 10px 19px;
}

footer .relsite .sel-link .select-list.on {
  display: block;
}

footer .relsite .ft-logo {
  width: 230px;
  padding-top: 39px;
}

footer .relsite .ft-logo img {
  width: 100%;
  height: auto;
}

footer .copyright {
  padding-top: 15px;
  color: #ccc;
  font-size: 1.6rem;
}

footer .copyright .user-info {
  margin-bottom: 28px;
  color: #ccc;
  letter-spacing: -0.025em;
  font-weight: 700;
}

footer .copyright .user-info strong {
  color: #5ac5d8;
}

footer .copyright .user-info li {
  display: inline-block;
}

footer .copyright .user-info li:after {
  content: '|';
  display: inline-block;
  position: relative;
  top: -2px;
  padding: 0 16px;
  color: #999;
}

footer .copyright .user-info li:last-child:after {
  display: none;
}

footer .copyright .infolist {
  color: #fff;
  letter-spacing: -.04em;
  font-weight: 400;
}

footer .copyright .infolist .info {
  padding: 4px 0;
}

footer .copyright .infolist .info span {
  display: inline-block;
}

footer .copyright .infolist .info span:after {
  content: '|';
  display: inline-block;
  position: relative;
  top: -2px;
  padding: 0 10px;
  color: #707071;
}

footer .copyright .infolist .info span:last-child:after {
  display: none;
}

footer .copyright .copyr {
  margin-top: 19px;
  color: #999;
  font-weight: 500;
  font-size: 1.5rem;
  letter-spacing: -.04em;
}

footer .copyright .isms {
  position: absolute;
  top: 10px;
  left: 750px;
}

footer .copyright .isms img {
  width: 20px;
  height: 20px;
}

footer #pop-privacy1,
footer #pop-provision1 {
  display: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

footer .foot-pop1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1200px;
  height: calc(100vh - 30px);
  padding: 53px 60px 20px;
  margin: auto;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

footer h3 {
  padding: 0 0 25px;
  border-bottom: 1px solid #ddd;
  color: #333;
  font-weight: 500;
  font-size: 2.4rem;
}

footer .scl-box1 {
  overflow-y: auto;
  height: calc(100% - 105px);
  margin-top: -1px;
  color: #222;
  letter-spacing: -.04em;
  font-size: 1.6rem;
  line-height: 2;
}

footer .scl-box1 .terms-list {
  padding: 30px 60px;
  margin-bottom: 30px;
  border: 1px solid #ddd;
  background: #f7f7f7;
  color: #666;
  font-size: 1.6rem;
  line-height: 1;
  -webkit-column-count: 2;
  column-count: 2;
}

footer .scl-box1 .terms-list li {
  padding: 8px 0;
}

footer .scl-box1 h4 {
  color: #333;
  font-weight: 700;
  font-size: 1.6rem;
}

footer .scl-box1 h4 + p + ul {
  margin-bottom: 40px;
}

footer .scl-box1 h4 + ul {
  margin-bottom: 40px;
}

footer .scl-box1 h4 + ul li ul {
  padding-left: 1em;
}

footer .scl-box1 h4 + ul li ul ul {
  padding-left: 1em;
}

footer .scl-box1 ul {
  font-weight: 400;
}

footer .scl-box1 p.title + p {
  padding-left: 1em;
}

footer .scl-box1 p.title + ul {
  margin-left: 1em;
}

footer .scl-box1 .pd1 {
  padding-left: 1em;
}

footer .scl-box1 .mg1 {
  margin-bottom: 40px;
}

footer .scl-box1 .mg2 {
  margin-top: 15px;
}

footer .scl-box1 div {
  padding: 5px 0 3px;
}

footer .btn-wrap {
  height: 55px;
  margin-top: auto;
  padding-top: 19px;
  border-top: 1px solid #ddd;
  background: #fff;
  text-align: center;
}

/* CHATBOT */
#chatbot {
  position: fixed;
  z-index: 900;
  overflow: hidden;
  right: -500px;
  bottom: 10px;
  width: 400px;
  height: 600px;
  border: 1px solid #00b6d6;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(51, 51, 51, 0.2);
          box-shadow: 5px 5px 10px 0px rgba(51, 51, 51, 0.2);
}

.chat-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  width: 100%;
  height: 100%;
  background: #ecf0f1;
}

.chat-content-wrap .chat-header {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 6em;
  margin-bottom: auto;
  background: #00b6d6;
  text-align: center;
  line-height: 6em;
  -webkit-box-shadow: 3px 3px 10px 0px rgba(51, 51, 51, 0.2);
          box-shadow: 3px 3px 10px 0px rgba(51, 51, 51, 0.2);
}

.chat-content-wrap .chat-header .title {
  float: none;
  width: 100%;
  color: #fff;
  font-weight: 500;
  font-size: 2rem;
}

.chat-content-wrap .chat-header .title i {
  display: inline-block;
  width: 22px;
  height: 17px;
  margin-right: 14px;
  background: url(../images/ic-chatbot-3x.png) no-repeat 50% 50%;
  background-size: cover;
}

.chat-content-wrap .chat-header .btn-close-chat {
  position: absolute;
  top: 50%;
  right: 17px;
  width: 30px;
  height: 31px;
  background: url(../images/ic-close-w-3x.png) no-repeat 50% 50%;
  background-size: 22px 23px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.chat-content-wrap .chat-contents {
  position: relative;
  margin-top: 6em;
  height: calc(100% - 12em);
}

.chat-content-wrap .chat-contents .chat-view {
  overflow-y: auto;
  scrollbar-width: thin;
  width: 100%;
  height: 100%;
  color: #222;
  font-size: 1.5rem;
}

.chat-content-wrap .chat-contents .chat-view .chat-date {
  width: 100%;
  margin: 20px 0;
  color: #666;
  font-size: 1.4rem;
  text-align: center;
}

.chat-content-wrap .chat-contents .chat-view .chat-wrap {
  padding: 0 30px;
}

.chat-content-wrap .chat-contents .chat-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  margin: 1em 0;
}

.chat-content-wrap .chat-contents .chat-box.st-a {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.chat-content-wrap .chat-contents .chat-box.st-a .chat-bubble {
  color: #222;
  background: #fff;
}

.chat-content-wrap .chat-contents .chat-box.st-q {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.chat-content-wrap .chat-contents .chat-box.st-q .chat-bubble {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  color: #fff;
  border-radius: 15px 0 15px 15px;
  background: #00b6d6;
  text-align: left;
}

.chat-content-wrap .chat-contents .chat-box.st-q .chat-bubble p {
  font-weight: 500;
}

.chat-content-wrap .chat-contents .chat-box.st-q .chat-info {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.chat-content-wrap .chat-contents .chat-box .chat-bubble {
  max-width: 73.5%;
  padding: 13px 20px 11px;
  border-radius: 0 15px 15px 15px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(34, 34, 34, 0.1);
          box-shadow: 2px 2px 3px 0px rgba(34, 34, 34, 0.1);
}

.chat-content-wrap .chat-contents .chat-box .chat-bubble p {
  line-height: 1.333;
  word-wrap: break-word;
}

.chat-content-wrap .chat-contents .chat-box .chat-bubble .link-list {
  padding: 1em 0 .5em;
  margin-top: 1em;
  border-top: 1px solid #ccc;
}

.chat-content-wrap .chat-contents .chat-box .chat-bubble .link-list .list li {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.35;
}

.chat-content-wrap .chat-contents .chat-box .chat-bubble .link-list .list li a {
  display: block;
  padding: .2em 0;
  color: #00b6d6;
  font-weight: 500;
  font-size: 1.4rem;
}

.chat-content-wrap .chat-contents .chat-box .chat-info {
  padding: 0 10px;
  color: #999;
  font-size: 1.2rem;
}

.chat-content-wrap .chat-footer {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 6em;
}

.chat-content-wrap .chat-input-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: auto;
  padding: 10px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-top: 1px solid #ccc;
  background: #fff;
}

.chat-content-wrap .chat-input-area textarea {
  border: none;
  padding: 8px 14px 0 29px;
  overflow-y: auto;
  width: calc(100% - 44px);
  height: 100%;
  color: #222;
  letter-spacing: -.04em;
  font-size: 1.6rem;
  line-height: 1.35;
}

.chat-content-wrap .chat-input-area .btn-send {
  width: 34px;
  height: 33px;
  margin-right: 16px;
  margin-left: auto;
  background: url(../images/ic-send1-3x.png) no-repeat 50% 50%;
  background-size: 24px 23px;
}

/* ERROR */
.error-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100%;
  background: #f7f7f7;
}

.error-wrap .pg-wrap1 {
  width: 1200px;
}

.error-wrap .pg-wrap1 .hd {
  position: relative;
  height: auto;
}

.error-wrap .pg-wrap1 .hd h1 {
  width: 15em;
  margin: 3em 0;
  font-size: 1rem;
}

.error-wrap .pg-wrap1 .hd h1 img {
  max-width: 100%;
  height: auto;
}

.error-wrap .pg-wrap1 .box1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  padding: 11.4em 14.2em 10.5em;
  background: #fff;
}

.error-wrap .pg-wrap1 .box1 .col-div1-1 {
  width: 50%;
}

.error-wrap .pg-wrap1 .box1 .col-div1-1 i {
  display: inline-block;
  width: 85px;
  height: 85px;
  margin: .5em 3.6em 0 0;
  background: url(../images/ic-info1.png) 50% 50%;
  background-size: cover;
  vertical-align: top;
}

.error-wrap .pg-wrap1 .box1 .col-div1-1 h2 {
  display: inline-block;
  color: #aaa;
  letter-spacing: -.06em;
  font-weight: 400;
  font-size: 3.5rem;
  line-height: 1.42857;
}

.error-wrap .pg-wrap1 .box1 .col-div1-2 {
  width: 50%;
}

.error-wrap .pg-wrap1 .box1 .col-div1-2 .error1-1 {
  color: #222;
  letter-spacing: -.06em;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.75;
}

.error-wrap .pg-wrap1 .box1 .col-div1-2 .error1-2 {
  margin-top: 2.9em;
}

.error-wrap .pg-wrap1 .box1 .col-div1-2 .error1-2 li {
  padding: 0.52941em 0;
  color: #222;
  letter-spacing: -.06em;
  font-size: 1.7rem;
}

.error-wrap .pg-wrap1 .box1 .btnC {
  margin: 8.1em auto 0;
}

.error-wrap .pg-wrap1 .box1 .btnC button {
  display: inline-block;
  width: 18.52941em;
  height: 3.529411em;
  padding: 0;
  margin: 0 -1px;
  vertical-align: top;
}

.error-wrap .pg-wrap1 .ft {
  padding: 1.5625em;
  color: #999;
  font-size: 1.6rem;
  text-align: center;
}

/* web3 ********************************************************************/
@media (max-width: 1600px) {
  .quick-menu {
    left: auto;
    right: 5px;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
  }
}

/* web2 ********************************************************************/
@media (max-width: 1450px) {
  .quick-menu {
    display: none;
  }
  /* ERROR */
  .error-wrap .pg-wrap1 .box1 {
    padding: 11.4em 8em 10.5em;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-1 i {
    width: 75px;
    height: 75px;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-1 h2 {
    font-size: 3.2rem;
  }

}

/* web1 ********************************************************************/
@media (max-width: 1199px) {
  .quickSearch {
	position: relative;
    left: 0;
    margin: 0;
    top: 0;
    width: 100%;
  }
  .quickSearch > h2 {display:none;}
  .quickSearch ul li {border:none; position:unset; padding:0;}
  .quickSearch ul li h2 {width:30%; float:left; border-bottom: 1px solid #f1f2f3; padding-left:10px;}
  .quickSearch ul li dl {position:absolute; left:30%; width:70%; top:0; padding:10px!important; border-left: 1px solid #f1f2f3; bottom:0;}
  .quickSearch ul li h2 span {display:none;}
  .quickSearch ul li:after {content:''; clear:both; display: block;}
  .quickSearch ul li.on h2 {background:#999; color:#fff;}

  /* SPACE */
  /* COMMON */
  .inner {
    width: 100%;
  }
  .topbnr {
    width: 25%;
  }
  .topbnr .swiper-container {
    margin-left: 0;
    width: 100%;
  }
  /* GNB */
  .gnb-wrap .nav-all {
    left: 0;
    width: 200px;
  }
  .gnb-wrap .gnbmenu {
    left: 100px;
    width: calc(100% - 200px);
    margin: 0 auto;
  }
  .gnb-wrap .gnbmenu > li {
    display: block;
    position: relative;
    float: left;
    width: 14%;
    text-align: center;
  }
  .gnb-wrap .gnbmenu > li > a {
    font-size: 1.95rem;
    padding: 0;
    letter-spacing: -0.8em;
  }
  .gnb-wrap .gnbmenu .gnbebook {
    position: absolute;
    z-index: 11;
    top: 58px;
    left: -100px !important;
    width: 200px;
    height: 225px;
  }
  /* SUB CONTENTS WEB1 */
  .content-wrap {
    padding: 0 0 12em;
  }
  .content-wrap.inner {
    padding: 0 10px 12em;
  }
  .content-wrap .inner {
    padding: 0 10px;
  }
  /* PRODUCT COMMON */
  .prdlist {
    margin: 0 -3em 0;
  }
  .prdlist > li {
    display: block;
    width: calc(33.3% - 6em);
    margin: 0 3em 30px;
  }
  .prdlist.best-topimg > li, .prdlist.best-top > li, .prdlist.best > li {
    width: calc(33.3% - 6em);
    margin: 0 3em 30px;
  }
  .prdlist.best-topimg > li .thumb, .prdlist.best-top > li .thumb, .prdlist.best > li .thumb {
    height: 285px;
  }
  /* PRD-VIEW */
  .prd-info1 {
    width: calc(50% - 20%);
    padding-right: 20px;
  }
  .prd-info1-wrap .img-wrap {
    width: 50%;
    position: relative;
    padding-right: 20px;
  }
  .prd-info1-wrap .img-wrap .prdview-imgitem {
    cursor: pointer;
  }
  .prd-info1-wrap .img-wrap .prdview-imgitem img {
    max-width: 100%;
    min-width: 560px;
    
  }
  .prd-info1-wrap .img-wrap .prdview-thumbs-pgn {
    width: calc(100% - 20px);
  }
  .prd-info1-wrap .info1-1 {
    width: 50%;
    padding-left: 20px;
  }
  .prd-info1-wrap .info1-1 .allergy-wrap {
    padding: 19px 20px;
    margin: 0 0 15px;
  }
  .prd-info1-wrap .info1-1 .allergy-wrap dl {
    display: block;
    width: 100%;
    padding: 5px 0;
  }
  .prd-info1-wrap .info1-1 .allergy-wrap dt {
    width: 33%;
    vertical-align: top;
  }
  .prd-info1-wrap .info1-1 .allergy-wrap dd {
    width: 66%;
    line-height: 1.4;
  }
  .prd-info2-wrap .swiper-slide {
    display: block;
    max-width: 160px;
    margin-right: 10px;
  }
  .prd-info2-wrap .swiper-slide img {
    display: block;
    max-width: 100%;
    border: 1px solid #ddd;
    background: #fff;
  }
  /* MEALSVIEW */
  .meal-info1-wrap.inner {
    padding-bottom: 84px;
  }
  .meal-info1-wrap.inner .info1-1 {
    height: 34em;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals {
    top: -34em;
  }
  .meal-info2-wrap .prdlist {
    margin: 0 -10px 0;
  }
  .meal-info2-wrap .prdlist > li {
    width: calc(20% - 20px);
  }
  /* MY NEIS WEB1 */
  .meal-menu-view {
    width: 90%;
    min-height: 260px;
  }
  /* POP GRID */
  .grid .item {
    width: calc(33.3% - 10px);
  }
  .fbnr-wrap .fnbr {
    display: inline-block;
    width: 100%;
    margin: 0 0 0 5px;
  }
  .fbnr-wrap .fnbr li {
    float: left;
    width: 15.5%;
    height: 55px;
    margin: 0 5px;
  }
  .fbnr-wrap .fnbr li img {
    max-width: 100%;
  }
  #pop-privacy1 .foot-pop1,
  #pop-provision1 .foot-pop1 {
    width: 100%;
    padding: 53px 40px 20px;
  }
  /* ERROR WEB1 */
  .error-wrap .pg-wrap1 {
    width: 100%;
    margin: 0 3em;
  }
}

/* PAD ********************************************************************/
@media (max-width: 1024px) {
  /* SPACE */
  /* SIZE */
  /* COMMON */
  .inner {
    padding: 0 30px;
  }
  .scr-p {
    display: none;
  }
  .scr-m {
    display: block;
  }
  .tag {
    display: none;
  }
  .topbnr {
    display: none;
  }
  /* BTN */
  .md-btn-w {
    font-size: 1.5rem;
    height: 70px;
    line-height: 69px;
  }
  .md-btn-b {
    font-size: 1.5rem;
    height: 70px;
  }
  .md-btn-b.cart i {
    width: 29px;
    height: 23px;
    background: url(../images/ic-pack.png) -420px -30px;
    margin-right: 20px;
  }
  .df-btn-w {
    font-size: 1.4rem;
    height: 45px;
    line-height: 45px;
  }
  .df-btn-b {
    font-size: 1.4rem;
    height: 45px;
  }
  .bd-btn1 {
    font-size: 1.8rem;
    height: 75px;
  }
  /* SWIPER BULLETS */
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 3em;
  }
  .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: rgba(0, 0, 0, 0.8);
  }
  .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #fff;
    border: 1px solid #ddd;
    opacity: 1;
  }
  /* HEADER */
  .m-header .gnb-btn {
    position: absolute;
    bottom: 10px;
    left: 30px;
    width: 42px;
    height: 42px;
    padding: 5px;
    overflow: hidden;
    text-align: center;
    border-radius: 0;
  }
  .m-header .gnb-btn span {
    display: block;
    width: 100%;
    height: 3px;
    margin-bottom: 9px;
    background: #bbbbbb;
  }
  .m-header .gnb-btn span:nth-child(2) {
    width: 70%;
  }
  .m-header .gnb-btn.close {
    top: 44px;
    left: auto;
    right: 15px;
    padding: 0;
    background: transparent;
  }
  .m-header .gnb-btn.close span {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -2px;
    margin-left: -20px;
    height: 3px;
    width: 40px;
    border-radius: 3px;
    background: #fff;
  }
  .m-header .gnb-btn.close span:nth-child(1) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .m-header .gnb-btn.close span:nth-child(2) {
    display: none;
  }
  .m-header .gnb-btn.close span:nth-child(3) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .m-head {
    display: block;
    position: fixed;
    z-index: 90;
    width: 100%;
    height: 6.8em;
    border-bottom: 1px solid #00b6d6;
    background: #fff;
  }
  .m-head h1 {
    float: none;
    width: 23%;
    margin: 9px auto 0;
    text-align: center;
  }
  .m-head h1 img {
    height: 50px;
  }
  .m-head .header-logo {
    display: block;
    margin-top: 0;
  }
  .m-head .m-btnsch {
    display: block;
    position: absolute;
    top: calc(50% - .15em);
    right: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2.5em;
    height: 2.5em;
    background: url(../images/ic-sch1-3x.png) no-repeat 50% 50%;
    background-size: cover;
  }
  .m-head .m-hd-sch {
    position: absolute;
    top: 50%;
    right: -100vw;
    width: 60%;
    height: 60px;
    padding: 5px 10px;
    background: #fff;
    text-align: left;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all .035s ease-in;
    transition: all .035s ease-in;
  }
  .m-head .m-hd-sch input[type="text"] {
    width: calc(100% - 3em);
    height: 45px;
    padding-left: 1.5em;
    border: 2px solid #00b6d6;
    border-radius: 25px;
  }
  .m-head .m-hd-sch .btn-sch {
    position: relative;
    top: 2px;
    width: 18px;
    height: 18px;
    margin-left: -40px;
    background: transparent;
  }
  .m-head .m-hd-sch .m-hd-schclose {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 1.8em;
    height: 1.8em;
    background: url(../images/close.png) no-repeat 50% 50%;
    background-size: cover;
  }
  .m-head .m-hd-sch.on {
    right: 23px;
    -webkit-transition: all .035s ease-in;
    transition: all .035s ease-in;
  }
  .m-gnb-wrap {
    position: fixed;
    overflow-y: auto;
    z-index: 100;
    top: 0;
    left: -100vw;
    bottom: 0;
    width: 50vw;
    height: 100vh;
    background: #fff;
  }
  .m-gnb-wrap .m-user-menu .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    border-bottom: 1px solid #00b6d6;
  }
  .m-gnb-wrap .m-user-menu .list.in li {
    width: 25%;
  }
  .m-gnb-wrap .m-user-menu .list.out li {
    width: 33.3%;
  }
  .m-gnb-wrap .m-user-menu .list li {
    padding: 20px 0;
    border-right: 1px solid #ddd;
    color: #222;
    letter-spacing: -.04em;
    font-weight: 400;
    font-size: 1.8rem;
    text-align: center;
  }
  .m-gnb-wrap .m-user-menu .list li.login {
    display: block;
    width: 100%;
    padding: 43px 20px 20px;
    border-right: none;
    background: #00b6d6;
    color: #fff;
    letter-spacing: -.06em;
    font-weight: 500;
    font-size: 2rem;
    text-align: left;
  }
  .m-gnb-wrap .m-user-menu .list li.login p {
    display: inline-block;
    position: relative;
    top: 8px;
  }
  .m-gnb-wrap .m-user-menu .list li.login em {
    font-weight: 700;
    text-decoration: underline;
    text-underline-position: under;
  }
  .m-gnb-wrap .m-user-menu .list li.login .bd-btn1 {
    float: right;
    width: 100px;
    height: 38px;
    margin-right: 58px;
    line-height: 36px;
  }
  .m-gnb-wrap #m-gnb ul ul {
    display: none;
  }
  .m-gnb-wrap #m-gnb ul li.open ul {
    display: block;
  }
  .m-gnb-wrap #m-gnb ul li > a {
    display: block;
  }
  .m-gnb-wrap .m-gnbmenu {
    color: #222;
    letter-spacing: -.06em;
    font-weight: 500;
    font-size: 2rem;
  }
  .m-gnb-wrap .m-gnbmenu li {
    width: 100%;
    height: auto;
  }
  .m-gnb-wrap .m-gnbmenu li > a {
    position: relative;
    padding: 22px;
    width: 100%;
  }
  .m-gnb-wrap .m-gnbmenu li > a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 22px;
    width: 10px;
    height: 12px;
    background: url(../images/ic-naviarrow1-3x.png) no-repeat 50% 50%;
    background-size: cover;
    -webkit-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0);
  }
  .m-gnb-wrap .m-gnbmenu li .depth1 {
    width: 100%;
    padding: 22px;
  }
  .m-gnb-wrap .m-gnbmenu li .depth1.allcate {
    background: #dbf1f9;
  }
  .m-gnb-wrap .m-gnbmenu li .depth1:after {
    width: 10px;
    height: 12px;
    background: url(../images/ic-naviarrow1-3x.png) no-repeat 50% 50%;
    background-size: cover;
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    -webkit-transition: all .1s;
    transition: all .1s;
  }
  .m-gnb-wrap .m-gnbmenu li .depth1.open:after {
    -webkit-transform: translateY(-50%) rotate(270deg);
            transform: translateY(-50%) rotate(270deg);
  }
  .m-gnb-wrap .m-gnbmenu li .depth2 {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .m-gnb-wrap .m-gnbmenu li .depth2 li > a {
    padding: 18px 35px;
    background: #f3f3f3;
    letter-spacing: -.06em;
    font-weight: 400;
    font-size: 1.7rem;
  }
  .m-gnb-wrap .m-gnbmenu li .depth2 li > a:after {
    display: none;
  }
  .m-gnb-wrap .m-gnbmenu li .depth2 li > a.mmenu {
    border-bottom: 1px solid #e7e7e7;
    background: #fff;
  }
  .m-gnb-wrap .m-gnbmenu li .depth2 li > a.mmenu:after {
    display: block;
    right: 22px;
    width: 8px;
    height: 10px;
    background: url(../images/ic-naviarrow1-3x.png) no-repeat 50% 50%;
    background-size: cover;
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
  }
  .m-gnb-wrap .m-gnbmenu li .depth2 li > a.mmenu.open:after {
    -webkit-transform: translateY(-50%) rotate(270deg);
            transform: translateY(-50%) rotate(270deg);
  }
  .m-gnb-wrap .m-gnbmenu li .depth3 {
    display: none;
    position: relative;
    width: 100%;
  }
  .m-gnb-wrap .m-gnbmenu li .depth3 li a {
    padding: 12px 35px;
  }
  .m-gnb-wrap .m-gnbmenu li .quick {
    font-weight: 500;
  }
  .m-gnb-wrap .m-gnbmenu li .quick a {
    border-bottom: 1px solid #e7e7e7;
    background: #fff !important;
  }
  .m-gnb-wrap .m-gnbmenu li .quick i {
    display: inline-block;
    position: relative;
    top: -2px;
    width: 24px;
    height: 24px;
    margin-right: 11px;
    background: url(../images/ic-gnbcate.png);
    vertical-align: middle;
  }
  .m-gnb-wrap .m-gnbmenu li .quick i.ic1 {
    background-position: 0 -90px;
  }
  .m-gnb-wrap .m-gnbmenu li .quick i.ic2 {
    background-position: -30px -90px;
  }
  .m-gnb-wrap .m-gnbmenu li .quick i.ic3 {
    background-position: -60px -90px;
  }
  .m-gnb-wrap .m-recently-pd-list {
    padding: 28px 20px 40px;
    border-top: 1px solid #ddd;
    background: #f7f7f7;
  }
  .m-gnb-wrap .m-recently-pd-list h3 {
    padding: 0 0 20px;
    color: #222;
    letter-spacing: -.04em;
    font-weight: 500;
    font-size: 1.7rem;
  }
  .m-gnb-wrap .m-recently-pd-list ul {
    margin: 0 -10px;
  }
  .m-gnb-wrap .m-recently-pd-list ul li {
    display: inline-block;
    width: calc(25% - 2.5px);
    padding: 0 10px;
  }
  .m-gnb-wrap .m-recently-pd-list ul li img {
    max-width: 100%;
    border: 1px solid #ddd;
  }
  .m-gnb-wrap .m-recently-pd-list .info {
    color: #999;
    letter-spacing: -.04em;
    font-weight: 400;
    font-size: 1.5rem;
    text-align: center;
  }
  .m-gnb-wrap .contact li {
    display: block;
    float: left;
    width: 50%;
    color: #fff;
    letter-spacing: -.06em;
    font-weight: 500;
    font-size: 2rem;
    text-align: center;
  }
  .m-gnb-wrap .contact li:nth-child(1) {
    background: #595a5d;
  }
  .m-gnb-wrap .contact li:nth-child(2) {
    background: #424345;
  }
  .m-gnb-wrap .contact li i {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 15px;
    background: url(../images/ic-call1-3x.png) 50% 50%;
    background-size: cover;
    vertical-align: middle;
  }
  .m-gnb-wrap .contact li a {
    display: block;
    width: 100%;
    padding: 25px 0;
  }
  .m-gnb-wrap .contact li.chatbot i {
    display: inline-block;
    width: 33px;
    height: 26px;
    margin-right: 15px;
    background: url(../images/ic-chatbot-3x.png) no-repeat 50% 50%;
    background-size: cover;
    vertical-align: middle;
  }
  .dim {
    z-index: 90;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  /* CONTAINER */
  .container {
    padding-top: 6.8em;
  }
  /* SUB PAD
  -------------------------------------------------------------------*/
  .location {
    display: none;
  }
  .title-wrap {
    height: calc(100% - 55px);
  }
  .title-wrap h3 {
    margin: 0;
    font-size: 1.5rem;
  }
  .title-wrap h3.incp {
    margin-top: -5px;
  }
  .title-wrap .p1 {
    top: 35px;
    font-size: 1.1rem;
  }
  .category-sel + .subtop-depth2 {
    position: relative;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .category-sel + .subtop-depth2 .swiper-wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .subtop-depth2 {
    position: relative;
    left: 0;
    height: 3.9em;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  /* SUB CONTENTS PAD */
  .content-wrap {
    padding: 0 0 6em;
    min-height: 53em;
  }
  .content-wrap.inner {
    padding: 0 30px 6em;
  }
  .content-wrap .inner {
    padding: 0 30px;
  }
  .srch-wrap .schlist .item-title {
    width: 10%;
    padding-left: 1em;
  }
  .srch-wrap .schlist .items {
    width: 90%;
  }
  .srch-wrap .schlist .items label {
    margin-right: 1em;
  }
  .srch-wrap .schlist .detail-sch-wrap {
    display: none;
  }
  .srch-wrap .fold {
    display: none;
  }
  .srch-wrap .fold.on {
    display: none;
  }
  /* PRODUCT COMMON PAD */
  .prdlist-wrap .sort-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 46px;
    margin-top: 16px;
  }
  .prdlist-wrap .sort-wrap .sort-sel li:nth-child(4) {
    display: none;
  }
  /* PRD-LIST PAD */
  .prdlist {
    margin: 0 -15px 0;
    /* best 3 */
  }
  .prdlist > li,
  .prdlist .swiper-slide {
    width: calc(33.3% - 30px);
    margin: 0 15px 30px;
  }
  .prdlist > li .thumb,
  .prdlist .swiper-slide .thumb {
    width: 100%;
    height: auto;
  }
  .prdlist > li .thumb .btn-wrap,
  .prdlist .swiper-slide .thumb .btn-wrap {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
  }
  .prdlist > li .thumb .btn-wrap .btn-cart,
  .prdlist .swiper-slide .thumb .btn-wrap .btn-cart {
    position: absolute;
    top: auto;
    right: 10px;
    bottom: 15px;
    left: auto;
    width: 45px;
    height: 45px;
    background: rgba(34, 34, 34, 0.8);
    -webkit-transform: scale(100%) translate(0, 0);
            transform: scale(100%) translate(0, 0);
  }
  .prdlist > li .thumb .btn-wrap .btn-cart i,
  .prdlist .swiper-slide .thumb .btn-wrap .btn-cart i {
    width: 24px;
    height: 18px;
    background: url(../images/ic-cart-3x.png) 50% 50%;
    background-size: cover;
  }
  .prdlist > li .thumb .btn-wrap .btn-del,
  .prdlist .swiper-slide .thumb .btn-wrap .btn-del {
    position: absolute;
    top: auto;
    right: 10px;
    bottom: 15px;
    left: auto;
    width: 50px;
    height: 50px;
    background: rgba(34, 34, 34, 0.8);
    -webkit-transform: scale(100%) translate(0, 0);
            transform: scale(100%) translate(0, 0);
  }
  .prdlist > li .thumb .btn-wrap .btn-del i,
  .prdlist .swiper-slide .thumb .btn-wrap .btn-del i {
    display: inline-block;
    width: 18px;
    height: 22px;
    background: url(../images/ic-del-3x.png) 50% 50%;
    background-size: cover;
  }
  .prdlist > li .thumb:hover .btn-wrap .btn-cart,
  .prdlist > li .thumb:hover .btn-wrap .btn-del,
  .prdlist .swiper-slide .thumb:hover .btn-wrap .btn-cart,
  .prdlist .swiper-slide .thumb:hover .btn-wrap .btn-del {
    top: auto;
    -webkit-transform: scale(100%) translate(0, 0);
            transform: scale(100%) translate(0, 0);
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in;
  }
  .prdlist > li .info,
  .prdlist .swiper-slide .info {
    width: 100%;
  }
  .prdlist.best-topimg > li, .prdlist.best-top > li, .prdlist.best > li {
    width: calc(33.3% - 30px);
    margin: 0 15px 30px;
  }
  .prdlist.best-topimg > li .thumb, .prdlist.best-top > li .thumb, .prdlist.best > li .thumb {
    height: auto;
  }
  .prdlist.best-topimg > li .ranking {
    left: 6px;
    width: 52px;
    height: 63px;
  }
  /* PRD-VIEW */
  .prd-info1 {
    width: 100%;
    padding-right: 0;
  }
  .prd-info1-wrap {
    overflow: hidden;
    padding-bottom: 1em;
  }
  .prd-info1-wrap .img-wrap {
    width: 100%;
    padding-right: 0;
  }
  .prd-info1-wrap .img-wrap .prdview-imgitem img {
    max-width: 100%;
    min-width: 100%;
    border: 1px solid #ddd;
  }
  .prd-info1-wrap .img-wrap .prdview-imgitem.swiper-container-horizontal > .swiper-pagination-bullets, .prd-info1-wrap .img-wrap .prdview-imgitem.swiper-pagination-custom, .prd-info1-wrap .img-wrap .prdview-imgitem.swiper-pagination-fraction {
    bottom: 3em;
  }
  .prd-info1-wrap .img-wrap .prdview-imgitem .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: rgba(0, 0, 0, 0.8);
  }
  .prd-info1-wrap .img-wrap .prdview-imgitem .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #fff;
    border: 1px solid #ddd;
    opacity: 1;
  }
  .prd-info1-wrap .img-wrap .prdview-thumbs {
    margin-top: 30px;
    cursor: pointer;
  }
  .prd-info1-wrap .img-wrap .prdview-thumbs img {
    max-width: 100%;
  }
  .prd-info1-wrap .img-wrap .prdview-thumbs-pgn {
    display: none;
  }
  .prd-info1-wrap .info1-1 {
    width: 100%;
    padding-left: 0;
    margin-top: 6.5em;
  }
  .prd-info1-wrap .info1-1 .fla-wrap {
    margin-bottom: 20px;
  }
  .prd-info1-wrap .info1-1 .name h3 {
    margin-bottom: 20px;
    font-size: 2.8rem;
  }
  .prd-info1-wrap .info1-1 .price-wrap {
    margin: 0 0 10px;
    padding: 15px 10px;
    margin: 0 0 10px;
  }
  .prd-info1-wrap .info1-1 .price-wrap.std {
    margin: 30px 0 10px;
  }
  .prd-info1-wrap .info1-1 .price-wrap li .title {
    padding: 3px 0;
    font-size: 1.6rem;
  }
  .prd-info1-wrap .info1-1 .price-wrap li .stdcont {
    padding: 8px 0 4px;
    font-size: 1.6rem;
  }
  .prd-info1-wrap .info1-1 .price-wrap li .original {
    padding: 10px 0 3px;
  }
  .prd-info1-wrap .info1-1 .price-wrap li .original .won {
    padding-left: 4px;
    font-size: 1.6rem;
  }
  .prd-info1-wrap .info1-1 .price-wrap li .price {
    padding: 3px 0;
    font-size: 2.4rem;
  }
  .prd-info1-wrap .info1-1 .price-wrap li .price .won {
    padding-left: 3px;
    font-size: 1.6rem;
  }
  .prd-info1-wrap .info1-1 .price-wrap li:last-child {
    border-right: none;
  }
  .prd-info1-wrap .info1-1 .price-wrap:after {
    content: '';
    display: block;
    clear: both;
  }
  .prd-info1-wrap .info1-1 .allergy-wrap {
    padding: 10px 30px;
    margin: 0 0 15px;
  }
  .prd-info1-wrap .info1-1 .allergy-wrap dl {
    padding: 6px 0;
  }
  .prd-info1-wrap .info1-1 .explain-box {
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 480px;
  }
  .prd-info1-wrap .info1-1 .explain-box.box1 {
    left: -40px;
  }
  .prd-info1-wrap .info1-1 .explain-box.box2 {
    left: -10px;
  }
  .prd-info1-wrap .info1-1 .explain-box:before {
    left: calc(50% - 120px);
  }
  .prd-info1-wrap .info1-1 .explain-box:after {
    left: calc(50% - 120px);
  }
  .prd-info1-wrap .info1-1 .explain-box.on {
    z-index: 1;
    bottom: 37px;
    opacity: 1;
    -webkit-transition: all .25s;
    transition: all .25s;
  }
  .prd-info1-wrap .info1-1 .prd-btn-wrap {
    margin-top: 3em;
  }
  .prd-info1-wrap .info1-1 .prd-btn-wrap .md-btn-w {
    width: calc(50% - 5px);
    margin-right: 5px;
  }
  .prd-info1-wrap .info1-1 .prd-btn-wrap .md-btn-b.cart {
    width: calc(50% - 5px);
    margin-left: 5px;
  }
  .prd-info2-wrap {
    padding: 38px 0;
  }
  .prd-info2-wrap h4.title {
    margin-top: 4px;
    margin-bottom: 12px;
    font-size: 1.8rem;
  }
  .prd-info2-wrap .prd-recipe {
    width: calc(50% - 15px);
    margin-right: 15px;
  }
  .prd-info2-wrap .prd-related {
    width: calc(50% - 15px);
    margin-left: 15px;
  }
  .prd-info2-wrap .prd-recipe-pgn,
  .prd-info2-wrap .prd-related-pgn {
    position: absolute;
    width: 51px;
    height: 23px;
  }
  .prd-info2-wrap .prd-recipe-pgn .swiper-button-next,
  .prd-info2-wrap .prd-recipe-pgn .swiper-button-prev,
  .prd-info2-wrap .prd-related-pgn .swiper-button-next,
  .prd-info2-wrap .prd-related-pgn .swiper-button-prev {
    position: absolute;
    width: 23px;
    height: 23px;
  }
  .prd-info2-wrap .prd-recipe-pgn .swiper-button-prev,
  .prd-info2-wrap .prd-recipe-pgn .swiper-container-rtl .swiper-button-next,
  .prd-info2-wrap .prd-related-pgn .swiper-button-prev,
  .prd-info2-wrap .prd-related-pgn .swiper-container-rtl .swiper-button-next {
    background: #fff url(../images/ic-pack.png) -293px -24px;
    left: 0;
    right: auto;
  }
  .prd-info2-wrap .prd-recipe-pgn .swiper-button-prev:hover,
  .prd-info2-wrap .prd-recipe-pgn .swiper-container-rtl .swiper-button-next:hover,
  .prd-info2-wrap .prd-related-pgn .swiper-button-prev:hover,
  .prd-info2-wrap .prd-related-pgn .swiper-container-rtl .swiper-button-next:hover {
    background: #fff url(../images/ic-pack.png) -323px -24px;
  }
  .prd-info2-wrap .prd-recipe-pgn .swiper-button-next,
  .prd-info2-wrap .prd-recipe-pgn .swiper-container-rtl .swiper-button-prev,
  .prd-info2-wrap .prd-related-pgn .swiper-button-next,
  .prd-info2-wrap .prd-related-pgn .swiper-container-rtl .swiper-button-prev {
    background: #fff url(../images/ic-pack.png) -352px -24px;
    right: 0;
    left: auto;
  }
  .prd-info2-wrap .prd-recipe-pgn .swiper-button-next:hover,
  .prd-info2-wrap .prd-recipe-pgn .swiper-container-rtl .swiper-button-prev:hover,
  .prd-info2-wrap .prd-related-pgn .swiper-button-next:hover,
  .prd-info2-wrap .prd-related-pgn .swiper-container-rtl .swiper-button-prev:hover {
    background: #fff url(../images/ic-pack.png) -382px -24px;
  }
  .prd-info2-wrap .swiper-slide {
    display: block;
    max-width: 100%;
    margin-right: 15px;
  }
  .prd-info2-wrap .swiper-slide img {
    display: block;
    max-width: 100%;
    border: 1px solid #ddd;
    background: #fff;
  }
  .prd-info2-wrap p.title {
    height: 46px;
    padding: 9px 0 10px;
    color: #222;
    letter-spacing: -.04em;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.285;
    word-wrap: break-word;
  }
  .prd-info2-wrap .nolist {
    height: 217px;
  }
  .prd-info2-wrap .nolist p {
    font-size: 1.4rem;
  }
  .prd-info3-wrap {
    overflow: hidden;
    padding: 86px 0 0;
  }
  .prd-info3-wrap h4.title {
    padding: 12px 0;
    font-size: 2rem;
  }
  .prd-info3-wrap h4.title:after {
    right: 0;
    bottom: 16px;
    width: 12px;
    height: 7px;
    background: url(../images/ic-pack.png) no-repeat -390px -150px;
  }
  .prd-info3-wrap .info3-1 {
    padding: 19px 0;
    margin-bottom: 49px;
    font-size: 2rem;
  }
  .certified-wrap {
    margin: -1px -9px 0;
  }
  .certified-wrap li {
    display: inline-block;
    margin: 10px 9px;
  }
  .ic-certified {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 100%;
  }
  /* MEALSLIST PAD */
  .mealslist li .thumb {
    width: 100%;
    height: 165px;
  }
  .mealslist li .thumb img {
    width: 100%;
    height: auto;
    min-height: 165px;
  }
  /* MEALSLIST PAD */
  .programList li .thumb {
    width: 100%;
    height: 165px;
  }
  .programList li .thumb img {
    width: 100%;
    height: auto;
    min-height: 165px;
  }

  /* MEALSVIEW PAD */
  .meal-info1-wrap.inner {
    padding-bottom: 84px;
  }
  .meal-info1-wrap.inner .info1-1 {
    margin-top: 40px;
    height: 30em;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals {
    top: -30em;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals-prd .btn-more-prd {
    width: 60px;
    height: 60px;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals-prd .btn-more-prd i {
    width: 60px;
    height: 60px;
    background-size: 24px 24px;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals-prd .more-list {
    top: 89px;
    left: 120px;
    width: 215px;
    height: 150px;
    padding: 4px 9px;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals-prd .more-list li {
    padding: 5px 0;
    font-size: 1.4rem;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals-prd .more-list li img {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 12px;
    border: 1px solid #ddd;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals-prd .more-list li .price {
    margin-top: 6px;
    font-size: 1.6rem;
  }
  .meal-info1-wrap.inner .info1-1 .img-meallist .img-mealitem-pgn .swiper-pagination {
    left: 50%;
    bottom: 2em;
    width: 100%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .meal-info1-wrap.inner .info1-1 .img-meallist .img-mealitem-pgn .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
  }
  .meal-info1-wrap.inner .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-next,
  .meal-info1-wrap.inner .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-prev {
    width: 35px;
    height: 55px;
  }
  .meal-info1-wrap.inner .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-prev:after {
    left: 10px;
    width: 13px;
    height: 22px;
    background: url(../images/ic-pack.png) -90px -30px;
  }
  .meal-info1-wrap.inner .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-next:after {
    right: 10px;
    width: 13px;
    height: 22px;
    background: url(../images/ic-pack.png) -120px -30px;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 {
    width: calc(70% - 20px);
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .recipe-how {
    padding-bottom: 52px;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .recipe-how .title {
    margin-bottom: 26px;
    font-size: 2rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .recipe-how .desc {
    margin-bottom: 26px;
    font-size: 1.6rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .tip {
    padding-top: 4px;
    font-size: 1.6rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .tip i {
    width: 50px;
    height: 24px;
    margin: -4px 10px 0 0;
    border-radius: 12px;
    font-size: 1.4rem;
    line-height: 24px;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .simple-calc {
    padding-top: 42px;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .simple-calc .title-sec {
    padding: 9px 0 17px;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .simple-calc .title-sec .title {
    font-size: 2rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .simple-calc .title-sec [type="text"] {
    width: 120px;
    height: 35px;
    font-size: 1.6rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .simple-calc .table-sec {
    font-size: 1.4rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-2 {
    width: 30%;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-2 .today-list {
    min-height: 385px;
    padding: 30px 20px 50px;
    border: 5px solid #eee;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-2 .today-list .title {
    margin-bottom: 32px;
    font-weight: 500;
    font-size: 2rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-2 .today-list .list {
    font-size: 1.6rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-2 .btn-wrap a {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 58px;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-2 .btn-wrap a + a {
    margin-top: 10px;
  }
  .meal-info2-wrap {
    padding: 80px 0 88px;
  }
  .meal-info2-wrap .title-sec {
    margin-bottom: 30px;
  }
  .meal-info2-wrap .title-sec .title {
    padding: 20px 0 15px;
    font-size: 2.2rem;
  }
  .meal-info2-wrap .title-sec .menu-btn {
    width: 185px;
    height: 45px;
    font-size: 1.5rem;
    line-height: 45px;
  }
  .meal-info2-wrap .title-sec .menu-btn i {
    width: 29px;
    height: 20px;
    margin-right: 15px;
  }
  .meal-info2-wrap .title-sec .menu-btn.on i {
    width: 29px;
    height: 20px;
    margin-right: 15px;
  }
  .meal-info2-wrap .prdlist-wrap {
    padding: 10px 0;
    margin-bottom: 10px;
  }
  .meal-info2-wrap .prdlist-wrap .title-sec {
    margin-bottom: 10px;
  }
  .meal-info2-wrap .prdlist-wrap .title-sec .title {
    padding: 12px 0 15px;
    font-size: 2rem;
  }
  .meal-info2-wrap .prdlist {
    margin: 0 -5px 0;
  }
  .meal-info2-wrap .prdlist > li {
    display: block;
    width: calc(25% - 10px);
    margin: 5px;
    -webkit-transition: all .1s;
    transition: all .1s;
  }
  .meal-info2-wrap .prdlist > li .info {
    padding: 9px 0 0;
  }
  .meal-info2-wrap .prdlist > li .info .name {
    height: 40px;
    font-size: 1.6rem;
  }
  .meal-info2-wrap .prdlist > li .info .unit {
    padding: 7px 0 3px;
    font-size: 1.4rem;
  }
  .meal-info2-wrap .prdlist > li .info .price-wrap {
    padding: 13px 0 2px;
  }
  .meal-info2-wrap .prdlist > li .info .price-wrap .title {
    padding: 0 10px 0 0;
    font-size: 1.4rem;
  }
  .meal-info2-wrap .prdlist > li .info .price-wrap .title:after {
    content: '|';
    padding-left: 10px;
  }
  .meal-info2-wrap .prdlist > li .info .price-wrap .price {
    font-size: 1.4rem;
  }
  .meal-info2-wrap + .comment-wrap {
    padding-top: 41px;
  }
  /* EVENTLIST PAD */
  .eventlist li .thumb {
    width: 100%;
    height: 165px;
  }
  .eventlist li .thumb img {
    width: 100%;
    height: auto;
    min-height: 165px;
  }
  /* BOARD LIST PAD */
  .bdlist1 .thwrap {
    display: none;
  }
  .bdlist1 .tdwrap li a {
    padding: 0 1em;
  }
  .bdlist1 .tdwrap li .num {
    color: #999;
    letter-spacing: -.04em;
  }
  .bdlist1 .tdwrap li .cate {
    text-align: left;
  }
  .bdlist1 .tdwrap li .tit {
    overflow: hidden;
    padding: 0 36px;
  }
  .bdlist1 .tdwrap li .tit .p1 {
    display: inline-block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
  }
  .bdlist1 .tdwrap li .id {
    padding: 0 15px 0 0;
    font-size: 1.6rem;
  }
  .bdlist1 .tdwrap li .id:after {
    content: '|';
    display: inline-block;
    position: relative;
    top: -2px;
    padding: 0 0 0 15px;
    color: #ddd;
  }
  .bdlist1 .tdwrap li .date {
    text-align: left;
  }
  .bdlist1.st1 .tdwrap li a {
    text-align: left;
  }
  .bdlist1.st1 .tdwrap li .num {
    display: none;
  }
  .bdlist1.st1 .tdwrap li .tit {
    width: 100%;
    padding: 0;
  }
  .bdlist1.st1 .tdwrap li .tit .p1 {
    line-height: 1;
  }
  .bdlist1.st1 .tdwrap li .id {
    display: inline-block;
    width: auto;
  }
  .bdlist1.st1 .tdwrap li .date {
    display: inline-block;
    width: auto;
  }
  .bdlist1.st2 .tdwrap li a {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 64px;
    padding-top: 10px;
  }
  .bdlist1.st2 .tdwrap li .num {
    display: none;
  }
  .bdlist1.st2 .tdwrap li .cate {
    width: 12%;
  }
  .bdlist1.st2 .tdwrap li .tit {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 78%;
    padding: 0;
  }
  .bdlist1.st2 .tdwrap li .tit:before {
    content: '|';
    display: inline-block;
    position: relative;
    top: 3px;
    padding: 0 15px 0;
    color: #ddd;
    font-size: 1.4rem;
  }
  .bdlist1.st2 .tdwrap li .file {
    width: 9%;
  }
  .bdlist1.st2 .tdwrap li .date {
    position: relative;
    top: -6px;
    width: 15%;
  }
  .bdlist1.st2-2 .tdwrap li a {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 64px;
    padding-top: 10px;
  }
  .bdlist1.st2-2 .tdwrap li .num {
    display: none;
  }
  .bdlist1.st2-2 .tdwrap li .tit {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 99%;
    padding: 0;
  }
  .bdlist1.st2-2 .tdwrap li .file {
    position: relative;
    top: -6px;
    width: 15%;
  }
  .bdlist1.st2-3 .tdwrap li a {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 64px;
    padding-top: 10px;
  }
  .bdlist1.st2-3 .tdwrap li .num {
    display: none;
  }
  .bdlist1.st2-3 .tdwrap li .tit {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 90%;
    padding: 0;
  }
  .bdlist1.st2-3 .tdwrap li .file {
    width: 9%;
  }
  .bdlist1.st2-3 .tdwrap li .date {
    position: relative;
    top: -6px;
    width: 15%;
  }
  .bdlist1.st3 .tdwrap li a {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 64px;
    padding-top: 10px;
  }
  .bdlist1.st3 .tdwrap li .num,
  .bdlist1.st3 .tdwrap li .reply-date {
    display: none;
  }
  .bdlist1.st3 .tdwrap li .state {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 12%;
    text-align: left;
  }
  .bdlist1.st3 .tdwrap li .tit {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 88%;
    padding: 0;
  }
  .bdlist1.st3 .tdwrap li .tit:before {
    content: '|';
    display: inline-block;
    position: relative;
    top: 3px;
    padding: 0 15px 0;
    color: #ddd;
    font-size: 1.4rem;
  }
  .bdlist1.st3 .tdwrap li .date {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    position: relative;
    top: -6px;
    width: 15%;
  }
  .bdlist1.st4 .tdwrap li .tit {
    padding: 0 10px;
  }
  /* FAQ PAD */
  .tdwrap .answer {
    padding: 25px 60px 25px 11%;
  }
  /* POP GRID PAD */
  .grid {
    margin: 0 -10px;
  }
  .grid .item {
    width: calc(33.3% - 10px);
    margin: 10px;
  }
  .grid .item img {
    width: 100%;
    max-height: 300px;
  }
  .grid .item .title {
    padding: 25px 20px 23px;
    font-size: 2rem;
    line-height: 1.6;
  }
  .grid .item .title .date {
    margin-top: 20px;
    color: #999;
    font-size: 1.6rem;
  }
  /* BOARD WRITE PAD */
  .bdwrite1 li .rowtdwrap textarea {
    height: 17em;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .menuin-prd {
    width: calc(50% - 8px);
    margin-right: 0;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .prdin .item-tit {
    font-size: 1.2rem;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .prdin .in2-1 {
    width: 58%;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .prdin .in2-2 {
    width: 17%;
    margin-left: 3px;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .prdin .in2-3 {
    width: 17%;
    margin-left: 3px;
  }
  .bdwrite1 li .rowtdwrap .btn-sign-p {
    width: calc(50% - 8px);
  }
  /* MY NEIS PAD */
  .calendar > li .date {
    height: 43px;
    font-size: 1.5rem;
    line-height: 43px;
  }
  .calendar > li .meal-menu {
    min-height: 169px;
    padding: 9px 10px;
    font-size: 1.4rem;
    line-height: 1.625;
  }
  .mob-fixed {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
  }
  .meal-menu-view {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .meal-menu-view .meal-menu-info {
    width: 100%;
    padding: 0;
  }
  .meal-menu-view .meal-menu-info li .info {
    font-size: 1.5rem;
  }
  /* SIGN UP */
  .signup-wrap {
    width: 100%;
    margin: 0 auto 59px;
  }
  .signup-wrap [type="text"],
  .signup-wrap [type="password"] {
    width: 100%;
    height: 50px;
    padding-left: 15px;
    font-size: 1.6rem;
  }
  .signup-wrap select {
    height: 50px;
  }
  .signup-wrap .signup-item li {
    padding: 6px 0;
  }
  .signup-wrap .signup-item li .title-sec {
    padding-top: 15px;
  }
  /* SIGN IN PAD */
  .signin-wrap {
    width: 550px;
    margin: 50px auto 0;
  }
  /* MYINFO MODI PAD */
  .myinfo-wrap {
    width: 550px;
    padding: 50px 0;
    background: #fff;
  }
  /* FOOT BANNER PAD */
  .fbnr-wrap {
    height: auto;
    padding: 10px 0;
  }
  .fbnr-wrap .inner {
    padding-right: 0;
  }
  .fbnr-wrap .fnbr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
  .fbnr-wrap .fnbr li {
    width: 180px;
    height: 55px;
    margin: 0 20px 0 0;
  }
  .m-quick {
    position: fixed;
    z-index: 890;
    right: 1.5em;
    bottom: 6em;
    width: 5em;
    height: 5em;
  }
  .m-quick a {
    display: block;
    width: 5em;
    height: 5em;
    margin-right: 1em;
    border-radius: 100%;
    background: #00b6d6 url(../images/ic-chatbot-3x.png) no-repeat 50% 50%;
    background-size: 55%;
  }
  .m-gotop {
    position: fixed;
    z-index: 890;
    right: 2.5em;
    bottom: 2em;
    width: 4em;
    height: 4em;
  }
  .m-gotop a {
    display: block;
    width: 5em;
    height: 5em;
    margin-right: 1em;
    border-radius: 100%;
    background: url(../images/ic-arrowt-3x.png) no-repeat 50% 50%;
    background-size: 40%;
  }
  .f-fix1 {
    bottom: 9em;
    margin-bottom: 4em;
  }
  .f-fix2 {
    bottom: 9em;
  }
  /* FOOTER PAD */
  footer {
    padding: 4em 0;
  }
  footer .relsite .sel-link {
    width: 220px;
  }
  footer .relsite .ft-logo {
    width: 200px;
  }
  footer .copyright {
    font-size: 1.5rem;
  }
  footer .copyright .user-info {
    margin-bottom: 28px;
    font-weight: 700;
  }
  footer .copyright .user-info li {
    display: inline-block;
  }
  footer .copyright .user-info li:after {
    content: '|';
    display: inline-block;
    position: relative;
    top: -2px;
    padding: 0 16px;
    color: #999;
  }
  footer .copyright .isms {
    position: absolute;
    top: 15px;
    left: 340px;
  }
  footer .copyright .user-info li:last-child:after {
    display: none;
  }
  footer .copyright .infolist {
    font-size: 1.4rem;
  }
  footer .copyright .infolist .info {
    padding: 0 0 2em;
  }
  footer .copyright .infolist .info span {
    display: block;
    padding: 4px 0;
  }
  footer .copyright .infolist .info span:after {
    display: none;
  }
  footer .copyright .infolist .info span.mobline {
    display: inline-block;
  }
  footer .copyright .infolist .info span.mobline:after {
    content: '|';
    display: inline-block;
    position: relative;
    top: -2px;
    padding: 0 6px;
    color: #707071;
  }
  footer .copyright .infolist .info span.mobline + span {
    display: inline-block;
  }
  footer .copyright .infolist .info span:last-child:after {
    display: none;
  }
  footer .copyright .copyr {
    margin-top: 19px;
    font-size: 1.3rem;
  }
  #pop-privacy1 .foot-pop1,
  #pop-provision1 .foot-pop1 {
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 40px 30px 40px;
  }
  #pop-privacy1 .scl-box1,
  #pop-provision1 .scl-box1 {
    height: calc(100% - 55px);
  }
  #pop-privacy1 .scl-box1 .terms-list,
  #pop-provision1 .scl-box1 .terms-list {
    padding: 20px 30px;
    margin-bottom: 30px;
    line-height: 1.5;
  }
  #pop-privacy1 .scl-box1 .terms-list li,
  #pop-provision1 .scl-box1 .terms-list li {
    padding: 4px 0;
  }
  #pop-privacy1 .btn-wrap,
  #pop-provision1 .btn-wrap {
    height: auto;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  #pop-privacy1 .btn-wrap button,
  #pop-provision1 .btn-wrap button {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
  }
  #pop-privacy1 .btn-wrap button i,
  #pop-provision1 .btn-wrap button i {
    display: block;
    width: 28px;
    height: 28px;
    background: url(../images/ic-close-g-3x.png) no-repeat;
    background-size: cover;
    cursor: pointer;
  }
  #pop-privacy1 .btn-wrap button span,
  #pop-provision1 .btn-wrap button span {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    font-size: 0;
    clip: rect(0 0 0 0);
    -ms-touch-action: none;
        touch-action: none;
  }
  /* ERROR PAD */
  .error-wrap .pg-wrap1 {
    width: 100%;
    margin: 0 3em;
  }
  .error-wrap .pg-wrap1 .hd h1 {
    width: 15em;
    margin: 3em 0;
  }
  .error-wrap .pg-wrap1 .box1 {
    padding: 7.4em 6em 6.5em;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-1 {
    width: 50%;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-1 i {
    width: 45px;
    height: 45px;
    margin: .3em 1.7em 0 0;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-1 h2 {
    font-size: 2.3rem;
    line-height: 1.42857;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-2 .error1-1 {
    font-size: 1.8rem;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-2 .error1-2 {
    margin-top: 2.9em;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-2 .error1-2 li {
    padding: 0.52941em 0;
    font-size: 1.2rem;
  }
  .error-wrap .pg-wrap1 .box1 .btnC {
    margin: 8.1em auto 0;
  }
  .error-wrap .pg-wrap1 .box1 .btnC button {
    width: 18.52941em;
    height: 3.529411em;
  }
  .error-wrap .pg-wrap1 .ft {
    padding: 1.5625em;
    font-size: 1.4rem;
  }
}

/* MOBILE ********************************************************************/
@media (max-width: 767px) {
  /* SPACE MOB */
  /* SIZE MOB */
  .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* form MOB */
  input::-webkit-input-placeholder,
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    font-size: 1.3rem;
  }
  input::placeholder,
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    font-size: 1.3rem;
  }
  [type="checkbox"] + label::before {
    width: 15px;
    height: 15px;
    margin: -2px 7px 0 0;
  }
  select {
    background: #fff url("../images/ic-select-3x.png") no-repeat right 12px center;
    background-size: 7px 4px;
    font-size: 1.3rem;
  }
  /* SIZE */
  .w500 {
    width: calc(100% - 40px);
  }
  .pop1 {
    width: 100%;
    max-height: 100vh;
    height: 100%;
    -webkit-animation: slidein .5s;
            animation: slidein .5s;
  }
  /* BTN MOB */
  .sm-btn-w {
    width: 6em;
    height: 2.0833em;
    font-size: 1.4rem;
  }
  .md-btn-w {
    font-size: 1.3rem;
    height: 45px;
    line-height: 45px;
  }
  .md-btn-b {
    font-size: 1.3rem;
    height: 45px;
    line-height: 45px;
  }
  .md-btn-b.cart i {
    width: 18px;
    height: 14px;
    background: url(../images/ic-cart-3x.png) 50% 50%;
    background-size: cover;
    margin-right: 10px;
  }
  .md-btn-b.cart.on i {
    width: 18px;
    height: 15px;
    background: url(../images/ic-carton-3x.png) 50% 50%;
    background-size: cover;
    margin-right: 10px;
  }
  .df-btn-w {
    font-size: 1.3rem;
    width: 100%;
    height: 35px;
    line-height: 35px;
  }
  .df-btn-b {
    font-size: 1.3rem;
    width: 100%;
    height: 35px;
    line-height: 35px;
  }
  .df-btn-g {
    font-size: 1.3rem;
    width: 100%;
    height: 35px;
    line-height: 35px;
  }
  .df-btn-g.s {
    width: 50px;
    height: 27px;
    font-size: 1.1rem;
    line-height: 20px;
  }
  .df-btn-lg {
    min-width: 68px;
    height: 30px;
    font-size: 1.3rem;
    line-height: 30px;
  }
  .df-btn-g2 {
    width: 100px;
    height: 25px;
    font-size: 1.1rem;
    line-height: 25px;
  }
  .df-btn-gr {
    height: 30px;
    padding: 0 11px;
    font-size: 1.3rem;
    line-height: 30px;
  }
  .df-btn-gr i.down {
    top: 1px;
    width: 13px;
    height: 11px;
    margin-right: 6px;
  }
  .bd-btn1 {
    font-size: 1.3rem;
    height: 26px;
  }
  .btn-sign {
    width: 100%;
    height: 50px;
    font-size: 1.5rem;
  }
  .btn-sign-dg {
    width: 100%;
    height: 50px;
    font-size: 1.3rem;
  }
  .btn-sign-g {
    width: 100%;
    height: 50px;
    font-size: 1.3rem;
  }
  .btn-sign-p {
    width: 100%;
    height: 50px;
    font-size: 1.3rem;
  }
  /* SWIPER BULLETS */
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 2em;
  }
  .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 3px;
    bottom: 2em;
  }
  .mobenter {
    content: '';
    display: block;
    height: 5px;
  }
  .pcenter {
    display: none;
  }
  /* HEADER MOB */
  .m-header .gnb-btn {
    bottom: 7px;
    left: 20px;
    width: 39px;
    height: 39px;
    padding: 5px;
  }
  .m-header .gnb-btn span {
    display: block;
    width: 100%;
    height: 2px;
    margin-bottom: 8px;
  }
  .m-header .gnb-btn span:nth-child(2) {
    width: 70%;
  }
  .m-header .gnb-btn.close {
    top: 30px;
    left: auto;
    right: 13px;
  }
  .m-header .gnb-btn.close span {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -2px;
    margin-left: -18px;
    height: 2px;
    width: 38px;
    border-radius: 2px;
    background: #fff;
  }
  .tb-ty1 th {
    padding: 6px 0;
  }
  .tb-ty1 td {
    padding: 6px 0;
  }
  .tb-ty1 tbody th {
    padding-left: 7px;
  }
  /* LAYOUT MOB
  ==========================================================================*/
  .m-head {
    height: 6.5em;
    padding-top: 10px;
  }
  .m-head h1 {
    width: 24%;
    margin: 3px auto 0;
  }
  .m-head .header-logo {
    display: block;
    margin: 0;
  }
  .m-head .header-logo img {
    height: 100%;
    max-height: 45px;
  }
  .m-head .m-btnsch {
    right: 20px;
    margin-top: 4px;
  }
  .m-head .m-hd-sch {
    width: 80%;
    height: 60px;
  }
  .m-head .m-hd-sch input[type="text"] {
    width: calc(100% - 3em);
    height: 45px;
    border: 2px solid #00b6d6;
    border-radius: 25px;
  }
  .m-head .m-hd-sch .m-hd-schclose {
    top: 15px;
    right: 15px;
  }
  .m-head .m-hd-sch.on {
    right: 23px;
  }
  .m-gnb-wrap {
    width: 100vw;
  }
  .m-gnb-wrap .m-user-menu .list li {
    padding: 19px 0;
    font-size: 1.3rem;
  }
  .m-gnb-wrap .m-user-menu .list li.login {
    padding: 29px 19px 19px;
    font-size: 1.4rem;
  }
  .m-gnb-wrap .m-user-menu .list li.login p {
    top: 8px;
  }
  .m-gnb-wrap .m-user-menu .list li.login .bd-btn1 {
    width: 67px;
    height: 26x;
    padding: 0;
    margin-right: 50px;
    line-height: 24px;
  }
  .m-gnb-wrap .m-gnbmenu {
    font-size: 1.4rem;
  }
  .m-gnb-wrap .m-gnbmenu li > a {
    position: relative;
    padding: 15px;
    width: 100%;
  }
  .m-gnb-wrap .m-gnbmenu li > a:after {
    right: 15px;
    width: 10px;
    height: 6px;
  }
  .m-gnb-wrap .m-gnbmenu li .depth1 {
    padding: 15px;
  }
  .m-gnb-wrap .m-gnbmenu li .depth1:after {
    right: 15px;
    width: 10px;
    height: 6px;
  }
  .m-gnb-wrap .m-gnbmenu li .depth2 li > a {
    padding: 12px 24px;
    font-size: 1.3rem;
  }
  .m-gnb-wrap .m-gnbmenu li .depth2 li > a.mmenu:after {
    right: 15px;
    width: 10px;
    height: 6px;
  }
  .m-gnb-wrap .m-gnbmenu li .depth3 li a {
    padding: 12px 24px;
  }
  .m-gnb-wrap .m-gnbmenu li .quick i {
    top: -2px;
    width: 24px;
    height: 24px;
    margin-right: 7px;
  }
  .m-gnb-wrap .m-recently-pd-list {
    padding: 16px 14px 27px;
  }
  .m-gnb-wrap .m-recently-pd-list h3 {
    padding: 0 0 14px;
    font-size: 1.3rem;
  }
  .m-gnb-wrap .m-recently-pd-list ul {
    margin: 0 -10px;
  }
  .m-gnb-wrap .m-recently-pd-list ul li {
    display: inline-block;
    width: calc(25% - 2px);
    padding: 0 7px;
  }
  .m-gnb-wrap .m-recently-pd-list .info {
    font-size: 1.3rem;
  }
  .m-gnb-wrap .contact li {
    font-size: 1.4rem;
  }
  .m-gnb-wrap .contact li i {
    width: 17px;
    height: 17px;
    margin-right: 10px;
  }
  .m-gnb-wrap .contact li a {
    padding: 17px 0;
  }
  .m-gnb-wrap .contact li.chatbot i {
    width: 22px;
    height: 17px;
    background-size: 22px auto;
  }
  /* CONTAINER MOB */
  .container {
    padding-top: 6.5em;
  }
  .container .subtop {
    height: 6em;
    margin-bottom: 5.7em;
  }
  .container .subtop .inner {
    overflow: visible;
    padding: 0;
  }
  .container .subtop.category {
    background: #f0f5fc;
  }
  .container .subtop.school-meal {
    background: #f6f6f6;
  }
  .container .subtop.sub-data {
    background: #f6f6f6;
  }
  .container .subtop.comm {
    background: #f6f6f6;
  }
  /* SUB MOB
  -------------------------------------------------------------------*/
  .location {
    display: none;
  }
  .title-wrap {
    height: 100%;
  }
  .title-wrap h3 {
    margin: 0;
    font-size: 1.5rem;
  }
  .title-wrap h3.incp {
    margin-top: -6px;
  }
  .title-wrap .p1 {
    top: 8px;
    font-size: 1.1rem;
  }
  .subtop.comm .title-wrap h3.result {
    font-size: 1.5rem;
  }
  .subtop.comm .title-wrap .all-num {
    font-size: 1.2rem;
  }
  .subtop.comm .title-wrap .all-num strong {
    font-weight: 700;
  }
  .subtop.comm .title-wrap .all-num:before {
    font-size: 1.2rem;
  }
  .category-sel {
    height: 100%;
  }
  .category-sel h3 {
    padding-top: 0;
  }
  .category-sel i {
    display: inline-block;
    width: 1.9em;
    height: 1.5em;
  }
  .category-sel .category-btn {
    padding: 6px 0 6px 10px;
    vertical-align: baseline;
  }
  .category-sel .category-btn span {
    font-size: 1.5rem;
    vertical-align: top;
  }
  .category-sel .category-btn i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    background: #fff url(../images/ic-pack.png) no-repeat -117px -145px;
  }
  .category-sel .category-btn.on i {
    background: #fff url(../images/ic-pack.png) no-repeat -117px -170px;
  }
  .category-sel ul {
    width: 14em;
    padding: 1.3em 1.4em 1.1em;
    margin-top: 15px;
  }
  .category-sel ul li {
    padding: .625em 0;
    font-size: 1.4rem;
  }
  .category-sel + .subtop-depth2 {
    position: relative;
    left: 0;
    height: 3.9em;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .category-sel + .subtop-depth2 .swiper-wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .subtop-depth2 {
    position: relative;
    left: 0;
    height: 3.9em;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .subtop-depth2:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #bbb;
  }
  .subtop-depth2 .swiper-slide {
    display: inline-block;
    font-size: 1.3rem;
  }
  .subtop-depth2 .swiper-slide.on {
    padding: 0 .7em;
    border-bottom: 3px solid #00b2de;
  }
  .subtop-depth2 .swiper-slide a {
    padding: 0 .7em;
  }
  .catelist-s .swiper-slide:first-child.on {
    padding: 0 .8em;
    border-bottom: 3px solid #00b2de;
    font-weight: 500;
  }
  .catelist-s .swiper-slide:first-child a {
    padding: 0 .7em;
  }
  /* SUB CONTENTS MOB */
  .content-wrap {
    padding: 0 0 3em;
    min-height: 30em;
  }
  .content-wrap.inner {
    padding: 0 20px 3em;
  }
  .content-wrap .inner {
    padding: 0 20px;
  }
  .srch-wrap {
    border: none;
  }
  .srch-wrap .schlist li {
    height: auto;
    padding: 1em;
    letter-spacing: -.04em;
    font-size: 1.2rem;
    line-height: 1;
  }
  .srch-wrap .schlist .item-title {
    display: none;
  }
  .srch-wrap .schlist .items {
    position: relative;
    width: 100%;
  }
  .srch-wrap .schlist .items .radio-select {
    display: inline;
    padding: 1em 0;
    font-size: 1.2rem;
  }
  .srch-wrap .schlist .items .radio-select:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 18px;
    background: url(../images/ic-arrowb-3x.png) no-repeat 50% 50%;
    background-size: 35%;
    vertical-align: middle;
  }
  .srch-wrap .schlist .items .amount {
    width: 6.7272em;
    height: 2.1875em;
    padding-top: 4px;
    font-size: 1.2rem;
  }
  .srch-wrap .schlist .items .radio-list {
    display: none;
    position: absolute;
    z-index: 2;
    top: 3em;
    left: -1em;
    width: 9em;
    border: 1px solid #bbb;
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
  }
  .srch-wrap .schlist .items .radio-list li {
    display: block;
    padding: 1em 1em;
  }
  .srch-wrap .schlist .items .radio-list.on {
    display: block;
  }
  .srch-wrap .schlist .items .in-btn.func-btn-g {
    position: absolute;
    top: 50%;
    right: 0;
    width: 19px;
    min-width: 10px;
    height: 19px;
    background: transparent url(../images/ic-sch1-3x.png) 50% 50%;
    background-size: cover;
    font-size: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  /* PRODUCT COMMON MOB */
  .totalnum {
    font-size: 1.2rem;
  }
  .prdlist-wrap .sort-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    margin-top: 11px;
  }
  .prdlist-wrap .sort-wrap .sort-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
    margin-left: auto;
    font-size: 1.2rem;
  }
  .prdlist-wrap .sort-wrap .sort-select:before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 10px;
    margin-right: 7px;
    background: url(../images/ic-pack.png) no-repeat -210px -150px;
  }
  .prdlist-wrap .sort-wrap .sort-sel {
    display: none;
    position: absolute;
    z-index: 2;
    top: 10em;
    right: 20px;
    width: auto;
    height: auto;
    border: 1px solid #888;
    border-radius: 4px;
    background: #fff;
  }
  .prdlist-wrap .sort-wrap .sort-sel li {
    display: block;
    padding: 0;
    font-size: 1.2rem;
    text-align: right;
  }
  .prdlist-wrap .sort-wrap .sort-sel li a {
    display: block;
    padding: 10px;
  }
  .prdlist-wrap .sort-wrap .sort-sel li a:hover {
    color: #222;
  }
  .prdlist-wrap .sort-wrap .sort-sel li:after {
    display: none;
  }
  /* BEST AWARDS MOB */
  .best-bnnr {
    background: #303239 url(../images/best-bnnr1.jpg) no-repeat 50% 100%;
    background-size: auto 93%;
    height: 8.3em;
    margin-bottom: 13px;
  }
  .best-title {
    padding: 13px 0 14px;
    margin-bottom: 25px;
    font-size: 1.5rem;
  }
  /* PRD-LIST MOB */
  .prdlist {
    margin: 0 -5px 0;
    /* best 3 */
  }
  .prdlist > li {
    width: calc(50% - 10px);
    margin: 0 5px 27px;
  }
  .prdlist > li .thumb a.img {
    text-align: center;
	position:relative;
	padding-top:100%;
  }
  .prdlist > li .thumb a.img img {
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	right: 0;
  }
  .prdlist > li .thumb a.img img:first-child {z-index:1;}
  	/*S102508110110 - 전체 검색의 img 처리*/
  	#searchArea .prdlist > li .thumb a.img {
    text-align: center;
	position:relative;
	padding-top:100%;
  	}
	#searchArea .prdlist > li .thumb a.img img {
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	right: 0;
  	}
	#searchArea .prdlist > li .thumb a.img img:first-child {z-index:1;}
  
  .prdlist > li .thumb .btn-wrap .btn-cart {
    right: 10px;
    bottom: 10px;
    left: auto;
    width: 37px;
    height: 37px;
    background: rgba(34, 34, 34, 0.8);
  }
  .prdlist > li .thumb .btn-wrap .btn-cart i {
    width: 16px;
    height: 13px;
    background: url(../images/ic-cart-3x.png) 50% 50%;
    background-size: cover;
  }
  .prdlist > li .thumb .btn-wrap .btn-del {
    right: 10px;
    bottom: 10px;
    left: auto;
    width: 37px;
    height: 37px;
    background: rgba(34, 34, 34, 0.8);
  }
  .prdlist > li .thumb .btn-wrap .btn-del i {
    width: 13px;
    height: 15px;
    background: url(../images/ic-del-3x.png) 50% 50%;
    background-size: cover;
  }
  .prdlist > li .info {
    width: 100%;
    padding: 8px 0 0;
    margin: 0 auto;
  }
  .prdlist > li .info .name {
    overflow: hidden;
    height: 2.5em;
    margin-bottom: 5px;
    color: #222;
    font-size: 1.4rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
  }
  .prdlist > li .info .unit {
    padding: 3px 0;
    font-size: 1.1rem;
  }
  .prdlist > li .info .price-wrap {
    padding: 5px 1px;
    margin: 10px 0 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
  }
  .prdlist > li .info .price-wrap li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 0;
    border-right: none;
    border-bottom: 1px solid #eee;
  }
  .prdlist > li .info .price-wrap li .won {
    padding-left: 2px;
  }
  .prdlist > li .info .price-wrap li .title {
    width: 31%;
    padding: 7px 0 7px 3px;
    font-size: 1rem;
    text-align: left;
  }
  .prdlist > li .info .price-wrap li .original {
    width: 29%;
    padding: 7px 0 7px;
    font-size: 1.1rem;
    text-align: right;
  }
  .prdlist > li .info .price-wrap li .price {
    width: 40%;
    padding: 7px 3px 7px;
    font-size: 1.2rem;
    text-align: right;
  }
  .prdlist > li .info .price-wrap li:last-child {
    border-bottom: none;
  }
  .prdlist > li .info .price-wrap:after {
    content: '';
    display: block;
    clear: both;
  }
  .prdlist.best-topimg > li, .prdlist.best-top > li, .prdlist.best > li {
    width: calc(50% - 10px);
    margin: 0 5px 27px;
  }
  .prdlist.best-topimg > li .ranking {
    left: 6px;
    width: 35px;
    height: 42px;
  }
  .prdlist.best-topimg > li .thumb {
    border: 2px solid;
    border-color: #f8e5bb;
    -o-border-image: linear-gradient(bottom right, #f8e5bb 15%, #b0926e 40%, #f9e7bc);
       border-image: -webkit-gradient(linear, right bottom, left top, color-stop(15%, #f8e5bb), color-stop(40%, #b0926e), to(#f9e7bc));
       border-image: linear-gradient(bottom right, #f8e5bb 15%, #b0926e 40%, #f9e7bc);
    border-image: -ms-linear-gradient(bottom right, #f8e5bb 15%, #b0926e 40%, #f9e7bc);
    border-image-slice: 1;
  }
  .prdlist.best-topimg > li .thumb:hover, .prdlist.best-topimg > li .thumb:active {
    border: 1px solid;
    border-color: #f8e5bb;
    -o-border-image: linear-gradient(bottom right, #f8e5bb 15%, #b0926e 40%, #f9e7bc);
       border-image: -webkit-gradient(linear, right bottom, left top, color-stop(15%, #f8e5bb), color-stop(40%, #b0926e), to(#f9e7bc));
       border-image: linear-gradient(bottom right, #f8e5bb 15%, #b0926e 40%, #f9e7bc);
    border-image: -ms-linear-gradient(bottom right, #f8e5bb 15%, #b0926e 40%, #f9e7bc);
    border-image-slice: 1;
  }
  .prdlist.best-top > li {
    position: relative;
  }
  .prdlist.best-top > li .ranking {
    width: 25px;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
  }
  .prdlist.best-top > li:first-child .ranking {
    width: 25px;
    height: 25px;
  }
  .prdlist.best > li .ranking {
    width: 25px;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
  }
  .prdlist.my-menu {
    margin-bottom: 2em;
  }
  .prdlist.my-menu > li .chk-sec {
    top: 8px;
    left: 6px;
    width: 40px;
    height: 40px;
  }
  .tag-wrap .tag {
    height: 18px;
    padding: 0 6px 0 6px;
    margin-right: 2px;
    font-size: 1.1rem;
    line-height: 18px;
  }
  .tag-wrap .tag:before {
    content: '#';
    display: inline-block;
  }
  .flag-wrap {
    margin-bottom: 8px;
  }
  .flag-wrap .sm-flag {
    height: 16px;
    padding: 0 6px;
    margin-right: 2px;
    font-size: 1.1rem;
    line-height: 16px;
  }
  /* PAGINATION COM-NUM MOB */
  .num-pgn {
    margin-top: 2em;
    font-size: 1.1rem;
    line-height: 27px;
  }
  .num-pgn .current {
    width: 27px;
    height: 27px;
    font-size: 1.1rem;
  }
  .num-pgn a {
    width: 27px;
    height: 27px;
    margin: 0 2px;
  }
  .num-pgn a.pg-first {
    background: url(../images/ic-pack.png) -24px -204px;
  }
  .num-pgn a.pg-first:hover {
    background: #424345 url(../images/ic-pack.png) -24px -252px;
  }
  .num-pgn a.pg-prev {
    margin-right: 10px;
    background: url(../images/ic-pack.png) -80px -204px;
  }
  .num-pgn a.pg-prev:hover {
    background: #424345 url(../images/ic-pack.png) -80px -252px;
  }
  .num-pgn a.pg-next {
    margin-left: 10px;
    background: url(../images/ic-pack.png) -140px -204px;
  }
  .num-pgn a.pg-next:hover {
    background: #424345 url(../images/ic-pack.png) -140px -252px;
  }
  .num-pgn a.pg-last {
    background: url(../images/ic-pack.png) -204px -204px;
  }
  .num-pgn a.pg-last:hover {
    background: #424345 url(../images/ic-pack.png) -204px -252px;
  }
  /* PRD-VIEW MOB */
  .prd-view-wrap .prd-loc {
    display: none;
  }
  .prd-view-wrap .subtop-head {
    display: block;
    position: relative;
    height: 4.5em;
    border-bottom: 1px solid #eee;
    text-align: center;
    line-height: 4.5em;
  }
  .prd-view-wrap .subtop-head .link-back {
    display: block;
    position: absolute;
    top: .7em;
    left: 20px;
    width: 33px;
    height: 28px;
    padding: 7px;
    background: url(../images/ic-arrowback-3x.png) no-repeat 50% 50%;
    background-size: 40%;
  }
  .prd-view-wrap .subtop-head h3 {
    display: block;
    margin: 0 auto;
    color: #222;
    letter-spacing: -.06em;
    font-weight: 500;
    font-size: 1.4rem;
  }
  .prd-info1 {
    width: 100%;
    padding-right: 0;
  }
  .prd-info1-wrap {
    overflow: hidden;
    margin-top: 20px;
    padding-bottom: 4em;
  }
  .prd-info1-wrap .img-wrap {
    width: 100%;
    position: relative;
    padding-right: 0;
  }
  .prd-info1-wrap .img-wrap .prdview-imgitem img {
    max-width: 100%;
    min-width: 100%;
  }
  .prd-info1-wrap .img-wrap .prdview-imgitem.swiper-container-horizontal > .swiper-pagination-bullets, .prd-info1-wrap .img-wrap .prdview-imgitem.swiper-pagination-custom, .prd-info1-wrap .img-wrap .prdview-imgitem.swiper-pagination-fraction {
    bottom: 1.5em;
  }
  .prd-info1-wrap .img-wrap .prdview-imgitem .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background: rgba(0, 0, 0, 0.8);
    bottom: 3em;
  }
  .prd-info1-wrap .img-wrap .prdview-imgitem .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #fff;
    border: 1px solid #ddd;
    opacity: 1;
  }
  .prd-info1-wrap .img-wrap .prdview-thumbs {
    margin-top: 10px;
    cursor: pointer;
  }
  .prd-info1-wrap .img-wrap .prdview-thumbs img {
    max-width: 100%;
    border: 1px solid #ddd;
  }
  .prd-info1-wrap .img-wrap .prdview-thumbs-pgn {
    display: none;
  }
  .prd-info1-wrap .info1-1 {
    width: 100%;
    padding-left: 0;
    margin-top: 30px;
  }
  .prd-info1-wrap .info1-1 .flag-wrap {
    margin-bottom: 12px;
  }
  .prd-info1-wrap .info1-1 .name h3 {
    margin-bottom: 12px;
    font-size: 1.8rem;
  }
  .prd-info1-wrap .info1-1 .price-wrap {
    margin: 0 0 15px;
    padding: 12px 6px;
    margin: 0 0 10px;
  }
  .prd-info1-wrap .info1-1 .price-wrap.std {
    margin: 20px 0 10px;
  }
  .prd-info1-wrap .info1-1 .price-wrap li .title {
    padding: 0 0 5px;
    font-size: 1.2rem;
  }
  .prd-info1-wrap .info1-1 .price-wrap li .stdcont {
    padding: 2px 0 2px;
    font-size: 1.2rem;
  }
  .prd-info1-wrap .info1-1 .price-wrap li .original {
    padding: 7px 0 6px;
    font-size: 1.2rem;
  }
  .prd-info1-wrap .info1-1 .price-wrap li .original .won {
    padding-left: 3px;
    font-size: 1.2rem;
  }
  .prd-info1-wrap .info1-1 .price-wrap li .price {
    padding: 2px 0;
    font-size: 1.5rem;
  }
  .prd-info1-wrap .info1-1 .price-wrap li .price .won {
    padding-left: 3px;
    font-size: 1.2rem;
  }
  .prd-info1-wrap .info1-1 .price-wrap li:last-child {
    border-right: none;
  }
  .prd-info1-wrap .info1-1 .price-wrap:after {
    content: '';
    display: block;
    clear: both;
  }
  .prd-info1-wrap .info1-1 .allergy-wrap {
    padding: 7px 12px;
    margin: 0 0 10px;
  }
  .prd-info1-wrap .info1-1 .allergy-wrap dl {
    display: block;
    width: 100%;
    padding: 6px 0;
  }
  .prd-info1-wrap .info1-1 .allergy-wrap dt {
    width: 37%;
    font-size: 1.1rem;
  }
  .prd-info1-wrap .info1-1 .allergy-wrap dt .btn-info1 {
    width: 17px;
    height: 17px;
    padding-right: 2px;
    margin-left: 6px;
    font-size: .8rem;
  }
  .prd-info1-wrap .info1-1 .allergy-wrap dd {
    display: inline-block;
    width: 61%;
    font-size: 1.2rem;
  }
  .prd-info1-wrap .info1-1 .allergy-wrap dd span {
    padding: 0 4px;
  }
  .prd-info1-wrap .info1-1 .explain-box {
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 250px;
    height: auto;
    padding: 10px 15px;
    font-size: 1.2rem;
    line-height: 1.714;
  }
  .prd-info1-wrap .info1-1 .explain-box.box1 {
    left: 0;
  }
  .prd-info1-wrap .info1-1 .explain-box.box2 {
    left: 20px;
  }
  .prd-info1-wrap .info1-1 .explain-box:before {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: -14px;
    left: 52px;
    height: 0;
    width: 0;
    height: 0;
    border-top: 14px solid #fff;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
  }
  .prd-info1-wrap .info1-1 .explain-box:after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: -16px;
    left: 52px;
    height: 0;
    width: 0;
    height: 0;
    border-top: 16px solid #666;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
  }
  .prd-info1-wrap .info1-1 .explain-box.on {
    z-index: 1;
    bottom: 37px;
    opacity: 1;
    -webkit-transition: all .25s;
    transition: all .25s;
  }
  .prd-info1-wrap .info1-1 .prd-btn-wrap {
    margin-top: 13px;
  }
  .prd-info1-wrap .info1-1 .prd-btn-wrap .md-btn-w {
    width: calc(50% - 5px);
    margin-right: 5px;
  }
  .prd-info1-wrap .info1-1 .prd-btn-wrap .md-btn-b.cart {
    width: calc(50% - 5px);
    margin-left: 5px;
  }
  .prd-info2-wrap {
    padding: 3.2em 0 2.3em;
  }
  .prd-info2-wrap .inner {
    padding: 0;
  }
  .prd-info2-wrap h4.title {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 1.4rem;
  }
  .prd-info2-wrap .prd-recipe {
    width: 100%;
    margin-right: 0;
    padding: 0 0 4em 20px;
    border-bottom: 1px solid #ccc;
  }
  .prd-info2-wrap .prd-recipe p.title {
    display: none;
  }
  .prd-info2-wrap .prd-related {
    width: 100%;
    padding: 3.2em 0 0 20px;
    margin-right: 0;
  }
  .prd-info2-wrap .prd-recipe-pgn,
  .prd-info2-wrap .prd-related-pgn {
    display: none;
  }
  .prd-info2-wrap .swiper-slide {
    display: block;
    max-width: 33%;
    margin-right: 7px;
  }
  .prd-info2-wrap .swiper-slide img {
    max-width: 100%;
  }
  .prd-info2-wrap p.title {
    padding: 8px 0 0;
    font-size: 1.2rem;
    line-height: 1.2727;
  }
  .prd-info2-wrap .nolist {
    height: auto;
  }
  .prd-info2-wrap .nolist p {
    padding-top: 3em;
    color: #999;
    letter-spacing: -.06em;
    font-size: 1.2rem;
    line-height: 1;
  }
  .prd-info3-wrap {
    overflow: hidden;
    padding: 2.3em 0 0;
  }
  .prd-info3-wrap h4.title {
    position: relative;
    padding: 11px 0;
    font-size: 1.35rem;
  }
  .prd-info3-wrap h4.title:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 16px;
    width: 10px;
    height: 5px;
    margin-left: -32px;
    background: url(../images/ic-pack.png) no-repeat -391px -152px;
  }
  .prd-info3-wrap .info3-1 {
    padding: 1em 0;
    margin-bottom: .666em;
    font-size: 1.3rem;
    line-height: 1.81;
  }
  .prd-info3-wrap .edit-img1 {
    display: block;
    margin: 0 auto;
  }
  .certified-wrap {
    margin: 0;
  }
  .certified-wrap li {
    display: inline-block;
    width: calc(13.5% - 2.5px);
    margin: 5px 5px;
  }
  .certified-wrap li :after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
  .ic-certified {
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: 100%;
  }
  /* MEALSLIST MOB */
  .mealslist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -5px 0;
  }
  .mealslist li {
    display: block;
    width: calc(50% - 10px);
    margin: 0 5px 10px;
  }
  .mealslist li .thumb {
    position: relative;
    height: 110px;
  }
  .mealslist li .thumb img {
    height: auto;
    min-height: 110px;
  }
  .mealslist li .text-wrap {
    padding: 10px 10px 14px;
  }
  .mealslist li .tit {
    height: 35px;
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .mealslist li .desc {
    height: 32px;
    padding: 7px 0;
    font-size: 1.1rem;
    line-height: 1.2;
  }
  .mealslist li .write-info {
    margin-top: 6px;
  }
  .mealslist li .write-info .date {
    padding-right: 7px;
    font-size: 1.1rem;
  }
  .mealslist li .write-info .date:after {
    top: 0;
    padding-left: 7px;
    font-size: 1.3rem;
  }
  .mealslist li .write-info .id {
    font-size: 1.1rem;
  }

  .armylist  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -5px 0;
  }
  .armylist li {
    display: block;
    width: calc(50% - 10px);
    margin: 0 5px 10px;
  }
  .armylist li .thumb {
    position: relative;
    height: 110px;
  }
  .armylist li .thumb img {
    height: auto;
    min-height: 110px;
  }
  .armylist li .text-wrap {
    padding: 10px 10px 14px;
  }
  .armylist li .tit {
    height: 35px;
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .armylist li .desc {
    height: 32px;
    padding: 7px 0;
    font-size: 1.1rem;
    line-height: 1.2;
  }
  .armylist li .write-info {
    margin-top: 6px;
  }
  .armylist li .write-info .date {
    padding-right: 7px;
    font-size: 1.1rem;
  }
  .armylist li .write-info .date:after {
    top: 0;
    padding-left: 7px;
    font-size: 1.3rem;
  }
  .armylist li .write-info .id {
    font-size: 1.1rem;
  }

  /* MEALSVIEW MOB */
  .meal-info1-wrap.inner {
    padding-bottom: 41px;
  }
  .meal-info1-wrap.inner .info1-1 {
    overflow: hidden;
    height: auto;
    margin-top: 32px;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu {
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 13px;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals {
    top: 0;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals img {
    width: 100%;
    height: auto;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals-prd {
    width: 100%;
    height: auto;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals-prd .btn-more-prd {
    top: 40px;
    left: 60px;
    width: 33px;
    height: 33px;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals-prd .btn-more-prd i {
    width: 33px;
    height: 33px;
    background-size: 16px 16px;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals-prd .more-list {
    top: 55px;
    left: 83px;
    width: 143px;
    height: auto;
    padding: 3px 6px;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals-prd .more-list li {
    padding: 3px 0;
    font-size: 1.1rem;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals-prd .more-list li img {
    width: 4em;
    height: 4em;
    margin-right: 7px;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals-prd .more-list li .title {
    line-height: 1.2;
  }
  .meal-info1-wrap.inner .info1-1 .img-mealmenu .meals-prd .more-list li .price {
    margin-top: 3px;
    font-size: 1.2rem;
  }
  .meal-info1-wrap.inner .info1-1 .img-meallist {
    float: none;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
  }
  .meal-info1-wrap.inner .info1-1 .img-meallist .swiper-slide img {
    width: 100%;
    height: auto;
  }
  .meal-info1-wrap.inner .info1-1 .img-meallist .img-mealitem-pgn .swiper-pagination {
    left: 50%;
    bottom: 2em;
    width: 100%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .meal-info1-wrap.inner .info1-1 .img-meallist .img-mealitem-pgn .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
  }
  .meal-info1-wrap.inner .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-next,
  .meal-info1-wrap.inner .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-prev {
    width: 30px;
    height: 35px;
  }
  .meal-info1-wrap.inner .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-prev:after {
    left: 8px;
    width: 13px;
    height: 22px;
    background: url(../images/ic-pack.png) -90px -30px;
  }
  .meal-info1-wrap.inner .info1-1 .img-meallist .img-mealitem-pgn .swiper-button-next:after {
    right: 5px;
    width: 13px;
    height: 22px;
    background: url(../images/ic-pack.png) -120px -30px;
  }
  .meal-info1-wrap.inner .info1-2 {
    margin-top: 52px;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 {
    width: 100%;
    margin-top: 52px;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .recipe-how {
    padding-bottom: 17px;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .recipe-how .title {
    margin-bottom: 14px;
    font-size: 1.4rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .recipe-how .desc {
    margin-bottom: 21px;
    font-size: 1.2rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .tip {
    padding-top: 2px;
    font-size: 1.2rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .tip i {
    width: 33px;
    height: 16px;
    margin: -2px 5px 0 0;
    border-radius: 8px;
    font-size: .9rem;
    line-height: 16px;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .simple-calc {
    padding-top: 17px;
    border-top: 0;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .simple-calc .title-sec {
    padding: 7px 0 10px;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .simple-calc .title-sec .title {
    font-size: 1.4rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .simple-calc .title-sec [type="text"] {
    width: 80px;
    height: 26px;
    font-size: 1.2rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .simple-calc .title-sec [type="text"]:focus {
    color: #222;
    border: 1px solid #222;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-1 .simple-calc .table-sec {
    font-size: 1.2rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-2 {
    width: 100%;
    margin-top: 13px;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-2 .today-list {
    height: auto;
    padding: 24px 20px;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-2 .today-list .title {
    margin-bottom: 20px;
    font-size: 1.5rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-2 .today-list .list {
    font-size: 1.2rem;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-2 .btn-wrap {
    width: 100%;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-2 .btn-wrap a {
    width: calc(50% - 5px);
    height: 45px;
    line-height: 45px;
  }
  .meal-info1-wrap.inner .info1-2 .info1-2-2 .btn-wrap a + a {
    margin-top: 0;
  }
  .meal-info2-wrap {
    padding: 31px 0 12px;
  }
  .meal-info2-wrap .title-sec {
    margin-bottom: 15px;
  }
  .meal-info2-wrap .title-sec .title {
    padding: 12px 0 14px;
    font-size: 1.5rem;
  }
  .meal-info2-wrap .title-sec .menu-btn {
    width: 120px;
    height: 30px;
    font-size: 1.3rem;
    line-height: 30px;
  }
  .meal-info2-wrap .title-sec .menu-btn i {
    width: 16px;
    height: 11px;
    margin-right: 10px;
  }
  .meal-info2-wrap .title-sec .menu-btn.on i {
    width: 29px;
    height: 20px;
    margin-right: 15px;
  }
  .meal-info2-wrap .prdlist-wrap {
    padding: 0;
    margin-bottom: 0;
  }
  .meal-info2-wrap .prdlist-wrap .title-sec {
    margin-bottom: 0;
    border-bottom: 0;
  }
  .meal-info2-wrap .prdlist-wrap .title-sec .title {
    padding: 11px 0 11px;
    font-size: 1.4rem;
  }
  .meal-info2-wrap .prdlist {
    margin-bottom: 24px;
  }
  .meal-info2-wrap .prdlist > li {
    display: block;
    width: calc(33.3% - 10px);
    margin: 0 5px 13px;
  }
  .meal-info2-wrap .prdlist > li .info {
    padding: 7px 0 0;
  }
  .meal-info2-wrap .prdlist > li .info .name {
    height: 32px;
    font-size: 1.3rem;
  }
  .meal-info2-wrap .prdlist > li .info .unit,
  .meal-info2-wrap .prdlist > li .info .price-wrap {
    display: none;
  }
  .meal-info2-wrap + .comment-wrap {
    padding-top: 41px;
  }
  /* EVENTLIST MOB */
  .eventlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -5px 0;
  }
  .eventlist li {
    display: block;
    width: calc(50% - 10px);
    margin: 0 5px 10px;
  }
  .eventlist li a:hover:before {
    display: none;
  }
  .eventlist li a:hover img {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: scale(1) translateY(-50%);
            transform: scale(1) translateY(-50%);
  }
  .eventlist li a:active .thumb:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, 0.4);
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .eventlist li a:active .thumb img {
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: scale(1.03) translateY(-50%);
            transform: scale(1.03) translateY(-50%);
  }
  .eventlist li .thumb {
    position: relative;
    height: 110px;
  }
  .eventlist li .thumb .d-day {
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    font-size: 1.2rem;
    line-height: 40px;
  }
  .eventlist li .thumb img {
    height: auto;
    min-height: 110px;
  }
  .eventlist li .text-wrap {
    padding: 10px 10px 13px;
  }
  .eventlist li .tit {
    height: 35px;
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .eventlist li .write-info {
    margin-top: 19px;
  }
  .eventlist li .write-info .date {
    font-size: 1.1rem;
  }
  /* MENU TAB */
  .menuTip {font-size:12px; margin-bottom:10px;}
  .menutab {
    margin-bottom: 1.3em;
  }
  .menutab.four-more li {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 50%;
  }
  .menutab li {
    height: 39px;
    font-size: 1.2rem;
    line-height: 39px;
  }
  /* POP GRID */
  .grid {
    margin: 0 -10px;
  }
  .grid .item {
    width: calc(50% - 5px);
    margin: 10px;
  }
  .grid.grid3 .item {
    width: calc(50% - 20px)!important;
    margin: 10px!important;
  }
  .grid .item img {
    width: 100%!important;
    max-height: 100px!important;
  }
  .grid .item .title {
    padding: 14px 7px 18px;
    font-size: 1.3rem;
    line-height: 1.3;
  }
  .grid .item .title .date {
    margin-top: 17px;
    font-size: 1.1rem;
  }
  .more-pgn {
    margin-top: 43px;
  }
  .more-pgn button {
    width: 100%;
    height: 40px;
    font-size: 1.1rem;
  }
  .more-pgn button i {
    right: 12px;
    width: 7px;
    height: 4px;
  }
  /* BOARD SRCH MOB */
  .srch-wrapBD {
    margin-bottom: 2.5em;
  }
  .srch-wrapBD [type="text"] {
    width: 100%;
    height: 37px;
    padding-left: 13px;
    font-size: 1.2rem;
    line-height: 37px;
  }
  .srch-wrapBD .btn-sch {
    position: absolute;
    top: 5px;
    right: 13px;
    width: 1.9em;
    height: 1.9em;
    background: transparent;
  }
  /* BOARD LIST MOB */
  li > .nodata,
  .w100 .nodata {
    border-top: 2px solid #222;
    padding: 50px 0 45px;
    text-align: center;
  }
  li > .nodata i,
  .w100 .nodata i {
    width: 50px;
    height: 50px;
    margin-bottom: 8px;
  }
  li > .nodata p,
  .w100 .nodata p {
    font-size: 1.3rem;
  }
  .bdlist-wrap .sort-wrap {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .bdlist-wrap .btn-wrap {
    margin-top: 12px;
  }
  .bdlist-wrap .num-pgn {
    margin-top: 40px;
  }
  .bdlist-wrap .btn-wrap + .num-pgn {
    margin-top: 49px;
  }
  .bdlist1 .thwrap {
    display: none;
  }
  .bdlist1 .tdwrap li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    padding: 7px 0;
    height: 56px;
  }
  .bdlist1 .tdwrap li .num {
    display: none;
  }
  .bdlist1 .tdwrap li .cate,
  .bdlist1 .tdwrap li .state {
    height: auto;
    font-size: 1.2rem;
  }
  .bdlist1 .tdwrap li .tit {
    height: auto;
    font-size: 1.3rem;
  }
  .bdlist1 .tdwrap li .tit .reply-num {
    display: inline-block;
    padding-left: 4px;
    vertical-align: top;
  }
  .bdlist1 .tdwrap li .new-win {
    top: 0;
    width: 12px;
    height: 12px;
    margin-left: 10px;
  }
  .bdlist1 .tdwrap li .id {
    width: auto;
    height: auto;
    padding: 0 13px 0 0;
    font-size: 1.2rem;
  }
  .bdlist1 .tdwrap li .id:after {
    top: -2px;
    padding: 0 0 0 13px;
  }
  .bdlist1 .tdwrap li .date {
    width: auto;
    height: auto;
    font-size: 1.2rem;
  }
  .bdlist1.st1 .tdwrap li .tit {
    width: 100%;
    padding: 0;
  }
  .bdlist1.st1 .tdwrap li .id {
    display: inline-block;
    width: auto;
  }
  .bdlist1.st1 .tdwrap li .date {
    display: inline-block;
    width: auto;
  }
  .bdlist1.st2 .tdwrap li a {
    height: auto;
  }
  .bdlist1.st2 .tdwrap li .cate {
    width: 18%;
  }
  .bdlist1.st2 .tdwrap li .tit {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 76%;
    padding: 0;
  }
  .bdlist1.st2 .tdwrap li .tit:before {
    content: '|';
    display: inline-block;
    position: relative;
    top: 0px;
    padding: 0 13px 0;
    color: #ddd;
    font-size: 1.4rem;
  }
  .bdlist1.st2 .tdwrap li .tit .p1 {
    line-height: 1.6;
  }
  .bdlist1.st2 .tdwrap li .file {
    display: none;
  }
  .bdlist1.st2 .tdwrap li .date {
    width: 20%;
  }
  .bdlist1.st2-2 .tdwrap li a {
    height: auto;
  }
  .bdlist1.st2-2 .tdwrap li .tit {
    position: relative;
    top: -4px;
    width: 94%;
    padding: 0;
  }
  .bdlist1.st2-2 .tdwrap li .tit .p1 {
    line-height: 1.6;
  }
  .bdlist1.st2-2 .tdwrap li .file {
    display: none;
  }
  .bdlist1.st2-2 .tdwrap li .date {
    top: -1px;
    width: 20%;
  }
  .bdlist1.st3 .tdwrap li a {
    height: auto;
  }
  .bdlist1.st3 .tdwrap li .state {
    width: 18%;
  }
  .bdlist1.st3 .tdwrap li .tit {
    width: 76%;
    padding: 0;
  }
  .bdlist1.st3 .tdwrap li .tit:before {
    content: '|';
    display: inline-block;
    position: relative;
    top: 0px;
    padding: 0 13px 0;
    font-size: 1.4rem;
  }
  .bdlist1.st3 .tdwrap li .date {
    top: 0;
    width: 20%;
  }
  .bdlist1.st4 .tdwrap li a {
    height: auto;
    padding: 17px 0;
  }
  .bdlist1.st4 .tdwrap li .num {
    display: none;
  }
  .bdlist1.st4 .tdwrap li .tit {
    width: 100%;
    padding: 0;
  }
  .bdlist2 .movie-thumlist {
    margin: -5px -5px 0;
  }
  .bdlist2 .movie-thumlist li {
    width: calc(50% - 10px);
    margin: 5px;
    border: 1px solid #ddd;
  }
  .bdlist2 .movie-thumlist li .movie {
    padding-bottom: 57.29116%;
  }
  .bdlist2 .movie-thumlist li .info {
    padding: 11px 10px 13px;
    font-size: 1.3rem;
  }
  .bdlist2 .movie-thumlist li .info .title {
    height: 32px;
    line-height: 1.3;
  }
  .bdlist2 .movie-thumlist li .info .date {
    margin-top: 18px;
    font-size: 1.1rem;
  }
  .bdlist2 .movie-thumlist:after {
    content: '';
    display: block;
    clear: both;
  }
  /* FAQ MOB */
  .tdwrap .question i {
    right: 13px;
    width: 10px;
    height: 6px;
  }
  .tdwrap .answer {
    padding: 19px 13px 19px 13px;
    font-size: 1.3rem;
    line-height: 1.6;
  }
  /* BOARD VIEW MOB */
  .bdview-wrap .btn-wrap {
    margin-top: 2.6em;
  }
  .bd-header {
    padding: 13px 0;
    border-top: 2px solid #222;
    border-bottom: 1px solid #222;
  }
  .bd-header .head-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 0;
    width: 100%;
  }
  .bd-header .head-title .cate {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 2px 0 9px;
    font-size: 1.3rem;
  }
  .bd-header .head-title .cate:after {
    display: none;
  }
  .bd-header .head-title h3, .bd-header .head-title h4 {
    width: 100%;
    padding-right: 0;
    font-size: 1.4rem;
    line-height: 1.375;
  }

  .bd-header .head-title .simple_desc {font-size:1.2rem; line-height:1.375; margin-top:5px;}
  .bd-header .write-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 10px 0 0;
  }
  .bd-header .write-sec .writer {
    font-size: 1.2rem;
  }
  .bd-header .write-sec .writer:after {
    top: -1px;
    padding: 0 13px;
    font-size: 1.0rem;
  }
  .bd-header .write-sec .date {
    display: inline;
    font-size: 1.2rem;
  }
  .bd-header .btn-sec a {
    padding: 0 13px;
    font-size: 1.2rem;
  }
  .bd-header .btn-sec a:after {
    top: 0;
    padding-left: 13px;
    font-size: 1.2rem;
  }
  .bd-header .btn-sec a:last-child:after {
    display: none;
  }
  .bd-container .bd-contents {
    padding: 23px 0 47px;
    font-size: 1.3rem;
    line-height: 1.8;
  }
  .bd-container .bd-contents img {
    max-height: 700px;
  }
  .bd-container .filelist {
    padding: 13px;
  }
  .bd-container .filelist li a {
    display: block;
    padding: 7px 0;
  }
  .bd-container .filelist li i {
    width: 13px;
    height: 11px;
    margin-right: 9px;
  }
  .bd-container .filelist li .filename {
    font-size: 1.2rem;
  }
  .bd-container .filelist li .filesize {
    padding-left: 4;
    font-size: 1.2rem;
  }
  .bd-container .filelist li:active .filename {
    font-weight: 500;
    -webkit-text-decoration: underline dashed #00b6d6;
            text-decoration: underline dashed #00b6d6;
    text-underline-position: under;
  }
  .bd-container .list-sec {
    border-top: 2px solid #222;
  }
  .bd-container .list-sec .list {
    height: 36px;
    line-height: 36px;
  }
  .bd-container .list-sec .list div {
    float: left;
  }
  .bd-container .list-sec .list .item {
    width: 14%;
    font-size: 1.2rem;
  }
  .bd-container .list-sec .list .cate {
    display: none;
  }
  .bd-container .list-sec .list .tit,
  .bd-container .list-sec .list .tit-nocate {
    width: 86%;
    padding-left: 0;
    font-size: 1.2rem;
  }
  .bd-container .list-sec .list .tit.nodata,
  .bd-container .list-sec .list .tit-nocate.nodata {
    color: #999;
    font-weight: 400;
  }
  .bd-container .filelist li .filedate {
	display:none;
  }
  .bd-container .list-sec .list .date {
    display: none;
  }
  .bd-container .list-sec .list:last-child {
    border-bottom: none;
  }
  .bd-container .reply-wrap {
    border-top: 2px solid #222;
    background: #f7f7f7;
  }
  .bd-container .reply-wrap .head-sec {
    padding: 14px 13px;
    border-bottom: 1px solid #ddd;
  }
  .bd-container .reply-wrap .head-sec .ic-reply {
    top: 4px;
    width: 10px;
    height: 9px;
    margin-right: 7px;
  }
  .bd-container .reply-wrap .head-sec .reply-info {
    display: inline-block;
    width: calc(100% -25px);
  }
  .bd-container .reply-wrap .head-sec .reply-info .state {
    display: block;
    padding: 0;
    font-size: 1.1rem;
  }
  .bd-container .reply-wrap .head-sec .reply-info .state:after {
    display: none;
  }
  .bd-container .reply-wrap .head-sec .reply-info .tit {
    display: block;
    padding-top: 11px;
    font-size: 1.4rem;
  }
  .bd-container .reply-wrap .head-sec .reply-info .date {
    padding-top: 15px;
    font-size: 1.2rem;
  }
  .bd-container .reply-wrap .reply-content {
    padding: 24px 34px 36px;
    font-size: 1.3rem;
  }
  .bd-container .reply-wrap .reply-content P {
    line-height: 1.777;
  }
  /* COMMENT MOB */
  .comment-wrap .cmtitle {
    margin: 26px 0 13px;
    font-size: 1.4rem;
  }
  .comment-wrap .cmtitle .comm-num {
    top: 2px;
    font-size: 1.2rem;
  }
  .comment-wrap .cm-write-wrap .cmwrite {
    margin-bottom: 11px;
  }
  .comment-wrap .cmwrite .cm-textarea {
    width: calc(100% - 86px);
    height: 50px;
    padding: 14px 15px;
    font-size: 1.2rem;
  }
  .comment-wrap .btn-cm-register {
    float: right;
    width: 86px;
    height: 50px;
    font-size: 1.2rem;
  }
  .comment-wrap .cmlist .comm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    position: relative;
    padding: 14px 0 10px;
  }
  .comment-wrap .cmlist .comm.cmreply {
    background: #f7f7f7;
    padding: 14px 10px 10px 5px;
  }

  .comment-wrap .cmlist .comm.cmreply .ic-lv {
    margin-left: 13px;
  }

  /* 대댓글 1 depth 처리로 인한 주석
  .comment-wrap .cmlist .comm.cmreply + .cmreply .ic-reply {
    margin-left: 13px;
  }
  .comment-wrap .cmlist .comm.cmreply + .cmreply + .cmreply .ic-reply {
    margin-left: 30px;
  }
  .comment-wrap .cmlist .comm.cmreply + .cmreply + .cmreply + .cmreply .ic-reply {
    margin-left: 47px;
  }
  .comment-wrap .cmlist .comm.cmreply + .cmreply + .cmreply + .cmreply + .cmreply .ic-reply {
    margin-left: 54px;
  }
  .comment-wrap .cmlist .comm.cmreply + .cmreply + .cmreply + .cmreply + .cmreply + .cmreply .ic-reply {
    margin-left: 71px;
  }
  */
  .comment-wrap .ic-reply {
    width: 10px;
    height: 9px;
    margin-right: 7px;
  }
  .comment-wrap .in-sec {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .comment-wrap .in-sec .cminfo .nickname {
    padding: 0 13px 0 0;
    font-size: 1.2rem;
  }
  .comment-wrap .in-sec .cminfo .nickname:after {
    top: -1px;
    padding-left: 13px;
    font-size: 1.3rem;
  }
  .comment-wrap .in-sec .cminfo .cmdate {
    font-size: 1.2rem;
  }
  .comment-wrap .in-sec .cm-content {
    margin-bottom: 11px;
    font-size: 1.3rem;
  }
  .comment-wrap .btn-reply {
    font-size: 1.2rem;
    width: 73px;
    height: 27px;
    line-height: 25px;
  }
  .comment-wrap .my-cmbtn {
    padding-right: 12px;
  }
  .comment-wrap .my-cmbtn a {
    font-size: 1.2rem;
  }
  .comment-wrap .my-cmbtn a:after {
    top: 0;
    padding: 0 12px;
    font-size: 1.2rem;
  }
  .comment-wrap .write-box {
    height: 60px;
  }
  .comment-wrap .write-box .cm-textarea {
    height: 42px;
    font-size: 1.2rem;
  }
  .comment-wrap .write-box .boxin-btn-sec {
    position: absolute;
    right: 12px;
    bottom: 5px;
  }
  .comment-wrap .write-box .boxin-btn-sec a {
    font-size: 1.2rem;
  }
  .comment-wrap .write-box .boxin-btn-sec a:after {
    top: -1px;
    padding: 0 12px;
    color: #ccc;
    font-size: 1.2rem;
  }
  .comment-wrap .num-pgn {
    margin-top: 40px;
  }
  /* BOARD WRITE MOB */
  .bdwrite-wrap h3 {
    margin-bottom: 27px;
    font-size: 1.5rem;
  }
  .bdwrite-wrap .btn-wrap {
    margin-top: 12px;
  }
  .bdwrite-wrap .btn-wrap a {
    margin-left: 0;
    width: 50%;
    float: left;
  }
  .bdwrite1 {
    border: none;
  }
  .bdwrite1 li {
    padding: 0 0 13px;
    border: none;
  }
  .bdwrite1 li .rowthwrap {
    padding: 0 0 7px;
    font-size: 1.4rem;
  }
  .bdwrite1 li .rowtdwrap {
    font-size: 1.2rem;
  }
  .bdwrite1 li .rowtdwrap [type="text"] {
    height: 38px;
  }
  .bdwrite1 li .rowtdwrap textarea {
    height: 7.9em;
  }
  .bdwrite1 li .rowtdwrap .chk-sec {
    padding: 10px 0;
  }
  .bdwrite1 li .rowtdwrap .chk-sec .mgl1 {
    margin-left: 29px;
  }
  .bdwrite1 li .rowtdwrap .thumb-wrap {
    padding-bottom: 10px;
    margin: 0 -3px;
  }
  .bdwrite1 li .rowtdwrap .thumb-wrap .photo-thum {
    width: calc(25% - 8px);
    height: 55px;
    margin: 0 3px;
  }
  .bdwrite1 li .rowtdwrap .thumb-wrap .photo-thum img {
    width: 100%;
    height: 100%;
  }
  .bdwrite1 li .rowtdwrap .thumb-wrap .photo-thum .btn-del {
    overflow: hidden;
    margin: 0;
    background: rgba(0, 0, 0, 0);
    opacity: 1;
  }
  .bdwrite1 li .rowtdwrap .thumb-wrap .photo-thum .btn-del i {
    top: 4px;
    right: 4px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: rgba(66, 67, 69, 0.8);
    background-image: url(../images/ic-thumclose1-3x.png) no-repeat 50% 50%;
    background-size: 7px 7px;
  }
  .bdwrite1 li .rowtdwrap .thumb-wrap .photo-thum .btn-del:active {
    background: rgba(0, 0, 0, 0.5);
  }
  .bdwrite1 li .rowtdwrap .img-mealmenu {
    margin-bottom: 10px;
  }
  .bdwrite1 li .rowtdwrap .meals img {
    width: 100%;
    height: 225px;
  }
  .bdwrite1 li .rowtdwrap .meals-prd {
    position: relative;
    z-index: 2;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /* 화면에서 좌표 처리함 */
  .bdwrite1 li .rowtdwrap .meals-prd .btn-more-prd {
    width: 33px;
    height: 33px;
  }
  .bdwrite1 li .rowtdwrap .meals-prd .btn-more-prd i {
    width: 33px;
    height: 33px;
    background-size: 16px 16px;
  }

  /* 화면에서 좌표 처리함 */
  .bdwrite1 li .rowtdwrap .meals-prd .menu-name {
    position: relative;
    top: 20px;
    left: 20px;
    width: 120px;
    height: 37px;
    padding: 6px 7px;
  }
  .bdwrite1 li .rowtdwrap .meals-prd .menu-name .title {
    font-size: 1.1rem;
    line-height: 1.2;
  }
  .bdwrite1 li .rowtdwrap .filebox label {
    width: 100%;
    padding: .82em 1em;
    margin-left: 0;
    font-size: 1.2rem;
  }
  .bdwrite1 li .rowtdwrap .filebox .filename-wrap {
    width: 100%;
    padding: .82em 1em;
  }
  .bdwrite1 li .rowtdwrap .filebox .upload-name {
    padding-left: 6px;
    font-size: 1.2rem;
  }
  .bdwrite1 li .rowtdwrap .filebox p.upload-name + p.upload-name {
    margin-top: 4px;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .menuin-prd {
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .calcin-prd {
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .menumame {
    padding: 5px 0;
    margin-bottom: 7px;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .menumame .menuin1-1 {
    height: 27px;
    padding-left: 10px;
    padding-right: 30px;
    font-size: 1.2rem;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .menumame .btn-set-del {
    right: 2px;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .menumame .btn-set-del i {
    left: 10px;
    width: 7px;
    height: 7px;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .prdin {
    position: relative;
    padding: 3px 9px;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .prdin .prdinput {
    height: 33px;
    padding-left: 6px;
    padding-right: 30px;
    font-size: 1.1rem;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .prdin .item-tit {
    font-size: 1rem;
    letter-spacing: -.08em;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .prdin .in2-1 {
    width: 44%;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .prdin .in2-2 {
    width: 22%;
    margin-left: 3px;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .prdin .in2-3 {
    width: 22%;
    margin-left: 3px;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .prdin .btn-prd-del {
    width: 27px;
    height: 27px;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .prdin .btn-prd-del i {
    left: 10px;
    width: 7px;
    height: 7px;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .prdin .btn-prd-del.in {
    right: 11px;
  }
  .bdwrite1 li .rowtdwrap .menuin-wrap .prdin .btn-prd-del.out {
    position: relative;
    top: 13px;
    left: 2px;
    margin-right: -5px;
  }
  .bdwrite1 li .rowtdwrap .btn-sign-p {
    width: 100%;
    height: 39px;
    font-size: 1.2rem;
  }
  .bdwrite1 li .rowtdwrap .btn-sign-p i {
    top: -1px;
    margin-left: 6px;
    font-size: 1.6rem;
  }
  .bdwrite1 li .comment {
    margin: 9px 0 27px;
    font-size: 1.2rem;
  }
  .bdwrite1 li .comment.mg1 {
    margin: 9px 0 5px;
  }
  .bdwrite1 li .info1 {
    margin: 9px 0 35px;
    font-size: 1.2rem;
  }
  .bdwrite1.st1 .rowthwrap {
    width: 100%;
  }
  .bdwrite1.st1 .rowtdwrap {
    width: 100%;
  }
  /* MY NEIS MOB */
  .neis-wrap .select-wrap {
    margin-bottom: 10px;
  }
  .neis-wrap .select-wrap select {
    width: 100%;
    margin-bottom: 19px;
    font-size: 1.3rem;
  }
  .neis-wrap .select-wrap .info {
    margin-left: 0;
    font-size: 1.2rem;
  }
  .calendar > li {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 2);
            flex: 1 0 calc(100% / 2);
    -ms-flex-preferred-size: calc(50% - 2px);
  }
  .calendar > li.nodata {
    display: none;
  }
  .calendar > li .date {
    height: 30px;
    font-size: 1.3rem;
    line-height: 30px;
  }
  .calendar > li .meal-menu {
    min-height: 130px;
    padding: 9px 17px;
    font-size: 1.2rem;
    line-height: 1.625;
  }
  .meal-menu-view {
    width: calc(100% - 60px);
    margin-top: 50px;
    max-height: 85vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .meal-menu-view .head-title {
    height: 34px;
    padding: 0 13px;
    line-height: 34px;
  }
  .meal-menu-view .head-title h5 {
    font-size: 1.4rem;
  }
  .meal-menu-view .head-title button {
    top: 3px;
  }
  .meal-menu-view .meal-menu-info {
    overflow-y: auto;
  }
  .meal-menu-view .meal-menu-info li {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 2);
            flex: 1 0 calc(100% / 2);
    -ms-flex-preferred-size: calc(50% - 2px);
    padding: 14px 12px 20px;
  }
  .meal-menu-view .meal-menu-info li .title {
    padding: 0 0 10px;
    font-size: 1.3rem;
  }
  .meal-menu-view .meal-menu-info li .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 130px;
    padding: 6px 0;
    font-size: 1.3rem;
    line-height: 1.625;
  }
  /* MY MOB */
  .comment {
    font-size: 1.2rem;
  }
  .comment.err-text {
    color: #ef3e61;
  }
  /* SIGN UP MOB */
  .signup-wrap {
    width: 100%;
    margin: 0 auto 21px;
  }
  .signup-wrap h4 {
    margin-bottom: 21px;
    font-size: 1.5rem;
  }
  .signup-wrap h5 {
    font-size: 1.4rem;
  }
  .signup-wrap .signup-sec1 {
    padding: 0 0 28px;
    background: #fff;
  }
  .signup-wrap [type="text"],
  .signup-wrap [type="password"] {
    width: 100%;
    height: 38px;
    padding-left: 14px;
    font-size: 1.2rem;
  }
  .signup-wrap [type="checkbox"] + label {
    font-size: 1.3rem;
    font-weight: 500;
  }
  .signup-wrap .comment {
    margin: 6px 0 7px;
    line-height: 1.285;
  }
  .signup-wrap select {
    width: 100%;
    height: 38px;
  }
  .signup-wrap .signup-item li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    padding: 6px 0 7px;
  }
  .signup-wrap .signup-item li .title-sec {
    width: 100%;
    padding-top: 0;
    padding-bottom: 7px;
  }
  .signup-wrap .signup-item li .title-sec label {
    font-size: 1.4rem;
  }
  .signup-wrap .signup-item li .title-sec label i {
    font-size: 1.2rem;
  }
  .signup-wrap .signup-item li .title-sec label .required {
    top: 0;
  }
  .signup-wrap .signup-item li .input-sec {
    width: 100%;
  }
  .signup-wrap .signup-item li .input-sec .sel1 {
    width: calc(50% - 5px);
    margin-bottom: 5px;
  }
  .signup-wrap .signup-item li .input-sec .sel1 + .sel1 {
    float: right;
  }
  .signup-wrap .chk-sec {
    padding: 15px 0 24px;
  }
  .signup-wrap.agree {
    margin: 0 auto 7px;
  }
  .signup-wrap.agree .signup-sec1 {
    padding: 0;
  }
  .signup-wrap.agree h5 {
    margin: 5px 0 7px;
  }
  .signup-wrap.agree .agreebox1 {
    height: 166px;
    padding: 15px;
    font-size: 1.2rem;
    line-height: 1.375;
  }
  .signup-wrap.agree .agreebox1 .terms-list {
    padding-bottom: 5px;
  }
  .signup-wrap.agree .agreebox1 h6 {
    margin: 5px 0 2px;
  }
  .signup-wrap.agree .agreebox1 h6 + ul li ul {
    padding-left: 5px;
  }
  .signup-wrap.agree .agreebox1 h6 + ul li ul ul {
    padding-left: 5px;
    padding-bottom: 3px;
  }
  .signup-wrap.agree .agreebox1 div {
    padding: 3px 0 2px;
  }
  .signup-wrap.agree [type="checkbox"] + label {
    font-weight: 400;
  }
  /* SIGN IN MOB */
  .signin-wrap {
    width: 100%;
    margin: 0 auto;
  }
  .signin-wrap [type="text"],
  .signin-wrap [type="password"] {
    height: 43px;
    padding-left: 14px;
    font-size: 1.2rem;
  }
  .signin-wrap .comment {
    margin: 6px 0 7px;
  }
  .signin-wrap .btn-wrap {
    padding-top: 25px;
  }
  .signin-wrap .frmchk {
    padding: 12px 0 50px;
  }
  .signin-wrap [type="checkbox"] + label {
    font-size: 1.3rem;
  }
  .signin-wrap .link-wrap {
    margin: 17px auto 0;
  }
  .signin-wrap .link-wrap li {
    padding: 0 15px;
    font-size: 1.3rem;
  }
  .signin-wrap .link-wrap li:after {
    top: 9px;
    height: 16px;
  }
  /* SIGN IN POP MOB */
  .popdf {
    padding: 65px 20px 4px;
  }
  .popdf .poptitle {
    width: calc(100% + 40px);
    padding: 19px 25px;
    margin: 0 -20px 29px -20px;
  }
  .popdf .poptitle h2 {
    font-size: 1.4rem;
  }
  .popdf .text-p1 {
    font-size: 1.2rem;
  }
  .popdf .chktab li {
    padding-top: 26px;
  }
  .popdf .chktab li:nth-child(1) {
    padding-right: 15px;
    text-align: right;
  }
  .popdf .chktab li:nth-child(2) {
    padding-left: 15px;
    text-align: left;
  }
  .popdf .chktab li:nth-child(2) .tabcont {
    left: calc(-100% - 30px);
  }
  .popdf .chktab li label {
    font-size: 1.3rem;
  }
  .popdf input[type="text"],
  .popdf input[type="password"],
  .popdf button {
    height: 40px;
  }
  .popdf input[type="text"],
  .popdf input[type="password"] {
    font-size: 1.3rem;
  }
  .popdf button {
    margin: 20px 0 33px;
    font-size: 1.2rem;
  }
  .popdf .comment {
    margin: 8px 0 0;
  }
  .popdf .popbtn-wrap {
    padding: 15px 0;
  }
  .popdf .closebtn-wrap {
    position: absolute;
    top: 31px;
    right: 14px;
    padding: 0;
    border-top: 0;
  }
  .popdf .btn-close {
    width: 30px;
    height: 30px;
    background: transparent;
  }
  .popdf .btn-close i {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/ic-close1-3x.png) no-repeat;
    background-size: cover;
    cursor: pointer;
  }
  .popdf .btn-close span {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    font-size: 0;
    clip: rect(0 0 0 0);
    -ms-touch-action: none;
        touch-action: none;
  }
  .popdf .tabcont {
    width: calc(200% + 30px);
    margin-top: 30px;
  }
  .popdf .pop-result {
    padding: 30px 0 60px;
    font-size: 1.8rem;
  }
  .popdf .pop-result strong {
    padding: 0 20px;
    font-size: 2.4rem;
  }
  .popdf .pop-result .comment {
    margin: 8px 0 18px;
  }
  /* MY MENU MOB */
  .prdlist-wrap.my-menu .chkall-sec {
    padding: 24px 0 17px;
    margin-bottom: 10px;
    font-size: 1.3rem;
  }
  .prdlist-wrap.my-menu .chkall-sec label {
    margin: 0;
    font-size: 1.3rem;
  }
  .prdlist-wrap.my-menu .chkall-sec .btn-wrap {
    display: inline-block;
    position: absolute;
    top: 16px;
    right: 0;
  }
  .prdlist-wrap.my-menu .chkall-sec .btn-wrap button + button {
    margin-left: 5px;
  }
  .prdlist-wrap.my-menu .title-sec {
    padding-top: 13px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .prdlist-wrap.my-menu .title-sec .title {
    font-size: 1.5rem;
  }
  /* MYINFO MODI MOB */
  .myinfo-wrap {
    width: 100%;
    padding: 30px 0;
    background: #fff;
  }
  .myinfo-wrap [type="password"] {
    height: 40px;
    padding-left: 13px;
    font-size: 1.3rem;
  }
  .myinfo-wrap .p-wrap {
    padding: 0 0 47px;
  }
  .myinfo-wrap .p-wrap p {
    font-size: 1.2rem;
  }
  .myinfo-wrap .p-wrap p.mg1 {
    margin-bottom: 6px;
  }
  .myinfo-wrap .comment {
    margin: 8px 0 0;
  }
  .myinfo-wrap .btn-wrap {
    padding-top: 20px;
  }
  /* FOOT BANNER MOB */
  .fbnr-wrap {
    padding: 10px 0;
  }
  .fbnr-wrap .fnbr li {
    width: 120px;
    height: 36px;
    margin: 0 10px 0 0;
  }
  /* FOOTER MOB */
  .f-fix1 {
    bottom: 15em;
    margin-bottom: 4em;
  }
  .f-fix2 {
    bottom: 15em;
  }
  footer {
    padding: 4em 0;
  }
  footer .relsite {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    float: none;
    margin-bottom: 18px;
  }
  footer .relsite .sel-link {
    max-width: 50%;
    width: 166px;
  }
  footer .relsite .sel-link button {
    height: 30px;
    padding: 0 13px;
    font-size: 1.2rem;
    line-height: 28px;
  }
  footer .relsite .sel-link button i {
    top: 10px;
    right: 13px;
    width: 9px;
    height: 6px;
  }
  footer .relsite .sel-link .select-list {
    bottom: 30px;
  }
  footer .relsite .sel-link .select-list li {
    font-size: 1.2rem;
  }
  footer .relsite .sel-link .select-list li a {
    display: block;
    padding: 8px 13px;
  }
  footer .relsite .ft-logo {
    max-width: 35.7%;
    width: 119px;
    height: 30px;
    padding-top: 5px;
  }
  footer .copyright {
    font-size: 1.1rem;
  }
  footer .copyright.inner {
    padding: 0 1.3em;
  }
  footer .copyright .user-info {
    margin-bottom: 1.5em;
    font-size: 1.2rem;
  }
  footer .copyright .user-info li {
    display: inline-block;
  }
  footer .copyright .user-info li:after {
    content: '|';
    display: inline-block;
    position: relative;
    top: -2px;
    padding: 0 12px;
  }
  footer .copyright .isms {
    position: absolute;
    top: 60px;
    left: 210px;
  }
  footer .copyright .infolist .info {
    padding: 0 0 2.6em;
    font-size: 1rem;
  }
  footer .copyright .infolist .info span {
    display: block;
    padding: 4px 0;
  }
  footer .copyright .infolist .info span:after {
    display: none;
  }
  footer .copyright .infolist .info span.mobline {
    display: inline-block;
  }
  footer .copyright .infolist .info span.mobline:after {
    content: '|';
    display: inline-block;
    position: relative;
    top: -2px;
    padding: 0 6px;
    color: #707071;
  }
  footer .copyright .infolist .info span.mobline + span {
    display: inline-block;
  }
  footer .copyright .infolist .info span:last-child:after {
    display: none;
  }
  footer .copyright .copyr {
    margin-top: -1.2em;
    font-size: 1rem;
  }
  #pop-privacy1 .foot-pop1,
  #pop-provision1 .foot-pop1 {
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 46px 0 0;
  }
  #pop-privacy1 h3,
  #pop-provision1 h3 {
    padding: 19px 20px 19px;
    font-size: 1.3rem;
  }
  #pop-privacy1 .scl-box1,
  #pop-provision1 .scl-box1 {
    height: calc(100% - 50px);
    padding: 0 20px 30px;
    font-size: 1.2em;
  }
  #pop-privacy1 .scl-box1 .terms-list,
  #pop-provision1 .scl-box1 .terms-list {
    padding: 22px 20px;
    margin: 0 -20px;
    margin-bottom: 23px;
    font-size: 1.2rem;
    line-height: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  #pop-privacy1 .scl-box1 .terms-list li,
  #pop-provision1 .scl-box1 .terms-list li {
    padding: 4px 0;
  }
  #pop-privacy1 h4,
  #pop-provision1 h4 {
    font-size: 1.2rem;
  }
  #pop-privacy1 h4 + p + ul,
  #pop-provision1 h4 + p + ul {
    margin-bottom: 28px;
  }
  #pop-privacy1 h4 + ul,
  #pop-provision1 h4 + ul {
    margin-bottom: 28px;
  }
  #pop-privacy1 .mg1,
  #pop-provision1 .mg1 {
    margin-bottom: 28px;
  }
  #pop-privacy1 .mg2,
  #pop-provision1 .mg2 {
    margin-top: 7px;
  }
  #pop-privacy1 div,
  #pop-provision1 div {
    padding: 5px 0 3px;
  }
  #pop-privacy1 .btn-wrap,
  #pop-provision1 .btn-wrap {
    height: auto;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  #pop-privacy1 .btn-wrap button,
  #pop-provision1 .btn-wrap button {
    top: 32px;
    right: 14px;
    width: 28px;
    height: 28px;
  }
  #pop-privacy1 .btn-wrap button i,
  #pop-provision1 .btn-wrap button i {
    width: 20px;
    height: 20px;
    margin-left: 4px;
  }
  #pop-privacy1 .btn-wrap button span,
  #pop-provision1 .btn-wrap button span {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    font-size: 0;
    clip: rect(0 0 0 0);
    -ms-touch-action: none;
        touch-action: none;
  }
  /* CHATBOT MOB */
  #chatbot {
    top: 0;
    right: -100vw;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #chatbot.on {
    left: 0;
  }
  #chatbot.on .chat-header {
    position: fixed;
  }
  .chat-content-wrap .chat-header {
    height: 6.6em;
    line-height: 6.9em;
  }
  .chat-content-wrap .chat-header .title {
    font-size: 1.7rem;
  }
  .chat-content-wrap .chat-header .title i {
    position: relative;
    top: 3px;
    width: 28px;
    height: 22px;
  }
  .chat-content-wrap .chat-header .btn-close-chat {
    right: 7px;
    width: 28px;
    height: 29px;
    background: url(../images/ic-close-w-3x.png) no-repeat 50% 50%;
    background-size: 18px 19px;
  }
  .chat-content-wrap .chat-contents {
    margin-top: 6.6em;
    height: calc(100vh - 13.1em);
  }
  .chat-content-wrap .chat-contents .chat-view {
    color: #222;
    font-size: 1.5rem;
  }
  .chat-content-wrap .chat-contents .chat-view .chat-date {
    margin: 17px 0;
  }
  .chat-content-wrap .chat-contents .chat-view .chat-wrap {
    padding: 0 20px;
  }
  .chat-content-wrap .chat-contents .chat-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 100%;
    margin: .9em 0;
  }
  .chat-content-wrap .chat-contents .chat-box.st-q .chat-bubble {
    border-radius: 8px 0 8px 8px;
  }
  .chat-content-wrap .chat-contents .chat-box .chat-bubble {
    padding: 11px 15px;
    border-radius: 0 8px 8px 8px;
  }
  .chat-content-wrap .chat-contents .chat-box .chat-bubble .link-list {
    padding: 1em 0 .5em;
    margin-top: 1em;
  }
  .chat-content-wrap .chat-contents .chat-box .chat-bubble .link-list .list li a {
    padding: .2em 0;
    font-size: 1.4rem;
  }
  .chat-content-wrap .chat-contents .chat-box .chat-info {
    padding: 0 7px;
    font-size: 1.1rem;
  }
  .chat-content-wrap .chat-footer {
    display: fixed;
    height: 6.5em;
  }
  .chat-content-wrap .chat-input-area {
    padding: 15px 0;
  }
  .chat-content-wrap .chat-input-area textarea {
    padding: 8px 10px 0 20px;
    width: calc(100% - 44px);
    font-size: 1.4rem;
  }
  .chat-content-wrap .chat-input-area .btn-send {
    width: 29px;
    height: 27px;
    margin-right: 15px;
    background: url(../images/ic-send1-3x.png) no-repeat 50% 50%;
    background-size: 19px 17px;
  }
  /* ERROR MOB */
  .error-wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .error-wrap .pg-wrap1 {
    width: 100%;
    margin: 0 2em;
  }
  .error-wrap .pg-wrap1 .hd h1 {
    width: 11em;
    height: 1.9em;
    padding: 3em 0;
    margin: 2em 0;
  }
  .error-wrap .pg-wrap1 .box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background: #fff;
    padding: 5.5em 2em 2em;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-1 {
    width: 100%;
    padding: 0 2em;
    margin-bottom: 5em;
    text-align: center;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-1 i {
    width: 3.3em;
    height: 3.3em;
    margin: .4em 1.7em 0 0;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-1 h2 {
    font-size: 1.8rem;
    line-height: 1.42857;
    text-align: left;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-2 {
    width: 100%;
    padding: 0 2em;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-2 .error1-1 {
    letter-spacing: -.08em;
    font-size: 1.5rem;
    line-height: 1.75;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-2 .error1-2 {
    margin-top: 1.1em;
  }
  .error-wrap .pg-wrap1 .box1 .col-div1-2 .error1-2 li {
    padding: 0.52941em 0;
    font-size: 1rem;
  }
  .error-wrap .pg-wrap1 .box1 .btnC {
    width: 100%;
    margin: 8.1em auto 0;
  }
  .error-wrap .pg-wrap1 .box1 .btnC button {
    display: inline-block;
    width: 50%;
    height: 3.5em;
  }
  .error-wrap .pg-wrap1 footer {
    padding: 1.4444em;
    font-size: .9rem;
    line-height: 1.2963;
  }
}

/* ANIMATION */
@keyframes slidein {
  from {
    left: 0;
  }
  to {
    left: 50%;
  }
}

@-webkit-keyframes slidein {
  from {
    left: 0;
  }
  to {
    left: 50%;
  }
}