/** Shopify CDN: Minification failed

Line 20:0 All "@import" rules must come first
Line 2722:2 Expected identifier but found "*"
Line 2960:2 Expected identifier but found "*"
Line 3135:2 Expected identifier but found "*"
Line 3228:2 Expected identifier but found "*"
Line 3314:2 Expected identifier but found "*"
Line 3701:1 Unexpected "{"

**/
@import url("https://p.typekit.net/p.css?s=1&k=dir0gut&ht=tk&f=24549&a=380499758&app=typekit&e=css");

@font-face {
font-family:"Sofia Pro";
src:url("https://use.typekit.net/af/e7e7b3/00000000000000007735f99a/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/e7e7b3/00000000000000007735f99a/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/e7e7b3/00000000000000007735f99a/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

#dnd-container
  #dnd-content
  .preview-area
  .preview-column
  .column-box
  .slidingMenu {
  display: none;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d .hidden {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header {
  z-index: 300;
  position: relative;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header .header {
  z-index: 300;
  position: relative;
  padding: 18px 0;
  text-align: center;
  vertical-align: top;
  background: #fff;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header.open .header {
  z-index: 301;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header h1 {
  margin: 0 95px;
  font-size: 18px;
  text-align: center;
  color: #000;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header h1 .link:hover {
  text-decoration: none;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header h1 img {
  max-width: 100%;
  vertical-align: middle;
  font-size: 12px;
  max-height: 30px;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header .headerMenu {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 80px;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header .headerMenu.gLeft {
  left: 0;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header .headerMenu.gRight {
  right: 0;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .headerMenu
  [class*="btn"],
.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .headerMenu
  .btnBasket
  > a {
  position: relative;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .headerMenu
  .btnBasket
  .count {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 2px;
  min-width: 10px;
  padding: 0 2px;
  height: 14px;
  border-radius: 14px;
  font-weight: bold;
  font-size: 9px;
  line-height: 13px;
  color: #fff;
  text-align: center;
  background: #ff0000;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .headerMenu
  [class*="btn"],
.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .headerMenu
  [class*="btn"]
  a {
  display: inline-block;
  overflow: hidden;
  font-size: 1px;
  line-height: 0;
  color: transparent;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header .headerMenu:after {
  content: "";
  clear: both;
  display: block;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .headerMenu
  [class*="btn"] {
  float: left;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .headerMenu.gLeft
  [class*="btn"] {
  margin-left: 10px;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .headerMenu.gRight
  [class*="btn"] {
  margin-right: 10px;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header .headerMenu .btnCate {
  background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/btn_cate.png");
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header .headerMenu .btnSearch {
  background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/btn_search.png");
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .headerMenu
  .btnBasket
  > a {
  background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/btn_basket.png");
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header .headerMenu .btnMy {
  background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/btn_my.png");
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header .searchLayer {
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 401;
  max-width: 900px;
  text-align: left;
  background: #fff;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header.open .searchLayer {
  display: block;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header.open #dimmedSlider {
  display: block !important;
  opacity: 1;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header .searchLayer .topSearch {
  position: relative;
  height: 60px;
  padding: 21px 85px 21px 40px;
  box-sizing: border-box;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .topSearch:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 21px;
  width: 10px;
  height: 17px;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/sfix_top_search_form.png")
    no-repeat 0 0;
  background-size: 150px auto;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .topSearch
  #keyword {
  width: 100%;
  height: 18px;
  padding: 0;
  border: 0;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  border-radius: 0;
  outline-style: none;
  -webkit-appearance: none;
  box-sizing: border-box;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .topSearch
  #keyword::-webkit-input-placeholder {
  font-size: 14px;
  color: #999;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .topSearch
  #keyword:-ms-input-placeholder {
  font-size: 14px;
  color: #999;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .topSearch
  #keyword::-moz-placeholder {
  font-size: 14px;
  color: #999;
  opacity: 1;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .topSearch
  #keyword:-moz-placeholder {
  font-size: 14px;
  color: #999;
  opacity: 1;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .topSearch
  [class*="btn"] {
  overflow: hidden;
  position: absolute;
  font-size: 1px;
  line-height: 0;
  color: transparent;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .topSearch
  [class*="btn"]:before {
  content: "";
  position: absolute;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .topSearch
  .btnSearch {
  right: 0;
  top: 0;
  width: 50px;
  height: 60px;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .topSearch
  .btnSearch:before {
  right: 16px;
  top: 21px;
  width: 18px;
  height: 18px;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/sfix_top_search_form.png")
    no-repeat -50px 0;
  background-size: 150px auto;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .topSearch
  .btnDelete {
  right: 50px;
  top: 0;
  width: 35px;
  height: 60px;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .topSearch
  .btnDelete:before {
  right: 10px;
  top: 22px;
  width: 15px;
  height: 15px;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/sfix_top_search_form.png")
    no-repeat -100px 0;
  background-size: 150px auto;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d > header .searchLayer .hotKeyword {
  padding: 15px 16px 28px;
  border-top: 1px solid #ededed;
  background: #fbfbfd;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .hotKeyword
  .title {
  font-weight: normal;
  font-size: 12px;
  color: #abaeb5;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .hotKeyword
  .keyword {
  margin: 8px 0 0;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .hotKeyword
  .keyword
  > a {
  display: inline-block;
  margin: 7px 16px 0 0;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  vertical-align: top;
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d
  > header
  .searchLayer
  .hotKeyword
  .keyword
  > a:hover {
  text-decoration: none;
}

@media all and (max-width: 899px) {
  .dnd_module_9742c60d3a2ee81fffada3eade8d931d > header .searchLayer {
    left: 0;
    width: 100%;
  }
}

@media all and (min-width: 900px) {
  .dnd_module_9742c60d3a2ee81fffada3eade8d931d > header .searchLayer {
    left: 50%;
    margin-left: -450px;
  }
}

.dnd_module_9742c60d3a2ee81fffada3eade8d931d #aside .btnClose {
  display: block;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 15px;
  width: 30px;
  height: 30px;
  font-size: 1px;
  line-height: 0;
  color: transparent;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/btn_aside_close.png")
    no-repeat 0 0;
  background-size: 30px auto;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav {
  position: relative;
  z-index: 299;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .btnCateLayer {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 301;
  width: 50px;
  height: 38px;
  font-size: 1px;
  line-height: 0;
  color: transparent;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/bg_category.png")
    no-repeat 0 0;
  background-size: 50px auto;
  display: none;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .btnCateLayer:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 10px;
  width: 20px;
  height: 20px;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/btn_cate_layer.png")
    no-repeat 0 0;
  background-size: 20px auto;
  -webkit-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav.open .btnCateLayer:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dnd_module_c785e267507864e0f86dfc2033986f74 .navDimmed {
  display: none;
  position: fixed;
  left: 0px;
  top: 0;
  right: 0px;
  bottom: 0px;
  z-index: 150;
  background: rgba(0, 0, 0, 0.4);
}

.dnd_module_c785e267507864e0f86dfc2033986f74 .navDimmed.show {
  display: block;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .category {
  z-index: 300;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .category li .link {
  display: block;
  word-break: break-all;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .category li .link:hover {
  text-decoration: none;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .category .sub-category {
  display: none;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .inner {
  position: relative;
  overflow: hidden;
  z-index: 300;
  padding: 0 16px;
  background: #fff;
}

.dnd_module_c785e267507864e0f86dfc2033986f74
  > nav
  .inner
  .mCSB_horizontal.mCSB_inside
  > .mCSB_container {
  margin-bottom: 8px;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .inner .category {
  height: 40px;
  -webkit-overflow-scrolling: touch;
}

.dnd_module_c785e267507864e0f86dfc2033986f74
  > nav
  .inner
  .mCSB_horizontal.mCSB_inside
  .category {
  white-space: nowrap;
}

.dnd_module_c785e267507864e0f86dfc2033986f74
  > nav
  .inner
  .category::-webkit-scrollbar {
  display: none;
}

.dnd_module_c785e267507864e0f86dfc2033986f74
  > nav
  .inner
  .category::-webkit-scrollbar-thumb {
  display: none;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .inner .category li {
  display: inline-block;
  margin-left: 24px;
  text-align: center;
}

.dnd_module_c785e267507864e0f86dfc2033986f74
  > nav
  .inner
  .category
  li:first-child {
  margin: 0;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .inner .category li .link {
  padding: 11px 0;
  font-size: 14px;
  color: #000;
}

.dnd_module_c785e267507864e0f86dfc2033986f74
  > nav
  .inner
  .category
  li
  .link
  img {
  max-height: 18px;
  vertical-align: middle;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .categoryLayer {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 300;
  width: 100%;
  height: 0;
  visibility: hidden;
  padding: 16px;
  border-top: 1px solid #ededed;
  opacity: 0;
  box-sizing: border-box;
  background: #fbfbfd;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .categoryLayer .category {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  z-index: 300;
  margin: 0 -2px 0 0;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .categoryLayer li {
  float: left;
  width: 33.33%;
  margin: -1px 0 0 -1px;
  border: 1px solid #dedfe2;
  text-align: center;
  box-sizing: border-box;
  background: #fff;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .categoryLayer li .link {
  padding: 9px 5px;
  font-size: 12px;
  color: #999;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav .categoryLayer li .link img {
  max-height: 18px;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav.open .categoryLayer {
  height: auto;
  visibility: inherit;
  opacity: 1;
}

.dnd_module_c785e267507864e0f86dfc2033986f74 > nav.isShort .btnCateLayer {
  display: block;
}

@media all and (max-width: 479px) {
  .dnd_module_c785e267507864e0f86dfc2033986f74
    > nav
    .inner
    .category
    li:last-child {
    margin-right: 50px;
  }
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .OverseaDelivery {
  display: none;
}

html[lang="ko"] .dnd_module_3b6ee54302059a36ca24383156b8f64c .OverseaDelivery {
  display: block;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .titleArea {
  overflow: hidden;
  position: relative;
  padding: 18px 45px 19px 56px;
  border-top: 1px solid #eee;
  background: #fff;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .titleArea h2.title {
  font-size: 15px;
  text-align: center;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .titleArea .btnBack {
  overflow: hidden;
  position: absolute;
  left: 17px;
  top: 19px;
  width: 20px;
  height: 20px;
  font-size: 1px;
  line-height: 0;
  color: transparent;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/detail/btn_title_back.png")
    no-repeat 0 0;
  background-size: 20px auto;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c input[type="radio"] {
  width: 20px;
  height: 20px;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio.png")
    no-repeat 0 0;
  background-size: 20px 20px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c input[type="radio"]:checked {
  background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio_checked.png");
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c input[type="radio"]:disabled {
  background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio_disabled.png");
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c label {
  display: inline-block;
  margin: 0 7px 0 0;
  min-height: 20px;
  line-height: 20px;
  font-size: 13px;
  vertical-align: middle;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c input[type="radio"] + label {
  margin: 0 7px 0 4px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c label input[type="radio"] {
  margin: 0 4px 0 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c label:last-child,
.dnd_module_3b6ee54302059a36ca24383156b8f64c
  input[type="radio"]
  + label:last-child {
  margin-right: 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c input[type="checkbox"] {
  width: 20px;
  height: 20px;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox.png")
    no-repeat 0 0;
  background-size: 20px auto;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c input[type="checkbox"]:checked {
  background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox_checked.png");
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c input[type="checkbox"]:disabled,
.dnd_module_3b6ee54302059a36ca24383156b8f64c input[type="checkbox"]:readonly {
  background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox_disabled.png");
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  input[type="checkbox"]:disabled
  + label,
.dnd_module_3b6ee54302059a36ca24383156b8f64c
  input[type="checkbox"]:readonly
  + label {
  color: #abaeb5;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c input[type="checkbox"] {
  margin: 0 4px 0 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketPackage {
  background: #f6f8fa;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketPackage .empty {
  padding: 30px 0;
  color: #212530;
  font-size: 12px;
  text-align: center;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketPackage .basketTab {
  margin-bottom: 10px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketTab {
  position: relative;
  padding: 0 16px;
  border-bottom: 1px solid #e1e1e1;
  background: #fff;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketTab .tab {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  overflow: hidden;
  position: relative;
  top: 1px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketTab li {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 2px solid transparent;
  text-align: center;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketTab .gFlex2 {
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketTab a {
  display: block;
  height: 100%;
  padding: 15px 5px 13px;
  font-size: 14px;
  color: #000;
  box-sizing: border-box;
  text-decoration: none;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketTab a .number {
  display: inline-block;
  margin: 0 0 0 5px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketTab li.selected {
  border-color: #000;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketTab li.selected > a {
  font-weight: bold;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketPackage .basketFold {
  position: relative;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .basketFold
  > .title {
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 48px;
  padding: 10px 50px 10px 16px;
  border: 1px solid #e5e9f2;
  border-width: 1px 0;
  cursor: pointer;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: #fff;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .basketFold
  > .title
  h2 {
  font-size: 14px;
  color: #000;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .basketFold
  > .title:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 100%;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/basket/ico_fold_arrow.png")
    no-repeat 50% 50%;
  background-size: 12px auto;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .basketFold
  .contents
  .subTitle {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  background: #f6f6f6;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .basketFold
  .contents
  .subTitle
  h3 {
  font-weight: normal;
  font-size: 12px;
  color: #999998;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .basketFold
  .contents {
  display: none;
  margin: -1px 0 0;
  background: #fff;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .basketFold.selected
  > .title:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .basketFold.selected
  > .contents {
  display: block;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c #NaverChk_Button {
  margin: 14px 0 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c #NaverChk_Button:empty {
  margin: 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin: -1px 0 0;
  padding: 20px 16px;
  border-top: 1px solid #e5e9f2;
  box-sizing: border-box;
  background: #fff;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo + .productInfo {
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .prdCheck {
  display: inline-block;
  margin: 0 12px 0 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .prdBox {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 90px;
  font-size: 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .thumbnail {
  overflow: hidden;
  width: 78px;
  height: auto;
  margin-right: 15px;
  box-sizing: border-box;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .thumbnail .link {
  display: block;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .thumbnail img {
  width: 100%;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .description {
  overflow: hidden;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: -3px 20px 0 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  .prdName {
  display: block;
  font-weight: normal;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  .prdName
  a {
  font-size: 14px;
  color: #000;
  line-height: 20px;
  text-decoration: none;
  word-break: break-all;
  word-wrap: break-word;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  .prdName
  > img {
  margin: 0 0 0 5px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  .prdName
  .ec-set-product-name {
  display: block;
  margin: 0 0 3px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .description .price {
  display: block;
  margin: 0 0 15px;
  font-size: 14px;
  color: #000;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  .price
  .refer {
  font-weight: normal;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  .price
  .discount {
  font-weight: normal;
  text-decoration: line-through;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  .price
  .strike {
  font-weight: normal;
  text-decoration: line-through;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  .price
  .strike
  strong {
  font-weight: normal;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .description .info {
  margin: 0 0 14px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  .info
  li {
  font-size: 12px;
  line-height: 18px;
  color: #757575;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  input[type="number"] {
  max-width: 51px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  .info
  .amount
  button {
  margin: 0;
  padding: 0;
  border: 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  .info
  .amount {
  width: 50px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  .info
  input.amount {
  text-align: right;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  input[type="tel"] {
  text-align: right;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .btnDelete {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 13px;
  width: 36px;
  height: 36px;
  font-size: 1px;
  line-height: 0;
  text-indent: -150%;
  color: transparent;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/basket/btn_product_info_delete.png")
    no-repeat 3px 50%;
  background-size: 14px auto;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .quantity {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  margin: 20px 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .quantity .label {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 64px;
  font-size: 12px;
  color: #757575;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .quantity .stepper {
  display: inline-block;
  position: relative;
  min-width: 110px;
  max-width: 160px;
  padding: 0 28px;
  height: 28px;
  margin: 0 4px;
  border: 1px solid #dedfe2;
  box-sizing: border-box;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .quantity
  .stepper
  input {
  width: 100%;
  min-width: 54px;
  height: 26px;
  padding: 0 5px;
  border: 0;
  font-weight: bold;
  font-size: 12px;
  color: #000;
  line-height: 29px;
  text-align: center;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .quantity .stepper a {
  position: absolute;
  top: 0;
  width: 28px;
  height: 28px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .quantity
  .stepper
  a
  > img {
  width: 100%;
  height: 100%;
  opacity: 0.00001;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .quantity
  .stepper
  a:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 9px;
  height: 1px;
  background: #000;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .quantity
  .stepper
  a:first-of-type {
  right: 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .quantity
  .stepper
  a:first-of-type:before {
  margin: 0 0 0 -4px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .quantity
  .stepper
  a:first-of-type:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1px;
  height: 9px;
  margin: -4px 0 0 0;
  background: #000;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .quantity
  .stepper
  a:last-of-type {
  left: 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .quantity
  .stepper
  a:last-of-type:before {
  margin: 0 0 0 -4px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .quantity .button {
  display: inline-block;
  min-width: 64px;
  height: 28px;
  padding: 0 11px;
  border: 1px solid #000;
  font-size: 12px;
  line-height: 28px;
  color: #000;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .optionModify {
  width: 100%;
  margin: 30px 0 0;
  font-size: 12px;
  color: #353535;
  background: #fff;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .optionModify > li {
  position: relative;
  margin: 4px 0 0;
  background: #f6f6f6;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .optionModify
  > li
  .name {
  position: relative;
  padding: 10px 80px 9px 25px;
  box-sizing: border-box;
  min-height: 35px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .optionModify
  > li
  .name:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 14px;
  left: 12px;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/basket/ico_option_modify.png")
    no-repeat 0 0;
  background-size: 6px auto;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .optionModify
  > li
  .optionDesc {
  word-break: break-all;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .optionModify
  > li
  .modify {
  white-space: nowrap;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .optionModify
  > li
  .modify
  .change {
  position: absolute;
  right: 4px;
  top: 4px;
  height: 28px;
  padding: 0 12px;
  border: 1px solid #dedfe2;
  border-radius: 3px;
  font-size: 12px;
  color: #000;
  line-height: 28px;
  text-decoration: none;
  box-sizing: border-box;
  background: #fff;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .optionModify
  .file
  a {
  display: inline-block;
  color: inherit;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .optionModify
  .file
  a:before {
  content: "";
  display: inline-block;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .layerOptionModify {
  display: none;
  width: auto;
  padding: 0 16px 16px;
  border-top: 1px solid #e5e9f2;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .layerOptionModify
  ul {
  padding: 0;
  font-size: 12px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .layerOptionModify
  li {
  margin: 20px 0 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .layerOptionModify
  li
  .optionItem {
  display: block;
  margin: 0 0 4px;
  font-size: 12px;
  line-height: 16px;
  color: #757575;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .layerOptionModify
  select,
.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .layerOptionModify
  input[type="text"] {
  width: 100%;
  height: 28px;
  font-size: 12px;
  line-height: 28px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .layerOptionModify
  .modifyButtonGroup {
  margin: 16px 0 0;
  font-size: 0;
  text-align: right;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .layerOptionModify
  .modifyButtonGroup
  .button {
  display: inline-block;
  height: 28px;
  margin: 0 0 0 4px;
  padding: 0 11px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 28px;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .layerOptionModify
  .modifyButtonGroup
  .button.theme1 {
  border: 1px solid #dedfe2;
  color: #000;
  background: #fff;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .layerOptionModify
  .modifyButtonGroup
  .button.theme2 {
  border: 1px solid #000;
  color: #fff;
  background: #000;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .prdFoot {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  padding: 15px 0;
  border-top: 1px solid #e5e9f2;
  font-size: 12px;
  color: #000;
  text-align: center;
  box-sizing: border-box;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .prdFoot .label {
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .prdFoot .price {
  margin-left: auto;
  text-align: right;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .prdFoot
  .price
  > span[id*="sum_price"] {
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  word-break: break-all;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .prdFoot .store {
  color: #000;
  font-weight: normal;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .prdFoot
  span
  > span
  > span {
  font-size: 11px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  prdFoot
  span
  span.discount {
  text-decoration: line-through;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .prdFoot
  span
  span.discount
  strong {
  font-weight: normal;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .buttonGroup {
  display: -wekbit-flex;
  display: -ms-flex;
  display: flex;
  margin: 0 -2px;
  width: 100%;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .buttonGroup .button {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 40px;
  margin: 0 2px;
  border: 1px solid #000;
  font-size: 13px;
  line-height: 40px;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .buttonGroup
  .button.theme1 {
  color: #000;
  background: #fff;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .buttonGroup
  .button.theme2 {
  color: #fff;
  background: #000;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .totalPrice {
  min-height: 66px;
  padding: 21px 16px;
  border-top: 1px solid #e5e9f2;
  font-size: 12px;
  line-height: 18px;
  color: #999998;
  box-sizing: border-box;
  background: #fbfbfd;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .xans-order-weight .totalWeight {
  text-align: right;
  padding: 14px;
  font-size: 13px;
  border-top: 1px solid #e5e9f2;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .xans-order-weight
  .totalWeight
  span {
  display: inline-block;
  min-width: 50px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .selectOrder {
  padding: 20px 16px;
  border-top: 1px solid #e5e9f2;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .selectOrder .buttonGroup {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  font-size: 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .selectOrder .buttonGroup .button {
  display: inline-block;
  height: 28px;
  padding: 0 11px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 28px;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .selectOrder
  .buttonGroup
  .gLeft
  .button {
  margin: 0 4px 0 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .selectOrder
  .buttonGroup
  .gRight
  .button {
  margin: 0 0 0 4px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .selectOrder
  .buttonGroup
  .button.theme1 {
  border: 1px solid #dedfe2;
  color: #000;
  background: #fff;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .selectOrder
  .buttonGroup
  .button.theme2 {
  border: 1px solid #000;
  color: #fff;
  background: #000;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .selectOrder .moveOversea {
  margin: 36px 0 10px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .selectOrder .moveOversea .button {
  display: block;
  height: 36px;
  border: 1px solid #000;
  font-size: 13px;
  color: #000;
  line-height: 36px;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketPackage .totalSummary {
  margin: 10px 0 0;
  padding: 10px 16px 4px;
  background: #fff;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .summaryGroup {
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .summaryGroup
  .summary {
  padding: 20px 0 16px;
  border-bottom: 1px solid #e5e9f2;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .summaryGroup
  .summary
  .gRight {
  margin-left: auto;
  word-break: break-all;
  text-align: right;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .summaryGroup
  .summary
  .head {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .summaryGroup
  .summary
  .head
  .name {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: #000;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .summaryGroup
  .summary
  .head
  .name
  .gRight {
  font-size: 13px;
  line-height: 18px;
  color: #000;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .summaryGroup
  .summary
  .detail {
  position: relative;
  color: #999;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .summaryGroup
  .summary
  .detail
  .item
  li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 9px 0 0;
  font-size: 13px;
  text-align: right;
  word-break: break-all;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .summaryGroup
  .summary
  .detail
  .item
  .itemName {
  font-weight: normal;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .summary.shipping
  .head {
  overflow: visible;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .total {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin: 28px 0 0;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .total
  .name {
  font-size: 14px;
  color: #000;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .total
  .paymentPrice {
  margin-left: auto;
  font-weight: bold;
  font-size: 13px;
  color: #000;
  text-align: right;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .total
  .paymentPrice
  .price {
  font-size: 18px;
  line-height: 24px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .total
  .paymentPrice
  strong,
.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  .total
  .paymentPrice
  span {
  display: inline-block;
  word-break: break-all;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .totalSummary
  p.info {
  float: none;
  padding: 8px 0 8px 33px;
  border-bottom: 1px solid #e8e5e4;
  color: #757575;
  line-height: 1.5;
  font-size: 12px;
  background: url(//img.echosting.cafe24.com/skin/base/common/ico_info.gif)
    no-repeat 9px 12px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketPackage .basketGuide {
  padding: 0 16px 30px;
  background: #fff;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .basketPackage .basketGuide .help {
  padding: 12px 0 11px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .basketGuide
  .help
  li {
  position: relative;
  padding: 0 0 0 20px;
  font-size: 12px;
  line-height: 16px;
  color: #999;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .basketGuide
  .help
  li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 14px;
  height: 14px;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/basket/ico_help.png")
    no-repeat 0 0;
  background-size: 14px auto;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .orderButton {
  padding: 20px 16px 20px;
  box-sizing: border-box;
  background: #fff;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .orderButton .buttonGroup {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -2px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .orderButton .buttonGroup .button {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 40px;
  margin: 0 2px;
  padding: 0 10px;
  border: 1px solid #000;
  font-size: 13px;
  line-height: 40px;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .orderButton
  .buttonGroup
  .button.theme1 {
  color: #000;
  background: #fff;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .orderButton
  .buttonGroup
  .button.theme2 {
  color: #fff;
  background: #000;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .orderButton.gFixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding-top: 9px;
  border-top: 1px solid #e5e9f2;
  background: #fbfbfd;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .orderButton.gFixed .inner {
  max-width: 1020px;
  margin: 0 auto;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .orderButton.gFixed .state {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  padding: 0 0 5px;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .orderButton.gFixed .state .count,
.dnd_module_3b6ee54302059a36ca24383156b8f64c .orderButton.gFixed .state .price {
  padding-bottom: inherit !important;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .orderButton.gFixed .state .count {
  margin: 0 0 3px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .orderButton.gFixed
  .state
  .count
  strong {
  color: #999998;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c .orderButton.gFixed .state .price {
  margin-left: auto;
  font-size: 12px;
  color: #000;
  text-align: right;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .orderButton.gFixed
  .state
  .price
  strong {
  display: block;
  font-weight: normal;
  word-break: break-all;
}

.dnd_module_3b6ee54302059a36ca24383156b8f64c
  .orderButton.gFixed
  .state
  .price
  strong
  em {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
}

#dnd-container
  #dnd-content
  .preview-area
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .orderButton.gFixed {
  position: static;
}

.dnd_module_3865037d1db28c40406f2a127c19756c {
  padding: 10px 0 0;
  background: #f6f8fa;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .customer {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin: 0 8px 10px;
  border: 1px solid #e5e9f2;
  background: #fff;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .customer:after {
  content: "";
  display: block;
  clear: both;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .customer .link {
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 23px 10px 17px;
  text-align: center;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .customer .link:hover {
  text-decoration: none;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .customer .link:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .customer .link.tel:before {
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/img_customer_tel.png")
    no-repeat 0 0;
  background-size: 24px auto;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .customer .link.consult:before {
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/img_customer_consult.png")
    no-repeat 0 0;
  background-size: 24px auto;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .customer .link:after {
  content: "";
  position: absolute;
  left: 0;
  top: 29px;
  bottom: 29px;
  width: 1px;
  background: #e5e9f2;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .customer .link:first-child:after {
  display: none;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .customer .link .title {
  display: block;
  margin: 7px 0 2px;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .customer .link .sub {
  font-size: 13px;
  color: #abaeb5;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .company {
  padding: 16px 16px 63px;
  font-size: 12px;
  line-height: 18px;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .company .link:hover {
  text-decoration: none;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .company .util {
  margin: 0 0 28px;
  color: #5d5d5d;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .company .util:after {
  content: "";
  display: block;
  clear: both;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .company .util li {
  float: left;
  margin: 0 22px 5px 0;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .company .util li.commercial-law {
  display: none;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .company .info {
  color: #999;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .company .name {
  display: block;
  font-weight: normal;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .company .info dl dt,
.dnd_module_3865037d1db28c40406f2a127c19756c .company .info dl dd {
  display: inline-block;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .company .info dl dd a {
  color: #999;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .company .info dl dd + dt:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 3px 6px 0 2px;
  vertical-align: top;
  background: #cacaca;
}

.dnd_module_3865037d1db28c40406f2a127c19756c .company .copyright {
  margin: 10px 0 0;
  color: #999;
}

.dnd_module_3865037d1db28c40406f2a127c19756c
  .company
  .info
  dl
  dd.business_info {
  display: none;
}

html[lang="ja"]
  .dnd_module_3865037d1db28c40406f2a127c19756c
  .company
  .util
  li.commercial-law {
  display: block;
}

html[lang="ko"]
  .dnd_module_3865037d1db28c40406f2a127c19756c
  .company
  .info
  dl
  dd.business_info {
  display: inline-block;
}

.wJk .wJk-hidden {
  display: inline-block;
}

.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .orderButton.gFixed {
  display: none !important;
  opacity: 0 !important;
}

.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .basketPackage {
  background: #fff;
  padding: 52px 23px;
}

.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .basketPackage .basketTab {
  display: none;
}

.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .basketFold
  > .title,
.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .basketFold
  .contents
  .subTitle {
  display: none;
}

.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo {
  background-color: transparent;
  border-color: #000;
  padding: 23px 10px;
  font-family: "Noto Sans", sans-serif;
}

.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .description {
  margin-bottom: 5px;
  font-family: "Noto Sans", sans-serif;font-style: bold;
}

.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .description
  .price
  li {
  margin-bottom: 5px;
}

.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .quantity
  .label {
  visibility: hidden;
}

.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .basketPackage .empty {
  width: 100%;
}

.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .basketPackage
  .basketFold.selected
  > .contents,
.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .totalPrice,
.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .basketPackage .totalSummary,
.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .orderButton,
.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .basketPackage .basketGuide,
.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .quantity
  .stepper
  input,
.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .buttonGroup
  .button.theme1,
.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .orderButton
  .buttonGroup
  .button.theme1,
.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .selectOrder
  .buttonGroup
  .button.theme1 {
  background-color: transparent;
}

.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .buttonGroup,
.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .selectOrder,
.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .totalPrice {
  display: none;
}

.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .selectOrder .moveOversea {
  display: none;
}

.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .selectOrder
  .buttonGroup
  .button {
  line-height: 24px;
}

.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .optionModify
  > li {
  margin-top: 0;
}

.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .optionModify
  > li
  .modify
  .change {
  background: transparent;
  border-color: #000;
  line-height: 24px;
  right: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .quantity
  .stepper
  a
  > img {
  border: 0;
}

.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .quantity
  .stepper {
  border-color: transparent;
}

.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .quantity
  .stepper
  input {
  line-height: 26px;
}

.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .layerOptionModify {
  border: 0;
}

.wJk
  .dnd_module_3b6ee54302059a36ca24383156b8f64c
  .productInfo
  .layerOptionModify
  .modifyButtonGroup
  .button.theme1 {
  border-color: #000;
  background-color: transparent;
}

.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .prdCheck {
  display: none;
}

.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .thumbnail {
  width: 40%;
}

.wJk .xans-order-basketpackage .boardList {
  color: #000;
}


@media only screen and (min-width: 780px) {
  .wJk .xans-order-basketpackage {
    margin-top: 65px;
  }

  .wJk .xans-order-basketpackage .boardList tfoot td,
  .wJk .xans-order-basketpackage .boardList th {
    background: #fffcf1;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
  }

  .wJk .xans-order-basketpackage .boardList .button a.delete {
    color: #000;
  }

  .wJk .xans-order-basketpackage .xans-order-totalorder {
    margin-top: 100px;
  }

  .wJk .xans-order-basketpackage .boardList tfoot td,
  .wJk .xans-order-basketpackage .boardList tfoot td .total span,
  .wJk .xans-order-basketpackage .boardList td,
  .wJk .xans-order-basketpackage .boardList td.product > a {
    font-size: 16px;
  }

  .wJk .xans-order-basketpackage .boardList td.product div.option,
  .wJk .xans-order-basketpackage .boardList td.product ul.option > li {
    color: #8a8781;
    font-size: 16px;
    line-height: 1.3;
  }

  .wJk .xans-order-basketpackage .boardList th {
    border-bottom: 1px solid #000;
    padding-bottom: 13px;
  }

  .wJk .xans-order-basketpackage .boardList td {
    border-bottom: 1px solid #000;
    border-top: 0;
  }

  .change-option-button {
    margin-top: 10px;
  }

  .continue-shopping a {
    border: 0 !important;
    text-decoration: underline;
    margin-bottom: 14px;
    font-size: 16px;
    font-family: "Noto Sans", sans-serif;font-style: bold;
  }

  .continue-shopping a:hover {
    border: 0 !important;
    text-decoration: underline;
  }

  .proceed-check-out a {
    font-size: 16px;
    width: 231px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
  }

  .wJk .order_btn a {
    padding: 0;
  }

  .wJk .order_btn a:hover {
    background: transparent;
    color: #000;
  }

  .wJk .xans-order-basketpackage .boardList td.thumb img {
    width: 200px;
  }

  .wJk .xans-order-basketpackage .boardList span.quantity input {
    font-size: 16px;
  }

  .wJk .layerOptionModify ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .wJk .xans-order-basketpackage .boardList tfoot td .total {
    margin-left: 0px;
  }
}

.wJk .ec-base-product .button {
  display: none;
}

.wJk .ec-base-product .spec li:nth-child(n + 2) span span {
  display: block;
  margin-top: 5px;
}

.wJk .ec-base-product .description {
  margin: 0;
  /* position: absolute; */
  width: calc(100% - 40px);
  bottom: 20px;
  padding: 0;
  display: block;
  margin: 10px auto;
  /* position: relative; */
font-family: "Sofia Pro", sans-serif;
}

/* .wJk .ec-base-product .description strong {
  font-weight: normal;
} */

.wJk .ec-base-product .description .name {
  text-transform: capitalize;
  display: block;
  line-height: 1.3;
  margin-bottom: 0px;
  text-align: center;
  font-family: "Pretendard JP", sans-serif;
}

.wJk .ec-base-product .description .name a span {
  line-height: 1.2;
}

.wJk .ec-base-product .thumbnail .wish {
  display: none;
}

.wJk .ec-base-product h2 {
  display: none;
}

.wJk .ec-base-product [class*="grid"] {
  padding: 0;
}

.wJk .ec-base-product .thumbnail {
  margin: 0;
  height: 390px;
}
@media all and (max-width: 899px) {

  .wJk .ec-base-product .thumbnail {
  height: 219px;
}
}

.wJk .ec-base-product .thumbnail a img {
  border: 0;
  width: 70%;
  margin: 0 auto;
  /* padding-bottom: 62px; */
  object-fit: cover;
    object-position: bottom;
    overflow: hidden;
    height: 100%;
}
@media all and (max-width: 899px){
.wJk .ec-base-product .thumbnail a img{
  width:166px;
}
}
.wJk .ec-base-product > ul > li .spec li:nth-child(1) {
  display: none;
  line-height: 1.6;
}

.wJk .ec-base-product > ul > li .spec li:nth-child(2) {
font-family: "Sofia Pro";
font-weight: 300;
  margin-top: 10px;
  text-align: center;
}

.mySwiper-product {
  position: relative;
}

.swiper-button-next:focus,
.swiper-rtl .swiper-button-prev:focus,
.swiper-button-prev:focus,
.swiper-rtl .swiper-button-next:focus {
  outline: none !important;
}

.mySwiper-product {
  overflow: hidden;
}

.mySwiper-product .swiper-button-next:after,
.mySwiper-product .swiper-button-prev:after {
  font-size: 20px;
  font-weight: 900;
  color: #000;
}

.mySwiper-product .swiper-button-next,
.mySwiper-product .swiper-rtl .swiper-button-prev,
.mySwiper-product .swiper-button-prev,
.mySwiper-product .swiper-rtl .swiper-button-next {
  color: #999;
}

.recommendation h1 {
  width: 100%;
  text-align: center;
  line-height: 1;
  font-family: "Sofia Pro", sans-serif;
  font-size: 24px;
    font-optical-sizing: auto;
    font-weight: 700;
}

@media only screen and (min-width: 780px) {
  .recommendation {
    margin-top: 200px;
  }

  .wJk .ec-base-product .description {
    width: 66%;
  }

  .wJk .ec-base-product > ul > li {
    flex-basis: 33.3333333334%;
  }

  .wJk .ec-base-product > ul > li .spec {
    top: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
  }

  .wJk .ec-base-product > ul > li .spec li:nth-child(2) {
    display: block;
  }

  .wJk .ec-base-product > ul > li:hover .spec {
    top: -25px;
  }

  .wJk .ec-base-product .spec li:nth-child(n + 2) span span {
    display: inline;
    margin-top: 0px;
  }

  .mySwiper-product {
    margin: 50px auto;
    padding: 0;
    max-width: 980px;
  }
}

.change-option-button {
  display: none;
}

.xans-order-basketpackage .xans-order-tabinfo {
  position: relative;
  margin: 40px 0 0;
  line-height: 1.5;
}

.xans-order-basketpackage .xans-order-tabinfo ul {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e8e8e8;
  height: 38px;
  background: #fff;
  *zoom: 1;
}

.xans-order-basketpackage .xans-order-tabinfo ul:after {
  content: "";
  display: block;
  clear: both;
}

.xans-order-basketpackage .xans-order-tabinfo li {
  float: left;
}

.xans-order-basketpackage .xans-order-tabinfo li a {
  display: block;
  min-width: 168px;
  height: 38px;
  padding: 0 15px;
  color: #757575;
  line-height: 38px;
  text-decoration: none;
  text-align: center;
}

.xans-order-basketpackage .xans-order-tabinfo li.selected a {
  position: relative;
  top: -1px;
  margin: 0 0 -1px;
  border: 1px solid #e8e8e8;
  color: #000;
}

.xans-order-basketpackage .xans-order-tabinfo p {
  position: absolute;
  top: 12px;
  right: 15px;
  color: #939393;
}

.xans-order-basketpackage .xans-order-empty p {
  margin: 50px 0;
  text-align: center;
  color: #000;
  padding: 0 0 70px 0;
  border-bottom: 1px solid#e8e8e8;
}

.xans-order-basketpackage .orderListArea .title {
  height: 0px;
  margin: 0px 0 0;
  padding: 0 0 0 9px;
  border-bottom: 0;
  line-height: 0px;
}

.xans-order-basketpackage .orderListArea .title h3 {
  color: #353535;
  font-size: 12px;
}

.xans-order-basketpackage .boardList {
  margin: 0 0 1px;
  border-right: 0px solid #e8e8e8;
  border-left: 0px solid #e8e8e8;
  border-bottom: 0px solid #e8e8e8;
  color: #353535;
  line-height: 1.5;
}

.xans-order-basketpackage .boardList th {
  border-bottom: 2px solid #e9e9e9;
  padding: 11px 0 9px;
  font-size: 14px;
  font-weight: 700;
  background: #fff;
}

.xans-order-basketpackage .boardList th:first-child {
  border-left: 0;
}

.xans-order-basketpackage .boardList td {
  padding: 8px 0 5px;
  border-top: 1px solid #e9e9e9;
  text-align: center;
  vertical-align: middle;
  word-wrap: break-word;
}

.xans-order-basketpackage .boardList tfoot td {
  padding: 15px 10px 17px;
  background: #fff;
  text-align: right;
}

.xans-order-basketpackage .boardList tfoot td .type {
  float: left;
  margin: 6px 0 0;
  font-weight: normal;
}

.xans-order-basketpackage .boardList tfoot td .total {
  margin: 0 0 0 15px;
  color: #000;
}

.xans-order-basketpackage .boardList tfoot td .total span {
  font-size: 17px;
}

.xans-order-basketpackage .boardList .product {
  width: 25%;
}

.xans-order-basketpackage .boardList .button a {
  display: block;
  line-height: 24px;
}

.xans-order-basketpackage .boardList .button a.delete {
  color: #cc0000;
}

.xans-order-basketpackage .boardList td.thumb img {
  width: 80px;
}

.xans-order-basketpackage .boardList td.product {
  padding-left: 10px;
  text-align: left;
}

.xans-order-basketpackage .boardList td.product a {
  color: #353535;
}

.xans-order-basketpackage .boardList td.product a img {
  height: 20px;
}

.xans-order-basketpackage .boardList td.product div.option,
.xans-order-basketpackage .boardList td.product ul.option > li {
  margin: 9px 0 0;
  color: #757575;
  line-height: 16px;
}

.xans-order-basketpackage .boardList td.product ul.option > li > strong {
  display: block;
  color: #353535;
}

.xans-order-basketpackage .boardList td.product div.option span.file a,
.xans-order-basketpackage .boardList td.product ul.option > li > span.file a {
  margin: 0 0 0 4px;
  padding: 0 0 0 11px;
  color: #757575;
  text-decoration: underline;
  background: url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_attach.gif")
    no-repeat 0 2px;
}

.xans-order-basketpackage .boardList td .discount {
  text-decoration: line-through;
}

.xans-order-basketpackage .boardList td .discount strong {
  font-weight: normal;
}

.xans-order-basketpackage .boardList span.quantity {
  position: relative;
  margin: 0 1px 4px 0;
  padding: 0 0px 0 0;
  border: 0px solid #d4d8d9;
  border-radius: 2px;
}

.xans-order-basketpackage .boardList span.quantity input {
  width: 30px;
  height: 23px;
  padding: 0 7px;
  border: 1px solid #ececec !important;
  line-height: 23px;
  background: none;
  text-align: center;
}

.xans-order-basketpackage .boardList span.quantity .QuantityUp {
  position: absolute;
  left: 27px;
  top: 0;
}

.xans-order-basketpackage .boardList span.quantity .QuantityDown {
  position: absolute;
  left: 27px;
  bottom: 0;
}

.xans-order-basketpackage .boardList td.mileage,
.xans-order-basketpackage .boardList td.delivery {
  color: #757575;
}

.xans-order-basketpackage .boardList td.mileage img {
  vertical-align: middle;
}

.xans-order-basketpackage .boardList td.button img {
  margin: 1px 0;
}

.xans-order-basketpackage .xans-order-allotmentinfo {
  padding: 10px 0 8px 10px;
  border-bottom: 1px solid #e8e5e4;
}

.xans-order-basketpackage .xans-order-allotmentinfo .info {
  padding: 8px 0 0 23px;
  color: #757575;
  font-size: 11px;
  line-height: 1.5;
  background: url("http://img.echosting.cafe24.com/skin/base_ko_KR/order/ico_info.gif")
    no-repeat 0 8px;
}

.xans-order-basketpackage .xans-order-basketpriceinfoguide p.info {
  padding: 8px 0 8px 33px;
  color: #757575;
  line-height: 1.5;
  font-size: 11px;
}

.xans-order-basketpackage .xans-order-selectorder {
  overflow: hidden;
  margin: 10px 0 50px;
  text-align: right;
  *zoom: 1;
}

.xans-order-basketpackage .xans-order-selectorder span.left {
  float: left;
}

.xans-order-basketpackage .xans-order-selectorder .ctrlTxt {
  margin: 0 6px 0 10px;
  color: #353535;
  line-height: 24px;
}

.xans-order-basketpackage .xans-order-totalorder {
  position: relative;
  margin: 20px 0 50px;
  text-align: center;
}

.xans-order-basketpackage .xans-order-totalorder span.right {
  position: absolute;
  right: 0;
}

#NaverChk_Button {
  margin: 10px 0;
}

.xans-order-basketpackage .xans-order-totalsummary {
  margin-bottom: 50px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  line-height: 1.5;
}

.xans-order-basketpackage .xans-order-totalsummary th {
  height: 37px;
  line-height: 37px;
  background: #fff;
  font-size: 12px;
}

.xans-order-basketpackage .xans-order-totalsummary td {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 15px;
}

.xans-order-basketpackage .xans-order-totalsummary th:first-child,
.xans-order-basketpackage .xans-order-totalsummary td:first-child {
  border-left: 0;
}

.xans-order-basketpackage .xans-order-totalsummary th img {
  margin: 0 0 0 10px;
  vertical-align: middle;
}

.xans-order-basketpackage .xans-order-totalsummary td.total {
  color: #000;
}

.xans-order-basketpackage .xans-order-totalsummary td .box {
  word-wrap: break-word;
  word-break: break-all;
}

.xans-order-basketpackage .xans-order-totalsummary td .tail {
  font-size: 14px;
}

.xans-order-basketpackage .xans-order-totalsummary td strong {
  letter-spacing: 0px;
}

.xans-order-basketpackage .xans-order-totaloversea {
  border: 1px solid #777;
  color: #353535;
  line-height: 1.5;
}

.xans-order-basketpackage .xans-order-totaloversea th {
  height: 39px;
  border-left: 1px solid #e9e9e9;
  line-height: 39px;
  background: #fbfafa;
}

.xans-order-basketpackage .xans-order-totaloversea td {
  height: 58px;
  border-top: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  line-height: 58px;
  text-align: center;
  font-size: 23px;
}

.xans-order-basketpackage .xans-order-totaloversea th:first-child,
.xans-order-basketpackage .xans-order-totaloversea td:first-child {
  border-left: 0;
}

.xans-order-basketpackage .xans-order-totaloversea th img {
  margin: 0 0 0 10px;
  vertical-align: middle;
}

.xans-order-basketpackage .xans-order-totaloversea td.total {
  color: #008bcc;
}

.xans-order-basketpackage .xans-order-totaloversea td .box {
  word-wrap: break-word;
  word-break: break-all;
}

.xans-order-basketpackage .xans-order-totaloversea td .tail {
  font-size: 14px;
}

.xans-order-basketpackage .xans-order-totaloversea td strong {
  letter-spacing: 0px;
}

.xans-order-basketpackage .totalDetail {
  display: none;
  position: absolute;
  z-index: 100;
  width: 300px;
  color: #757575;
}

.xans-order-basketpackage .totalDetail h3 {
  height: 35px;
  padding: 0 35px 0 19px;
  color: #fff;
  font-size: 14px;
  line-height: 35px;
  background: #495164;
}

.xans-order-basketpackage .totalDetail .content {
  padding: 20px;
  border: 1px solid #757575;
  border-top: 0;
  background: #fff;
}

.xans-order-basketpackage .totalDetail .close {
  position: absolute;
  right: 20px;
  top: 10px;
}

.xans-order-basketpackage .totalDetail .close img {
  cursor: pointer;
}

.xans-order-basketpackage .totalDetail .content p {
  color: #008bcc;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
}

.xans-order-basketpackage .totalDetail .content ul {
  line-height: 25px;
}

.xans-order-basketpackage .totalDetail .content li {
  overflow: hidden;
  padding: 0 0 0 6px;
  background: url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_info2.gif")
    no-repeat 0 10px;
  *zoom: 1;
}

.xans-order-basketpackage .totalDetail .content li:first-child {
  margin: 8px 0 0;
  padding-top: 6px;
  border-top: 1px dotted #b0b1b3;
  background-position: 0 16px;
}

.xans-order-basketpackage .totalDetail .content li strong {
  float: left;
  font-weight: normal;
}

.xans-order-basketpackage .totalDetail .content li span {
  float: right;
}

.xans-order-basketpackage .optionModify {
  display: none;
  position: absolute;
  z-index: 100;
  width: 450px;
  color: #757575;
}

.xans-order-basketpackage .optionModify h3 {
  height: 35px;
  padding: 0 35px 0 19px;
  color: #fff;
  font-size: 14px;
  line-height: 35px;
  background: #495164;
}

.xans-order-basketpackage .optionModify .content {
  padding: 20px;
  border-right: 1px solid #757575;
  border-left: 1px solid #757575;
  background: #fff;
}

.xans-order-basketpackage .optionModify .close {
  position: absolute;
  right: 20px;
  top: 10px;
}

.xans-order-basketpackage .optionModify .close img {
  cursor: pointer;
}

.xans-order-basketpackage .optionModify .btnArea {
  padding: 9px 0;
  border: 1px solid #757575;
  border-top: 1px solid #d7d5d5;
  text-align: center;
  background: #fbfafa;
}

.xans-order-basketpackage .optionModify .btnArea a:first-child img {
  margin-left: 1px;
}

.xans-order-basketpackage .optionModify .btnArea img {
  margin: 0 1px 0 0;
}

.xans-order-basketpackage .optionModify .prdInfo {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px dotted #b0b1b3;
  line-height: 1.5;
}

.xans-order-basketpackage .optionModify .prdInfo li {
  color: #353535;
  font-weight: bold;
}

.xans-order-basketpackage .optionModify .prdInfo li.option {
  color: #757575;
  font-weight: normal;
}

.xans-order-basketpackage .optionModify .prdModify h4 {
  color: #353535;
  font-size: 12px;
}

.xans-order-basketpackage .optionModify .prdModify li {
  padding: 6px 0 0;
  *zoom: 1;
}

.xans-order-basketpackage .optionModify .prdModify li:after {
  content: "";
  display: block;
  clear: both;
}

.xans-order-basketpackage .optionModify .prdModify li span {
  float: left;
  width: 110px;
  margin: 3px 0 0;
}

.xans-order-basketpackage .optionModify .prdModify li select {
  float: right;
  width: 294px;
  height: 24px;
  border: 1px solid #d4d4d4;
  line-height: 24px;
  font-size: 12px;
}

.xans-order-basketpackage .optionModify .prdModify li input {
  float: right;
  width: 286px;
  height: 22px;
  padding: 0 0 0 6px;
  border: 1px solid #d4d4d4;
  color: #3c3c3c;
  line-height: 22px;
}

.xans-order-basketpackage .boardList .quantity a {
  padding: 0 2px;
}

.order_btn a {
  display: inline-block;
  border: 1px solid black;
  padding: 10px 20px;
}

.order_btn a:hover {
  background: black;
  color: white;
}

.xans-order-basketpackage .boardList tfoot td,
.xans-order-basketpackage .boardList tfoot td .total span {
  font-size: 14px;
}

.xans-order-basketpackage .boardList td {
  padding: 5px 0;
}

@media only screen and (max-width: 650px) {
  .xans-order-basketpackage .xans-order-totalorder span.right {
    display: block;
    position: relative;
    margin-top: 20px;
  }

  .mileage,
  .delivery,
  .charge {
    display: none;
  }
}

.xans-order-dcinfo {
  margin: 20px 0;
  color: #353535;
  line-height: 1.5;
}

.xans-order-dcinfo h3 {
  font-size: 12px;
}

.xans-order-dcinfo .description .mileage {
  margin: 6px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid #e8e8e8;
  *zoom: 1;
}

.xans-order-dcinfo .description .mileage:after {
  content: "";
  display: block;
  clear: both;
}

.xans-order-dcinfo .description .displaynone + .mileage {
  margin: 0;
  padding: 0;
  border: 0;
}

.xans-order-dcinfo .description .mileage li {
  float: left;
  margin: 0 40px 0 0;
}

.xans-order-dcinfo .description .mileage li a {
  text-decoration: none;
}

.xans-order-dcinfo .description .mileage li strong {
  color: #000001;
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
button,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
  width: 100%;
  height: 100%;
}

body,
code {
  min-width: 320px;
  font-size: 12px;
  color: #000;
  font-family: "Apple SD Gothic Neo", "맑은 고딕", "malgun gothic", sans-serif;
  line-height: 1.2em;
  background: #fff;
  -webkit-text-size-adjust: none;
}

body {
  max-width: 900px;
  min-height: 100%;
  margin: 0 auto;
}

code {
  background: none;
  display: block;
}

ul li {
  list-style: none;
}

ol {
  list-style-position: inside;
}

img,
fieldset {
  border: none;
}

img {
  vertical-align: middle;
}

hr.layout {
  display: none;
}

em,
address {
  font-style: normal;
}

ins {
  text-decoration: none;
}

a {
  text-decoration: none;
  color: #000;
}

a:active {
  text-decoration: none;
}

table {
  width: 100%;
  table-layout: fixed;
  border: 0 none;
  border-spacing: 0;
  border-collapse: collapse;
}

table caption {
  display: none;
}

th,
td {
  border: 0;
  line-height: 18px;
}

legend {
  height: 0;
  width: 0;
  display: block;
  text-indent: -9999em;
}

label {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

object,
del,
sub,
var {
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

#content_CONTAINER table,
#bi_inquire_content_CONTAINER table {
  table-layout: auto;
  border: 0;
  margin: 0 0 -1px;
}

#content_CONTAINER table:before,
#bi_inquire_content_CONTAINER table:before {
  display: none;
}

#content_CONTAINER td,
#bi_inquire_content_CONTAINER td {
  width: auto !important;
  padding: 0;
}

table.nneditor-table {
  width: auto !important;
}

.nnContents table {
  table-layout: auto;
}

.nnContents select {
  background: none;
  -webkit-appearance: menulist;
}

.wJk
  .dnd_module_cb512e5bb1ccf49be3df289bf203e4fc
  .productPaginate.typeList
  [class*="btn"] {
  border: 0;
}

#header .header {
  z-index: 300;
  position: relative;
  vertical-align: top;
  background: #fff;
}

#header .header.open .searchBox {
  display: block;
}

#header .header.open + #dimmedSlider {
  display: block !important;
  z-index: 299;
  opacity: 1;
}

#header .searchWrap {
  padding: 18px 0;
  position: relative;
}

#header h1 {
  margin: 0 95px;
  text-align: center;
  font-size: 18px;
  line-height: normal;
}

#header h1 img {
  max-width: 100%;
  vertical-align: middle;
  font-size: 12px;
}

#header .searchWrap .left {
  position: absolute;
  left: 0;
  top: 50%;
  margin: -15px 0 0;
}

#header .searchWrap .right {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -15px 0 0;
}

#header .searchWrap .left p {
  margin-left: 10px;
}

#header .searchWrap .right p {
  margin-right: 10px;
}

#header .category {
  display: inline-block;
  vertical-align: top;
}

#header .category a {
  display: inline-block;
  overflow: hidden;
  width: 30px;
  height: 30px;
  text-indent: 100%;
  white-space: nowrap;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/btn_cate.png")
    no-repeat 0 0;
  background-size: 30px 30px;
}

#header .searchBtn {
  display: inline-block;
  vertical-align: top;
}

#header .searchBtn .btnSearch {
  overflow: hidden;
  width: 30px;
  height: 30px;
  padding: 0;
  text-indent: 100%;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  border: 0;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/btn_search.png")
    no-repeat 0 0;
  background-size: 30px 30px;
}

#header .xans-layout-orderbasketcount {
  display: inline-block;
  vertical-align: top;
}

#header .xans-layout-orderbasketcount .btnBasket {
  display: inline-block;
  overflow: hidden;
  width: 30px;
  height: 30px;
  padding: 0;
  text-indent: 100%;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  border: 0;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/btn_basket.png")
    no-repeat 0 0;
  background-size: 30px 30px;
}

#header .xans-layout-orderbasketcount .btnBasket .count {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 2px;
  min-width: 10px;
  padding: 0 2px;
  height: 14px;
  border-radius: 14px;
  font-weight: bold;
  font-size: 9px;
  line-height: 13px;
  color: #fff;
  text-align: center;
  text-indent: 0;
  background: #ff0000;
}

#contents {
  position: relative;
  background-color: #fff;
}

.btnTop {
  display: none;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 100;
  margin: 0 0 0 -36px;
  border: 1px solid #d6d6d7;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  opacity: 0.9;
  background: #616161
    url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_btntop.png")
    no-repeat 90% 7px;
  background-size: 12px 12px;
}

.btnTop a {
  display: inline-block;
  height: 29px;
  padding: 0 26px 0 10px;
  line-height: 29px;
  color: #fff;
}

#mobileQuickLink {
  z-index: 301 !important;
}

 {
  z-index: 100 !important;
}

.dimmed {
  display: none;
  position: fixed;
  left: 0px;
  top: 0;
  right: 0px;
  bottom: 0px;
  z-index: 150;
  background: rgba(0, 0, 0, 0.7);
}

#dimmedSlider {
  display: none;
  position: fixed;
  left: 0px;
  top: 0;
  right: 0px;
  bottom: 0px;
  z-index: 400;
  background: rgba(0, 0, 0, 0.4);
}

#main .searchWrap {
  position: relative;
  height: 38px;
  padding: 5px 41px 0 47px;
}

#main .searchWrap .searchForm {
  position: relative;
  padding: 0 28px 0 33px;
  border: 1px solid #ccc;
  background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_search.png")
    no-repeat 5px 5px;
  background-size: 20px 20px;
}

#main .searchWrap .btnDelete {
  position: absolute;
  right: 3px;
  top: 5px;
  width: 20px;
  height: 20px;
  border: 0;
  cursor: pointer;
  overflow: hidden;
  text-indent: 100%;
  font-size: 0;
  white-space: nowrap;
  background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_delete.png")
    no-repeat 0 0;
  background-size: 20px 20px;
}

#main .searchWrap #keyword {
  width: 100%;
  padding: 0;
  border: 0;
}

#main #header #topArea .xans-layout-mobilemaincategory {
  position: relative;
  height: 43px;
  border-bottom: 1px solid #e3e3e3;
  background-color: #fff;
}

#main #header #topArea .xans-layout-mobilemaincategory ul {
  display: inline-block;
  width: 100%;
  padding: 0;
  text-align: left;
  font-size: 0;
  line-height: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#main #header #topArea .xans-layout-mobilemaincategory ul li {
  display: inline-block;
  width: 33.3%;
  font-size: 13px;
  text-align: center;
}

#main #header #topArea .xans-layout-mobilemaincategory .afterNone {
  display: none;
}

#main #header #topArea .xans-layout-mobilemaincategory > ul {
  display: table;
}

#main #header #topArea .xans-layout-mobilemaincategory > ul > li {
  width: 100%;
}

#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul {
  padding: 0 40px;
}

#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li {
  border-bottom: 3px solid #fff;
  width: 33%;
}

#main
  #header
  #topArea
  .xans-layout-mobilemaincategory
  > ul
  > li
  > ul
  li.selected {
  border-bottom-color: #217bdb;
}

#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 22px 0 18px;
  font-weight: bold;
  color: #9a9a9a;
}

#main
  #header
  #topArea
  .xans-layout-mobilemaincategory
  > ul
  > li
  > ul
  li.selected
  a {
  color: #217bdb;
}

#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li a img {
  max-height: 40px;
}

#main #header #topArea .xans-layout-mobilemaincategory p {
  position: absolute;
  top: 0;
  background-color: #fff;
}

#main #header #topArea .xans-layout-mobilemaincategory p.btnPrev {
  left: 0;
  display: none;
}

#main #header #topArea .xans-layout-mobilemaincategory p.btnNext {
  right: 0;
  display: none;
}

#main #header #topArea .xans-layout-mobilemaincategory p a {
  display: inline-block;
  padding: 13px 14px;
}

#main .mainBanner {
  position: relative;
}

#main .mainBanner a img {
  max-height: 290px;
}

#main .mainBanner .ec-base-paginate {
  position: absolute;
  bottom: 8px;
  z-index: 10;
  width: 100%;
}

#main .mainBanner .afterNone {
  display: none;
}

#titleArea {
  overflow: hidden;
  position: relative;
  padding: 18px 45px 19px 56px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #e5e9f2;
  background: #fff;
}

#titleArea h2 {
  font-size: 15px;
  text-align: center;
}

#titleArea span > a {
  overflow: hidden;
  position: absolute;
  left: 17px;
  top: 19px;
  width: 20px;
  height: 20px;
  font-size: 1px;
  line-height: 0;
  color: transparent;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/detail/btn_title_back.png")
    no-repeat 0 0;
  background-size: 20px auto;
}

html {
  width: 100%;
  min-height: 100%;
}

body {
  height: auto !important;
  min-height: 100%;
  background: #f6f8fa;
}

body > #wrap {
  max-width: 900px;
  margin: 0 auto;
}

#aside.xans-layout-slidepackage {
  width: auto;
  right: 13%;
}

#container {
  margin-left: 0 !important;
}

@media all and (min-width: 900px) {
  body > #wrap {
    border: 1px solid #e5e9f2;
    border-width: 0 1px;
    box-sizing: border-box;
  }
}

@font-face {
}

.txtWarn {
  color: #f45b55;
}

.txtEm {
  color: #000001;
}

.gBlank5 {
  display: block;
  margin-top: 5px;
}

.gBlank7 {
  display: block;
  margin-top: 7px;
}

.gBlank10 {
  display: block;
  margin-top: 10px;
}

.gBlank20 {
  display: block;
  margin-top: 20px;
}

.gBlank30 {
  display: block;
  margin-top: 30px;
}

.gIndent10 {
  margin-left: 10px;
}

.gIndent20 {
  margin-left: 20px;
}

.gSpace10 {
  margin-right: 10px;
}

.gSpace20 {
  margin-right: 20px;
}

.gBreak5 {
  display: block;
  margin-bottom: 5px;
}

.gBreak7 {
  display: block;
  margin-bottom: 7px;
}

.gMerge {
  position: relative;
  z-index: 1;
  margin-top: -1px;
}

.ec-base-qty [type="text"] {
  width: 49px;
}

.ec-base-qty [type="tel"] {
  width: 49px;
  text-align: right;
}

.ec-base-qty button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
  background: transparent;
}

.ec-base-field {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.ec-base-field input[type="text"] {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ec-base-field input ~ [class*="btn"] {
  margin-left: 5px;
}

input,
textarea,
select {
  max-width: 100%;
  font-size: 13px;
  color: #000;
  vertical-align: middle;
  outline: 0;
  border-radius: 0;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea {
  padding: 10px;
  font-size: 13px;
  line-height: 13px;
  font-weight: inherit;
  color: #353535;
  border: 1px solid #dedfe2;
  border-radius: 0;
  outline-style: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"] {
  height: 36px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus {
  border-color: #000;
  color: #000;
}

input[type="file"] {
  overflow: hidden;
  max-width: 100%;
}

input[type="button"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="image"],
textarea {
  -webkit-appearance: none;
}

select {
  max-width: 100%;
  height: 36px;
  margin: 0;
  padding: 0 20px 0 12px;
  border: 1px solid #dedfe2;
  border-radius: 0;
  font-size: 13px;
  line-height: 36px;
  color: #000;
  word-break: break-all;
  font-weight: inherit;
  -webkit-appearance: none;
  background: #fff
    url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_select.gif")
    no-repeat 100% 0;
  background-size: 20px auto;
}

select::-ms-expand {
  display: none;
}

select:focus {
  border-color: #000;
}

select.disabled,
select:disabled,
textarea.disabled,
textarea:disabled {
  color: #bcbcbc;
}

textarea {
  resize: none;
  line-height: 1.2em;
}

textarea.disabled {
  background-color: #ffffff;
  color: #bfbfbf;
}

input[type="radio"] {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 0;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio.png")
    no-repeat 0 0;
  background-size: 20px 20px;
  -webkit-appearance: none;
}

input[type="radio"]:checked {
  background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio_checked.png");
  -webkit-appearance: none;
}

input[type="radio"]:disabled {
  background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio_disabled.png");
  -webkit-appearance: none;
}

label {
  display: inline-block;
  margin: 0 7px 0 0;
  min-height: 20px;
  line-height: 20px;
  font-size: 12px;
  vertical-align: middle;
  cursor: pointer;
}

input[type="radio"] + label {
  margin: 0 7px 0 4px;
}

label input[type="radio"] {
  margin: 0 4px 0 0;
}

label:last-child,
input[type="radio"] + label:last-child {
  margin-right: 0;
}

input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border: 0;
  -webkit-appearance: none;
  cursor: pointer;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox.png")
    no-repeat 0 0;
  background-size: 20px auto;
}

input[type="checkbox"]:checked {
  background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox_checked.png");
}

input[type="checkbox"]:disabled {
  background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox_disabled.png");
}

input[type="checkbox"]:readonly {
  background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox_disabled.png");
}

input[type="checkbox"]:disabled + label {
  color: #abaeb5;
}

input[type="checkbox"]:readonly + label {
  color: #abaeb5;
}

input[type="checkbox"] {
  margin: 0 4px 0 0;
}

.ec-base-label {
  display: inline-block;
  margin: 0 7px 0 0;
}

.ec-base-label input[type="radio"] + label,
.ec-base-label input[type="checkbox"] + label {
  margin-right: 0;
}

.fList.typeHor .gLabel {
  margin-right: 20px;
}

.fList.typeVer .gLabel {
  display: block;
}

.ec-base-radio.typeCS {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: column;
}

.ec-base-radio.typeCS .ec-base-label {
  margin: 0 0 10px 0;
  border: 1px solid #b5b5b5;
  box-sizing: border-box;
  border-radius: 2px;
  position: relative;
}

.ec-base-radio.typeCS .ec-base-label label {
  position: relative;
  height: 100%;
  line-height: 20px;
  padding: 10px 10px 9px;
  box-sizing: border-box;
  font-size: 14px;
  color: #666;
  word-break: break-all;
  word-wrap: break-word;
  display: block;
  text-align: center;
  margin: 0;
}

.ec-base-radio.typeCS .ec-base-label input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
}

.ec-base-radio.typeCS .ec-base-label input:checked + label {
  border-color: #000002;
  font-weight: bold;
  color: #fff;
  background: #000002;
}

.ec-base-paginate {
  text-align: center;
}

.ec-base-paginate.typeList {
  padding: 14px 0;
  font-size: 0;
  line-height: 0;
}

.ec-base-paginate.typeList ol {
  margin: 0 14px;
}

.ec-base-paginate.typeList ol,
.ec-base-paginate.typeList ol li {
  display: inline-block;
  vertical-align: top;
}

.ec-base-paginate.typeList ol li:not(:first-child) {
  margin: 0 0 0 7px;
}

.ec-base-paginate.typeList ol li a {
  display: inline-block;
  width: 31px;
  height: 27px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  font-size: 15px;
  line-height: 21px;
  color: #1b1b1b;
  vertical-align: middle;
  background: #fff;
}

.ec-base-paginate.typeList ol li .this {
  border-color: #000002;
  color: #000002;
}

.ec-base-paginate.typeList [class*="btn"] {
  display: inline-block;
  overflow: hidden;
  width: 31px;
  height: 27px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  font-size: 1px;
  line-height: 0;
  color: transparent;
  text-indent: -150%;
  vertical-align: middle;
  background: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 7px auto;
}

.ec-base-paginate.typeList .btnPrev {
  background-image: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png");
}

.ec-base-paginate.typeList .btnNext {
  background-image: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png");
}

.ec-base-paginate.typeMoreview {
  margin: 0 auto;
}

.ec-base-paginate.typeMoreview .btnMore {
  display: block;
  padding: 12px 0;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #d5d5d5;
  color: #757575;
  font-weight: bold;
  background: #f5f5f5;
}

.ec-base-paginate.typeMoreview .icoMore {
  display: inline-block;
  margin: 0 0 0 8px;
  width: 13px;
  height: 8px;
  font-size: 0;
  line-height: 0;
  vertical-align: baseline;
  background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_more.png")
    no-repeat 0 50%;
  background-size: 13px auto;
}

.ec-base-paginate.typeSwipe {
  font-size: 0;
  line-height: 0;
}

.ec-base-paginate.typeSwipe button.circle {
  overflow: hidden;
  margin: 0 3px 0 4px;
  width: 13px;
  height: 13px;
  border: 0;
  border-radius: 13px;
  cursor: pointer;
  background-color: #bbb;
}

.ec-base-paginate.typeSwipe button.circle.selected {
  background-color: #000001;
}

.ec-base-paginate.typeSwipe span {
  overflow: hidden;
  font-size: 1px;
  line-height: 0;
  color: transparent;
  text-indent: -150%;
}

.ec-base-paginate.typeSwipe button.prev,
.ec-base-paginate.typeSwipe button.next {
  width: 31px;
  font-size: 15px;
  line-height: 1.2em;
  border: 0;
  cursor: pointer;
  background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png")
    no-repeat 50% 50%;
  background-size: 7px auto;
}

.ec-base-paginate.typeSwipe button.next {
  background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png")
    no-repeat 50% 50%;
  background-size: 7px auto;
}

.ec-base-paginate.typeSwipe .prev,
.ec-base-paginate.typeSwipe .next {
  display: none;
}

.ec-base-paginate.typeZoom .btnPrev,
.ec-base-paginate.typeZoom .btnNext {
  overflow: hidden;
  width: 31px;
  height: 27px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  font-size: 1px;
  line-height: 0;
  color: transparent;
  text-indent: -150%;
  background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png")
    no-repeat 50% 50%;
  background-size: 7px auto;
}

.ec-base-paginate.typeZoom .btnNext {
  background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png")
    no-repeat 50% 50%;
  background-size: 7px auto;
}

.paginate.typeTotal {
  color: #696969;
}

.paginate.typeTotal > span {
  margin: 0 8px;
  font-weight: bold;
}

.paginate.typeTotal p {
  display: inline-block;
  vertical-align: middle;
}

.paginate.typeTotal .icoPrev,
.paginate.typeTotal .icoNext {
  width: 7px;
  height: 13px;
  font-size: 15px;
  line-height: 1.2em;
  background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png")
    no-repeat 50% 50%;
  background-size: 7px auto;
}

.paginate.typeTotal .icoNext {
  background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png")
    no-repeat 50% 50%;
  background-size: 7px auto;
}

.paginate.typeTotal p span {
  overflow: hidden;
  display: block;
  width: 29px;
  text-indent: -999px;
}

.paginate.typeTotal strong {
  color: #000002;
}

.ec-base-help {
  margin: 8px 4px;
  font-size: 12px;
  color: #757575;
}

p.ec-base-help,
div.ec-base-help,
ul.ec-base-help li,
ol.ec-base-help li {
  padding: 0 0 2px 18px;
  line-height: 1.5;
  text-align: left;
  background: url("//img.echosting.cafe24.com/skin/mobile/common/ico_help.png")
    no-repeat 0 2px;
  background-size: 14px auto;
}

ol {
  list-style: none;
}

ol.ec-base-help {
  counter-reset: rank 0;
}

ol.ec-base-help li {
  position: relative;
  padding: 0 0 0 13px;
  background: none;
}

ol.ec-base-help li:before {
  counter-increment: rank 1;
  content: counter(rank) ".";
  position: absolute;
  top: 0;
  left: 0;
}

p.ec-base-help.typeDash,
ul.ec-base-help.typeDash li {
  position: relative;
  padding: 0 0 0 10px;
  background: none;
}

p.ec-base-help.typeDash:before,
ul.ec-base-help.typeDash li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 1px;
  background: #757575;
}

.ec-admin-icon.cart {
  height: 26px;
  cursor: pointer;
}

.ec-base-product {
  padding: 0;
  background-color: #fff;
}

.ec-base-product h2 {
  max-height: 43px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  line-height: 43px;
  padding: 0 42px 0 14px;
  background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_title_close.gif")
    no-repeat right 14px top 50%;
  background-size: 13px 8px;
  cursor: pointer;
}

.ec-base-product h3 {
  margin-bottom: 14px;
}

.ec-base-product img {
  max-width: 100%;
}

.ec-base-product > ul {
  padding: 14px 0 0;
}

.ec-base-product li {
  vertical-align: top;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-bottom:20px;
}

.ec-base-product [class*="grid"] {
  display: table;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
  padding: 0 7px;
  font-size: 0;
  line-height: 0;
}

.ec-base-product [class*="grid"] > li {
  display: inline-block;
  margin: 0 0 14px;
  vertical-align: top;
  text-align: center;
  font-size: 12px;
  line-height: 1.4;
}

.ec-base-product .thumbnail {
  position: relative;
  margin: 0 7px 14px;
}

.ec-base-product .thumbnail .prdImg{
  height: 100%;
}

.ec-base-product .thumbnail a {
  display: block;
  height: 100%;
}

.ec-base-product .thumbnail a img {
  display: block;
  width: 100%;
  border: 1px solid #ededed;
  vertical-align: top;
}

.ec-base-product .thumbnail .prdIcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 30% auto;
}

.ec-base-product .thumbnail .wish {
  position: absolute;
  right: 3px;
  bottom: 3px;
  z-index: 10;
}

.ec-base-product .description {
  min-height: 10px;
  margin: 0 7px;
  line-height: 1em;
  text-align: left;
}

.ec-base-product .description .name {
  line-height: 1.3em;
  word-wrap: break-word;
  margin: 0 0 7px;
}

.ec-base-product .description .name a {
  font-size: 13px;
  color: #1b1b1b;
}

.ec-base-product .description .icon {
  margin: 0 0 7px;
}

.ec-base-product .description .icon img {
  margin: 0 4px 0 0;
}

.ec-base-product .description .icon .icon_img {
  margin: 0 0 2px;
}

.ec-base-product .description .price {
  font-size: 12px;
  margin: 0 0 7px;
}

.ec-base-product .description .strike,
.ec-base-product .description .mPriceStrike {
  text-decoration: line-through;
}

.ec-base-product .description li.cart {
  margin: 0 0 7px;
}

.ec-base-product .description .color {
  overflow: hidden;
  margin: 0;
}

.ec-base-product .description .color .chips {
  float: left;
  width: 12px;
  height: 10px;
  margin: 0 2px 2px 0;
  font-size: 0;
  line-height: 0;
  border: 1px solid #e3e3e3;
}

.ec-base-product .description .likeButton button {
  border: 0;
  background: none;
}

.ec-base-product .description .likeButton button strong {
  margin: 0 0 0 3px;
  font-size: 11px;
  line-height: 20px;
  color: #757575;
}

.ec-base-product .description .likeButton.selected button strong {
  line-height: 20px;
  color: #2e2e2e;
}

.ec-base-product .more_view {
  margin: 7px 4px 0;
}

.ec-base-product .more_view a {
  display: block;
  padding: 0 0 0 0;
  background: #d4d4d6;
}

.ec-base-product .more_view a span {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 30px;
  text-indent: 120%;
  background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/bg_togglebar_show.png")
    no-repeat 50% 50%;
  background-size: 12px 12px;
}

.ec-base-product.typeDesc {
  margin: 0;
  background: #fff;
}

.ec-base-product.typeDesc .prdList:after {
  display: block;
  content: "";
  clear: both;
}

.ec-base-product.typeDesc .prdList > li {
  margin: 0;
  padding: 14px;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #ececec;
}

.ec-base-product.typeDesc .prdList > li:first-child {
  padding: 0 14px 14px;
  border-top: 0;
}

.ec-base-product.typeDesc .prdList > li:after {
  display: block;
  content: "";
  clear: both;
}

.ec-base-product.typeDesc .thumbnail {
  float: left;
  margin: 0;
  padding: 0;
  width: 87px;
}

.ec-base-product.typeDesc .thumbnail .wish {
  right: 4px;
}

.ec-base-product.typeDesc .description {
  padding: 0 0 0 103px;
}

.ec-base-product.typeDesc .description .price {
  color: #494949;
  font-size: 13px;
}

.ec-base-product.typeDesc .description .price.sale {
  color: #000;
  font-size: 15px;
}

.ec-base-product.typeDesc .description .color {
  margin: 0 0 10px;
}

.ec-base-product.typeDesc .description .summary {
  font-size: 11px;
  color: #757575;
  margin: 0 0 10px;
}

.ec-base-product.typeGallery {
  margin: 0;
}

.ec-base-product.typeGallery ul {
  display: table;
  table-layout: fixed;
  padding: 0 14px 0 12px;
  font-size: 0;
  line-height: 0;
}

.ec-base-product.typeGallery li {
  position: relative;
  display: inline-block;
  margin: 0 0 2px;
  padding: 0;
  vertical-align: top;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.2em;
}

.ec-base-product.typeGallery .thumbnail {
  margin: 0 2px;
}

.ec-base-product.typeGallery .thumbnail .wish {
  top: 3px;
  bottom: auto;
}

.ec-base-product.typeGallery .description {
  position: absolute;
  left: 0;
  margin: 0;
  padding: 0 0 0 2px;
  width: 100%;
  opacity: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.ec-base-product.typeGallery .description a {
  overflow: hidden;
  display: block;
  padding: 5px 38px 5px 5px;
  width: 100%;
  height: 100%;
  color: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: rgba(0, 0, 0, 0.6);
}

.ec-base-product.typeGallery .description a .name:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 12px;
  width: 20px;
  height: 100%;
  background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_arrow_white.png")
    0 center no-repeat;
  background-size: 20px 20px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  transform: rotate(270deg);
}

.ec-base-product.typeGallery .description a .name {
  display: inline-block;
  margin: 0;
  width: 100%;
}

.ec-base-product.typeGallery .description a .name,
.ec-base-product.typeGallery .description a p {
  overflow: hidden;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ec-base-product.typeGallery .description a .price {
  margin: 0;
  font-weight: bold;
}

.ec-base-product.typeGallery .description a .price span {
  display: none;
}

.ec-base-product.typeGallery .description .likeButton {
  position: absolute;
  bottom: 0;
  right: 5px;
  background: rgba(255, 255, 255, 0.8);
}

.ec-base-product .layerDiscountPeriod {
  display: none;
  position: absolute;
  z-index: 100;
  left: 0;
  width: 100%;
  padding: 11px 7px;
  box-sizing: border-box;
}

.ec-base-product .layerDiscountPeriod .inner {
  border: 1px solid #353535;
  background: #f1f1f1;
  border-radius: 4px;
}

.ec-base-product .layerDiscountPeriod .inner .title {
  display: block;
  padding: 10px 14px;
  font-size: 14px;
  background-color: #353535;
  color: #fff;
}

.ec-base-product .layerDiscountPeriod .inner .timeleft {
  padding: 14px;
  color: #000002;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.ec-base-product .layerDiscountPeriod ul {
  margin: 0 7px 14px;
  padding: 0;
  border: 1px solid #d5d5d5;
  background: #fff;
}

.ec-base-product .layerDiscountPeriod ul li {
  position: relative;
  padding: 14px 13px 14px 100px;
  border-top: 1px solid #ececec;
  color: #353535;
}

.ec-base-product .layerDiscountPeriod ul li:first-child {
  border-top: 0;
}

.ec-base-product .layerDiscountPeriod ul li span {
  position: absolute;
  top: 14px;
  left: 13px;
  color: #757575;
}

.ec-base-product .layerDiscountPeriod .btnClose {
  position: absolute;
  top: 8px;
  right: 4px;
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  font-size: 0;
  background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_close_white.png")
    center center no-repeat;
  background-size: 50% 50%;
}

.ec-product-bgLT {
  background-position: left top;
}

.ec-product-bgLC {
  background-position: left center;
}

.ec-product-bgLB {
  background-position: left bottom;
}

.ec-product-bgRT {
  background-position: right top;
}

.ec-product-bgRC {
  background-position: right center;
}

.ec-product-bgRB {
  background-position: right bottom;
}

.ec-product-bgCT {
  background-position: center top;
}

.ec-product-bgCC {
  background-position: center center;
}

.ec-product-bgCB {
  background-position: center bottom;
}

.ec-base-product .grid1 > li {
  width: 100%;
}

.ec-base-product .grid2 > li {
  width: 50%;
}

.ec-base-product .grid3 > li {
  width: 33.333%;
}

.ec-base-product .grid4 > li {
  width: 25%;
}

.ec-base-product .grid5 > li {
  width: 20%;
}

@media all and (max-width: 480px) {

  .recommendation h1{
    font-size: 29px;
        letter-spacing: normal;
  }
  .recommendation .swiper-button-prev, .swiper-button-next{
    top:43% !important;
  }
  .ec-base-product .prdList.grid1 > li {
    width: 100%;
  }

  .ec-base-product .prdList.grid2 > li {
    width: 50%;
  }

  .ec-base-product .prdList.grid3 > li {
    width: 33.333%;
  }

  .ec-base-product .prdList.grid4 > li {
    width: 25%;
  }

  .ec-base-product .prdList.grid5 > li {
    width: 20%;
  }

  .ec-base-product .grid1 li .name {
    font-size: 15px;
  }

  .ec-base-product .grid2 li .name,
  .ec-base-product .grid3 li .name {
    font-size: 13px;
  }

  .ec-base-product .grid4 li .name {
    font-size: 11px;
  }
}

@media all and (min-width: 481px) and (max-width: 767px) {
  .ec-base-product .prdList.grid2 > li {
    width: 33.333%;
  }

  .ec-base-product .prdList.grid3 > li,
  .ec-base-product .prdList.grid4 > li,
  .ec-base-product .prdList.grid5 > li {
    width: 25%;
  }

  .ec-base-product [class*="grid"] li .name {
    font-size: 13px;
  }
}

@media all and (min-width: 768px) {
  .ec-base-product .prdList.grid2 > li {
    width: 25%;
  }

  .ec-base-product .prdList.grid3 > li,
  .ec-base-product .prdList.grid4 > li,
  .ec-base-product .prdList.grid5 > li {
    width: 20%;
  }

  .ec-base-product [class*="grid"] li .name {
    font-size: 15px;
  }
}

.btnNormal,
.btnStrong,
.btnBasic,
.btnSubmit,
.btnEm {
  display: inline-block;
  letter-spacing: 0;
  text-align: center;
  border-radius: 0px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

html:lang(ko) btnNormal,
html:lang(ko) btnStrong,
html:lang(ko) btnBasic,
html:lang(ko) btnSubmit,
html:lang(ko) btnEm {
  font-family: "Apple SD Gothic Neo", "Noto Sans Regular", "맑은 고딕",
    "malgun gothic", "돋움", "dotum", sans-serif;
}

html:lang(ja) btnNormal,
html:lang(ja) btnStrong,
html:lang(ja) btnBasic,
html:lang(ja) btnSubmit,
html:lang(ja) btnEm {
  font-family: "Apple SD Gothic Neo", "Noto Sans Regular", Meriyo, sans-serif;
}

.btnNormal,
.btnStrong,
.btnBasic {
  height: 29px;
  line-height: 27px;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 13px;
}

.btnNormal {
  color: #1b1b1b;
  border: 1px solid #000;
  border-bottom-color: #000;
  background: transparent;
}

.btnStrong {
  color: #fff;
  border: 1px solid #000001;
  border-bottom-color: #373d4b;
  background: #000001;
}

.btnSubmit {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  font-size: 13px;
  color: #fff;
  border: 1px solid #000001;
  background: #000001;
}

.btnEm {
  height: 36px;
  line-height: 34px;
  padding: 0 10px;
  font-size: 13px;
  border: 1px solid #d5d5d5;
  background: transparent;
}

.btnBasic {
  color: #fff;
  border: 1px solid #000;
  background: #000;
}

[class*="btn"].mini {
  height: 26px;
  line-height: 24px;
  font-size: 11px;
}

.ec-base-button .soldout {
  cursor: default;
}

.btnIcon {
  max-width: 12px;
  max-height: 12px;
  background-size: 100% 100%;
}

.ec-base-button {
  margin: 10px auto;
  text-align: right;
}

.ec-base-button:after {
  content: "";
  display: block;
  clear: both;
}

.ec-base-button.typeMulti {
  margin: 0 auto;
  padding: 7px;
}

.ec-base-button.typeMulti .gTop:after,
.ec-base-button.typeMulti .gBottom:after {
  content: "";
  display: block;
  clear: both;
}

.ec-base-button.typeMulti .gBottom {
  margin: 7px 0 0;
  padding: 7px 0 0;
  border-top: 1px solid #d5d5d5;
  clear: both;
}

.ec-base-button.gLeft {
  text-align: left;
}

.ec-base-button.gCenter {
  text-align: center;
}

.ec-base-button.gRight {
  text-align: right;
}

.ec-base-button .gLeft {
  float: left;
  text-align: left;
}

.ec-base-button .gRight {
  float: right;
}

.ec-base-button[class*="gColumn"] {
  display: flex;
  margin: 10px 0 10px -4px;
}

.ec-base-button[class*="gColumn"]:after {
  content: none;
}

.ec-base-button[class*="gColumn"] a,
.ec-base-button[class*="gColumn"] button {
  flex: 1;
  margin: 0 0 0 4px;
  padding: 0 3px;
  white-space: nowrap;
}

.ec-base-button[class*="gColumn"] button.btnEm {
  color: #000;
}

.ec-base-button[class*="gColumn"] .gFlex2 {
  flex: 2;
}

.ec-base-button[class*="gColumn"] .gFlex3 {
  flex: 3;
}

.ec-base-button[class*="gColumn"] .gFlex4 {
  flex: 4;
}

.ec-base-button.gFull {
  margin-bottom: 3px;
}

.ec-base-button.gFull [class*="btn"],
[class*="btn"].gFull {
  width: 100%;
}

.ec-base-button.gFull [class*="btn"] {
  margin: 0 0 7px;
}

.ec-base-button.gFixed {
  position: fixed;
  z-index: 120;
  left: 0;
  bottom: 0;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0 7px;
  box-sizing: border-box;
  background-color: #dbdbdb;
  -webkit-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
  -moz-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
  box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
}

.ec-base-button.gFixed .state + .ec-base-button {
  margin-top: 3px;
}

.ec-base-button.gFixed .state {
  overflow: hidden;
  margin: 0 auto;
  font-size: 11px;
}

.ec-base-button.gFixed .state .count {
  float: left;
  padding: 7px 0;
}

.ec-base-button.gFixed .state .price {
  float: right;
  padding: 7px 0;
}

.ec-base-button.gFixed .price strong {
  font-weight: normal;
}

.ec-base-button.gFixed .count strong,
.ec-base-button.gFixed .price em {
  color: #000002;
  font-weight: bold;
}

@media all and (min-width: 768px) {
  .btnSubmit {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }

  .btnEm {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }
}

.ec-base-box {
  padding: 14px;
  margin: 14px;
  border: 1px solid #d5d5d5;
  line-height: 1.6;
  color: #757575;
  background: #fff;
}

.ec-base-box.center {
  text-align: center;
}

#popup {
  background: transparent;
}

.popup {
  height: 100%;
}

.popup > form {
  height: 100%;
}

.layer .ec-base-layer,
.popup .ec-base-layer {
  position: relative;
}

.ec-base-layer {
  position: fixed;
  z-index: 300;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 320px;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  background: #fff;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ec-base-layer h1 {
  width: 100%;
  height: 36px;
  text-align: center;
  font-size: 15px;
  line-height: 36px;
  color: #fff;
  box-sizing: border-box;
  background: #000001;
}

.ec-base-layer .wrap {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  padding: 14px;
  font-size: 12px;
  overflow-x: auto;
  overflow-y: auto;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

.ec-base-layer .btnClose {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 510;
  width: 36px;
  height: 36px;
  border: 0;
  padding: 0;
  font-size: 0;
  text-indent: -150%;
  background: url("//img.echosting.cafe24.com/skin/mobile/common/btn_close_white.png")
    center center no-repeat;
  background-size: 14px 14px;
}

.ec-base-layer[class*="theme1"] .wrap {
  background: #fff;
}

.ec-base-layer.gClearFlex {
  display: block;
  padding: 0 0 94px;
  box-sizing: border-box;
}

.ec-base-layer.gClearFlex .wrap {
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  flex: none;
  height: auto;
}

.ec-base-layer.typeModal {
  overflow: hidden;
  z-index: 500;
  top: 50px;
  bottom: auto;
  left: 0;
  right: 0;
  min-width: 280px;
  max-width: 600px;
  width: 92%;
  height: auto;
  margin: auto;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
}

.ec-base-layer.typeModal h1 {
  padding: 0 14px;
  line-height: 35px;
  font-size: 13px;
  text-align: left;
  border-bottom: 1px solid #ccc;
  color: #1b1b1b;
  background: #fffcf1;
  border-radius: 5px 5px 0 0;
}

.ec-base-layer.typeModal .wrap {
  height: auto;
  max-height: calc(100vh - 448px);
  min-height: 100px;
  padding: 14px;
  background: #fff;
}

.ec-base-layer.typeModal .btnClose {
  background: url("//img.echosting.cafe24.com/skin/mobile/common/btn_close_black.png")
    center center no-repeat;
  background-size: 14px 14px;
}

.ec-base-layer.typeWide {
  background: #e3e4e7;
}

.ec-base-layer.typeWide h1 {
  height: 56px;
  padding: 0 42px;
  line-height: 56px;
  font-size: 20px;
  font-weight: normal;
  box-sizing: border-box;
}

.ec-base-layer.typeWide .wrap {
  padding: 0;
  font-size: 16px;
  line-height: 1.4em;
  letter-spacing: -0.4px;
}

.ec-base-layer.typeWide .btnClose {
  top: 10px;
  right: 10px;
  background-image: url("//img.echosting.cafe24.com/skin/mobile/order/btn_close.png");
  background-size: 21px 21px;
}

.ec-base-layer.typeWide > .ec-base-button.gFull {
  padding: 15px 14px 8px;
}

.ec-base-layer .wrap + div > .ec-base-button,
.ec-base-layer .wrap + .ec-base-button,
.ec-base-layer > .ec-base-button {
  margin: 0;
  padding: 7px 14px 7px 10px;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
}

.ec-base-layer .ec-base-button.gFull {
  padding: 7px 14px 0;
}

.ec-base-layer .ec-base-button.gFixed .ec-base-button {
  padding: 0;
  border-top: 0;
}

.ec-base-layer .wrap + .ec-base-button > .ec-base-button {
  padding: 0;
}

.ec-base-layer.typeModal .wJk-hidden {
  display: block !important;
}

.ec-base-table tbody th {
  color: #000;
}

.ec-base-layer.typeModal #totalProducts tbody td p .wJk-hidden {
  display: inline-block !important;
}

#totalProducts tbody tr:first-child td {
  padding: 0px;
}

#totalProducts tbody tr td {
  padding: 10px !important;
}

#totalProducts input[type="number"] {
  height: 27px;
  border-color: #000;
  background: transparent;
  margin-right: 10px;
}

#totalProducts tbody td p {
  padding: 4px 0;
}

.xans-product-option select {
  line-height: 33px;
}

@media all and (min-width: 900px) {
  .ec-base-layer {
    max-width: 900px;
    margin: 0 auto;
  }

  .ec-base-layer.typeModal .wrap {
    min-height: 400px;
  }
}

@font-face {
}

.ec-base-layer.typeModal {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #000;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.ec-base-layer.typeModal h1,
.ec-base-layer.typeModal .wrap,
.xans-product-option select {
  background-color: #fffcf1;
  border-color: #000;
  width: 100%;
}

.ec-base-table,
.ec-base-layer,
.btnEm {
  background: #fffcf1 !important;
}

.btnEm {
  border-color: #000;
}

.xans-product-optionselectlayer .inner .name {
  text-align: center;
  font-size: 24px;
  line-height: 1.4;
  font-family: "Noto Sans", sans-serif;font-style: bold;
  padding: 30px 20px 40px;
  font-weight: normal;
}

.xans-product-optionselectlayer .inner .name .wJk-hidden {
  font-size: 18px;
}

.xans-product-optionselectlayer #NaverChk_Button {
  margin: 10px 15px 17px;
  width: calc(100% - 30px) !important;
}

.xans-product-optionselectlayer #NaverChk_Button .npay_type_D_1_2 {
  width: 100% !important;
  margin: 10px 0;
}

.xans-product-optionselectlayer #NaverChk_Button .npay_btn_link.npay_btn_zzim {
  background-color: transparent !important;
}

.xans-product-optionselectlayer #NaverChk_Button .npay_more {
  display: none !important;
}

#NaverChk_Button .npay_type_MA_1 {
  width: 100% !important;
}

#NaverChk_Button .npay_button_box {
  background-color: transparent !important;
}

@media only screen and (max-width: 780px) {
  .xans-product-optionselectlayer
    #NaverChk_Button
    .npay_btn_item:first-child
    .npay_btn_link {
    background-color: transparent !important;
  }
}

.up.eProductQuantityUpClass {
  display: inline-block;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  background: url(/wJk/img/common/plus.png) center center no-repeat;
  background-size: 20px;
}

.down.eProductQuantityDownClass {
  display: inline-block;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  background: url(/wJk/img/common/minus.png) center center no-repeat;
  background-size: 20px;
}

.option_product .delete {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/wJk/img/common/close.png) center center no-repeat;
  background-size: 10px;
  vertical-align: middle;
  padding: 0 10px;
}

.down.eProductQuantityDownClass img,
.up.eProductQuantityUpClass img,
.option_product .delete img {
  display: none;
}

.totalPrice .total,
#totalProducts tbody td p.option strong,
#totalProducts tbody td p.product strong,
#totalProducts tbody td .price {
  font-family: "Noto Sans", sans-serif;font-style: bold;
  font-weight: normal;
}

.xans-product-optionselectlayer .quantity input {
  margin-right: 5px;
  background: transparent;
}

.ec-base-paginate.typeList .btnNext {
  background-image: url(/wJk/img/common/arrow_right.png);
  background-size: 15px;
}

.ec-base-paginate.typeList .btnPrev {
  background-image: url(/wJk/img/common/arrow_left.png);
  background-size: 15px;
}

.ec-base-tab:after {
  content: "";
  display: block;
  clear: both;
}

.ec-base-tab ul {
  display: flex;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #000001;
  font-size: 13px;
  line-height: 14px;
  word-break: break-all;
}

.ec-base-tab li {
  display: flex;
  flex: 1;
  min-height: 36px;
  border-left: 1px solid #ececec;
  text-align: center;
  background: #fff;
}

.ec-base-tab .gFlex2 {
  flex: 2;
}

.ec-base-tab a {
  display: flex;
  flex-basis: 100%;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
  padding: 5px 10px;
}

.ec-base-tab a .number {
  display: inline-block;
  padding-left: 5px;
}

.ec-base-tab li:first-child {
  border-left: 0;
}

.ec-base-tab li.selected a {
  border-left: 0;
  font-weight: bold;
  color: #fffffd;
  background: #000001;
}

.ec-base-tab.typeSub ul {
  border-top: 1px solid #c8cdd2;
  border-bottom: 1px solid #c8cdd2;
}

.ec-base-tab.typeSub ul > li {
  background: #f1f1f1;
  border-left: 1px solid #c8cdd2;
}

.ec-base-tab.typeSub .selected a {
  margin: 0 0 -1px;
  color: #333;
  background: #fff;
}

.ec-base-tooltip-area {
  display: inline-block;
  vertical-align: top;
}

.ec-base-tooltip-area.show {
  z-index: 301;
}

.ec-base-tooltip-area .btnTip {
  overflow: hidden;
  padding: 0 0 0 5px;
  margin: 0;
  border: 0;
  white-space: nowrap;
  width: 14px;
  height: 14px;
  font-size: 1px;
  line-height: 0;
  vertical-align: middle;
  color: transparent;
  text-indent: -150%;
  cursor: pointer;
  background: url("//img.echosting.cafe24.com/skin/mobile/common/ico_help.png")
    right center no-repeat;
  background-size: 14px 14px;
}

.ec-base-tooltip {
  display: none;
  z-index: 2;
  position: absolute;
  top: inherit !important;
  left: 0 !important;
  right: 0 !important;
  width: 88%;
  margin: 3px auto 0;
  padding: 0 14px 14px;
  text-align: left;
  border: 1px solid #ccc;
  border-radius: 2px;
  letter-spacing: normal;
  background-color: #fff;
}

.ec-base-tooltip .title {
  display: block;
  padding: 0 20px 0 0;
  font-size: 15px;
  color: #000;
  line-height: 43px;
  background: #fff;
}

.ec-base-tooltip ul {
  color: #757575;
}

.ec-base-tooltip ul li {
  font-size: 13px;
}

.ec-base-tooltip .content table + .title {
  margin-top: 14px;
}

.ec-base-tooltip p {
  float: none;
  font-size: 12px;
  text-align: left;
}

.ec-base-tooltip p strong {
  font-weight: normal;
  font-size: 13px;
}

.ec-base-tooltip .btnClose {
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 25px;
  height: 25px;
  margin: 0 !important;
  font-size: 1px;
  line-height: 0;
  text-indent: 150%;
  white-space: nowrap;
  border: 0;
  background: url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png")
    no-repeat 50% 50%;
  background-size: 13px 13px;
}

.ec-base-tooltip.typeUpper {
  position: absolute;
  left: -90px !important;
  bottom: 33px !important;
  width: 200px;
  margin: 0;
  padding: 14px 28px 14px 14px;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);
}

.ec-base-tooltip.typeUpper:before {
  content: "";
  position: absolute;
  left: 40%;
  bottom: -5px;
  display: inline-block;
  width: 0;
  height: 0;
  margin: -3px 0 0;
  border-left: 5px solid transparent;
  border-top: 5px solid #ccc;
  border-right: 5px solid transparent;
}

.ec-base-tooltip.typeUpper:after {
  content: "";
  position: absolute;
  left: 40%;
  bottom: -4px;
  display: inline-block;
  width: 0;
  height: 0;
  margin: -3px 0 0;
  border-left: 5px solid transparent;
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
}

.shippingFee {
  display: inline-block;
  position: static;
  vertical-align: middle;
  margin: 5px 0 0;
}

.shippingFee > a.btnNormal {
  margin: -3px 0 0 5px;
}

.shippingFee .wrap {
  display: none;
  z-index: 999;
  left: 2%;
  right: 2%;
  max-width: 900px;
  top: 100px;
  margin: 0 auto;
  padding: 0;
  border: 1px solid #d5d5d5;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
}

.shippingFee .wrap > h3 {
  padding: 0 14px;
  font-size: 13px;
  line-height: 36px;
  background-color: #f0f0f0;
  border-bottom: 1px solid #d5d5d5;
  border-radius: 5px 5px 0 0;
}

.shippingFee .wrap .content {
  padding: 14px;
}

.shippingFee .wrap h4 {
  position: relative;
  margin: 0 7px 7px;
}

.shippingFee .wrap h4:before {
  display: inline-block;
  content: "";
  margin: 0 5px 0 0;
  width: 3px;
  height: 3px;
  background: #666;
  vertical-align: middle;
}

.shippingFee .wrap table + h4 {
  margin-top: 14px;
}

.shippingFee .wrap p strong {
  font-weight: normal;
  font-size: 13px;
}

.shippingFee .wrap table {
  background: #fff;
}

.shippingFee .wrap th,
.shippingFee .wrap td {
  padding: 7px;
  border: 1px solid #d5d5d5;
}

.shippingFee .wrap th {
  width: 80px;
  border-right-width: 0;
  color: #353535;
}

.shippingFee .wrap td {
  border-left-width: 0;
  white-space: normal;
}

.shippingFee .wrap .txtEm {
  color: #000001;
}

.shippingFee .wrap .info {
  margin: 0;
  color: #757575;
  font-size: 11px;
}

.shippingFee .wrap .btnClose {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 36px;
  font-size: 0;
  border: none;
  background: transparent
    url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") center
    center no-repeat;
  background-size: 14px 14px;
}

.shippingFee > .button {
  display: inline-block;
  border: 1px solid #dedfe2;
  padding: 0 10px;
  border-radius: 3px;
  font-size: 12px;
  color: #000;
  line-height: 28px;
  text-decoration: none;
}

.shippingFee .ec-base-tooltip .btnTooltip {
  display: inline-block;
}

.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping {
  display: none;
  width: 300px;
  height: auto;
  position: absolute;
  border: 1px solid #ccc;
  padding: 0 14px 14px;
  border-radius: 2px;
  background-color: #fff;
}

.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping .close {
  position: absolute;
  right: 0;
  top: 0;
}

.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping .close a {
  overflow: hidden;
  display: block;
  width: 36px;
  height: 36px;
  font-size: 0;
  border: none;
  background: #0000
    url(//img.echosting.cafe24.com/skin/mobile/common/btn_close.png) center
    center no-repeat;
  background-size: 14px 14px;
}

.ec-base-table {
  border: 1px solid #d5d5d5;
  word-break: break-all;
  word-wrap: break-word;
  color: #353535;
  background: #fff;
}

.ec-base-table table {
  position: relative;
}

.ec-base-table table:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
}

.ec-base-table th,
.ec-base-table td {
  border-top: 1px solid #ececec;
  font-size: 13px;
  vertical-align: top;
}

.ec-base-table th {
  font-weight: normal;
  color: #757575;
}

.ec-base-table td {
  padding: 12px 13px;
}

.ec-base-table tbody th {
  padding: 12px 0 12px 13px;
  text-align: left;
}

.ec-base-table td.clear {
  padding: 0 !important;
}

.ec-base-table.typeWrite td {
  padding: 7px 13px 6px;
}

.ec-base-table.typeWrite tr td:first-child {
  padding: 12px 13px;
}

.ec-base-table.typeWrite img {
  max-width: 100% !important;
  height: auto !important;
}

.ec-base-table.gCellNarrow tbody th {
  padding: 7px 0 7px 13px;
}

.ec-base-table.gCellNarrow td {
  padding: 7px 13px;
}

.ec-base-table.gClearBorderTop {
  border-top-width: 0;
}

.ec-base-table.gClearBorder {
  border-width: 0;
}

.ec-base-table.gClearCell {
  padding: 4px 0;
}

.ec-base-table.gClearCell table:after {
  display: none;
}

.ec-base-table.gClearCell th,
.ec-base-table.gClearCell td,
.ec-base-table.typeWrite.gClearCell th {
  border-width: 0;
}

.ec-base-table.typeWrite.gClearCell td {
  padding-top: 3px;
  padding-bottom: 4px;
}

.ec-base-table .gLineTop {
  border-top: 1px solid #ececec !important;
}

.ec-base-table.gClearCell tbody.gLineTop tr:first-child th,
.ec-base-table.gClearCell tbody.gLineTop tr:first-child td {
  padding-top: 10px;
}

.ec-base-table.typeList {
  border-width: 0;
}

.ec-base-table.typeList table:after {
  display: none;
}

.ec-base-table.typeList thead th {
  text-align: center;
  background: #fafafa;
}

.ec-base-table.typeList th,
.ec-base-table.typeList td {
  padding: 9px 10px;
  vertical-align: middle;
  border: 1px solid #d7d5d5;
}

.ec-base-table.typeList.gClearBorderTop thead th {
  border-top-width: 0;
}

.ec-base-table .left {
  text-align: left;
}

.ec-base-table .center {
  text-align: center;
}

.ec-base-table .right {
  text-align: right;
}

.ec-base-table .top th,
.ec-base-table th.top,
.ec-base-table .top td,
.ec-base-table td.top {
  vertical-align: top;
}

.ec-base-table .middle th,
.ec-base-table th.middle,
.ec-base-table .middle td,
.ec-base-table td.middle {
  vertical-align: middle;
}

.ec-base-table img {
  vertical-align: middle;
}

.ec-base-table td.clear .ec-base-help {
  margin-left: 13px;
  margin-right: 13px;
}

.ec-base-table .ec-address {
  margin: -4px -13px -3px;
}

.ec-base-table .ec-address > li {
  padding: 4px 13px 3px;
}

.ec-base-table .ec-address > li input[type="text"],
.ec-base-table .ec-address > li select {
  width: 100%;
}

.ec-base-table .ec-address .ec-base-help {
  margin-bottom: 4px;
}

.ec-base-table .ec-address .ec-address-area select:not(:first-child) {
  margin-top: 4px;
}

.ec-base-table .ec-address .ec-address-zipcode input[type="text"] {
  width: 80px;
  margin-right: 4px;
}

.ec-base-table .ec-address .ec-address-zipcode .btnBasic {
  margin-right: 4px;
}

.ec-base-table .ec-address .ec-address-zipcode .ec-base-label {
  margin: 0;
}

.ec-base-fold {
  position: relative;
  border: 1px solid #d5d5d5;
}

.ec-base-fold > .title {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 14px 43px 14px 14px;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.3;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  display: -webkit-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.ec-base-fold > .title h2,
.ec-base-fold > .title h3 {
  display: inline-block;
  font-size: 13px;
  line-height: 1.3;
}

.ec-base-fold > .title h3,
.ec-base-fold > .title p {
  color: #757575;
}

.ec-base-fold > .title p.right {
  margin-left: auto;
}

.ec-base-fold > .title:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background: url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_white.png")
    no-repeat 50% 50%;
  background-size: 20px auto;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.ec-base-fold .contents {
  display: none;
  background: #fff;
}

.ec-base-fold .ec-base-fold {
  border-width: 1px 0 0;
}

.ec-base-fold + .ec-base-fold {
  margin-top: 7px;
}

.ec-base-fold .ec-base-fold + .ec-base-fold {
  margin-top: 0;
}

.ec-base-fold.selected > .title:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ec-base-fold.selected > .contents {
  display: block;
}

.ec-base-fold.theme1 > .title {
  margin: -1px;
  color: #fff;
  background: #737782;
}

.ec-base-fold.theme2 > .title {
  padding-right: 34px;
  color: #1b1b1b;
  background: #f0f0f0;
}

.ec-base-fold.theme2 > .title:after,
.ec-base-fold.theme3 > .title:after {
  background-image: url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png");
}

.ec-base-fold.theme3 > .title {
  color: #1b1b1b;
  background: #f9f9f9;
}

.ec-base-fold.theme3 > .title h3 {
  font-weight: bold;
  color: #1b1b1b;
}

.ec-base-fold.theme3 .contents {
  padding: 0 14px 14px;
  background: #f9f9f9;
}

.ec-base-fold.theme4 {
  margin: 14px 7px 29px;
  font-size: 13px;
}

.ec-base-fold.theme4 dt {
  position: relative;
  padding: 13px 30px 13px 14px;
  line-height: 1.2;
  font-size: 12px;
  cursor: pointer;
  background-color: #fff;
}

.ec-base-fold.theme4 dt:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 0;
  width: 20px;
  height: 100%;
  background: url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png")
    no-repeat 0 50%;
  background-size: 20px auto;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.ec-base-fold.theme4 dd + dt {
  border-top: 1px solid #d5d5d5;
}

.ec-base-fold.theme4 dd {
  display: none;
  padding: 10px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-top: 1px solid #d5d5d5;
  background-color: #f5f5f6;
}

.ec-base-fold.theme4 dd.selected {
  display: block;
}

.ec-base-fold.theme4 dt.selected:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ec-base-fold .ec-base-prdInfo {
  margin: 0;
  border: 0;
}

.ec-base-fold .ec-base-prdInfo .option {
  margin: 0;
}

.ec-base-fold .ec-base-prdInfo .prdFoot {
  margin: 0 -14px -6px;
}

.ec-base-fold .ec-base-prdInfo .prdTotal {
  margin: 0 -14px -6px;
}

.ec-base-fold > .contents .ec-base-table,
.ec-base-fold .ec-base-fold > .contents .ec-base-table {
  border: 0;
}

.ec-base-prdInfo {
  position: relative;
  margin: 0 0 7px;
  padding: 14px 14px 6px;
  border: 1px solid #d5d5d5;
  box-sizing: border-box;
  background: #fff;
}

.ec-base-prdInfo .prdCheck {
  display: inline-block;
  margin-bottom: 7px;
}

.ec-base-prdInfo .prdBox {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  min-height: 90px;
  margin-top: 7px;
}

.ec-base-prdInfo .thumbnail {
  overflow: hidden;
  width: 73px;
  height: 73px;
  margin-right: 15px;
  border: 1px solid #d5d5d5;
  box-sizing: border-box;
}

.ec-base-prdInfo .thumbnail img {
  width: 100%;
}

.ec-base-prdInfo .description {
  overflow: hidden;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}

.ec-base-prdInfo .description .prdName {
  display: block;
  margin: 0 0 10px;
  font-size: 13px;
}

.ec-base-prdInfo .description .prdName a {
  color: #000001;
}

.ec-base-prdInfo .description .prdName .ec-set-product-name {
  display: block;
  margin: 0 0 3px;
}

.ec-base-prdInfo .description .info {
  margin: 0 0 14px;
}

.ec-base-prdInfo .description .info li {
  margin: 0 0 7px;
  font-size: 12px;
  color: #757575;
}

.ec-base-prdInfo .description .info li .mileage {
  display: inline-block;
}

.ec-base-prdInfo .description .info .price {
  font-size: 13px;
  color: #000;
}

.ec-base-prdInfo .description .info .price .refer {
  font-weight: normal;
  font-size: 11px;
}

.ec-base-prdInfo .description .info .price .discount {
  font-weight: normal;
  text-decoration: line-through;
}

.ec-base-prdInfo .description .info .price .strike {
  font-weight: normal;
  text-decoration: line-through;
}

.ec-base-prdInfo .description .info .price .strike strong {
  font-weight: normal;
}

.ec-base-prdInfo .description .price .quantity {
  position: relative;
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0 0 0 14px;
  font-size: 13px;
}

.ec-base-prdInfo .description .price .quantity:before {
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 1px;
  height: 13px;
  background: #989899;
}

.ec-base-prdInfo .description input[type="number"] {
  max-width: 51px;
}

.ec-base-prdInfo .description .info .amount button {
  margin: 0;
  padding: 0;
  border: 0;
}

.ec-base-prdInfo .description .info .amount {
  width: 50px;
}

.ec-base-prdInfo .description .info input.amount {
  text-align: right;
}

.ec-base-prdInfo .description input[type="tel"] {
  text-align: right;
}

.ec-base-prdInfo .description .quantity input[type="tel"] {
  width: 51px;
}

.ec-base-prdInfo .prdFoot {
  padding: 6px 12px;
  font-weight: bold;
  line-height: 26px;
  color: #000002;
  text-align: center;
  background: #f1f1f1;
}

.ec-base-prdInfo .prdFoot:after {
  content: "";
  display: block;
  clear: both;
}

.ec-base-prdInfo .prdFoot .gLeft {
  float: left;
  text-align: left;
}

.ec-base-prdInfo .prdFoot .gRight {
  float: right;
  text-align: right;
}

.ec-base-prdInfo .prdFoot .store {
  color: #000;
  font-weight: normal;
}

.ec-base-prdInfo .prdFoot .btnBasic {
  font-weight: normal;
  background-color: #fff;
}

.ec-base-prdInfo .prdFoot span > span > span {
  font-size: 11px;
}

.ec-base-prdInfo prdFoot span span.discount {
  text-decoration: line-through;
}

.ec-base-prdInfo .prdFoot span span.discount strong {
  font-weight: normal;
}

.ec-base-prdInfo p.option {
  margin: 0 14px;
  padding: 14px 0;
  border-top: 1px solid #ececec;
  font-size: 13px;
}

.ec-base-prdInfo .option {
  padding: 0;
  color: #353535;
}

.ec-base-prdInfo .option > li {
  border-top: 1px solid #ececec;
}

.ec-base-prdInfo .option > li .name {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  min-height: 29px;
  margin: 7px 0;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.ec-base-prdInfo .option > li .optionDesc {
  word-break: break-all;
}

.ec-base-prdInfo .option > li .change {
  margin: 0 0 0 5px;
  white-space: nowrap;
}

.ec-base-prdInfo .option .file a {
  margin: 0 0 0 4px;
  padding: 0 0 0 11px;
  color: #80aeef;
  text-decoration: underline;
  background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/order/ico_attach.png")
    no-repeat 0 0;
  background-size: 8px 13px;
}

.ec-base-prdInfo .layerOptionModify {
  display: none;
  width: auto;
  margin: 7px 0 14px;
  padding: 14px;
  border: 1px solid #d5d5d5;
  background-color: #f1f1f1;
}

.ec-base-prdInfo .layerOptionModify .titleArea {
  margin-top: 3px;
  display: none;
}

.ec-base-prdInfo .layerOptionModify ul {
  padding: 0;
  font-size: 12px;
}

.ec-base-prdInfo .layerOptionModify li {
  position: relative;
  margin: 0 0 7px;
  padding: 0 0 0 73px;
}

.ec-base-prdInfo .layerOptionModify li .optionItem {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 73px;
  height: 29px;
  font-size: 13px;
  color: #757575;
  line-height: 29px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ec-base-prdInfo .layerOptionModify select,
.ec-base-prdInfo .layerOptionModify input[type="text"] {
  width: 100%;
}

.ec-base-prdInfo .layerOptionModify .ec-base-button.gCenter {
  margin: 0;
}

.orderList .ec-base-prdInfo {
  margin: -1px 0 0;
  border-width: 1px 0 0 0;
}

.orderList .ec-base-prdInfo .option {
  margin: 0;
}

.orderList .ec-base-prdInfo .prdFoot {
  margin: 0 -14px -6px;
}

.orderArea .ec-base-fold .ec-base-prdInfo {
  border-bottom: 1px solid #d5d5d5;
}

.orderConfirmLayer .orderArea .ec-base-prdInfo {
  border-bottom: 0;
}

.orderArea .ec-base-prdInfo + .ec-base-prdInfo {
  border-top: 1px solid #d5d5d5;
}

.reviewArea .searchWrap button.btnSearch {
  height: 36px;
}

.reviewArea .xans-smartreview-dispdetailreview {
  margin: 10px 0 10px 16px;
}

#titleArea span.xans-layout-mobileaction > a img {
  display: none;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
}

@font-face {
}

@font-face {
}

@font-face {
}

@font-face {
}

@font-face {
}

.hide {
  display: none !important;
}

html {
  height: -webkit-fill-available;
}

body {
  min-height: 100vh !important;
  min-height: -webkit-fill-available !important;
}

body,
code,
input,
select,
textarea {
  /* font-family: "SofiaProSemiBold", "Apple SD Gothic Neo", "Apple SD Gothic Neo",
    "helvetica neue", arial, "맑은 고딕", "malgun gothic", sans-serif; */
  font-family: "Noto Sans", sans-serif;
}

input {
  border: 1px solid #000 !important;
  background-color: transparent;
}

select {
  border: 1px solid #000 !important;
  background-color: transparent;
  padding-left: 11px;
  line-height: 35px;
}

input[type="checkbox"] {
  background-image: url(/wJk/img/common/checkbox.png);
  background-size: 100%;
}

input[type="checkbox"]:chekced {
  background-image: url(/wJk/img/common/checkbox_checked.png);
}

input[type="radio"] {
  border: 0 !important;
}

.wJk-hidden {
  display: none;
}

.wJk .progress {
  background: transparent;
}

.wJk #titleArea {
}

.wJk .desktop-only {
  display: none !important;
}

@media only screen and (min-width: 780px) {
  .wJk .mobile-only {
    display: none !important;
  }

  .wJk .desktop-only {
    display: block !important;
  }

  .wJk #titleArea {
    border: 0;
  }

  .wJk #titleArea .btnBack {
    display: none;
  }
}

.wJk
  .dnd_module_cb512e5bb1ccf49be3df289bf203e4fc
  .productPaginate.typeList
  [class*="btn"]:before {
  background-image: url(/wJk/img/common/sfix_btn_paginate.png);
}

html,
body,
.wJk #contents,
.dnd_module_403fc44481ecc8740bce862728fdc832,
.wJk .titleArea,
.wJk #titleArea,
.ec-base-table table:after,
.ec-base-table,
.progress,
.dnd_module_507772837a23683c50a8344dc83bf446 .inner,
.dnd_module_cb512e5bb1ccf49be3df289bf203e4fc,
.wJk .productList,
.dnd_module_cb512e5bb1ccf49be3df289bf203e4fc .productPaginate.typeList,
.wJk .dnd_module_a240bc49ca24f8328aa623df4b028fda,
.wJk .dnd_module_3865037d1db28c40406f2a127c19756c,
.dnd_module_a240bc49ca24f8328aa623df4b028fda .prdDescription,
.dnd_module_a240bc49ca24f8328aa623df4b028fda .prdDescription .prdBoard,
.dnd_module_a240bc49ca24f8328aa623df4b028fda #totalProducts,
.dnd_module_a240bc49ca24f8328aa623df4b028fda #totalProducts tbody td,
.dnd_module_92dd6f7ac13d81237bb5f8047fb78f58 .prdAdditional,
.wJk .dnd_module_3b6ee54302059a36ca24383156b8f64c .basketPackage,
.wJk .ec-base-product,
.wJk .horizontal-scrollable,
.wJk #totalProducts tbody td .quantity input,
.wJk .xans-board-title,
.dnd_module_5aebcd542ab18d9364e394c6614b408d,
.dnd_module_022adfc471eb9d2f655a9eb3799b0b43,
.dnd_module_507772837a23683c50a8344dc83bf446 .orderState .cs,
.ec-base-tab li,
.xans-myshop-orderhistoryhead fieldset,
.xans-myshop-orderhistoryhead .stateSelect select,
.dnd_module_3b6ee54302059a36ca24383156b8f64c .productInfo .optionModify > li {
  background-color: #fffcf1;
}

.xans-myshop-orderhistoryhead .stateSelect select {
  width: auto;
}

.wJk #container {
  padding-top: 137px;
  min-height: auto !important;
}

/* .wJk #contents {
  padding: 0 0 128px;
} */

#layout.wJk #contents {
  transform: translateX(+100px);
  transition: 1s transform ease, 1s opacity ease;
  opacity: 0;
}

.wJk #aside {
  padding: 100px 40px;
  background: #020202;
  color: #fff;
  text-align: center;
}

.wJk #aside.xans-layout-slidepackage {
  max-width: 100%;
  right: 0;
}

.wJk .xans-layout-slidepackage .slideCategoryArea {
  border-bottom: 0;
  padding: 0;
  background: transparent;
}

.wJk .xans-layout-slidepackage .slideCategoryArea h2 {
  padding: 0 0 7px;
  border-bottom: 2px solid #000;
  font-size: 40px;
  font-weight: normal;
  color: #fff;
  font-family: "Noto Sans", sans-serif;font-style: bold;
  line-height: 1;
  position: relative;
  width: auto;
  display: inline-block;
  cursor: pointer;
}

.wJk .xans-layout-slidepackage .slideCategoryArea .category li {
  width: 100%;
  flex-basis: 100%;
  display: inline-block;
  float: none;
  padding: 0px 0;
}

.wJk .xans-layout-slidepackage .slideCategoryArea .category {
  margin: 0;
  display: block;
  height: 0;
  max-height: 0;
  overflow: hidden;
  transition: 1s all ease;
  -webkit-transition: 1s all ease;
  -moz-transition: 1s all ease;
  -ms-transition: 1s all ease;
  -o-transition: 1s all ease;
}

.wJk .xans-layout-slidepackage .slideCategoryArea.on .category {
  height: 400px;
  max-height: 100%;
  margin: 10px 0 0;
  padding-bottom: 60px;
}

.wJk .xans-layout-slidepackage .slideCategoryArea .category .link {
font-family: "Sofia Pro";
font-weight: 300;
  position: relative;
  min-height: auto;
  padding: 6px 0px;
  font-size: 33px;
  display: inline-block;
  color: #fff;
  line-height: 1;
}

.wJk .xans-layout-slidepackage .slideCategoryArea.on > .underbar:after {
  width: 100% !important;
}

.wJk .underbar:hover:after {
  width: 100%;
}

.wJk .xans-layout-slidepackage .slideCategoryArea .underbar:hover:after {
  width: 0;
}

.wJk .underbar:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 3px;
  background-color: #fff;
  transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.wJk .xans-layout-slidepackage .btnClose {
  background-image: url(/wJk/img/common/close_white_01.png);
  right: auto;
  left: 10px;
  background-size: 14px;
}

.wJk .menu-sub li {
  padding: 5px 0;
}

.wJk .menu-sub li a {
  font-family: "Sofia Pro", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  padding: 0 0 7px;
  font-size: 30px;
  display: inline-block;
  color: #fff;
  line-height: 1;
  position: relative;
}

.wJk .menu-sub li a:hover {
  text-decoration: none;
}

.wJk .menu-sub .chapters {
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
}

.wJk .menu-sub .chapters.on {
    margin-top: 15px;
    max-height: 300px;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.wJk .menu-sub .chapters li a {
font-family: "Sofia Pro";
    font-size: 22px!important;
    color: #fff;
    position: relative;
    padding: 5px 0;
    display: inline-block;
    line-height: 1;
}

.wJk .xans-layout-slidepackage .slideTopArea {
  padding: 0;
  background: transparent;
}

.wJk .xans-layout-slidepackage .slideTopArea .member .btnMember {
  margin-top: 0;
}

.wJk .xans-layout-slidepackage .slideTopArea .member {
  font-size: 40px;
  text-align: center;
  width: 100%;
}

.wJk .xans-layout-slidepackage .slideTopArea .member li {
  padding: 5px 0;
}

.wJk .xans-layout-slidepackage .slideTopArea .member a {
  display: inline-block;
  padding: 0 0 7px;
  color: #fff;
  line-height: 1;
  position: relative;
}

.wJk .xans-layout-slidepackage .slideTopArea .member a:hover {
  text-decoration: none;
}

.wJk .country {
  margin-top: 30px;
  font-size: 14px;
}

.wJk .country ul {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 22px;
  flex-direction: column;
}

.wJk .country ul li a {
  cursor: pointer;
  color: #fff;
  padding: 10px 5px;
  line-height: 1.6;
}

.wJk .xans-layout-slidepackage .slideTopArea .search #keyword {
  border: 0;
  background: #020202 url(/wJk/img/common/search-white.png) center right
    no-repeat;
  background-size: 20px 20px;
  border-bottom: 2px solid #fff !important;
  padding: 0 30px 5px 0;
  font-size: 14px;
  color: #fff;
}

.wJk .xans-layout-slidepackage .slideTopArea .search #keyword::placeholder {
  font-size: 14px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
}

.wJk .xans-layout-slidepackage .slideTopArea .search #keyword:focus {
  border-color: #fff;
  color: #fff;
}

.wJk .xans-layout-slidepackage .slideTopArea .search .btnSearch {
  left: auto;
  right: 0;
}

.wJk .xans-layout-slidepackage .slideTopArea .language {
  margin-top: 50px;
  position: absolute;
  left: calc(50% - 24px);
}

.wJk .xans-layout-slidepackage .slideTopArea .language a {
  font-size: 26px;
  color: #fff;
}

.side-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0px;
  padding: 27px 20px;
  width: 100%;
  left: 0;
  z-index: 100;
}

.side-header a {
  color: #fff;
  font-size: 23px;
  position: relative;
}

.side-header .logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.side-header .logo img {
  width: 120px;
}

.wJk .xans-layout-slidepackage .side-header > .btnClose {
  position: relative;
  width: 14px;
  height: 14px;
  top: auto;
}

.side-header .btnBasket .count {
  display: none;
  padding: 0 3px 0 4px;
  line-height: 13px;
  width: 14px;
  right: auto;
  left: 8px;
  top: 12px;
  color: black;
  background: none;
  font-size: 12px;
}

.side-header .btnBasket.has-items:after {
  display: block;
  position: absolute;
  top: 11px;
  left: -22px;
  content: "";
  width: 14px;
  height: 14px;
  background: blue;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.slideCategoryArea .wJk-fade-up.depth-2,
html .wJk .wJk-fade-up.depth-1 {
  transform: translateY(50px);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  opacity: 0;
}

.slideCategoryArea:hover .wJk-fade-up.depth-2,
.slideCategoryArea.on .wJk-fade-up.depth-2,
html.expand .wJk .wJk-fade-up.depth-1 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transition: 1s all ease;
  -webkit-transition: 1s all ease;
  -moz-transition: 1s all ease;
  -ms-transition: 1s all ease;
  -o-transition: 1s all ease;
}

@media all and (min-width: 780px) {
  body {
    max-width: 100%;
  }

  body > #wrap {
    border: 0px solid #e5e9f2;
    border-width: 0;
    max-width: 100%;
  }

  .wJk #container {
    padding-top: 148px;
  }

  .wJk #contents {
    /* max-width: 980px; */
    margin: 0 auto;
    min-height: calc(100vh - 584px);
  }

  .wJk #aside {
    text-align: left;
    padding: 60px 40px;
  }

  .wJk #aside.xans-layout-slidepackage {
    max-width: 400px;
  }

  .wJk .side-header div {
    display: none;
  }

  .wJk .xans-layout-slidepackage .side-header > .btnClose {
    right: 20px;
    left: auto;
    position: absolute;
    top: 34px;
    right: 40px;
  }

  .wJk .xans-layout-slidepackage .slideTopArea .member {
    text-align: left;
    display: none;
  }

  .wJk .country ul {
    justify-content: flex-start;
  }

  .wJk .xans-layout-slidepackage .slideCategoryArea .category {
    padding-left: 20px;
  }

  .wJk .xans-layout-slidepackage .slideCategoryArea:hover .category {
    height: 400px;
    max-height: 100%;
    margin: 10px 0;
    padding-bottom: 60px;
  }

  .slideCategoryArea:hover .wJk-fade-up.depth-2,
  html.expand .wJk .wJk-fade-up.depth-1 {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -ms-transition: 1s all ease;
    -o-transition: 1s all ease;
  }

  .wJk .xans-layout-slidepackage .slideCategoryArea .underbar:hover:after {
    width: 100%;
  }

  .wJk .xans-layout-slidepackage .slideTopArea .language {
    display: none;
  }
}

.wJk #titleArea h2,
.wJk .titleArea h2,
.wJk .titleArea h2.title,
.wJk .xans-board-title h2.title {
  font-size: 29px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  padding: 62px 52px 30px;
  font-family: "Sofia Pro", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 700;
}

.wJk .titleArea,
.wJk #titleArea,
.wJk .xans-board-title h2.title {
  padding: 0;
  border: 0px solid #d7d7d7;
  line-height: 1;
  border-bottom: 0;
}

.wJk .titleArea .btnBack,
.wJk .xans-board-title .btnBack,
.wJk #titleArea span > a,
.wJk .btnBack > a {
  top: 15px !important;
  display: none;
}

@media all and (min-width: 780px) {
  .wJk #titleArea h2,
  .wJk .titleArea h2,
  .wJk .titleArea h2.title {
    font-size: 29px;
  }

  .wJk .titleArea,
  .wJk #titleArea,
  .wJk .xans-board-title {
    border: 0;
  }

  .wJk .titleArea .btnBack,
  .wJk .xans-board-title .btnBack,
  .wJk #titleArea span > a {
    display: none;
  }
}

.ec-base-paginate.typeList ol li a {
  border-color: transparent;
  background-color: transparent;
}

.ec-base-paginate.typeList ol li a.this {
  border-color: transparent;
}

.ec-base-paginate.typeList [class*="btn"] {
  border-color: transparent;
  background-color: transparent;
}

body {
  height: 100%;
}

#wrap {
  min-height: 100%;
}

html.expand body {
  overflow: hidden;
}

html.expand #container {
  -webket-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
}

html.expand #aside {
  overflow-x: hidden;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webket-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
}

.xans-layout-slidepackage {
  z-index: 500;
  visibility: hidden;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0;
  overflow: auto;
  overflow-x: hidden;
  min-width: 225px;
  max-width: 360px;
  width: 87%;
  font-size: 12px;
  background-color: #fff;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webket-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
}

.xans-layout-slidepackage button {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
  background: transparent;
}

.xans-layout-slidepackage .btnClose {
  display: block;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 15px;
  width: 30px;
  height: 30px;
  font-size: 1px;
  line-height: 0;
  color: transparent;
  background: url(//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/btn_aside_close.png)
    no-repeat 0 0;
  background-size: 30px auto;
}

.xans-layout-slidepackage .slideTopArea {
  margin: 0 0 10px;
  padding: 37px 16px 18px;
  background: #fff;
}

.xans-layout-slidepackage .slideTopArea .member .message {
  font-size: 15px;
  line-height: 22px;
}

.xans-layout-slidepackage .slideTopArea .member .message .comment {
  display: block;
}

.xans-layout-slidepackage .slideTopArea .member .btnMember {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 11px 0 0;
}

.xans-layout-slidepackage .slideTopArea .member .btnMember .button {
  float: left;
  min-width: 63px;
  height: 28px;
  padding: 0 10px;
  margin: 0 4px 0 0;
  border: 1px solid #000;
  font-size: 12px;
  line-height: 28px;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
}

.xans-layout-slidepackage .slideTopArea .member .btnMember .button.theme1 {
  color: #000;
  background: #fff;
}

.xans-layout-slidepackage .slideTopArea .member .btnMember .button.theme2 {
  color: #fff;
  background: #000;
}

.xans-layout-slidepackage .slideTopArea .member .btnMember .orderList {
  display: inline-block;
  position: relative;
  margin-left: auto;
  padding-right: 16px;
  font-size: 12px;
  color: #999998;
  text-decoration: none;
}

.xans-layout-slidepackage .slideTopArea .member .btnMember .orderList:after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  width: 7px;
  height: 10px;
  margin-top: -5px;
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/aside/ico_order_arrow.png")
    no-repeat 0 0;
  background-size: 7px auto;
}

.xans-layout-slidepackage .slideTopArea .search {
  display: block;
  position: relative;
  margin: 40px 0 0;
}

.xans-layout-slidepackage .slideTopArea .search #keyword {
  display: block;
  width: 100%;
  height: 32px;
  padding: 0 10px 0 30px;
  font-size: 12px;
  color: #666;
  border: 1px solid #dedfe2;
  box-sizing: border-box;
}

.xans-layout-slidepackage .slideTopArea .search #keyword:focus {
  padding-right: 30px;
  color: #000;
  border-color: #000;
}

.xans-layout-slidepackage .slideTopArea .search [class*="btn"] {
  overflow: hidden;
  position: absolute;
  font-size: 1px;
  line-height: 0;
  color: transparent;
}

.xans-layout-slidepackage .slideTopArea .search [class*="btn"]:before {
  content: "";
  position: absolute;
  background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/sfix_search_form.png");
  background-repeat: no-repeat;
  background-size: 150px 25px;
}

.xans-layout-slidepackage .slideTopArea .search .btnSearch {
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}

.xans-layout-slidepackage .slideTopArea .search .btnSearch:before {
  left: 10px;
  top: 9px;
  width: 13px;
  height: 13px;
  background-position: 0 0;
}

.xans-layout-slidepackage
  .slideTopArea
  .search
  #keyword:focus
  + .btnSearch:before {
  background-position: -50px 0;
}

.xans-layout-slidepackage .slideTopArea .search .btnDelete {
  right: 1px;
  top: 1px;
  width: 30px;
  height: 30px;
}

.xans-layout-slidepackage .slideTopArea .search .btnDelete:before {
  right: 9px;
  top: 9px;
  width: 12px;
  height: 12px;
  background-position: -100px 0;
}

.xans-layout-slidepackage .slideCategoryArea {
  padding: 0 16px 15px;
  border-bottom: 1px solid #e5e9f2;
  background: #fff;
}

.xans-layout-slidepackage .slideCategoryArea h2 {
  padding: 25px 0 15px;
  font-size: 12px;
}

.xans-layout-slidepackage .slideCategoryArea .category {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 0 -16px;
}

.xans-layout-slidepackage .slideCategoryArea .category:after {
  content: "";
  display: block;
  clear: both;
}

.xans-layout-slidepackage .slideCategoryArea .category li {
  float: left;
  width: 50%;
  -webkit-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
}

.xans-layout-slidepackage .slideCategoryArea .category .link {
  display: block;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  min-height: 50px;
  padding: 10px 0 10px 16px;
  font-size: 13px;
  color: #000;
  word-break: break-all;
  box-sizing: border-box;
}

.xans-layout-slidepackage .slideCategoryArea .category .link:hover {
  text-decoration: none;
}

.xans-layout-slidepackage .slideCategoryArea .category .sub-category {
  display: none;
}

.xans-layout-slidepackage .slideBoardArea {
  padding: 0 16px 15px;
  border-bottom: 1px solid #e5e9f2;
  background: #fff;
}

.xans-layout-slidepackage .slideBoardArea h2 {
  padding: 25px 0 15px;
  font-size: 12px;
}

.xans-layout-slidepackage .slideBoardArea .board {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 0 -16px;
}

.xans-layout-slidepackage .slideBoardArea .board:after {
  content: "";
  display: block;
  clear: both;
}

.xans-layout-slidepackage .slideBoardArea .board li {
  float: left;
  width: 50%;
  -webkit-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
}

.xans-layout-slidepackage .slideBoardArea .board .link {
  display: block;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  min-height: 50px;
  padding: 10px 0 10px 16px;
  font-size: 13px;
  color: #000;
  word-break: break-all;
  box-sizing: border-box;
}

.xans-layout-slidepackage .slideBoardArea .board .link:hover {
  text-decoration: none;
}

.xans-layout-slidepackage .slideProductRecentArea {
  margin: 0 0 10px;
  padding: 0 16px 18px;
  border-bottom: 1px solid #e5e9f2;
  background: #fff;
}

.xans-layout-slidepackage .slideProductRecentArea h2 {
  padding: 25px 0 8px;
  font-size: 15px;
}

.xans-layout-slidepackage .slideProductRecentArea .product {
  overflow: hidden;
  height: 81px;
  margin: 0 0 0 -4px;
}

.xans-layout-slidepackage .slideProductRecentArea .product:after {
  content: "";
  display: block;
  clear: both;
}

.xans-layout-slidepackage .slideProductRecentArea .product li {
  float: left;
  width: 25%;
  padding: 4px 0 0 4px;
  box-sizing: border-box;
}

.xans-layout-slidepackage .slideProductRecentArea .product .link {
  display: block;
  overflow: hidden;
  max-width: 77px;
  height: 77px;
  border: 1px solid #e5e9f2;
  box-sizing: border-box;
}

.xans-layout-slidepackage .slideProductRecentArea .product .image {
  max-width: 100%;
  max-height: 100%;
}

.xans-layout-slidepackage
  .slideProductRecentArea
  .product
  li.horizontal
  .image {
  max-width: none;
  max-height: none;
  height: 100%;
  width: auto;
}

.xans-layout-slidepackage .slideProductRecentArea .product li.vertical .image {
  max-width: none;
  max-height: none;
  width: 100%;
  height: auto;
}

.xans-layout-slidepackage .slideBannerArea {
  background: #fff;
  overflow: hidden;
  max-height: 133px;
}

.xans-layout-slidepackage .slideBannerArea .link {
  display: block;
  font-size: 0;
}

.xans-layout-slidepackage .slideBannerArea .link .image {
  width: 100%;
}

.xans-layout-slidepackage .slideBottomArea {
  overflow: hidden;
  margin: 0 16px 24px;
}

.xans-layout-slidepackage .slideBottomArea .xans-layout-info {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.xans-layout-slidepackage .slideBottomArea .link {
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  line-height: 55px;
  height: 55px;
  text-align: center;
}

.xans-layout-slidepackage .slideBottomArea .link:hover {
  text-decoration: none;
}

.xans-layout-slidepackage .slideBottomArea .link:after {
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  width: 1px;
  height: 12px;
  margin: -5px 0 0;
  background: #cacaca;
}

.xans-layout-slidepackage .slideBottomArea .link:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 3px 0 0;
  vertical-align: middle;
}

.xans-layout-slidepackage .slideBottomArea .link.customer:before {
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/img_bottom_menu_customer.png")
    no-repeat 0 0;
  background-size: 14px auto;
}

.xans-layout-slidepackage .slideBottomArea .link.inquire:before {
  background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/img_bottom_menu_inquire.png")
    no-repeat 0 0;
  background-size: 14px auto;
}

.wJk #header {
  position: fixed;
  z-index: 100;
  width: 100%;
  top: 0;
  left: 0;
  transition: 0.4s background-color ease-in-out;
  -webkit-transition: 0.4s background-color ease-in-out;
  -moz-transition: 0.4s background-color ease-in-out;
  -ms-transition: 0.4s background-color ease-in-out;
  -o-transition: 0.4s background-color ease-in-out;
}

.wJk #header.not-top {
  background-color: #fffcf2;
}

.wJk #header .xans-layout-orderbasketcount {
  padding: 0 20px;
  vertical-align: middle;
}

.wJk #header .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  text-transform: capitalize;
}

.wJk #header .header .category {
  padding: 20px;
}

.wJk #header .header .category a {
  background: url(/wJk/img/common/hamburger_menu_01.png) center center no-repeat;
  background-size: 23px 18px;
}

.wJk #header .header .logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
}

.wJk #header .header .logo a {
  display: block;
  width: 100px;
  height: 40px;
  display: block;
  background: url(/wJk/img/common/pesade-logo.png) center center no-repeat;
  background-size: 100%;
}

.wJk #header .header .logo img {
  width: 100%;
}

.wJk #header .xans-layout-orderbasketcount {
  height: 23px;
}

.wJk #header .xans-layout-orderbasketcount .btnBasket {
  background: none;
  text-indent: 0;
  font-size: 23px;
  line-height: 1;
  width: auto;
  height: auto;
  overflow: visible;
  position: relative;
  height: 23px;
  font-family: "Sofia Pro", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 700;
}

.wJk #header .xans-layout-orderbasketcount .btnBasket .count {
  display: none;
  padding: 0 3px 0 4px;
  line-height: 13px;
  width: 14px;
  right: auto;
  left: 8px;
  top: 12px;
  color: black;
  background: none;
  font-size: 12px;
}

.wJk #header .xans-layout-orderbasketcount .btnBasket.has-items:after {
  display: block;
  position: absolute;
  top: 50%;
  left: -20px;
  content: "";
  width: 14px;
  height: 14px;
  background: blue;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.right-button .language {
  display: none;
}

.language ul {
  position: absolute;
  text-align: center;
  padding-top: 5px;
  overflow: hidden;
  height: 100px;
  max-height: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.language .dropdown-button {
  display: flex;
  align-items: center;
}

.language .dropdown-button .arrow-down {
  font-size: 12px;
  padding: 5px 10px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.language.on .dropdown-button .arrow-down {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.language.on ul {
  max-height: 100px;
}

.language ul li {
  padding: 6px 0;
}

.language a {
  width: 48px;
  cursor: pointer;
}

@media all and (min-width: 780px) {
  .wJk #header .header {
    height: auto;
    margin: 0 auto;
    background: transparent;
    padding: 30px 49px;
    align-items: flex-start;
  }

  .wJk #header .header .logo {
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
  }

  .wJk #header .header .logo a {
    width: 120px;
  }

  .wJk #header .header a {
    font-size: 24px;
  }

  .wJk #header .header a:hover {
    text-decoration: none;
  }

  .wJk #header .header .right-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(50% - 130px);
    max-width: 280px;
    padding: 0;
  }

  .wJk #header .header .right-button a {
    padding: 0 10px;
    font-family: "Sofia Pro", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  }

  .wJk #header .header .category {
    padding: 0;
  }

  .wJk #header .header .category a {
    width: auto;
    height: auto;
    line-height: 1;
    background: none !important;
    text-indent: 0;
    overflow: visible;
    font-family: "Sofia Pro", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  }

  .wJk #header .xans-layout-orderbasketcount {
    padding: 0px;
    line-height: 1;
    overflow: visible;
  }

  .wJk #header .xans-layout-orderbasketcount .btnBasket.desktop-only {
    background: none;
    width: auto;
    height: auto;
    line-height: 1;
    text-indent: 0;
  }

  .wJk #header .xans-layout-orderbasketcount .btnBasket.desktop-only .count {
    background: none;
    color: #000;
    position: relative;
    font-size: 32px;
    top: 0;
    left: 0;
  }

  .wJk #header .xans-layout-orderbasketcount .btnBasket.has-items:after {
    left: -10px;
  }

  .right-button .language {
    display: block;
    line-height: 1;
  }
}

.fixed-text a {
  width: 100%;
  text-align: center;
  background-color: #000;
  color: #fff;
  height: 32px;
  line-height: 32px;
  font-weight: 600;
  display: block;
  font-family: "AppleSDGothicNeo";
}

.marquee {
  display: none;
  position: relative;
  width: 100%;
  overflow: hidden;
  font-size: 11px;
  background: #0e36a7;
  border: 0px solid #000;
}

.marquee {
  background: #a5773b;
}

#main .marquee.on {
  display: block;
}

.marquee p {
  padding: 9px 0;
}

.marquee p span {
  margin: 0 100px;
  color: #000;
  font-family: "Apple SD Gothic Neo", "Apple SD Gothic Neo", "helvetica neue",
    arial, "맑은 고딕", "malgun gothic", sans-serif;
}

#layout .marquee.on,
#layout .fixed-text {
  display: none;
}

footer {
  position: relative;
  z-index: 10;
  padding: 50px 20px 20px;
  font-size: 14px;
  line-height: 1;
  background: #2d2d2d;
  font-family: "Sofia Pro", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  text-align: center;
  color: #f5f2ea;
}

footer a {
  color: #f5f2ea;
}

footer .logo {
  text-align: center;
  margin-bottom: 50px;
  width: 100%;
}

footer .logo img {
  width: 100px;
}

footer section {
  margin-bottom: 50px;
}

footer section h1 {
  font-weight: normal;
  font-size: 14px;
  border: 1px solid #000;
  border-width: 0 0 2px 0;
  padding: 10px 0 30px;
  text-transform: capitalize;
}

.footer-menu ul li a {
  font-size: 26px;
  padding: 10px;
  display: inline-block;
  width: 100%;
  text-transform: capitalize;
}

.footer-info p {
  font-size: 11px;
  line-height: 17px;
}

.small-links ul li {
  display: inline-block;
}

.legal {
  margin-bottom: 20px;
}

.legal a {
  font-size: 11px;
}

.footer-copyright {
  margin-top: -30px;
  font-size: 18px;
}

@media all and (min-width: 780px) {
  footer .logo img {
    width: 156px;
  }

  footer section {
    margin-bottom: 30px;
  }

  .footer-menu ul li {
    display: inline-block;
    margin: 40px 30px 0;
  }

  .footer-menu ul li a {
    font-size: 26px;
  }

  .legal {
    margin-bottom: 5px;
  }

  .small-links ul li {
    font-size: 12px;
  }

  .small-links ul li a {
    font-size: 12px;
  }

  .footer-info {
    margin-bottom: 10px;
  }

  .footer-info p {
    font-size: 12px;
    line-height: 24px;
    font-family: "Noto Sans", sans-serif;
    font-weight: normal;
  }

  .social-media {
    margin-bottom: 30px;
  }

  .footer-copyright {
    margin-top: 0px;
  }
}

.xans-layout-multishopshipping.ec-base-layer {
  display: none;
  top: 200px;
  width: 300px;
}

.xans-layout-multishopshipping .worldshipLayer {
  text-align: center;
  line-height: 1.5em;
}

.xans-layout-multishopshipping .worldshipLayer .select {
  margin: 14px 0 0;
}

.xans-layout-multishopshipping .worldshipLayer .select select {
  width: 100%;
}