@charset "UTF-8";




html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}



html {
  font-size: 62.5%;
}

html.wf-loading {
	visibility: hidden;
}

html.wf-active {
	visibility: visible;
}


body {
  padding: 0;

}

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

a:hover,
a:active {
  /* text-decoration: underline; */
}

blockquote {
  margin: 1em 40px;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

ul,
ol,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}



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


button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}









ul,
ol,
li {
  list-style: none;
}

i,
em,
address {
  font-style: normal;
}

figure,
form {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0 none;
  vertical-align: top;
}

label {
  cursor: pointer;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button {
  -webkit-appearance: none;
  box-sizing: content-box;
  padding: .4em 1em;
  border: 0 none;
  background: transparent;
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle;
}

input[type="search"] {
  -webkit-appearance: none;
}

textarea {
  vertical-align: top;
  resize: vertical;
}

input:invalid,
textarea:invalid {
  background-color: #f6f6f6;
}

table {
  width: 100%;
  empty-cells: show;
}

td {
  vertical-align: middle;
}

select {
  vertical-align: middle;
}

::-moz-selection {
  background: #b39a78;
 /* color: #fff;*/
  text-shadow: none;
}

::selection {
/*  background: #b39a78;
  color: #fff;
  text-shadow: none;*/
}

::-webkit-input-placeholder {
  color: #aaaaaa;
}

:-moz-placeholder {
  color: #aaaaaa;
}

input::-webkit-input-placeholder {
  color: #aaaaaa;
}

textarea::-webkit-input-placeholder {
  color: #aaaaaa;
}

/* base layout
-------------------------------------------------- */

body,
input,
textarea,
select,
button {
  font-family: "Lato", "돋움", dotum, sans-serif;
}

html {
  background-color: #fff;
}

body {
  min-width: 320px;

}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}

p:first-child {
  margin-top: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

em {
  color: #ed1c24;
}

.mobile a,
.mobile button,
.mobile input,
.mobile textarea,
.mobile select,
.mobile [tabindex] {
  outline: 0 none;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    
}



.t_wrap, .l-x-large, .l-wide, .row, .gnb, .footer, .clearfix, .func, .primary-tab, .list-table .gift-row-list, .pagination, .ui-helper-clearfix, .article-section, .curation-list, .prize, .product-list, .infographic-frame, .now-list, .life-gift, .life-product, .communitea-list, .life-title .by-line, .reservation-payment-info, .common-section, .shop-item, .ab-header, .order-state, .order-state-list, .order-state-list li, .wallet, .my-ab, .mp-qna, .cs-wrap .mobile, .cs-head, .cs-detail .won-list, .ms-q, .ms-a, .membership, .membership .coupon-head, .tealeaf, .tealeaf .item-box ul, .beauty, .sitemap-list {
  zoom: 1; }
  .t_wrap:before, .l-x-large:before, .l-wide:before, .row:before, .gnb:before, .footer:before, .clearfix:before, .func:before, .primary-tab:before, .list-table .gift-row-list:before, .pagination:before, .ui-helper-clearfix:before, .article-section:before, .curation-list:before, .prize:before, .product-list:before, .infographic-frame:before, .now-list:before, .life-gift:before, .life-product:before, .communitea-list:before, .life-title .by-line:before, .reservation-payment-info:before, .common-section:before, .shop-item:before, .ab-header:before, .order-state:before, .order-state-list:before, .order-state-list li:before, .wallet:before, .my-ab:before, .mp-qna:before, .cs-wrap .mobile:before, .cs-head:before, .cs-detail .won-list:before, .ms-q:before, .ms-a:before, .membership:before, .membership .coupon-head:before, .tealeaf:before, .tealeaf .item-box ul:before, .beauty:before, .sitemap-list:before {
    content: '';
    display: block; }
  .t_wrap:after, .l-x-large:after, .l-wide:after, .row:after, .gnb:after, .footer:after, .clearfix:after, .func:after, .primary-tab:after, .list-table .gift-row-list:after, .pagination:after, .ui-helper-clearfix:after, .article-section:after, .curation-list:after, .prize:after, .product-list:after, .infographic-frame:after, .now-list:after, .life-gift:after, .life-product:after, .communitea-list:after, .life-title .by-line:after, .reservation-payment-info:after, .common-section:after, .shop-item:after, .ab-header:after, .order-state:after, .order-state-list:after, .order-state-list li:after, .wallet:after, .my-ab:after, .mp-qna:after, .cs-wrap .mobile:after, .cs-head:after, .cs-detail .won-list:after, .ms-q:after, .ms-a:after, .membership:after, .membership .coupon-head:after, .tealeaf:after, .tealeaf .item-box ul:after, .beauty:after, .sitemap-list:after {
    content: '';
    display: table;
    clear: both; }

.flexible-obj iframe,
.flexible-obj object,
.flexible-obj video,
.flexible-obj embed,
.flexible-obj > img, .map-container .flx, .rgba .notification-popup:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.sub-header .desc, .basic-header .desc, .break-word, .list-table .t-title, .comment p, .banner-h-i, .main_top_best .product-name, .cus_list .cus-name, .rv-cont p, .events-list .h, .events-list p, .life-product-item .info, .visit-h .title, .visit-body, .shop-gift, .order-check .checkbox label, .mp-qna-view, .benefit-table .dot-list li {
  word-break: keep-all;
  word-wrap: break-word; }

table a, .visit-list .title, .mp-qna-view .title {
  word-break: break-all; }

/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
   
  }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; 
	
	}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
   
  }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden;
	
	}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* --------------------------------------------------
* base styles
* -------------------------------------------------- */
html {
  font-size: 62.5%;
  background-color: #fff;
    }

body {
  min-width: 320px;
  padding: 0;
 }

body, a {
  color: #727272; }

a {
  text-decoration: none; }

ul, ol, dl,
dt, dd,
figure, form {
  margin: 0;
  padding: 0; }

ul, ol, li {
  list-style: none; }

i, em, address {
  font-style: normal; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0 none;
  vertical-align: top; }

label {
  cursor: pointer; }

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button {
  -webkit-appearance: none;
  box-sizing: content-box;
  padding: .1em 1em;
  border: 0 none;
  background: transparent;
  font-size: inherit;
  line-height: normal; }

input[type="search"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

textarea {
  vertical-align: top;
  resize: vertical; }

input:invalid,
textarea:invalid {
  background-color: #f6f6f6; }

table {
  width: 100%;
  empty-cells: show;
  border-collapse: separate; }

input[type="checkbox"],
input[type="radio"],
td,
select {
  vertical-align: middle; }

::-moz-selection,
::selection {
  background: #758246;
  color: #fff;
  text-shadow: none; }

::-webkit-input-placeholder,
:-moz-placeholder {
  color: #ccc; }

/* base layout
-------------------------------------------------- */
body,
input,
textarea,
select,
button {
  font-family: Lato,'notokr-medium', "맑은 고딕","돋움", dotum, sans-serif;}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal; }

p:first-child {
  margin-top: 0; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  -ms-interpolation-mode: bicubic; }

em {
  color: #000; }

em.total {
  color: #758246; }


.touchevents [tabindex],
.touchevents button {
  outline: 0; }

/* Skip navigation */
#skipnav {
  position: absolute;
  left: -100%;
  color: #fff;
  background: #555;
  font-size: 1.6em; }

#skipnav:focus {
  display: block;
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 99999;
  padding: 20px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle; }

/* Helper classes */
.hidden {
  display: none; }

.blind, #match-media:before {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }


.blind, legend {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}










/* check match media vales */
#match-media:before {
  top: -1px;
  content: '0'; }

/* 2016-08-10 상세 추가 Start */
.fLeft{float:left;}
.fRight{float:right;}
.ofH{overflow:hidden;}
.imgSize{width:100%;}
.W100{width:100% !important;}
.mgL40{margin-left:40px;}

.topTitArea{overflow:hidden; font-family:"Buri", serif; margin-bottom:30px;}
.topTitArea p, .topTitArea ul{float:left;}
.topTitArea p{font-weight:bold; margin-right:15px; text-align:left;}
.topTitArea p, .topTitArea ul li{font-size:20px; line-height:22px;}
.topTitArea .topTitL{float:left;}
.topTitArea .topTitR{float:right;}
.topTitArea ul li{text-align:left; margin-bottom:15px;}
.topTitArea ol{float:left; margin:0px 30px 0px 15px;}
.topTitArea ol li{background:url('http://www.osulloc.com/kr/ko/upload/item_view/common/iconNum.png') repeat-x 0px center; text-indent:-9999em; width:99px; height:22px; text-align:left; margin-bottom:15px;}
.topTitArea ol li.TitNum01{width:20px;}
.topTitArea ol li.TitNum02{width:40px;}
.topTitArea ol li.TitNum03{width:60px;}
.topTitArea ol li.TitNum04{width:80px;}
.topTitArea ol li.TitNum05{width:100px;}
.txtUse{overflow:hidden; text-align:left;}
.txtUse p{width:16%; font-size:20px; font-weight:bold; float:left; color:#222;}
.txtUse ul{float:right; width:84%;}
.txtUse ul li{font-size:15px; color:#222; line-height:30px;}
.txtLine{display:block; text-indent:17px;}
.curation .visual{z-index:10;}
.curation.type2 .curation-info {float:right;}
.curation.type2 .curation-slide {float:left;}
.curation.type2 .visual {left:50%;}
.curation-pad{position:relative; z-index:20;}
.curation-Wraplist2{overflow:hidden;}
.curation-Wraplist2 p{font-weight:bold; font-size:20px; color:#222; text-align:left;}
.curation-Wraplist2 .curation-list2{overflow:hidden;}
.curation-Wraplist2 .curation-list2 li{float:left; margin-right:10px; font-size:15px; color:#454545; line-height:20px;}
.curation-Wraplist2 .curation-list2 .curation-icon{width:56px;}
.curation-list.posR li {position:relative;}
.curation-list.posR li .plus {display:block;position:absolute;left:0;top:45%;width:18px;height:18px;line-height:1;margin-top:-9px;margin-left:-9px;}
.curation-list.col3 li {width:28%;padding:0;font-size:0.85em;}
.curation-list.col2 li {width:44%;}
.curation-list.col2 li:nth-child(odd) {clear:both;}
.curation-list.ftsmall {font-size:0.95em;}
.content-box-shell.type2 .content-box-h {font-size:1em;font-weight:bold;}
@media (max-width: 47.99em) {
.topTitArea .topTitL, .topTitArea .topTitR, .txtUse p, .txtUse ul{float:none; clear:both;}
.topTitArea p{width:50px;}
.topTitArea p, .topTitArea ul li{font-size:16px; line-height:18px;}
.topTitArea ol li{margin-bottom:8px;}
ul.curation-list{font-size:0.65em;}
.mgL40{margin-left:0px;}
.txtUse p, .txtUse ul{width:100%;}
.txtUse p, .txtUse ul li{font-size:15px; line-height:30px;}
.curation.type2 .curation-info {float:none;}
.curation.type2 .curation-slide {float:none;}
.curation.type2 .visual {left:0;}
.curation-Wraplist2.fRight{float:none; margin-top:30px;}
.curation-Wraplist2.fLeft{float:none;}
.curation-list.posR li .plus {width:10px;height:10px;margin-top:-5px;margin-left:-5px;}
.curation-list.ftsmall {font-size:0.6em;}
.content-box-shell.type2 .content-box p br {display: none;}
}
@media (min-width: 48em) {
.topTitArea p, .topTitArea ul li{font-size:12px; line-height:14px;}
.topTitArea ol li{margin-bottom:7px;}
.mgL40{margin-left:0px;}
.txtUse p{font-size:12px;}
.txtUse ul li{font-size:12px; line-height:20px;}
.curation-Wraplist2 .curation-list2 li{font-size:12px;}
.curation-Wraplist2 p{font-size:16px;}
.curation-Wraplist2 .curation-list2 .curation-icon{width:20px;}
.curation-list.ftsmall {font-size:0.68em;}
.content-box-shell.type2 {padding-bottom:60%;}
.content-box-shell.type2 .content-box-cell {text-align:center;}
.content-box-shell.type2 .content-box {padding-right:5%;padding-left:5%;}
}
@media (min-width: 64em) {
.topTitArea p, .topTitArea ul li{font-size:18px; line-height:20px;}
.topTitArea ol li{margin-bottom:11px;}
.mgL40{margin-left:40px;}
.txtUse p{font-size:18px;}
.txtUse ul li{font-size:14px; line-height:28px;}
.curation-Wraplist2 p{font-size:18px;}
.curation-Wraplist2 .curation-list2 .curation-icon{width:36px;}
.curation-list.ftsmall {font-size:0.75em;}

}
@media (min-width: 75em) {
.topTitArea p, .topTitArea ul li{font-size:20px; line-height:22px;}
.topTitArea ol li{margin-bottom:15px;}
.mgL40{margin-left:40px;}
.txtUse p{font-size:20px;}
.txtUse ul li{font-size:15px; line-height:28px;}
.curation-Wraplist2 .curation-list2 li{font-size:15px;}
.curation-Wraplist2 p{font-size:20px;}
.curation-Wraplist2 .curation-list2 .curation-icon{width:56px;}
}

/* 2016-08-10 상세 추가 END*/

@media (min-width: 25.875em) {
  #match-media:before {
    content: "1 x-small"; } }

@media (min-width: 30em) {
  #match-media:before {
    content: "2 mobileLandscape"; } }

@media (min-width: 37.5em) {
  #match-media:before {
    content: "3 tablet"; } }

@media (min-width: 42.5em) {
  #match-media:before {
    content: "4 small"; } }

@media (min-width: 48em) {
  #match-media:before {
    content: "5 medium"; } }

@media (min-width: 64em) {
  #match-media:before {
    content: "6 large"; } }

@media (min-width: 75em) {
  #match-media:before {
    content: "7 x-large"; } }

/* --------------------------------------------------
 * layout grid
 * -------------------------------------------------- */
html, body {
  min-height: 100%; 

 
  }

body {
  -webkit-overflow-scrolling: touch; }

#wrap {
  padding-top: 50px;
  -webkit-user-drag: none;
  touch-action: pan-y; }
 #main div,  #main ul,  #main li,  #main a{
 /*box-sizing: border-box;*/

}
  @media (min-width: 64em) {
    #wrap {
      padding-top: 150px; }
	  
	  }

/* layout (.l-*) */
.t_wrap, .l-order {
  position: relative;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 15px; }

@media (min-width: 48em) {
  .t_wrap {
    padding: 0 20px; } }

@media (min-width: 64em) {
  .t_wrap {
    margin-left: 6.25%;
    margin-right: 6.25%;
    padding-left: 0;
    padding-right: 0; }
  .l-order {
    padding: 0 30px; } }

@media (min-width: 75em) {
  .t_wrap,
  .l-order {
    margin: 0 auto; } }

@media (max-width: 47.99em) {
  .l-m-full {
    padding-left: 0;
    padding-right: 0; } }

@media (max-width: 25.865em) {
  .l-order {
    padding-left: 0;
    padding-right: 0; } }

.l-x-large {
  max-width: 1280px;
  margin: 0 auto; }

.l-wide {
  position: relative;
  max-width: 1260px;
  margin: 0 auto; }

.blocker .l-modal-full {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  padding: 0; }
  .blocker .l-modal-full .btn-back {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 20px;
    padding: 0;
    margin-top: -10px; }

/* columns ( 12 grid )
-------------------------------------------------- */
.col-m-1, .col-1,
.col-t-1, .col-m-2, .col-2,
.col-t-2, .col-m-3, .col-3,
.col-t-3, .col-m-4, .col-4,
.col-t-4, .col-m-5, .col-5,
.col-t-5, .col-m-6, .col-6,
.col-t-6, .col-m-7, .col-7,
.col-t-7, .col-m-8, .col-8,
.col-t-8, .col-m-9, .col-9,
.col-t-9, .col-m-10, .col-10,
.col-t-10, .col-m-11, .col-11,
.col-t-11, .col-m-12, .col-12,
.col-t-12 {
  float: left;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.col-m-1 {
  width: 8.333%; }

.col-m-2 {
  width: 16.667%; }

.col-m-3 {
  width: 25%; }

.col-m-4 {
  width: 33.333%; }

.col-m-5 {
  width: 41.667%; }

.col-m-6 {
  width: 50%; }

.col-m-7 {
  width: 58.333%; }

.col-m-8 {
  width: 66.667%; }

.col-m-9 {
  width: 75%; }

.col-m-10 {
  width: 83.333%; }

.col-m-11 {
  width: 91.667%; }

.col-m-12 {
  width: 100%; }

.col--right {
  float: right; }

@media (max-width: 47.99em) {
  .col-t-1, .col-t-2, .col-t-3, .col-t-4, .col-t-5, .col-t-6, .col-t-7, .col-t-8, .col-t-9, .col-t-10, .col-t-11, .col-t-12 {
    float: none; }
	
	
	
	}

@media (min-width: 48em) {
  .col-t-1 {
    width: 8.333%; }
  .col-t-2 {
    width: 16.667%; }
  .col-t-3 {
    width: 25%; }
  .col-t-4 {
    width: 33.333%; }
  .col-t-5 {
    width: 41.667%; }
  .col-t-6 {
    width: 50%; }
  .col-t-7 {
    width: 58.333%; }
  .col-t-8 {
    width: 66.667%; }
  .col-t-9 {
    width: 75%; }
  .col-t-10 {
    width: 83.333%; }
  .col-t-11 {
    width: 91.667%; }
  .col-t-12 {
    width: 100%; } }

@media (max-width: 63.99em) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  /* float: none; */ }
	
	
	.col-6 {
    width: 50%;
}

.col--right {
    float: right;
}
	
.static-cart .func-pad {
    position: relative;
    margin-top: 4px;
    padding-right: 0px;
}

	}

@media (min-width: 64em) {
  .col-1 {
    width: 8.333%; }
  .col-2 {
    width: 16.667%; }
  .col-3 {
    width: 25%; }
  .col-4 {
    width: 33.333%; }
  .col-5 {
    width: 41.667%; }
  .col-6 {
    width: 50%; }
  .col-7 {
    width: 58.333%; }
  .col-8 {
    width: 66.667%; }
  .col-9 {
    width: 75%; }
  .col-10 {
    width: 83.333%; }
  .col-11 {
    width: 91.667%; }
  .col-12 {
    width: 100%; } }

.col-m-12,
.col-t-12,
.col-12 {
  float: none; }

/* header
-------------------------------------------------- */
/* gnb */
.gnb {
  position: relative;
  width: 787px;
  height: 60px;
  vertical-align: middle; }
  @media (max-width: 63.99em) {
    .gnb {
      display: none; } }
  .gnb-menu {
    position: relative;
    height: 100%;
    z-index: 10; }
  .gnb .d1 {
    display: inline-block;
    height: 100%;
    margin-right: 28px; }
    .gnb .d1.gn5 {
      margin-right: 0; }
    .gnb .d1 ul {
      display: none;
      position: absolute;
      top: 100%;
      z-index: 10;
      height: 64px;
      padding: 0 50px;
      text-align: center;
      -webkit-transition: all 0.4 ease-in;
      -o-transition: all 0.4 ease-in;
      transition: all 0.4 ease-in; }
    .gnb .d1.is-active ul {
      display: block; }
    .gnb .d1.gn1 ul {
      left: -55px; }
    .gnb .d1.gn2 ul {
      left: -15px; }
    .gnb .d1.gn3 ul {
      left: 55px;
      width: 540px; }
    .gnb .d1.gn4 ul {
      left: nav_content;
      width: 700px;
	  font-family: 'Lato','notokr-medium',sans-serif;
    font-weight: 700;
	  
	  }
    .gnb .d1.gn5 ul {
      right: -30px; }
    .gnb .d1 li {
      display: inline-block;
      white-space: nowrap; }
  .gnb .nav-h-a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    height: 100%;
    padding: 15px 9px 0;
    color: #413c29;
    font-size: 1.6em;
	font-weight: 700;
     font-family: 'Lato','notokr-medium',sans-serif;
       letter-spacing: 1.6px;
	
	
	
	
	
	
	
	}
  .gnb .nav-h-a:hover,
  .gnb .nav-h-a:focus,
  .gnb li.is-active .nav-h-a {
    color: #74824C;
    text-decoration: none; }


  .gnb li.is-current .nav-h-a {
    color: #74824C; 
	
	
	
	}





  .gnb .nav-a {
    display: inline-block;
    height: 32px;
    padding: 10px 15px 0;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
	letter-spacing: 1.2px;
	font-family: 'Lato','notokr-medium',sans-serif;
	}
  .gnb .nav-a:hover,
  .gnb .nav-a:focus,
  .gnb .d1 .is-current .nav-a {
    color: #e3eda9;
    text-decoration: none; }
  @media (min-width: 75em) {
    .gnb {
      width: 790px; /*   float: right; */}
      .gnb .d1 {
        margin-right: 40px; }
        .gnb .d1.gn4 ul {
          left: 260px; }
      .gnb .nav-h-a {
        font-size: 15px; } }

#gnb-bg {
  position: absolute;
      top: 94.5%;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #1A1D12;
  z-index: 0;
  
  }
  #gnb-bg.is-active {
    height: 44px;
    border-bottom: 1px solid #3E403A; }
  @media (max-width: 63.99em) {
    #gnb-bg {
      display: none; } }

.sub-header, .basic-header, .lnb-header {
  margin-bottom: 20px;
  background: #4D4B48;
  text-align: center; }
  .sub-header .h, .basic-header .h, .lnb-header .h, .lnb-header .p{
    height: 42px;
    color: #fff;
    font-size: 17px;
    line-height: 2.6;
    font-weight: normal;
    font-family:'Lato','notokr-medium',sans-serif; }
  @media (min-width: 48em) {
    .sub-header, .basic-header, .lnb-header {
      margin-bottom: 30px; }
      .sub-header .h, .basic-header .h, .lnb-header .h {
        height: auto;
        font-size: 24px;
        line-height: 1.5;
        letter-spacing: 0em; } }
  @media (min-width: 64em) {
    .sub-header, .basic-header, .lnb-header {
      margin-bottom: 40px; }
      .sub-header .h, .basic-header .h, .lnb-header .h {
        font-size: 32px; } }

/* sub header */
.sub-header .desc, .basic-header .desc {
  margin-bottom: 0;
  color: #555;
  font-size: 12px; }

.sub-header p, .basic-header p {
  display: none; }

@media (min-width: 48em) {
  .sub-header, .basic-header {
    padding: 25px 0 20px; }
    .sub-header .desc, .basic-header .desc {
      display: block;
      font-size: 14px; }
    .sub-header p, .basic-header p {
      display: block; } }

@media (min-width: 64em) {
  .sub-header, .basic-header {
    padding-top: 58px;
    padding-bottom: 39px; } }

.basic-header {
  margin-bottom: 0; }
  .basic-header p {
    display: none; }
  @media (min-width: 48em) {
    .basic-header p {
      display: block; } }

/* lnb (cs, mypage) */
.lnb-header {
  height: 42px; }
  .lnb-header .t_wrap {
    z-index: 10; }
  .lnb-header .select-trigger {
    color: #222;
    font: normal 17px/1.2 'Lato','notokr-medium',sans-serif;
    letter-spacing: -0.04em;
    padding-top: 12px; }
  .lnb-header .h {
    display: none; }
  .lnb-header .p {
    display: none; }

  .lnb-header .switch-select .select-trigger {
    width: 100%;
    padding: 2px 0 0;
    height: 42px;
    border-color: transparent;
    text-align: center; }
    .lnb-header .switch-select .select-trigger span {
      font-weight: bold;
      padding-left: 10px; }
  .lnb-header .switch-select .icon-arr-up,
  .lnb-header .switch-select .icon-arr-down {
    margin-left: 5px;
    color: #74824c; }
  .lnb-header .switch-select .icon-arr-up {
    display: none; }
  .lnb-header .switch-select .select-selector {
    padding: 0; }
    .lnb-header .switch-select .select-selector li {
      border-bottom-color: transparent; }
      .lnb-header .switch-select .select-selector li:first-child {
        border-top-color: #ccc; }
    .lnb-header .switch-select .select-selector a {
      text-align: center;
	      margin-top: -2px;
	  }
  .lnb-header .switch-select.on .select-trigger {
    border-color: transparent;
    background-color: transparent; }
    .lnb-header .switch-select.on .select-trigger span {
      color: #727272; }
  .lnb-header .switch-select.on .icon-arr-up {
    display: inline-block; }
  .lnb-header .switch-select.on .icon-arr-down {
    display: none; }
  .lnb-header .switch-select.on .select-selector {
    border-color: transparent;
    background-color: #f6f4f2; }
  .lnb {
    display: none; }
    .on .lnb {
      display: block; }
    .lnb a {
      position: relative;
      display: block;
      padding: 15px 6px;
      color: #fff;
      font: 15px/1.2 'Lato','notokr-medium',sans-serif;

      text-decoration: none; }

@media (max-width: 47.99em) {
  .lnb-header + .t_wrap {
    margin-top: -10px; }
  .lnb {
    display: none;
    background-color: #f6f4f2;
    border-top: 1px solid #ccc; }
    .lnb li {
      border-top: 1px solid #e5e5e5; } }

@media (min-width: 48em) {
  .lnb-header {
    position: relative;
    height: 135px;
    margin-bottom: 50px; }
    .lnb-header .h {
      display: block;
      padding: 30px 0 10px; }

 .lnb-header .p {
    display: block;
    padding: 37px 0 10px;
}

  .lnb {
    display: block;
    border-top: 1px solid #ddd;
    border-top: 1px solid rgba(204, 204, 204, 0.5); }
    .lnb li {
      position: relative;
      display: inline-block;
      margin: 0 20px; }
    .lnb .is-current a {
      color: #e3eda9;
      font-weight: 500;
      border-top-color: #e3eda9; }




    .lnb a {
      overflow: hidden;
      border-top: 3px solid transparent; }
      .lnb a:hover, .lnb a:focus {
        color: #e3eda9;
        border-top-color: #e3eda9; }





   .lnb .is-current a:before {
      width: 100%; }
    .lnb a {
      border-top: 0; }
     .lnb a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 4px;
        margin: auto;
        background-color: #DEEDA9; }
     .lnb a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        height: 4px;
        margin: auto;
        background-color: #DEEDA9;
        -webkit-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .lnb a:hover:before, .csstransitions .lnb a:focus:before {
        width: 100%;
        -webkit-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
       .lnb a:hover:after, .csstransitions .lnb a:focus:after {
        width: 100%;
        left: 0%;
        -webkit-transition: 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
        -o-transition: 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
        transition: 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; }
  .mypage .lnb li {
    margin-left: 5px;
    margin-right: 5px; }
    .mypage .lnb li:first-child {
      display: none; }
  .cs-wrap .switch-select .select-selector.lnb {
    padding-left: 0px; }
  .events .switch-select .select-selector.lnb {
    padding-right: 26px; }
  .communitea .lnb li {
    margin-left: 10px;
    margin-right: 10px; } }

@media (min-width: 64em) {
  .lnb-header {
        height: 116px; }
    .lnb-header .h {
      padding-top: 15px; }



  .lnb li {
    margin: 0 25px; }
  .mypage .lnb li,
  .communitea .lnb li {
    margin-left: 16px;
    margin-right: 16px; } }

.guide-header {
  overflow: hidden;
  position: relative;
  height: 150px;
  background-color: #fff;
  color: #fff;
  font-size: 1.3em;
  text-align: center;
  white-space: nowrap; }
  .guide-header-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .guide-header:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.guide-header-cell {
  position: relative;
  width: 75%;
  z-index: 1; }

.guide-header-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.guide-header .h {
  font-size: 2.077em;
 font-family: Lato,'notokr-medium',sans-serif; }

.guide-header p {
  margin: 0 auto; }

@media (min-width: 48em) {
  .guide-header {
    height: 300px;
    font-size: 1.5em; }
  .guide-header .title {
    font-size: 1.5em; }
  .guide-header .h {
    font-size: 3.6em; } }

.header-ly {
  display: none;
  position: absolute;
  top: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  font-size: 1.2em; }
  .no-opacity .header-ly {
    border: 1px solid #f2f2f2; }
  .header-ly-pad {
    width: 150px;
    padding: 20px;
    border: 1px solid #e6e6e6;
    border-top: 0; }
  .header-ly:after {
    content: '';
    position: absolute;
    bottom: 0;
    top: -7px;
    height: 0;
    width: 0;
    border-bottom: 7px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent; }

.ly--my-info {
  left: -50%; }
  .ly--my-info:after {
    left: 50%;
    margin-left: -10px; }
  .ly--my-info .head {
    margin-bottom: .5em;
    padding-bottom: .5em;
    border-bottom: 1px solid #ddd; }
  .ly--my-info .user {
    color: #333;
    font-size: 1.167em; }
  .ly--my-info .grade {
    font-size: 1.083em; }
    .ly--my-info .grade em {
      font-size: 16px;
     font-family: Lato,'notokr-medium',sans-serif; }
    .ly--my-info .grade .vvip {
      color: #758246; }
    .ly--my-info .grade .vip {
      color: #c88939; }
  .ly--my-info ul {
    margin: 0 1px 8px 0; }
  .ly--my-info li {
    clear: both;
    overflow: hidden;
    padding: 3px 0 2px;
    text-align: right; }
  .ly--my-info a + a {
    margin-top: 5px; }
  .ly--my-info .h {
    float: left; }
  .ly--my-info .c {
    color: #333;
    font-size: 1.083em; }
  .ly--my-info .em {
    color: #d5761b;
    font-size: 1.05em;
    margin-right: 2px; }
  .ly--my-info .btn {
    border-color: #ccc; }
    .ly--my-info .btn:hover, .ly--my-info .btn:focus {
      border-color: #888;
      background: #888; }

.ly--search {
  right: -2px;
  width: 350px;
  border: 0;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
  .ly--search:after {
    right: 12px; }
  .ly--search .input-wrap {
    overflow: visible;
    padding: 7px 36px 7px 16px; }
  .ly--search input {
    height: 30px;
    padding: 0;
    border: 0;
    font-size: 13px;
    line-height: 1.3; }
  .ly--search .go-search {
    position: absolute;
    top: 5px;
    right: 4px;
    padding: 0;
    padding: 0 5px;
    font-size: 23px;
    color: #ccc; }
  .ly--search .close-layer {
    position: absolute;
    top: -41px;
    right: 9px;
    font-size: 19px;
    padding: 0 5px;
    color: #e3eda9; }

.l-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 50px;
  margin-left: 15px;
  margin-right: 15px;
  z-index: 2;
  
  }
  @media (min-width: 48em) {
    .l-header {
      margin-left: 20px;
      margin-right: 20px; } }
  @media (min-width: 64em) {
    .l-header {
         width: 980px;
    padding-top: 45px;
    padding-left: 110px;
    height: 110px;
    margin: 0 auto; } }
  @media (min-width: 75em) {
    .l-header {
      width: 1260px;
      padding-left: 290px;
	  z-index: 1;
	  } }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
 background: url(/rt_img/w_gnb_bg.png) repeat-x left top;
}

.header-wrap {
   /*border-top: 4px solid #707957;*/
}
  .header .logo {
    width: 30%;
    margin: 0 auto;
    padding-top: 8px;
    text-align: center; }
    .header .logo-a {
      display: block; }
    .header .logo-img {
      height: 35px; }
  .header .toggle-menu {
    position: absolute;
    top: 6px;
    left: 0;
    height: 25px;
    color: #222;
    font-size: 24px; }
  .header-links {
    display: none; }
  .header-a {
    color: #999; }
    .header-a:hover, .header-a:focus {
      color: #74824C;
      text-decoration: none; }
  .header .em-links {
    position: absolute;
    top: 5px;
    right: 11px; }
  .header .em-link {
    display: none;
    color: #222; }
  .header .cart {
    display: inline-block;
    position: relative; }
    .header .cart .n {
      display: inline-block;
      vertical-align: middle;
      position: absolute;
      top: 2px;
      right: -9px;
      width: 18px;
      height: 18px;
      z-index: 1;
      border-radius: 100%;
      background-color: #c07226;
      color: #fff;
      font-size: 11px;
      line-height: 1.4;
      text-align: center; }
      .header .cart .n:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%; }
  .header .icon-cart {
    font-size: 29px; }
  .no-borderradius .header .cart .n {
    background: url(/rt_img/bg_cart_n.png) no-repeat 0 0; }
  @media (min-width: 64em) {
    .header {
      -webkit-transition: top 0.2s;
      -o-transition: top 0.2s;
      transition: top 0.2s; 
	  
	  }
      .header.is-sticked {
        top: -45px; }
        .header.is-sticked .logo {
          top: 43px; }
          .header.is-sticked .logo-img {
            height: 44px; }
      .header .logo {
        position: absolute;
        top: 5px;
        left: 0;
        width: auto;
        -webkit-transition: top 0.2s;
        -o-transition: top 0.2s;
        transition: top 0.2s; }
        .header .logo-img {
          height: auto;
          -webkit-transition: height 0.2s;
          -o-transition: height 0.2s;
          transition: height 0.2s; }
      .header .toggle-menu {
        display: none; }
      .header-links {
        display: block;
        position: absolute;
        top: 15px;
        right: 0;
        font-size: 12px;
        color: #ccc; }
      .header .header-a {
        display: inline-block;
        padding: 1px 10px;
        line-height: 1.3; }
      .header .em-links {
        position: absolute;
        top: 48px;
        right: 0;
        bottom: 10px;
        height: 52px; 
		/*display:none;*/
		
		}
      .header .em-link {
        position: relative;
        display: inline-block;
        padding: 0 10px 0 11px;
        color: #222;
        font-size: 23px;
        -webkit-transition: color 0.2s ease-in;
        -o-transition: color 0.2s ease-in;
        transition: color 0.2s ease-in; }
        .header .em-link:hover, .header .em-link:focus, .header .em-link.toggle-on {
          color: #e3eda9; }
        .header .em-link.cart {
          top: 3px; }
          .header .em-link.cart .n {
            top: 5px;
            right: 2px;
            width: 20px;
            height: 20px;
            font-size: 12px;
            line-height: 1.5; }
          .header .em-link.cart:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 1px;
            height: 23px;
            margin-top: -10px;
            background-color: none; }
        .header .em-link.search:after {
          content: '';
          position: absolute;
          top: 50%;
          left: 0;
          width: 1px;
          height: 23px;
          margin-top: -9px;
          background-color: #B5BAA5; }
        .header .em-link.search.toggle-on i {
          visibility: hidden; } }

/* sidenav
-------------------------------------------------- */
.sidenav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: -100%;
  width: auto;
  height: auto;
  width: 280px;
  z-index: 13;
  background: url(/rt_img/mobile_mbg.jpg);
  color: #ccc;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 64em) {
    .sidenav {
      display: none; } }

#igm-blocker {
  display: none; }

.is-open-nav {
  position: relative;
  overflow: hidden; }
  .is-open-nav body {
    overflow: hidden; }
  .is-open-nav .sidenav {
    display: block;
    left: 0%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 2px 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.3); }
  .is-open-nav #header {
    z-index: 1; }
  .is-open-nav #igm-blocker {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
    background-color: rgba(0, 0, 0, 0.6); }

.close-sn {
  display: none;
  position: fixed;
  left: 280px;
  top: 0;
  z-index: 13;
  height: 50px;
  width: 50px;

  color: #fff;
  font-size: 24px;
  line-height: 45px;
  text-align: center; }
  .is-open-nav .close-sn {
    display: block; 
	    background-color: rgba(58, 59, 56, 1.0);
		box-shadow: 2px 0 4px rgba(0, 0, 0, 0.3);
	}

.sn-section {
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  height: auto;
  -webkit-overflow-scrolling: touch;
  background: url(/rt_img/mobile_mbg.jpg); }

.sn-box {
  padding-top: 50px; }
  .sn-box .btn {
    border-color: #888;
    color: #ccc; }
  .sn-box .logo,
  .sn-box .em-links {
    padding: 5px 0;
    text-align: center; }

.sn-box .logo{
    padding: 11px 0;
    text-align: center;
}
.sn-box .em-links {
    padding: 5px 0;
    text-align: center;
}

  .sn-box .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 3px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0 2px 3px rgba(50, 50, 50, 0.3);
    box-shadow: 0 2px 3px rgba(50, 50, 50, 0.3); }
    .sn-box .logo-a {
      display: block;
      padding: 0px; }
    .sn-box .logo-img {
      /*height: 22px;*/ }
  .sn-box .em-links {
    background: #424340 url(/rt_img/mobile_bg.jpg);
    background-size: 25px;
    font-size: 1.4em;
    vertical-align: top; }
    .sn-box .em-links .bar {
      display: inline-block;
      position: relative;
      top: 5px;
      height: 25px;
      border-left: 1px solid #454545; }
  .sn-box .em-link {
    position: relative;
    display: inline-block;
    width: 58px;
    color: #ccc; }
    .sn-box .em-link.is-active {
      color: #e3eda9; }
      .sn-box .em-link.is-active:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -9px;
        margin-left: -6px;
        height: 0;
        width: 0;
        border-bottom: 8px solid #555;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent; }
    .sn-box .em-link i {
      font-size: 21px; }
    .sn-box .em-link:first-child:before {
      display: none; }
    .sn-box .em-link .icon-user {
      margin-top: -2px; }
    .sn-box .em-link .icon-delivery {
      font-size: 25px;
      margin-left: -4px; }
    .sn-box .em-link .icon-location1 {
      font-size: 23px; }
    .sn-box .em-link.em-link--delivery, .sn-box .em-link.em-link--store {
      width: 62px; }

.ly {
  display: none;
  font-size: 1.4em; }
  .ly-pad {
    position: relative;
    padding: 16px 18px;
    background-color: #555; }
    #side-account .ly-pad {
      padding-bottom: 20px; }
  .ly .go-join .col-m-6:first-child {
    padding-right: 2px; }
  .ly .go-join .col-m-6:last-child {
    padding-left: 2px; }
  .ly .my-point {
    margin-top: 1em;
    border-top: 1px solid #999;
    padding: 12px 0; }
    .ly .my-point i {
      position: relative;
      margin-right: 4px;
      vertical-align: middle; }
    .ly .my-point .icon-point {
      position: relative;
      font-size: 18px;
      top: -2px; }
    .ly .my-point .col-m-6 {
      height: 18px;
      line-height: 1; }
      .ly .my-point .col-m-6:last-child {
        border-left: 1px solid #727272;
        padding-left: 15px; }
  .ly .btn-logout {
    position: absolute;
    top: 12px;
    right: 18px; }
  .ly .sn-userinfo .name {
    color: #fff; }
  .ly .sn-userinfo .grade {
    color: #a1b362;
   font-family: Lato,'notokr-medium',sans-serif; }
  .ly .sn-coupon .em {
    color: #d5761b; }
  .ly .sn-search {
    background: transparent;
    height: auto;
    padding: 2px 0;
    border: 0;
    color: #ccc;
    line-height: 1.4;
    vertical-align: middle; }
  .ly .close-search {
    position: absolute;
    top: 2px;
    right: 4px;
    padding: 0; }

.sn-box a:hover, .sn-box a:focus {
  text-decoration: none; }

.sn-box .sn-d2 {
  display: none; }

.sn-box .d1-links {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #3e3e3e; }

.sn-box .d {
  border-top: 1px solid #3e3e3e; }

.sn-box .nav-a {
  position: relative;
  display: block;
  padding: 10px 40px 10px 18px;
  border-top: 1px solid #3e3e3e;
  color: #d5d5d5;
  font-size: 15px;
     font-family: 'Lato','notokr-medium',sans-serif;
    font-weight: 700;
  }
  .sn-box .nav-a:after {
    content: '\e80e';
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -11px;
    color: #838383;
    font-size: 16px;
    font-family: 'rt_font'; }

.sn-box .is-current > .nav-a {
  color: #e3eda9; }
  .sn-box .is-current > .nav-a:after {
    color: #e3eda9; }

.sn-box .is-current > ul {
  display: block;
  height: auto; }

.sn-d1 .nav-a {
  font-size: 1.6em;
font-weight: 700;
  font-family: Lato,'notokr-medium',sans-serif;
    letter-spacing: 1.6px;}

.sn-d2 {
  position: relative;
  left: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto; }
  .sn-d2 dl {
    display: none; }
  .sn-d2 .nav-d2-a {
    position: relative;
    display: block;
    padding: 11px 18px 9px 20px;
    background-color: #6b764b;
    color: #fff;
    font-size: 1.6em;
   font-weight: 700;
   font-family: Lato,'notokr-medium',sans-serif;
    letter-spacing: -.01em;
    text-align: center; }
    .sn-d2 .nav-d2-a:before {
      content: '\e80d';
      position: absolute;
      top: 50%;
      left: 18px;
      margin-top: -11px;
      color: #ccc;
      font-family: 'rt_font'; }
  .sn-d2 dd {
    border-bottom: 1px solid #3e3e3e; }
  .sn-d2 .nav-a-more:after, .sn-d2 .nav-a-more:before {
    position: absolute;
    content: '';
    background: #838383;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .sn-d2 .nav-a-more:after {
    margin-top: 0;
    right: 23px;
    width: 15px;
    height: 1px; }
  .sn-d2 .nav-a-more:before {
    top: 50%;
    right: 30px;
    width: 1px;
    height: 15px;
    margin-top: -7px; }
  .sn-d2 .nav-a-more.is-active:after, .sn-d2 .nav-a-more.is-active:before {
    background: #fff; }
  .sn-d2 .nav-a-more.is-active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .sn-d2 .nav-a-more.is-active:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.sn-d3 {
  display: none;
  border-top: 1px solid #3e3e3e;
  padding: 8px 18px; }
  .sn-d3 .nav-a {
    padding: 7px 15px;
    border-top: 0;
    font-size: 1.4em; }
    .sn-d3 .nav-a:after {
      display: none; }
  .sn-d3 .is-current .nav-a {
    text-decoration: underline; }

.mobile_footer {
 padding: 10px 10px;
 /* font-size: 13px;*/ }

.mobile_footer .footer-cs {
  padding-bottom: 1em;
  margin-bottom: 0.8em;
  /*border-bottom: 1px solid rgba(51, 51, 51, 0.5);*/
  padding: 0px 10px 0 10px;
  }
  .mobile_footer .footer-cs b {
    font-size: 13px; 
	
	    font-family: Lato,'notokr-medium',sans-serif;
    font-weight: 700;
	}

  .mobile_footer .footer-cs p {
      margin: 0 0 1em;
    font-size: 13px; 
	
	    font-family: Lato,'notokr-medium',sans-serif;
    font-weight: 700;
	text-align: center;
	}

  .mobile_footer .footer-cs strong {
    margin: 0 0 0.1em;
    font-size:33px;
	text-align: center;
	}
  .mobile_footer .footer-cs a {
    color: #1A1D12; }

.mobile_footer .footer-contact .bar {
  margin: 0 2px; }

.mobile_footer .footer-contact strong {
  font-weight: normal; }
  .mobile_footer .footer-contact strong a {
    color: #ccc; }

.mobile_footer .footer-contact span {
  font-size: 12px; }

.mobile_footer .footer-contact a {
  margin-bottom: 0; }

.mobile_footer .footer-cap-links {
    /* padding-top: 40px; */
    width: 260px;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    margin-bottom: 0.8em;
	margin-top: 0.8em;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
 }

.mobile_footer .footer-cap__a {
  color: #999;
  line-height: 1.7;
  padding-left: 8px;
  padding-right:8px;
  }
  .mobile_footer .footer-cap__a.em {
    /*color: #cb9879;*/ }
  .mobile_footer .footer-cap__a:after {
    height: 13px;
    background-color: #727272; }
  .mobile_footer .footer-cap__a:nth-child(odd) {
    padding-left: 0px; }
    .mobile_footer .footer-cap__a:first-child {
    padding-left: 7px; }
      .mobile_footer .footer-cap__a:last-child {
    padding-left: 8px; }

.mobile_footer .footer-copyright {
  color: #727272; 
      margin: 7px 10px 10px;
	    font-family: Lato,'notokr-medium',sans-serif;
    font-weight: 700;
	letter-spacing: 0.11em;
  }

/* footer
-------------------------------------------------- */
.footer {
  position: relative;
  z-index: 100;
  background-color: #333;
  color: #727272;
  line-height: 1.3; }
  .footer a {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .footer a:hover {
      color: #ccc;
      text-decoration: none; }
  .footer--over {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; }
  .footer-cap {
    overflow: hidden;
    background-color: #222;
    height: 50px;
    text-align: left; }
    @media (min-width: 64em) {
      .footer-cap {
        height: 55px; } }
  .footer-notice {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .95em;
    text-align:center; }
    .footer-notice-pad {
      position: relative;
      padding: 15px 0px 0px 0px; }
    .footer-notice__b {
      position: absolute;
      top: 20px;
      left: 15px;
      font-size: 11px; }
    .footer-notice__p {
      overflow: hidden;
      padding: 2px 0;
      margin: 0; }
    .footer-notice__a {
      display: block;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      word-wrap: normal;
      height: 16px;
      color: #999; }
      .footer-notice__a else {
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        display: block; }
    .footer-notice-list {
      position: relative;
      overflow: hidden;
      height: 16px; }
      .footer-notice-list li {
        position: absolute;
        top: -2px;
        left: 0; }
    .footer-notice .btn-more {
      position: absolute;
      top: 15px;
      right: 15px;
      border-radius: 100%; }
      .footer-notice .btn-more:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%; }
    @media (min-width: 64em) {
      .footer-notice {
        font-size: 1.05em; }
        .footer-notice-pad {
          padding: 22px 33px 0; }
        .footer-notice__b {
          top: 22px;
          left: 0;
          font-size: 13px; }
        .footer-notice .btn-more {
          top: 16px;
          right: 5px; } }

.footer-links {
  margin: 1.5em 0; }
  .footer-links-item {
    position: relative;
    display: inline-block;
    padding: 0 9px 0 10px; }
    .footer-links-item:after {
      content: '';
      position: absolute;
      top: 3px;
      left: 0;
      height: 9px;
      width: 1px;
      background-color: #727272; }
    .footer-links-item:first-child {
      padding-left: 0; }
      .footer-links-item:first-child:after {
        display: none; }

.footer-share {
  margin: 0.65em 0; }

.footer-bizinfo {
  clear: both;
  overflow: hidden; }
  .footer-bizinfo-detail {
    padding-top: 12px;
    padding-bottom: 18px;
    border-bottom: 1px solid #222;
    font-size: 12px;
    text-align: left; }
    .footer-bizinfo-detail .link-footer {
      display: inline-block;
      margin-top: 5px; }
    .footer-bizinfo-detail dl {
      margin-top: 1.5em;
      color: #888; }
    .footer-bizinfo-detail dt {
      margin-bottom: 5px;
      color: #ccc; }
  .link-bizinfo {
    display: block;
    position: relative;
    padding: 15px 0;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    font-size: 1.05em; }
    .link-bizinfo .icon {
      margin-left: .5em;
      color: #555; }
    .link-bizinfo .icon-arr-up {
      display: none; }
    .on .icon-arr-up {
      display: inline-block; }
    .on .icon-arr-down {
      display: none; }
    .link-bizinfo:hover, .link-bizinfo:focus {
      text-decoration: none; }

.footer-bottom {
  overflow: hidden;
  position: relative;
  font-size: 13px; }
  .footer-bottom .bar {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 20px;
    margin-top: -10px;
    background-color: #555; }
  .link-location,
  .link-lang {
    position: relative;
    width: 50%;
    padding: 20px 0; }
  .link-location {
    float: left; }
    .link-location .icon-location {
      position: relative;
      top: 4px;
      margin-top: -6px;
      margin-left: .2em;
      font-size: 24px;
      line-height: 18px; }
  .link-lang {
    float: right; }
    .link-lang:after {
      content: '';
      position: absolute;
      left: 0;
      top: 20px;
      width: 1px;
      height: 20px;
      background-color: #555; }
    .link-lang .icon-arr-down {
      margin-left: .5em;
      color: #555; }




.footer-cap-links {
 padding-top: 19px;
  font-size: 11px; 
      text-align: center;
  }

.footer-cap__a {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 7px;
  padding-right: 6px;
  color: #727272;
 
font-size: 12px;
    font-family: Lato,'notokr-medium',sans-serif;
    font-weight: 700;
  line-height: 1.5;
      letter-spacing: -1.6px;
  white-space: nowrap; }
  .footer-cap__a.em {
   /* color: #9c7f6d; */ }
    .footer-cap__a.em:hover, .footer-cap__a.em:focus {
      color: #be9983; }
  .footer-cap__a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    height: 9px;
    width: 1px;
    background-color: #333; }
  .footer-cap__a:first-child {
    padding-left: 0; }
    .footer-cap__a:first-child:after {
      display: none; }
  @media (min-width: 75em) {
    .footer-cap__a {
     /* padding-left: 10px;
      padding-right: 12px;*/ } }

.footer-cs {
float: right;
/*width: 256px;*/
    color: #888;
    font-size: 1.05em;}
  .footer-cs b {
    font-weight: normal;
    font-size: 1.1em; }
  .footer-cs strong {
    display: block;
    margin: .1em 0 .2em;
    color: #ccc;
    font-size: 2.6em; }

.footer-contact {
  margin-top: 1.2em;
  color: #888;
  font-size: 1.1em; }
  .footer-contact li {
    padding-top: .1em;
    margin-bottom: 0.35em; }
  .footer-contact a {
    display: inline-block;
    margin-bottom: 3px;
    color: #888; }
  .footer-contact strong {
    color: #ccc; }
  .footer-contact .bar {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 1px;
    height: 10px;
    margin: 0 4px 0 6px;
    border-left: 1px solid #727272;
    vertical-align: middle;
    line-height: 1; }

.footer-banners {
  overflow: hidden; }
  .footer-banners li {
    float: left;
    width: 25%;
    font-size: 1.1em; }
  .footer-banners a {
    display: block;
    text-align: center;
    color: #999;
    font-size: 14px;
    white-space: nowrap; }
    .footer-banners a:hover .icon {
      color: #999; }
  .footer-banners .icon {
    display: block;
    margin: 0 auto 5px;
    color: #666666;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }

.footer-banner1 a {
  width: 52px; }

.footer-banner1 .icon {
  margin-bottom: 8px;
  font-size: 36px; }

.footer-banner2 a {
  float: left; }
  @media (min-width: 75em) {
    .footer-banner2 a {
      width: 80%; } }

.footer-banner2 .icon {
  margin-bottom: 10px;
  font-size: 34px; }

.footer-banner3 a {
  float: right;
  width: 75%; }

.footer-banner3 .icon {
  font-size: 38px; }

.footer-banner4 a {
  float: right;
  width: 45px; }

.footer-banner4 .icon {
  font-size: 38px; }

.footer-info li {
  color: #888;
  font-size: 12px;
  line-height: 1.7; 
 font-family: Lato,'notokr-medium',sans-serif;
    font-weight: 500;
  
  }

.footer-info strong {
  display: block;
  color: #999;
  font-size: 13px;
  font-weight:normal;
  }

.footer-info i {
  display: inline-block;
  margin-right: 5px; }

.footer-copyright {
  margin: 7px 0 10px;
  font-size: 12px;
  letter-spacing: 0; }

.footer-safety {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 75px; }
  .footer-safety dl {
    max-width: 300px;
    margin-bottom: 12px; }
  .footer-safety dt {
    margin-bottom: 5px;
    color: #999;
    font-size: 1.1em; }
  .footer-safety dd {
    line-height: 1.5; }

.footer-hr {
  clear: both;
  height: 1px;
  margin: 0.3em 0;
  border: 0;
  background-color: #444; }

.footer .link-footer {
  display: inline-block;
  border-bottom: 1px solid #888;
  color: #888; }
  .footer .link-footer .icon-arr-right {
    margin: 0;
    font-size: 10px; }

.footer-large .footer-row1 {
  height: 70px;
  padding: 25px 0 20px; }

.footer-large .footer-row2 {
  padding-top: 1em; }

.footer-large .footer-share {
  /*position: absolute;
  top: 122px;*/
  right: -5px; }
  @media (min-width: 75em) {
    .footer-large .footer-share {
      right: 25px;
	  text-align: right;
	  } }

.footer-small {
  font-size: 1.3em;
  text-align: center; }
  .footer-small a {
    color: #888; }

.footer-large {
  display: none;
  padding-bottom: 30px;
  font-size: 1.2em; }

.footer-left {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 64.286%;
  padding-right: 1%;
 text-align: left;
  }

.footer-right {
  float: right;
  /*width: 35.714%;*/ }

@media (min-width: 64em) {
  .footer-small {
    display: none; }
  .footer-large {
    display: block; } }

@media (min-width: 75em) {
  .footer-col-pad {
    margin-right: 35px; }
  .footer-left {
    width: 56.25%; }
  .footer-right {
   /* width: 43.75%;*/ } }

/* go top button
-------------------------------------------------- */
.go-top-wrap {
  position: fixed;
  z-index: 2;
  bottom: 0;
  height: 0;
  right: 0; }



.footer .go-top {
  display: inline-block;
  position: relative;
  right: -50px;
  top: -90px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #727272;
  background-color: rgba(34, 34, 34, 0.5);
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
.footer  .go-top:hover, .go-top:focus {
    background-color: #B7AF70;
    color: #000; }



.go-top.is-active {
  right: 15px; }

/* forms (form, input)
-------------------------------------------------- */
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="file"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="url"],
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; 
      border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  
  }

[type="text"],
[type="number"],
[type="tel"],
[type="file"],
[type="password"],
[type="email"],
[type="search"],
[type="url"],
textarea {
   height: 35px;
  padding: .7em 1em;
  border: 1px solid #ccc;
  background: #fff;
  color: #333;
  line-height: 1.3;
  letter-spacing: 0;
  vertical-align: middle;
  outline: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0; }
  [type="text"]:focus,
  [type="number"]:focus,
  [type="tel"]:focus,
  [type="file"]:focus,
  [type="password"]:focus,
  [type="email"]:focus,
  [type="search"]:focus,
  [type="url"]:focus,
  textarea:focus {
    border-color: #999; }
  [type="text"].error,
  [type="number"].error,
  [type="tel"].error,
  [type="file"].error,
  [type="password"].error,
  [type="email"].error,
  [type="search"].error,
  [type="url"].error,
  textarea.error {
    border-bottom: 3px solid #c5443c; }

textarea {
  height: auto;
  
  
  
  
  }

textarea:required,
input:required {
  background: #fff; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

input[type="search"]::-ms-clear {
  display: none; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* native dropdown (select) */
select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 40px;
  padding: .5em 1em;
  border: 1px solid #cccccc;
  font-size: 14px;
  font-weight: normal;
  line-height: inherit; }

.csstransitions select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  padding-right: 3em;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAASCAYAAAGcKOi0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAqNJREFUeNpiLCoq4mJgYPjGgAR6e3vhbCao5D8o35wBDTAh0YuA+CS6AoAAYgRawYDLeGQTYKAMlxUgwArEXegKAAIIZsV/EJsBE4B8uA9orQUDDgCzAab5EZTdCcRa0BDAqRkEAAII5IIoIL0Mj5q1QBcE45JkAeKdQLwZiH2xyOPyGooX3kI1vyFVM3ooi0A1Ea0ZWzwykqIZBAACCBSIOkD6MjTkKxhIA4zQdPoUGNAyDGQAUCRcgRrECnU9iK9LQJ80ED8B4sWk+BaXA2DgN5JhX6EOYkNTHwvNdL6UWozNAciAG0ofh2aELUDsA00oVLEYBgACCJQG1gLpYArMAGXEDcA08I0czUzQQu4/mT7rAOKlQKxISRSAUu8JaGrmRi+e8YDNSNHyltI0YAFNXF+hDnpKQB8o2+pAE+lvaiXCOCC+Cs1eFtiqFygAFXlC1EqM6CVZJzSLnYBmOXTwC4g5seijmgMYoFlOGxolHWhF7AukLMpAy3LgGhALQxOXNjSxnSRUOVLTASDwDprIfkGL3DgGGgCAAM2WzQnCQBCFF89ebEByjFiBdhC1CNOB+FOFP7GDpIloBZoSgjeDLejBmzPwCSHgvyT74BEIO29gZuftqBHF8u1RYl0w1qZcjIQr2hyLoQ3KTK53sC90hAdhQCHCF935R+dDcgXkdrhqpuwCKDJhS1gXboVD/G0vbPwxn2rt0B6Sq07uzFSAogtdGAf9ryt8h1k8Ct0f8rhoqFYX7Rq5LqZCPPJzvZpT5tJn/0uFZ6H3gb5HTIqGj+Y0t34bGwuQR8Ruqp27CjfsLeMnMRPObIjpohEZy/DJi57wNjbp6LJgmHljW3CmSUxiLMU3K82J5aBomEVja3PWavzy1N0NU2d6zr+ZLbP9Lm7t5JZ7gomv9wAAAABJRU5ErkJggg==);
  background-position: right 50%;
  background-repeat: no-repeat;
  background-size: 32px auto;
  border-radius: 0px;
  text-align: left;
  text-indent: 0;
  letter-spacing: normal;
  word-spacing: 0;
  cursor: pointer; }
  .csstransitions select::-ms-expand {
    display: none; }
  .csstransitions select:checked {
    background-color: #f6f6f6;
    color: #222; }

.input-s {
  height: 30px;
  padding: 8px;
  border-color: #ccc; }

.input--wide {
  width: 100%; }

.input--big {
  height: 45px; }

.input-zipcode.input-s {
  width: 100px; }

.input-wrap {
  overflow: hidden;
  position: relative; }

.input-date {
  width: 136px;
  background: #fff url(../images/a/datepicker.png) right center no-repeat;
  font-size: 15px; }

/* form size variation */
.forms--dim {
  border-color: transparent;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s; }
  .forms--dim:hover, .forms--dim:focus {
    background-color: #fff;
    border-color: transparent; }
  .forms--dim::-webkit-input-placeholder {
    color: #727272; }
  .forms--dim:-moz-placeholder {
    color: #727272; }

/* validate style */
.has-error .error-msg {
  display: block;
  margin-top: 4px;
  color: #c5443c;
  font-size: 13px;
  font-weight: bold;
  text-align: left; }

.error-msg {
  display: none; }

/*  designed input (checkbox, raido) */
.checkbox {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin-right: 15px;
  padding: 1px; }
  @media only all {
    .checkbox input[type="checkbox"],
    .checkbox input[type="radio"] {
      position: absolute;
      overflow: hidden;
      width: 1px;
      height: 1px;
      visibility: hidden; }
    .checkbox label {
      display: inline-block;
      padding: 1px 1px 1px 1px;
      line-height: 1.3;
      cursor: pointer;
      white-space: nowrap; }
      .checkbox label:before {
        display: inline-block;
        width: 1.2em;
        font: 16px/1.3 'rt_font';
        color: inherit;
        vertical-align: middle; }
    .checkbox input[type="checkbox"]:focus + label,
    .checkbox input[type="radio"]:focus + label {
      outline: 1px dotted #ccc; }
    .checkbox input[type="checkbox"] + label:before {
      content: '\e81f'; }
    .checkbox input[type="checkbox"][disabled] + label {
      cursor: default;
      color: #ccc; }
    .checkbox input[type="checkbox"][checked="checked"] + label:before {
      content: '\e81e'; }
    .checkbox input[type="checkbox"]:checked + label:before {
      content: '\e81e'; }
    .checkbox input[type="radio"] + label:before {
      content: '\e829'; }
    .checkbox input[type="radio"][checked="checked"] + label:before {
      content: '\e828'; }
    .checkbox input[type="radio"]:checked + label:before {
      content: '\e828'; }
    .checkbox.long-label label {
      padding-left: 1.7em;
      word-break: keep-all;
      word-wrap: break-word;
      white-space: normal; }
      .checkbox.long-label label:before {
        position: absolute;
        top: 1px;
        left: 0;
        z-index: 2; }
    input + .checkbox {
      margin-right: 10px; } }

/*  designed input (number type) */
.qnt-box {
  position: relative;
  z-index: 10;
  float: left;
  display: inline-block;
  width: 36px;
  height: 30px;
  margin: 0 0.15em;
  padding: 0 30px;
  line-height: 1;
  vertical-align: middle; }

.mqnt-box {
  position: relative;
  z-index: 10;
  float: right;
  display: inline-block;
  width: 36px;
  height: 30px;
  margin: 0 0.15em;
  padding: 0 30px;
  line-height: 1;
  vertical-align: middle; }



.qnt-down, .qnt-up {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  padding: 2px 0;
  margin: 0;
  width: 30px;
  height: 38px;
  background-color: #e5e5e5;
  color: #888;
  text-align: center;
  line-height: 1.2; }
  .qnt-down:hover, .qnt-down:focus, .qnt-up:hover, .qnt-up:focus {
    color: #ed5031; }
  .qnt-down[disabled], .qnt-up[disabled] {
    background-color: #f2f2f2;
    pointer-events: none; }

.qnt-down {
  left: 0;
  
  }

.qnt-up {
  right: 0; }

.input-qnt {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  margin: 0;
  padding: 0;
  border: 0;
  color: #555;
  background-color: #f6f6f6;
  font-size: 12px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: textfield; }
  .input-qnt[disabled] {
    background-color: #fafafa;
    color: #999;
    pointer-events: none; }

.product-detail .qnt-box {
  padding: 0 38px;
     width:100px;
   height: 38px;
    border: 1px solid #e0e0e0;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px;
	
	}

.product-detail .qnt-down, .product-detail .qnt-up {
  width: 38px;
  background-color: #e5e5e5;
  font-size: 18px; }
  .product-detail .qnt-down:hover, .product-detail .qnt-down:focus, .product-detail .qnt-up:hover, .product-detail .qnt-up:focus {
    background-color: #d1d1d1;
    color: #222; }

.product-detail .input-qnt {
  background-color: #fff;
  color: #333;
  font-size: 15px;
  line-height: 38px; }



.product-detail .spinner-num {
    background-color: #fff;
    color: #333;
    font-size: 15px;
    line-height: 38px;
}



[type="number"],
.input-qnt {
  line-height: 30px\9; }

/* --------------------------------------------------
 * layout components
 * -------------------------------------------------- */
@media (max-width: 63.99em) {
  .is-for-large {
    /*display: none;*/ 
	}
 .is-for-large2 {
    display: none;	
	
	
	}
	
	.opt .row-name {
/*display: none;*/
	}
	.opt 	.input-shop{
/*display: none;*/
	}
	
	}

@media (min-width: 64em) {
  .is-for-small {
    display: none !important; }
	
	
	
	}

h1 {
   font-family: 'Lato','notokr-medium',sans-serif; }

.placeholder {
  white-space: nowrap;
  overflow: visible !important; }

.js [data-src] {
  visibility: hidden; }

[lang="en"] {
  letter-spacing: 0; }

/* main (content section) */
.main {
  clear: both;
  outline: none;
  min-height: 50vh;
  padding-bottom: 60px; }
  .main.__theme-fog {
    padding-bottom: 0;
    background-color: #f6f6f6; }
    .main.__theme-fog .guide-contents {
      padding-bottom: 60px; }
  .main--about {
    min-height: 100vh;
    visibility: hidden; }
  .main.__theme-frame {
    padding-bottom: 0; }
  .main.is-dimmed {
    position: relative; }
    .main.is-dimmed:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 9;
      background-color: rgba(0, 0, 0, 0.3); }
  @media (min-width: 64em) {
    .main {
      min-height: 480px;
      padding-bottom: 60px; } }
  .top-visual + .main {
    position: relative; }
  .theme-has-bg {
    padding-bottom: 0; }


/* sticky module */
.is-fixed-on {
  position: fixed !important;
  top: 0;
  bottom: auto;
  left: auto !important; }

.is-locked {
  position: absolute; }

/* common use */
.disable-hover {
  pointer-events: none; }

.bunch {
  display: inline-block; }
  .bunch + .bunch {
    margin-left: 1em; }
    @media (min-width: 64em) {
      .bunch + .bunch {
        margin-left: 1.5em; } }

.nw {
  white-space: nowrap; }

.languages {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  background: #f6f6f6;
  font-size: 1.4em; }
  .languages h2 {
    margin-bottom: .1em;
    padding: 15px 0;
    border-bottom: 1px solid #aaa;
    color: #333;
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase; }
  .languages .close-layer {
    position: absolute;
    top: 11px;
    right: 4.6875%;
    margin-right: 8px;
    padding: 0;
    font-size: 20px; }

.select-language {
  position: absolute;
  top: 58px;
  left: 0;
  right: 0;
  bottom: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  padding: 20px 4.6875%; }
  .select-language li {
    position: relative;
    border-bottom: 1px solid #ccc; }
    .select-language li:after {
      position: absolute;
      content: '\e80e';
      top: 50%;
      right: 8px;
      margin-top: -7px;
      color: #999;
      font-size: 16px;
      font-family: 'rt_font';
      line-height: 1; }
    .select-language li.is-current:after {
      content: '\e820';
      margin-top: -7px;
      font-size: 15px;
      color: #758246; }
  .select-language a {
    display: block;
    padding: 1.15em 10px; }
    .is-current .select-language a {
      color: #000; }

body.is-open-lang {
  overflow: hidden; }

/* --------------------------------------------------
 * common modules
 * -------------------------------------------------- */
body.loading {
  background: url(../images/a/loading.gif) no-repeat center 15%; }

#EZKeytecLayer {
  position: absolute; }

/* comon class */
.flexible-obj {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; }
  .flexible-obj iframe,
  .flexible-obj object,
  .flexible-obj video,
  .flexible-obj embed,
  .flexible-obj > img {
    width: 100%;
    height: 100%; }

.func {
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center; }
  .func--left {
    text-align: left; }
  .func--right {
    text-align: right; }
  .func--2btns .btn--big + .func--2btns .btn--big {
    margin-left: 6px; }
  @media (max-width: 37.49em) {
    .func--2btns .btn--big {
      float: right;
      min-width: 0;
      width: 49%;
      margin-left: 0; }
      .func--2btns .btn--big:first-child {
        float: left; } }
  @media (min-width: 48em) {
    .func--2btns .btn--big, .func--hugebtn .btn--big {
      height: auto;
      font-size: 18px;
      padding: 15px 48px; } }

.link {
  display: inline-block;
  color: #758246;
  font-weight: bold;
  border-bottom: 1px solid; }
  .link:hover, .link:focus {
    text-decoration: none; }

.t-c {
  text-align: center; }

.t-r {
  text-align: right; }

/* google map */
.map-container {
  position: relative;
  height: 100%; }
  .map-container img {
    max-width: none; }

.map-canvas {
  width: 100%;
  height: 100%; }

.adr-wrap, .counter-wrap {
  position: relative;
  padding-right: 84px; }
  @media (max-width: 29.99em) {
    .adr-wrap, .counter-wrap {
      padding-right: 0; } }

.adr-wrap {
  padding-right: 0;
  padding-left: 84px; }
  .adr-wrap--wide {
    padding-right: 0; }
  .adr-wrap a {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 0;
    padding-right: 0;
    width: 84px; }
  @media (max-width: 29.99em) {
    .adr-wrap {
      padding-left: 0; }
      .adr-wrap a {
        width: 100%;
        opacity: 0; } }

.personal-info .adr-wrap {
  margin-top: 8px; }

.personal-info .row + .row {
  margin-top: 8px; }

@media (max-width: 47.99em) {
  .personal-info .row > div + div {
    margin-top: 8px; } }

@media (min-width: 48em) {
  .personal-info .cnt {
    padding-left: 5px;
    padding-right: 5px; } }

.has-max-w .personal-info {
  max-width: 750px; }

.counter-wrap--wide {
  padding-right: 0; }

.counter-wrap .counter {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 74px; }

@media (max-width: 29.99em) {
  .counter-wrap .counter {
    position: static;
    width: auto;
    text-align: right; } }

/* scroll */
.scroll-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #ccc;
  background: #fff; }

.scroll-area {
  padding: 13px 20px; }

/* event thumbnail */
.event-thumb {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 55.175%; }
  @media (min-width: 48em) {
    .event-thumb--list {
      height: auto;
      padding-bottom: 0; }
      .event-thumb--list .event-img {
        position: static;
        max-width: 100%;
        height: auto; } }

.event-img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: none;
  width: auto;
  height: 100%; }

/* rating - https://github.com/antennaio/jquery-bar-rating */
.br-wrapper {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

.br-widget {
  white-space: nowrap; }

.br-widget a {
  display: inline-block;
  text-decoration: none; }

.br-widget a:before {
  font-family: 'rt_font';
  content: '\e82c';
  color: #ccc; }

.br-widget .br-current-rating {
  display: none; }

.br-theme-osulloc .br-widget {
  height: 28px; }

.br-theme-osulloc .br-widget a {
  height: 24px;
  width: 24px;
  font-size: 23px;
  margin-right: 5px;
  text-decoration: none; }

.br-theme-osulloc .br-widget a.br-active:before,
.br-theme-osulloc .br-widget a.br-selected:before {
  color: #74824c; }

.br-theme-review .br-widget {
  height: 24px; }

.br-theme-review .br-widget a {
  float: left;
  height: 21px;
  width: 21px;
  font-size: 20px;
  margin-right: 3px; }

.br-theme-review .br-widget a.br-active:before {
  color: #555; }

.br-theme-review .br-widget a.br-selected:before {
  color: #333; }

/* buttons */
.btn, .btn-dim, .btn-veil, .btn-gim, .btn-ghost, .btn-ghost-dark, .btn-ash, .btn-pay, .btn-em, .btn-share, .btn-share--circle {
 webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    height: 40px;
    min-width: 145px;
    padding-left: 2em;
    padding-right: 2em;
    padding: 0.73em 2em 0.753em;
    border: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .btn:hover, .btn-dim:hover, .btn-veil:hover, .btn-gim:hover, .btn-ghost:hover, .btn-ghost-dark:hover, .btn-ash:hover, .btn-pay:hover, .btn-em:hover, .btn-share:hover, .btn-share--circle:hover, .btn:focus, .btn-dim:focus, .btn-veil:focus, .btn-gim:focus, .btn-ghost:focus, .btn-ghost-dark:focus, .btn-ash:focus, .btn-pay:focus, .btn-em:focus, .btn-share:focus, .btn-share--circle:focus {
    text-decoration: none; }

.btn {
  border-color: #e0e0e0;
  font-weight: 500;
  
  
/*  border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px; */
  
  
  }
  .btn:hover, .btn:focus {
    color: #fff;
    border-color: #222;
    background: #222;
	
	
	
	}

.btn-dim {
  color: #fff;
  border-color: transparent;
  background-color: #333;
  background-color: rgba(34, 34, 34, 0.8); }
  .btn-dim:hover, .btn-dim:focus {
    background-color: #222; }

.btn-veil {
  color: #888;
  border-color: transparent;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8); }
  .btn-veil:hover, .btn-veil:focus {
    background-color: #f6f6f6; }

.btn-gim {
  color: #fff;
  border-color: #4D4B48;
  background-color: #4D4B48; }
  .btn-gim:hover, .btn-gim:focus {
    border-color: #000;
    background-color: #000; }

.btn-ghost {
  color: #fff;
  border-color: #fff;
  background-color: transparent; }
  .btn-ghost:hover, .btn-ghost:focus {
    color: #333;
    background-color: #fff; }

.btn-ghost-dark {
  color: #222;
  border-color: #727272;
  background-color: transparent; }
  .btn-ghost-dark:hover, .btn-ghost-dark:focus {
    color: #fff;
    border-color: #555;
    background-color: #555; }

.btn-ash {
  background-color: #e5e5e5; }
  .btn-ash:hover, .btn-ash:focus {
    color: #fff;
    background-color: #333; }

.btn-pay {
  color: #fff;
  border-color: transparent;
  background-color: #4D4B48; }
  .btn-pay:hover, .btn-pay:focus {
    background-color:  #5b7005; }

.btn-em {
  color: #fff;
  border-color: #4d4b48;
  background-color: #4d4b48; }
  .btn-em:hover, .btn-em:focus {
    border-color: #222222;
    background-color: #222222; }

.btn--cart {
  height: 55px;
  padding-top: 15px;
  font-size: 18px; }

button[disabled] {
  cursor: not-allowed; }

.is-disabled {
  background-color: #555;
  color: #999; }
  .is-disabled:hover, .is-disabled:focus {
    background-color: #555; }

.btn--mini {
  position: relative;
  height: 28px;
  min-width: 0;
  padding: 3px 8px;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.5; }
  .btn--mini:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%; }
  @media (min-width: 30em) {
    .btn--mini {
      height: 30px;
      padding: 4px 13px;
      font-weight: 500;
      font-size: 13px;
      line-height: 1.5; } }

.btn--small {
  position: relative;
  height: 30px;
  min-width: 0;
  padding: 4px 13px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.5; }
  .btn--small:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%; }

.btn--big {
  min-width: 141px;
  height: 45px;
  padding: 12px 0;
  font-size: 15px; }
  .btn--big + .btn--big {
    margin-left: 4px; }

.btn--fit {
  min-width: 0;
  width: 36px;
  height: 36px;
  padding: 8px 0; }
  .btn--fit + .btn--fit {
    margin-left: 6px; }

.btn--wide {
  display: block;
  min-width: 0;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.btn--narrow {
  padding-left: 1.2em;
  padding-right: 1.2em;
  min-width: 0; }

.btn--m-wide {
  display: block;
  min-width: 0;
  width: 100%; }
  @media (min-width: 37.5em) {
    .btn--m-wide {
      display: inline-block;
      width: auto; } }

.btn-share, .btn-share--circle {
  min-width: 0;
  width: 35px;
  height: 35px;
  margin-right: 5px;
  padding: 0;
  background-color: #222;
  color: #ccc;
  line-height: 35px;
  font-size: 16px; }
  .btn-share .icon-heart-1, .btn-share--circle .icon-heart-1,
  .btn-share .icon-heart, .btn-share--circle .icon-heart {
    font-size: 16px; }
  .btn-share .icon-facebook, .btn-share--circle .icon-facebook {
    font-size: 17px; }
  @media (min-width: 64em) {
    .btn-share, .btn-share--circle {
      width: 40px;
      height: 40px; } }
  .btn-share--circle {
    position: relative;
    min-width: 0;
    width: 32px;
    height: 32px;
    background-color: #2a2a2a;
    border-radius: 100%;
    line-height: 31px; }
    .btn-share--circle:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .btn-share--circle .icon-facebook,
    .btn-share--circle .icon-instagram {
      width: 100%;
      margin: auto;
      font-size: 17px;
	  margin-right: -.2em;
	  }
    @media (min-width: 64em) {
      .btn-share--circle {
        width: 40px;
        height: 40px;
        font-size: 21px;
        line-height: 35px; } }

.btn-more {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  min-width: 0;
  width: 21px;
  height: 21px;
  border: 1px solid #4a4a4a;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 13.5px;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle; }
  .btn-more:hover, .btn-more:focus {
    border-color: #727272;
    background-color: #727272;
    color: #f6f6f6;
    text-decoration: none; }
  .btn-more:before {
    content: '＋'; }
  @media (min-width: 64em) {
    .btn-more {
      width: 24px;
      height: 24px;
      font-size: 17px;
      line-height: 20px; } }

.btn-group {
  display: inline-block;
  padding-left: 1px;
  font-size: 0;
  word-spacing: 0;
  vertical-align: middle; }
  .btn-group .btn {
    min-width: 0;
    font-size: 14px;
    margin: 0 0 0 -1px; }

/* icons
-------------------------------------------------- */
.icon-plus, .icon-minus, .icon-beauty, .icon-beauty-gray {
  display: inline-block;
  overflow: hidden;
  position: relative;
  font-size: 1px;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle; }

.icon {
  display: inline-block; }
  .icon-plus, .icon-minus {
    font-size: 1em; }
  .icon-plus:before {
    content: '＋';
    font-size: inherit; }
  .icon-minus:before {
    content: '－'; }
  .icon-beauty {
    width: 16px;
    height: 16px;
    background: url(../images/a/icon_beauty.png) 0 0 no-repeat; }
  .icon-beauty-gray {
    width: 18px;
    height: 18px;
    background: url(../images/a/icon_beauty_gray.png) 0 0 no-repeat;
    background-size: 100%; }

.pic-tealeaf, .pic-pyramid, .pic-teabag, .pic-powder {
  display: inline-block;
  width: 45px;
  height: 45px;
  background-repeat: no-repeat; }

.pic-tealeaf {
  background-image: url(../images/shop/option_pic.png);
  background-position: 0 0; }

.pic-pyramid {
  background-image: url(../images/shop/option_pic.png);
  background-position: -45px 0; }

.pic-teabag {
  background-image: url(../images/shop/option_pic.png);
  background-position: 0 -45px; }

.pic-powder {
  background-image: url(../images/shop/option_pic.png);
  background-position: -45px -45px; }

/* badges */
.badges {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font: normal 7px/1 'Lato','notokr-medium',sans-serif;

  text-align: center;
  text-transform: uppercase; }
  @media (min-width: 37.5em) {
    .badges {
      font-size: 11px; } }

.badge-new, .badge-vvip, .badge-best {
  display: block;
  background: url(../images/a/bg_label.png) center center no-repeat;
  background-size: 100%;
  width: 28px;
  height: 28px;
  margin-bottom: .2em;
  border-radius: 100%;
  color: #fff;
  font-size: 1em;
  font-weight: normal;
  font-family: 'Lato','notokr-medium',sans-serif;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase; }

.badge-new {
  background-color: #94a98f;
  background-color: rgba(121, 148, 115, 0.8); }

.badge-best {
  background-color: #a79481;
  background-color: rgba(145, 121, 98, 0.8); }

.badge-vvip {
  background-color: #919b6b;
  background-color: #919b6b; }

@media (min-width: 25.875em) {
  .badge-new, .badge-vvip, .badge-best {
    width: 40px;
    height: 40px;
    line-height: 44px; }
  .no-backgroundsize .badge-new, .no-backgroundsize .badge-vvip, .no-backgroundsize .badge-best {
    overflow: hidden;
    width: 40px;
    height: 40px;
    text-indent: 40px; }
  .no-backgroundsize .badge-new {
    background: url(../images/a/badge_new.png) 0 0 no-repeat; }
  .no-backgroundsize .badge-best {
    background: url(../images/a/badge_best.png) 0 0 no-repeat; }
  .no-backgroundsize .badge-vvip {
    background: url(../images/a/badge_best.png) 0 0 no-repeat; } }

.product-visual .badge-new, .product-visual .badge-vvip, .product-visual .badge-best {
  width: 45px;
  height: 45px;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 47px; }

@media (min-width: 37.5em) {
  .product-visual .badge-new, .product-visual .badge-vvip, .product-visual .badge-best {
    width: 64px;
    height: 64px;
    font-size: 18px;
    line-height: 67px; }
  .no-backgroundsize .product-visual .badge-new, .no-backgroundsize .product-visual .badge-vvip, .no-backgroundsize .product-visual .badge-best {
    width: 64px;
    height: 64px;
    text-indent: 64px; }
  .no-backgroundsize .product-visual .badge-new {
    background: url(../images/a/badge_new_big.png) 0 0 no-repeat; }
  .no-backgroundsize .product-visual .badge-best {
    background: url(../images/a/badge_best_big.png) 0 0 no-repeat; } }

.promo {
  font-size: 10px;
  'Lato','notokr-medium',sans-serif;
  letter-spacing: 0; }
  .promo-sale, .promo-soldout, .promo-gift {
    display: inline-block;
    padding: .1em .5em;
    border: 1px solid;
    font-size: 1em;
    line-height: 1.3;
    text-transform: uppercase; }
  .promo-sale {
    color: #c5443c; }
  .promo-soldout {
    color: #727272;
    border-color: #ccc;
    background-color: #e5e5e5; }
  .promo-gift {
    color: #c38b44; }
  @media (min-width: 64em) {
    .promo {
      font-size: 12px; } }

/* custom selectbox */
.selectbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  z-index: 10;
  height: 40px;
  border: 0px solid #ccc;
  background: #fff;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  cursor: pointer; }
  .selectbox:hover, .selectbox:focus {
    border-color: #999; }
  .selectbox.selectbox--up .selectbox-option {
    top: auto;
    bottom: 100%;
    margin-bottom: 0;
    padding-top: 8px;
    border-top: 1px solid #999; }
  .selectbox.forms--dim {
    border-color: transparent;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s; }
    .selectbox.forms--dim.is-active, .selectbox.forms--dim.is-current, .selectbox.forms--dim:hover {
      background-color: #fff;
      border-color: transparent; }
    .selectbox.forms--dim .selectbox-option {
      border: 1px solid #fff;
      border: 1px solid #e5e5e5 \9;
      margin-top: 2px;
      margin-bottom: 2px;
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); }
  .selectbox.input--wide {
    width: 100%; }
  .selectbox.input--big {
    height: 45px; }
    .selectbox.input--big .selector {
      padding-top: 12px;
      padding-bottom: 11px; }
  @media (min-width: 64em) {
    .selectbox {
      font-size: 14px; }
    .selectbox.selectbox--up-large .selectbox-option {
      top: auto;
      bottom: 100%;
      margin-bottom: 0;
      padding-top: 4px;
      padding-bottom: 4px;
      border-top: 1px solid #999; }
    .selectbox.forms--dim .selectbox-option {
      margin-top: 2px;
      margin-bottom: 2px; } }
  .selectbox .selector {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 10px 40px 0 15px;
    height: 100%;
    margin: 0;
    color: #333;
    line-height: 1.1;
    font-weight: normal;
    vertical-align: middle; }
    .selectbox .selector-text {
      display: inline-block;
      white-space: nowrap;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      vertical-align: middle; }
    @media (min-width: 64em) {
      .selectbox .selector {
        padding-right: 50px; } }
  .selectbox .icon-arr-up,
  .selectbox .icon-arr-down {
    position: absolute;
    right: 12px; }
  .selectbox .icon-arr-up {
    display: none;
    bottom: 13px; }
  .selectbox .icon-arr-down {
    bottom: 12px; }
  .selectbox.is-active, .selectbox.is-current {
    border-color: #555; }
    .selectbox.is-active .icon-arr-down, .selectbox.is-current .icon-arr-down {
      display: none; }
    .selectbox.is-active .icon-arr-up, .selectbox.is-current .icon-arr-up {
      display: inline-block;
      color: #888; }
  .selectbox.is-disabled {
    cursor: not-allowed; }
    .selectbox.is-disabled .selector:hover, .selectbox.is-disabled .selector:focus {
      color: #999; }
  .selectbox .selectbox-option {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: -1px;
    z-index: 101;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #555;
    border-top-color: #ccc;
    background-color: #fff;
    color: #888;
    outline: 0;
    -webkit-box-shadow: "0px 1px 1px rgba(0,0,0,0.2)";
    -moz-box-shadow: "0px 1px 1px rgba(0,0,0,0.2)";
    box-shadow: "0px 1px 1px rgba(0,0,0,0.2)"; }
    .selectbox .selectbox-option li {
      overflow: hidden;
      cursor: pointer;
      white-space: nowrap; }
    .selectbox .selectbox-option a,
    .selectbox .selectbox-option label {
      display: block;
      padding: 7px 10px 6px 15px;
      color: inherit;
      line-height: 1.4;
      cursor: pointer;
      vertical-align: middle;
      text-decoration: none; }
    .selectbox .selectbox-option input {
      position: absolute;
      left: 100%; }
    .selectbox .selectbox-option a:hover,
    .selectbox .selectbox-option a:focus,
    .selectbox .selectbox-option li:hover,
    .selectbox .selectbox-option li:focus,
    .selectbox .selectbox-option li.is-current {
      color: #000;
      background-color: #f6f6f6; }
    .selectbox .selectbox-option .is-disabled a,
    .selectbox .selectbox-option .is-disabled label {
      color: #ccc;
      cursor: not-allowed; }
  @media (min-width: 64em) {
    .selectbox .icon-arr-up,
    .selectbox .icon-arr-down {
      right: 15px; }
    .selectbox .selectbox-option a,
    .selectbox .selectbox-option label {
      padding-left: 20px; } }

.select-list {
  line-height: 1.5; }
  .select-list li {
    position: relative; }
  .select-list label {
    display: block;
    padding: 9px 10px 9px 20px;
    background-color: #fff; }
    .select-list label:hover, .select-list label:focus {
      background-color: #f6f6f6;
      color: #222; }
    .select-list label:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 16px;
      height: 16px;
      background-color: inherit;
      z-index: 5; }
  .select-list input {
    position: absolute;
    overflow: hidden;
    left: 1px;
    top: 1px;
    width: 1px;
    outline: none;
    border: 0;
    background-color: transparent; }
    .select-list input:focus + label {
      background-color: #f6f6f6;
      color: #222; }
    .select-list input:checked + label {
      background-color: #c7cdb7;
      color: #222; }
      .select-list input:checked + label:after {
        content: '\e820';
        display: inline-block;
        position: relative;
        top: -2px;
        margin-left: 8px;
        font-family: 'rt_font';
        font-size: 12px;
        color: #fff; }
    .select-list input[disabled] + label {
      cursor: not-allowed;
      background-color: #fff;
      color: #ccc; }
      .select-list input[disabled] + label:hover, .select-list input[disabled] + label:focus {
        background-color: #fff;
        color: #ccc; }
  .select-list input[checked] + label {
    background-color: #c7cdb7;
    color: #222; }
    .select-list input[checked] + label:after {
      content: '\e820';
      display: inline-block;
      position: relative;
      top: -2px;
      margin-left: 8px;
      font-family: 'rt_font';
      font-size: 12px;
      color: #fff; }

.selectbox--nobox {
  height: 33px;
  border: 0;
  background: transparent;
  font-size: 12px; }
  .selectbox--nobox .selector {
    color: #ccc;
    padding-left: 10px;
    padding-right: 24px; }
  .selectbox--nobox .selectbox-option {
    border-color: #fff;
    -webkit-box-shadow: 0, 2px, 3px, rgba(100, 100, 100, 0.5);
    -moz-box-shadow: 0, 2px, 3px, rgba(100, 100, 100, 0.5);
    box-shadow: 0, 2px, 3px, rgba(100, 100, 100, 0.5); }
  .selectbox--nobox .icon-arr-up {
    right: 8px;
    bottom: 12px; }
  .selectbox--nobox .icon-arr-down {
    right: 8px;
    bottom: 11px; }
  .selectbox--nobox .selectbox-option a,
  .selectbox--nobox .selectbox-option label {
    padding-left: 10px; }
  @media (min-width: 64em) {
    .selectbox--nobox .selector {
      padding-top: 8px;
      padding-left: 10px; }
    .selectbox--nobox .icon-arr-up,
    .selectbox--nobox .icon-arr-down {
      right: 8px; }
    .selectbox--nobox .selectbox-option a,
    .selectbox--nobox .selectbox-option label {
      padding-left: 10px; } }

/* contents module */
.attention-box {
  position: relative;
  padding: 20px 15px 25px;
  margin: 15px 0;
  background-color: #f6f6f6;
  font-size: 13px; }
  .attention-box a {
    display: inline-block;
    color: #758246;
    font-weight: bold;
    text-decoration: underline; }
  .attention-box p {
    margin-bottom: 0;
    line-height: 1.7; }
  .func + .attention-box,
  .pagination + .attention-box {
    margin-top: 40px;
    margin-bottom: 0; }
  .attention-box--last {
    margin-bottom: 0; }

.attention-h {
  position: relative;
  padding-bottom: .4em;
  margin-bottom: .75em;
  border-bottom: 1px solid #ccc;
  color: #333;
  font-size: 1.1em;
  font-family:'Lato','notokr-medium',sans-serif;
  font-weight: bold; }
  .attention-h + p {
    margin-top: 0; }

@media (min-width: 48em) {
  .attention-box {
    padding: 2em 3em 2em 170px;
    margin: 20px 0;
    border-bottom: 1px solid #e5e5e5;
    min-height: 60px; }
    .attention-box:before {
      content: '';
      position: absolute;
      left: 140px;
      top: 2em;
      bottom: 2em;
      width: 1px;
      border-right: 1px solid #e5e5e5; }
  .attention-h {
    position: absolute;
    top: 50%;
    left: 0;
    width: 140px;
    margin-top: -38px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    text-align: center; }
    .attention-h:before {
      content: '';
      display: block;
      width: 35px;
      height: 50px;
      margin: 0 auto .5em;
      background: url(../images/a/mark_note.png) 0 0 no-repeat; }
    .attention-box--mini .attention-h {
      position: static;
      width: auto;
      margin: 0 0 .4em;
      font-size: 15px;
      text-align: left; }
      .attention-box--mini .attention-h:before {
        position: absolute;
        top: 50%;
        left: 58px;
        margin-top: -27px; } }

@media (min-width: 75em) {
  .attention-box {
    padding-left: 200px;
    margin: 30px 0; }
    .attention-box:before {
      left: 170px; }
  .attention-h {
    width: 170px; }
    .attention-box--mini .attention-h:before {
      left: 74px; } }

/* list with bullet
-------------------------------------------------- */
.dot-list > li {
  position: relative;
  margin-top: .5em;
 /* padding-left: .7em; */
  line-height: 1.5; 
  text-align: center;
      font-family: lato,Open Sans, NotoSansCJKkr,notokr-regular, 맑은고딕, sans-serif;
    font-weight: 500;
    letter-spacing: 0.05em;
  }
 

.dash-list > li {
  position: relative;
  margin-top: .5em;
  padding-left: .8em;
  line-height: 1.5; }

.ol-list {
  padding-left: 1em; }
  .ol-list > li {
    margin-top: .5em;
    line-height: 1.5;
    list-style-type: decimal; }

li:first-child {
  margin-top: 0; }

/* layers
-------------------------------------------------- */
.blocker {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center; }
  .blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.05em;
    vertical-align: middle; }
  .no-rgba .blocker:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/a/modal_blocker.png); }

.layer, .modal, .modal-map, .modal-full {
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  z-index: 102;
  padding: 15px;
  background: #fff;
  text-align: left; }
  .current.layer, .current.modal, .current.modal-map, .current.modal-full {
    display: inline-block; }
  .layer h1, .modal h1, .modal-map h1, .modal-full h1, .layer h2, .modal h2, .modal-map h2, .modal-full h2, .layer h3, .modal h3, .modal-map h3, .modal-full h3 {
    color: #222;
    font-weight: bold;
    line-height: 1.1; }
  .layer h1, .modal h1, .modal-map h1, .modal-full h1 {
    margin-left: -1px;
    margin-right: -1px;
    padding-bottom: 12px;
    border-bottom: 1px solid #555;
    font-family:'Lato','notokr-medium',sans-serif;
    font-size: 18px; }
  @media (min-width: 48em) {
    .layer, .modal, .modal-map, .modal-full {
      padding: 25px;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } }

.layer {
  max-width: 540px;
  margin: 0 15px;
  font-size: 13px; }
  .layer h2 {
    font-size: 15px;
    margin-top: 1.5em;
    margin-bottom: .5em; }
    .layer h2:first-child {
      margin-top: 0; }
  .layer-pad {
    position: relative;
    padding-top: 20px; }
  .layer-thumb {
    text-align: center;
    padding: 0 10%; }
  .layer--nonmember .layer-pad {
    padding: 60px 25px 50px;
    text-align: center; }
  .layer--nonmember p {
    margin: auto;
    color: #333;
    word-break: keep-all;
    word-wrap: break-word; }
  @media (max-width: 29.99em) {
    .layer--nonmember.modal {
      width: 280px; }
    .layer--nonmember .layer-pad {
      padding-left: 0;
      padding-right: 0; } }
  @media (max-width: 25.865em) {
    .layer--nonmember br:first-child {
      display: none; } }
  @media (min-width: 37.5em) {
    .layer {
      max-width: 520px; }
      .layer--small {
        max-width: 380px; } }
  @media (min-width: 48em) {
    .layer {
      font-size: 14px; } }

.modal {
  width: 100%;
  font-size: 13px; }
  .modal-map {
    padding-top: 50px; }
  @media (min-width: 25.875em) {
    .modal {
      width: auto;
      min-width: 384px; } }
  @media (min-width: 37.5em) {
    .modal {
      max-width: 520px; }
      .modal-map {
        max-width: 560px; } }
  @media (min-width: 48em) {
    .modal {
      max-width: 640px;
      font-size: 14px; }
      .modal-map {
        max-width: 640px;
        padding: 50px 30px 30px; } }
  @media (min-width: 64em) {
    .modal-map {
      max-width: 920px;
      padding: 50px; } }

.modal-full {
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101; }

@media (max-width: 47.99em) {
  .current.modal-map {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%; } }

.close-modal {
  overflow: hidden;
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 21px;
  height: 21px;
  text-indent: -100%;
  font-size: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAFpg2qXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAulJREFUeNpi/P//PwM2wAIiTExMQLKMyBJMUBok+B+bBIYkE5rRcEkmLPaCJQECiBGbq1iArkEX+49uBNi5TOgCyJaheIgJXQAEAAIIbDs2r2MB/5GDgwE9SNDEGLGFBEzBfzQxrKEDcxLewMcwCd15AAHEiCvSsSYEYEhsB9IBQPwTjzqQmkCQMzyBeAMQs+NTCMQ/YG7GpQGuEN2D6BpQFMITL5qG7VA2ikJc4YwTMGFxYwDUhvVAzIFLMXoQYmhgwqGQAZsGJjwKMTQABBAsPX8FcoQIxCKxAGR5O8zJ3ND4+I8n1okx8D80eg6hRzYjGRYgG8iILRWRagFWA4lJRLgswGsgrqSMywIQeA/EAkAsCMQfSE3J+LwsAXXhciifg1yDYQYGQA38iRZE6/FZwESCgbjiAKsFTGQYSJQFsMijRs7zRM55AAFIqZsUBmEgCsD4duLGuwS67Nor9WY9Q8lVxGW7rAMJSMzPm5mAiJtPE988VYNr1hRCeJ731+WNniXHsMcYFznjz3ltlyr2oF/pifzzZHJmJ57Rd955ToUHv6Fl3Cx4Fa0NiAZvoq3JY/Au2uuKHj5ERyVUwymUqc0Sp1C26H+p3I9U8NSEgozUkb50ZaMIZaTonEOZUzrnMOSUwmEJP4PDEn4GhxEd4nCgXRxOtInL5D2caInv8vAXoBo72GEQhAEAuvSEv7LjvkLPfqfn+RPutm9ZdhuYYpoMk9IWupGQGE9PqLQlF97p+Rbn06j4thxpRa9xPmKSPvZuiXPDr7krinpraD5QNzQe4BmXfcV99YRT6IimAY1fuX9yhJ9BJ9qLnKX+nnAWlJv5W8KroDX52RougkouTLRwFVR0wyOEm0A1YA48WENrilcuPGAXPSIyj7V0eScdcPmzAQ2PJxoqLxIqbuASNJAYLcW4Gg7G0Dfz5xTDoSG0CRw6QE3h0BFqAgcHqAoOjlARnLZIXlAufKGpef7BJpSm/L0JTS8/+wNfIfZUgloAAAAASUVORK5CYII=") 0 0 no-repeat;
  background-size: 21px auto; }
  .no-backgroundsize .close-modal {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAAHeEJUAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS1JREFUeNpiNDY2nsrAwJANxAxMUMZvGAcEWEECAAHECFQG5TNMZYEyQMpYmWAMkAhAAMGUwQVgbBZkw5DYYFumIgnAdE0FCCBkG+GAiQELoIUgQABh8wg2AA8CBjQfoytC8TAygGn6j8bH6jaYSYzYbGLCZh0Wm8DyAAEE8mASkJ7HgB8kMkHdloRPEchAkML5eBQnQt09D+ZObIrhitB9j6wYRREIsKBZNR8qCTIgAV94gkw6AsQH0d3MhMNNGG5mwuZwbB5kwqEIQzETHkUoigECDBSFIBNnAXE6EVHJQCAGwebAYpEV6pzfBKIel2G/ob5gRY5xBjIMxzAMX74lZDhOw/AWBjgMn0/IMGIMJRswkRBmicSGORMpEUBshDKREgHEGs5EhmEEDQcAVPldXxa1skoAAAAASUVORK5CYII="); }
  @media (min-width: 48em) {
    .close-modal {
      top: 25px;
      right: 25px; } }

a[data-layer] {
  position: relative; }
  a[data-layer]:focus .blind, a[data-layer]:focus #match-media:before {
    position: absolute;
    top: -100%;
    left: -100%;
    width: auto;
    height: auto;
    margin-top: -10px;
    padding: 3px 10px;
    clip: auto;
    background-color: rgba(114, 114, 114, 0.5);
    color: #fff;
    font-size: 12px;
    white-space: nowrap; }

/* notification popup */
.notification-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 201;
  -webkit-box-shadow: 0 3px 6px rgba(100, 100, 100, 0.5);
  -moz-box-shadow: 0 3px 6px rgba(100, 100, 100, 0.5);
  box-shadow: 0 3px 6px rgba(100, 100, 100, 0.5); }
  .opacity .notification-popup {
    visibility: hidden; }
    .opacity .notification-popup.is-show {
      visibility: visible; }
  .rgba .notification-popup:before {
    content: '';
    background: rgba(51, 51, 51, 0.9); }
  .rgba .notification-popup.type-error:before {
    background: #e65a5c;
    background: rgba(230, 92, 90, 0.9); }
  .no-rgba .notification-popup {
    background: #333; }
    .no-rgba .notification-popup.type-error {
      background: #e65a5c; }

.notification-inner {
  overflow: hidden;
  position: relative;
  padding: 3em 0; }
  .notification-inner .btn-close {
    position: absolute;
    top: 20px;
    right: 0;
    padding: 0;
    color: #fff; }
  .notification-inner .icon-close {
    width: 36px;
    height: 36px; }
    .notification-inner .icon-close:before, .notification-inner .icon-close:after {
      background-color: #ccc; }
  .type-error .notification-inner .icon-close:before, .type-error .notification-inner .icon-close:after {
    background-color: #fff; }

.notification {
  text-align: center;
  color: #fff;
  font-size: 1.6em; }
  .notification .h {
    display: none;
    font-size: 1em;
    text-transform: uppercase; }
  .notification .p {
    margin: 0; }
  .type-error .notification .h {
    display: block; }

.notification-head {
  font-weight: bold; }

/* tabs
-------------------------------------------------- */
.tabs {
  overflow: hidden;
  display: none; }
  .tabs li {
    float: left; }
  .tabs a:focus,
  .tabs a:hover {
    text-decoration: none; }

.tab {
  display: block;
  position: relative; }
  .tab:focus, .tab:hover {
    text-decoration: none; }

.tab-content {
  display: none; }
  .is-active .tab-content {
    display: block; }

.tab-title {
  cursor: pointer; }

@media (min-width: 64em) {
  .tabs {
    display: block; }
  .tab-title {
    display: none; } }

.triple-tabs, .double-tabs {
  position: relative;
  display: block;
  padding: 0 15px;
  font-size: 14px;
  text-align: center;
  background: #f6f6f6; }
  .triple-tabs:before, .double-tabs:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #ccc; }
  .triple-tabs li, .double-tabs li {
    position: relative; }
    .triple-tabs li.is-current, .double-tabs li.is-current {
      z-index: 2; }
    .triple-tabs li:nth-child(2), .double-tabs li:nth-child(2) {
      float: none;
      display: inline-block; }
    .triple-tabs li:last-child, .double-tabs li:last-child {
      float: right; }
  .triple-tabs .tab, .double-tabs .tab {
    padding: 12px 12px 10px;
    border-bottom: 3px solid transparent;
    color: #727272;
    font-weight: bold;
    line-height: 1.2;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    .triple-tabs .tab.is-current, .double-tabs .tab.is-current {
      color: #333;
      border-bottom-color: #333; }
  @media (min-width: 25.875em) {
    .triple-tabs li, .double-tabs li {
      display: inline-block;
      float: none;
      margin: 0 1em; }
      .triple-tabs li:last-child, .double-tabs li:last-child {
        float: none; } }
  @media (min-width: 64em) {
    .triple-tabs, .double-tabs {
      display: none; } }

.double-tabs li {
  float: left;
  display: block;
  margin: 0;
  width: 50%; }

.double-tabs .tab {
  display: inline-block; }

@media (min-width: 48em) {
  .select-trigger {
    display: none; } }

/* primary tab */
.primary-tab {
  position: relative;
  display: block;
  margin: 10px 0;
  font-size: 13px; }

.primary-tab.tabs {
  margin: 0;
  padding-right: 1px; }

.primary-tab.tab-3 li {
  width: 33.333%; }

.primary-tab.tab-4 li {
  width: 25%; }

.primary-tab.tab-5 li {
  width: 20%; }

.primary-tab.tab-6 li {
  width: 16.667%; }

.primary-tab li {
  position: relative;
  z-index: 1;
  float: left;
  width: 50%;
  text-decoration: none; }
  .primary-tab li.is-current {
    z-index: 2; }

.primary-tab a {
  display: block;
  margin-right: -1px;
  padding: 0.8em 0;
  border: 1px solid #e5e5e5;
  border-bottom-color: #999;
  background-color: #f6f6f6;
  color: #727272;
  text-align: center; }

.primary-tab li.is-current a,
.primary-tab a:focus, .primary-tab a:hover {
  color: #222;
  border-color: #999;
  border-bottom-color: #fff;
  background-color: #fff; }

@media (min-width: 48em) {
  .primary-tab {
    padding-right: 1px;
    margin: 0;
    font-size: 14px; }
  .primary-tab .select-selector {
    zoom: 1;
    display: block;
    overflow: visible;
    position: static;
    padding: 0;
    z-index: 10; }
    .primary-tab .select-selector:before {
      content: '';
      display: block; }
    .primary-tab .select-selector:after {
      content: '';
      display: table;
      clear: both; }
    .primary-tab .select-selector:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 1px;
      background-color: #999;
      z-index: 1; }
  .primary-tab a {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; } }

/* primary category */
.primary-category {
  position: relative;
  z-index: 10;
  font-size: 13px;
  text-align: center; }

@media (min-width: 48em) {
  .primary-category {
    color: #fff;
    font-size: 16px; }
  .primary-category .select-selector {
    overflow-y: visible;
    display: block;
    position: static;
    border-top: 1px solid #ccc;
    border-top: 1px solid rgba(204, 204, 204, 0.5);
    background-color: transparent; }
  .primary-category a {
    position: relative;
    display: inline-block;
    padding: 14px 5px 0 5px;
    border-top: 4px solid transparent;
    line-height: 1.3;
    text-align: left;
    font-family: 'Lato','notokr-medium',sans-serif;
    text-decoration: none; }
    .primary-category a:focus, .primary-category a:hover, .primary-category a.is-current {
      color: #333;
      border-top-color: #74824c; }
    .primary-category a.is-current {
      font-weight: bold; }
    .primary-category a + a {
      margin-left: 1em; }
    .csstransitions .primary-category a {
      border-top: none; }
      .csstransitions .primary-category a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 0%;
        height: 4px;
        background-color: #74824c;
        -webkit-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out; }
      .csstransitions .primary-category a:focus:after, .csstransitions .primary-category a:hover:after, .csstransitions .primary-category a.is-current:after {
        width: 100%; } }

/* simple tab */
.simple-tab {
  position: relative;
  display: block;
  font-size: 13px; }

.simple-tab li {
  position: relative;
  z-index: 1;
  display: inline-block;
  text-decoration: none; }
  .simple-tab li a {
    display: block;
    padding: 0 10px;
    text-align: center;
    color: #727272;
    white-space: nowrap; }

.simple-tab li.is-current a {
  color: #7b3d06; }

@media (min-width: 48em) {
  .simple-tab .select-selector {
    zoom: 1;
    display: block;
    overflow-y: visible;
    position: static;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #e5e5e5; }
    .simple-tab .select-selector:before {
      content: '';
      display: block; }
    .simple-tab .select-selector:after {
      content: '';
      display: table;
      clear: both; }
  .simple-tab li.is-current a {
    text-decoration: none; }
    .simple-tab li.is-current a:after {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      bottom: -15px;
      width: 100%;
      font-size: 11px;
      text-align: center;
      width: 13px;
      height: 9px;
      margin-left: -4px;
      background: url(../images/a/arr_gift2.png) 0 0 no-repeat; }
  .simple-tab li:focus a, .simple-tab li:hover a, .simple-tab li.is-current:focus a, .simple-tab li.is-current:hover a {
    text-decoration: underline; }
  .simple-tab li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 1px;
    line-height: .1;
    width: 1px;
    height: 10px;
    margin-top: -5px;
    border-left: 1px solid #ccc; }
  .simple-tab li:first-child:before {
    display: none; } }

@media (max-width: 47.99em) {
  .simple-tab.switch-select {
    border-bottom: 0; }
    .simple-tab.switch-select .select-trigger {
      padding-left: 15px;
      padding-right: 15px;
      background-color: #fff;
      border: 1px solid #e5e5e5; } }

.product-sorting {
  margin-bottom: 1em;
  border-bottom: 1px solid #ddd; }
  .product-sorting .col-m-6:last-child {
    padding-left: 1px; }
  .product-sorting .selectbox {
    border-color: transparent; }
    .product-sorting .selectbox.is-active {
      border-color: #555; }
    .product-sorting .selectbox.has-bar:before {
      content: '';
      position: absolute;
      top: 0;
      left: -2px;
      bottom: 0;
      width: 1px;
      height: 22px;
      margin: auto;
      background-color: #e5e5e5; }

/* switch select */
.switch-select {
  position: relative; }
  @media (max-width: 47.99em) {
    .switch-select {
      border-bottom: 1px solid #ddd;
      height: 40px;
      font-size: 14px; }
      .switch-select .select-trigger {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 4px 40px 4px 0;
        color: #333;
        border: 1px solid transparent;
        line-height: 1.1;
        font-weight: normal;
        text-align: left;
        vertical-align: middle; }
        .switch-select .select-trigger .icon {
          position: absolute;
          right: 12px;
          color: #888; }
        .switch-select .select-trigger .icon-arr-up {
          display: none;
          bottom: 13px; }
        .switch-select .select-trigger .icon-arr-down {
          bottom: 12px; }
        .on.switch-select .select-trigger {
          border: 1px solid #555;
          border-bottom-color: #ddd; }
          .on.switch-select .select-trigger .icon-arr-up {
            display: inline-block; }
          .on.switch-select .select-trigger .icon-arr-down {
            display: none; }
      .switch-select .select-selector {
        zoom: 1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 101;
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
        border: 1px solid #555;
        border-top-color: #ccc;
        background-color: #fff;
        color: #888;
        outline: 0;
        -webkit-box-shadow: "0px 1px 1px rgba(0,0,0,0.2)";
        -moz-box-shadow: "0px 1px 1px rgba(0,0,0,0.2)";
        box-shadow: "0px 1px 1px rgba(0,0,0,0.2)"; }
        .switch-select .select-selector:before {
          content: '';
          display: block; }
        .switch-select .select-selector:after {
          content: '';
          display: table;
          clear: both; }
        .switch-select .select-selector li {
          display: block;
          float: none;
          width: 100%;
          padding: 0;
          background: transparent;
          color: #727272;
          vertical-align: middle; }
        .switch-select .select-selector a {
          display: block;
          padding: 7px 10px 6px 15px;
          border: 0 none;
          background: transparent;
          text-decoration: none;
          text-align: left; }
        .on.switch-select .select-selector {
          display: block;
          border: 1px solid #555;
          border-top: 0; } }
  .lnb-header .switch-select {
    height: 42px; }
  .switch-select.primary-tab.on .select-trigger {
    padding-left: 15px; }

/* tables
-------------------------------------------------- */
/* product information table */
.product-table {
  text-align: left; }
  .product-table tr {
    border-top: 1px solid #fff; }
    .product-table tr:first-child {
      border-top: 0; }
  .product-table th,
  .product-table td {
    vertical-align: middle;
    border-top: 1px solid #e5e5e5; }
  .product-table th {
    padding: 10px 10px 10px 30px;
    color: #555; }
  .product-table td {
    width: 30%;
    padding: 10px;
    color: #727272;
    word-break: break-all; }
  @media (min-width: 64em) {
    .product-table {
      border-bottom: 1px solid #ddd; }
      .product-table th {
        padding-left: 0;
        padding-right: 0;
        background-color: #f6f6f6;
        text-align: center;
        width: 15%; }
      .product-table td {
        padding-left: 20px;
        width: 35%; } }
  @media (max-width: 63.99em) {
    .product-table {
      overflow: hidden;
      position: relative;
      display: block; }
      .product-table col {
        display: none; }
      .product-table tbody {
        display: block; }
      .product-table tr {
        display: block;
        border-top: 0; }
        .product-table tr:first-child {
          margin-top: -1px; }
      .product-table th,
      .product-table td {
        display: block;
        float: left;
        padding: 5px 0;
        border-top: 1px solid #e5e5e5; }
      .product-table th {
        clear: left;
        width: 35%; }
      .product-table td {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 65%;
        padding-right: 8px; } }

/* no border, product detail > purchasing info table */
.notice-table {
  text-align: left; }
  .notice-table th,
  .notice-table td {
    vertical-align: top; }
  .notice-table th {
    color: #333; }
  .notice-table td {
    color: #727272; }
  @media (max-width: 63.99em) {
    .notice-table table,
    .notice-table tbody,
    .notice-table tr,
    .notice-table th,
    .notice-table td {
      display: block; }
    .notice-table tr:first-child th {
      margin-top: 0; }
    .notice-table th {
      margin-top: 1em;
      margin-bottom: .3em; } }
  @media (min-width: 64em) {
    .notice-table th {
      width: 178px;
      padding-top: 15px;
      font-size: 1.1em;
      text-align: left;
      white-space: nowrap; }
    .notice-table td {
      padding: 15px 0; } }













/* list table */
.olist-table {
  font-size: 13px;
  border-top: 1px solid #727272;
 /* border-bottom: 1px solid #e5e5e5; */
  background-color: #fff;
  
  }
  .olist-table th {
    font-weight: normal;
    white-space: nowrap; }
  .olist-table .t-title .m-cave-name {
    font-size: 14px; }
  .olist-table td.t-total .price {
    color: #333;
    font-size: 14px; }
  .olist-table td.t-total b.price {
    font-size: 16px; }
  .olist-table a.num {
    color: #758246;
    font-weight: bold;
    text-decoration: underline; }
  .olist-table .func {
    margin-top: 0; }
  .olist-table .empty-msg td {
    padding: 5em 0; }
  .olist-table .gift-row td {
    text-align: left; }
  .olist-table .gift-row-list {
    position: relative;
    background-color: #f6f6f6;
    background-image: url();
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 10px 10px 10px 36px; }
    .olist-table .gift-row-list li {
      margin: 8px 0; }
  .olist-table .gift-row .freebie {
    margin: 0;
    padding: 10px 0; }
  .olist-table .list-cell {
    padding: 0; }
  @media (min-width: 48em) {
    .olist-table th, .olist-table td {
      padding: 14px 4px;
      text-align: center; }
    .olist-table th {
      color: #888;
      font-weight: normal; }
    .olist-table td {
      border-top: 1px solid #e5e5e5; }
    .olist-table td:last-child.t-total,
    .olist-table th:last-child.t-total {
      padding-right: 40px; }
    .olist-table tr:first-child td {
      border-top-color: #e5e5e5; }
    .olist-table .t-title {
      text-align: left; }

    .olist-table .m-title {
      text-align: left; }

    .olist-table .t-option .option {
      display: inline-block; }
    .olist-table .t-option .checkbox {
      display: block;
      margin-right: 0; }
      .olist-table .t-option .checkbox + .checkbox {
        margin-left: 0; }
    .olist-table .t-option .price {
      text-align: center; }
    .olist-table .t-total b.price {
      margin-bottom: .3em; }
    .olist-table .label {
      display: none; }
    .olist-table .btn + .btn {
      margin-top: 5px; }
    .olist-table .num {
      display: block; }
    .olist-table .t-total .price {
      display: block;
      text-align: right;
      padding-left: 10px;
      margin-right: 5px;
      white-space: nowrap; }
    .olist-table .gift-row td {
      padding: 0 10px 10px 10px;
      border-top: 0; }
    .olist-table .gift-row-list {
      padding: 5px 10px 5px 95px;
      background-position: 60px center; }
    .olist-table .gift-row li {
      float: left;
      width: 50%; }
    .shop .olist-table {
      border-top: 0;
      border-bottom: 0; } }
  @media (max-width: 47.99em) {
    .olist-table, .olist-table tbody, .olist-table tr, .olist-table td {
      display: block;
      width: auto; }
    .olist-table colgroup, .olist-table thead, .olist-table .no {
      display: none; }
    .olist-table tr {
      position: relative;
      padding: 4px 15px;
      border-top: 1px solid #ddd; }
      .olist-table tr:first-child {
        border-top: 0; }
    .olist-table td {
      zoom: 1;
      position: relative;
      padding: 8px 0 8px 100px;
      min-height: 24px;
      text-align: left; }
      .olist-table td:before {
        content: '';
        display: block; }
      .olist-table td:after {
        content: '';
        display: table;
        clear: both; }
    .olist-table .in {
      border-top: 0;
      padding-left: 0;
      display: inline-block; }
    .olist-table b.price {
      display: inline-block; }
    .olist-table .state {
      color: #333; }
    .olist-table .t-title {
      display: block;
      padding-left: 0; }
	      .olist-table .m-title {
      display: block;
      padding-left: 0; }
    .olist-table .t-option {
      display: block; }
    .olist-table .btn--mini {
      float: right;
      margin-top: -3px; }
    .olist-table .func {
      margin-top: .3em;
      text-align: left; }
      .olist-table .func:first-child {
        margin-top: 0; }
      .olist-table .func .btn--mini {
        float: none;
        margin-top: 0; }
    .olist-table .label {
      position: absolute;
      left: 0;
      top: 10px; }
      .olist-table .label + span,
      .olist-table .label + .price,
      .olist-table .label ~ .option {
        float: right; }
      .olist-table .label ~ .option .checkbox {
        float: right;
        margin-right: 0; }
    .olist-table .point {
      clear: both;
      text-align: right; }
      .olist-table .point .price + .price {
        margin-left: 8px; }
    .olist-table .num,
    .olist-table .price {
      clear: both;
      display: inline-block;
      text-align: left; }
    .olist-table .empty-msg td {
      text-align: center; }
    .olist-table .gift-row {
      margin-left: -15px;
      margin-right: -15px;
      border-top: 0;
      padding: 0 15px; }
      .olist-table .gift-row td {
        padding: 0; }
      .olist-table .gift-row li {
        display: inline-block;
        width: 245px; }
    .olist-table .list-cell + .in {
      padding-left: 60px; }
    .olist-table .list-cell .t-total {
      padding: 8px;
      margin-top: 8px;
      text-align: right;
      background-color: #f6f6f6; }
      .olist-table .list-cell .t-total .label {
        position: static; } }


















/* list table */
.list-table {
  font-size: 13px;
  border-top: 1px solid #727272;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
  
  }
  .list-table th {
    font-weight: normal;
    white-space: nowrap; }
  .list-table .t-title .m-cave-name {
    font-size: 14px; }
  .list-table td.t-total .price {
    color: #333;
    font-size: 14px; }
  .list-table td.t-total b.price {
    font-size: 16px; }
  .list-table a.num {
    color: #758246;
    font-weight: bold;
    text-decoration: underline; }
  .list-table .func {
    margin-top: 0; }
  .list-table .empty-msg td {
    padding: 5em 0; }
  .list-table .gift-row td {
    text-align: left; }
  .list-table .gift-row-list {
    position: relative;
    background-color: #f6f6f6;
    background-image: url();
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 10px 10px 10px 36px; }
    .list-table .gift-row-list li {
      margin: 8px 0; }
  .list-table .gift-row .freebie {
    margin: 0;
    padding: 10px 0; }
  .list-table .list-cell {
    padding: 0; }
  @media (min-width: 48em) {
    .list-table th, .list-table td {
      padding: 14px 4px;
      text-align: center; }
    .list-table th {
      color: #888;
          font-weight: 500; }
    .list-table td {
      border-top: 1px solid #e5e5e5; }
    .list-table td:last-child.t-total,
    .list-table th:last-child.t-total {
      padding-right: 40px; }
    .list-table tr:first-child td {
      border-top-color: #e5e5e5; }
    .list-table .t-title {
      text-align: left; }
    .list-table .t-option .option {
      display: inline-block; }
    .list-table .t-option .checkbox {
      display: block;
      margin-right: 0; }
      .list-table .t-option .checkbox + .checkbox {
        margin-left: 0; }
    .list-table .t-option .price {
      text-align: center; }
    .list-table .t-total b.price {
      margin-bottom: .3em; }
    .list-table .label {
      display: none; }
    .list-table .btn + .btn {
      margin-top: 5px; }
    .list-table .num {
      display: block; }
    .list-table .t-total .price {
      display: block;
      text-align: right;
      padding-left: 10px;
      margin-right: 5px;
      white-space: nowrap; }
    .list-table .gift-row td {
      padding: 0 10px 10px 10px;
      border-top: 0; }
    .list-table .gift-row-list {
      padding: 5px 10px 5px 95px;
      background-position: 60px center; }
    .list-table .gift-row li {
      float: left;
      width: 50%; }
    .shop .list-table {
      border-top: 0;
      border-bottom: 0; } }
  @media (max-width: 47.99em) {
    .list-table, .list-table tbody, .list-table tr, .list-table td {
      display: block;
      width: auto; }
    .list-table colgroup, .list-table thead, .list-table .no {
      display: none; }
    .list-table tr {
      position: relative;
      padding: 4px 15px;
      border-top: 1px solid #ddd; }
      .list-table tr:first-child {
        border-top: 0; }
    .list-table td {
      zoom: 1;
      position: relative;
      padding: 8px 0 8px 100px;
      min-height: 24px;
      text-align: left; }
      .list-table td:before {
        content: '';
        display: block; }
      .list-table td:after {
        content: '';
        display: table;
        clear: both; }
    .list-table .in {
      border-top: 0;
      padding-left: 0;
      display: inline-block; }
    .list-table b.price {
      display: inline-block; }
    .list-table .state {
      color: #333; }
    .list-table .t-title {
      display: block;
      padding-left: 0; }
    .list-table .t-option {
      display: block; }
    .list-table .btn--mini {
      float: right;
      margin-top: -3px; }
    .list-table .func {
      margin-top: .3em;
      text-align: left; }
      .list-table .func:first-child {
        margin-top: 0; }
      .list-table .func .btn--mini {
        float: none;
        margin-top: 0; }
    .list-table .label {
      position: absolute;
      left: 0;
      top: 10px; }
      .list-table .label + span,
      .list-table .label + .price,
      .list-table .label ~ .option {
        float: right; }
      .list-table .label ~ .option .checkbox {
        float: right;
        margin-right: 0; }
    .list-table .point {
      clear: both;
      text-align: right; }
      .list-table .point .price + .price {
        margin-left: 8px; }
    .list-table .num,
    .list-table .price {
      clear: both;
      display: inline-block;
      text-align: left; }
    .list-table .empty-msg td {
      text-align: center; }
    .list-table .gift-row {
      margin-left: -15px;
      margin-right: -15px;
      border-top: 0;
      padding: 0 15px; }
      .list-table .gift-row td {
        padding: 0; }
      .list-table .gift-row li {
        display: inline-block;
        width: 245px; }
    .list-table .list-cell + .in {
      padding-left: 60px; }
    .list-table .list-cell .t-total {
      padding: 8px;
      margin-top: 8px;
      text-align: right;
      background-color: #f6f6f6; }
      .list-table .list-cell .t-total .label {
        position: static; } }

.simple-list-table, .simple-table {
  border-top: 1px solid #999;
  border-bottom: 1px solid #ccc; }
  .simple-list-table th, .simple-table th, .simple-list-table td, .simple-table td {
    padding: 8px 5px;
    text-align: center;
    word-break: keep-all;
    word-wrap: break-word;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5; }
    .simple-list-table th:first-child, .simple-table th:first-child, .simple-list-table td:first-child, .simple-table td:first-child {
      border-left: 0; }
  .simple-list-table th, .simple-table th {
    background-color: #f6f6f6; }
  .simple-list-table tr:first-child th, .simple-table tr:first-child th, .simple-list-table tr:first-child td, .simple-table tr:first-child td {
    border-top: 0; }
  @media (min-width: 37.5em) {
    .simple-list-table th, .simple-table th, .simple-list-table td, .simple-table td {
      padding: 10px; } }

.simple-table td {
  text-align: left; }
  .simple-table td .btn {
    margin-left: 1em; }
  .simple-table td input + .checkbox {
    margin-left: 1em; }

@media (max-width: 47.99em) {
  .simple-table tr, .simple-table th, .simple-table td {
    display: block;
    border: 0;
    text-align: left; }
  .simple-table tr {
    border-top: 1px solid #e5e5e5; }
    .simple-table tr:first-child {
      border-top: 0; }
  .simple-table th {
    width: auto;
    padding-left: 12px;
    font-size: 14px; }
  .simple-table td {
    padding-left: 12px; }
  .simple-table br {
    display: none; } }

@media (min-width: 48em) {
  .simple-table th {
    width: 120px; }
  .simple-table td {
    padding-left: 20px; } }

@media (min-width: 64em) {
  .simple-table th {
    width: 160px; } }

@media (max-width: 37.49em) {
  .simple--m-flex colgroup {
    display: none; } }

.simple-table-s li {
  position: relative;
  padding: 5px 0;
  padding-left: 96px; }
  .simple-table-s li:first-child {
    padding-top: 0; }
  .simple-table-s li:last-child {
    padding-bottom: 0; }
  .simple-table-s li .label-s {
    position: absolute;
    left: 0;
    color: #555;
    vertical-align: middle;
    white-space: nowrap;
    width: 88px; }
    .simple-table-s li .label-s:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 0;
      width: 1px;
      height: 12px;
      margin-top: -6px;
      background-color: #ddd; }
  .simple-table-s li.t-h-form .label-s {
    margin-top: 9px; }

@media (max-width: 25.865em) {
  .simple--small li {
    padding-left: 0; }
  .simple--small .label-s {
    display: none; } }

/* pagination
-------------------------------------------------- */
.pagination {
  margin-top: 20px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle; }
  .pagination--hr {
    border-top: 1px solid #ccc;
    padding-top: .7em; }
    @media (min-width: 64em) {
      .pagination--hr {
        padding-top: 20px; } }

.page, .page-prev, .page-latest, .page-next, .page-first {
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 24px;
  height: 27px;
  padding: 1px;
  line-height: 28px;
  vertical-align: middle; }

.page:hover, .page:focus {
  color: #333;
  text-decoration: underline; }

.page.is-current {
  color: #333;
  font-weight: bold; }

.page-prev, .page-latest, .page-next, .page-first {
  width: 27px;
  font-size: 25px;
  color: #999;
  line-height: 1; }
  .page-prev:hover, .page-prev:focus, .page-latest:hover, .page-latest:focus, .page-next:hover, .page-next:focus, .page-first:hover, .page-first:focus {
    color: #000;
    text-decoration: none; }
  .page-prev.is-disabled, .page-latest.is-disabled, .page-next.is-disabled, .page-first.is-disabled {
    background: transparent;
    cursor: default;
    color: #ccc; }
    .page-prev.is-disabled:hover, .page-prev.is-disabled:focus, .page-latest.is-disabled:hover, .page-latest.is-disabled:focus, .page-next.is-disabled:hover, .page-next.is-disabled:focus, .page-first.is-disabled:hover, .page-first.is-disabled:focus {
      color: #ccc; }

.page-prev {
  margin-right: 5px; }

.page-next {
  margin-left: 5px; }

@media (min-width: 64em) {
  .page {
    margin-left: 10px;
    margin-right: 10px; }
    .page-prev {
      margin-left: 2px;
      margin-right: 21px; }
    .page-next {
      margin-left: 21px;
      margin-right: 2px; } }

/* zipcode
-------------------------------------------------- */
.layer--zipcode {
  width: 400px; }

#btn-search-old {
  min-width: 0; }

.zip-type {
  padding-top: 20px; }

.zip-s {
  min-height: 230px; }
  .zip-s .label-h {
    display: inline-block;
    margin-right: 5px; }
  .zip-s .scroll-box {
    width: 100%;
    border-top-width: 2px;
    border-left: 0;
    border-right: 0; }
  .zip-s p {
    margin-bottom: .5em; }
  @media (min-width: 48em) {
    .zip-s .label-h {
      width: 90px;
      margin-right: 0; } }

.zip-list {
  overflow-x: hidden;
  overflow-y: auto;
  height: 123px;
  border-bottom: 1px solid #e5e5e5; }
  .zip-list .btn-add {
    position: relative;
    display: block;
    border-top: 1px solid #e5e5e5;
    padding: 12px;
    line-height: 1.3; }
    .zip-list .btn-add:hover, .zip-list .btn-add:focus {
      background-color: #f6f6f6;
      color: #222;
      text-decoration: none; }
  .zip-list .icon-arr-right {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -8px;
    font-size: 12px; }
  .zip-list .a {
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5; }
    .zip-list .a .checkbox {
      display: block;
      color: #222; }
  .zip-list .b {
    padding-left: 22px; }

.zip-result {
  margin-top: 2em; }

.zip-detail th,
.zip-detail td {
  padding: 5px 0; }

.zip-form {
  margin-left: -4px;
  margin-right: -4px; }
  .zip-form .row > div {
    padding: 4px;
    white-space: nowrap; }
  .zip-form .building-num {
    position: relative; }
    .zip-form .building-num .col-m-6 {
      padding-left: 8px; }
      .zip-form .building-num .col-m-6:first-child {
        padding-left: 4px;
        padding-right: 8px; }
        .zip-form .building-num .col-m-6:first-child:after {
          content: '-';
          position: absolute;
          top: 9px;
          left: 50%;
          margin-left: -3px;
          font-size: 16px; }

/* comment */
.comment {
  position: relative;
  padding-top: 15px;
  border-top: 1px solid #fff;
  color: #555; }
  .comment:first-child {
    padding-top: 0;
    border-top: 0 none; }
    .comment:first-child .comment-act {
      top: 0; }

.comment-wrap {
  margin-left: -15px;
  margin-right: -15px; }

.comment-write-func {
  position: relative;
  padding: 5px 0; }
  .comment-write-func .write-btn {
    padding-left: 0;
    padding-right: 0;
    outline: 0 none; }
  .comment-write-func .icon-image {
    font-size: 15px; }
  .comment-write-func .counter {
    position: absolute;
    top: 7px;
    right: 0; }

.comment-write textarea {
  width: 100%;
  padding: 12px 15px;
  min-height: 80px;
  border-color: #ccc; }

.comment-write .func {
  margin-top: 1.429em;
  margin-bottom: 2.857em;
  text-align: right; }
  .comment-write .func .btn-em {
    margin-left: 4px; }

.comment-box {
  margin-top: 2px;
  padding: 10px 15px;
  background-color: #f6f6f6; }

.comment-info {
  font-size: 0.929em; }
  .comment-info .user {
    color: #999; }
  .comment-info .date {
    position: relative;
    padding-left: 6px;
    margin-left: 3px;
    color: #999; }
    .comment-info .date:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      margin: auto;
      width: 1px;
      height: 10px;
      background-color: #ccc; }

.comment-act {
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 0.929em;
  color: #999; }
  .comment-act .act-btn {
    padding: 0;
    outline: 0 none; }
    .comment-act .act-btn.reply + .delete {
      position: relative; }
      .comment-act .act-btn.reply + .delete:before {
        content: '/';
        margin-right: 3px;
        padding-left: 2px; }

.comment.react {
  margin-top: 15px;
  padding-left: 15px; }
  .comment.react .comment-info .user {
    position: relative; }
    .comment.react .comment-info .user:before {
      content: '';
      position: absolute;
      top: 6px;
      left: -15px;
      width: 10px;
      height: 2px;
      background-color: #ccc; }
    .comment.react .comment-info .user:after {
      content: '';
      position: absolute;
      top: -2px;
      left: -15px;
      width: 2px;
      height: 10px;
      background-color: #ccc; }

.comment p {
  margin-top: 10px;
  margin-bottom: 10px; }

.comment-form textarea {
  width: 100%;
  padding: 12px 15px;
  min-height: 102px;
 border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; 
  
  
  
  }

.comment-form .func {
  margin-top: 1em;
  margin-bottom: 30px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5; }

.comment-form .uploader-wrap {
  position: relative;
  padding: 5px 0; }

.comment-form .counter {
  position: absolute;
  top: 7px;
  right: 0; }

@media (min-width: 48em) {
  .comment {
    padding-top: 20px; }
  .comment-wrap {
    margin-left: 0;
    margin-right: 0; }
  .comment-box {
    padding: 17px 20px;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	
	}
  .comment.react {
    margin-top: 20px;
    padding-left: 30px; }
    .comment.react .comment-info em:before, .comment.react .comment-info em:after {
      left: -30px; } }

/* review write */
.c-body {
  border-top: 1px solid #888;
  font-size: 1.4em; }
  .c-body .row {
    margin: 8px 0; }

.c-file {
  padding: 4px 0 8px;
  border-bottom: 1px solid #ccc; }

.c .selectbox {
  width: 100%;
  min-width: 180px; }

.c .txt-wrap {
  color: #222;
  font-size: 14px;
  line-height: 30px;
  vertical-align: middle; }

.c .rating-wrap label {
  margin-right: 10px; }

.c .rating-wrap select {
  position: absolute;
  visibility: hidden; }

.c .category-wrap + .rating-wrap {
  padding-top: 10px;
  padding-bottom: 2px; }

.c .txt-wrap + .rating-wrap {
  padding-top: 3px; }

.c textarea {
  min-height: 96px; }

@media (min-width: 25.875em) {
  .c .selectbox {
    width: auto; } }

@media (min-width: 37.5em) {
  .c textarea {
    min-height: 280px; } }

@media (min-width: 48em) {
  .c .txt-wrap {
    padding-left: 15px;
    font-size: 15px; }
  .c .t_wrap {
    max-width: 930px;
    margin: 0 auto; }
  .c textarea {
    min-height: 330px; } }

/*! jQuery UI - v1.11.4 - 2016-02-11
* http://jqueryui.com
* Includes: core.css, datepicker.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=0);
  opacity: 0; }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  color: #ccc; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  display: none;
  right: 15px;
  z-index: 300 !important;
  height: 280px;
  padding: 0;
  background-color: #fff;
  font-size: 13px;
  letter-spacing: 0;
  -webkit-box-shadow: 0 1px 2px rgba(51, 51, 51, 0.25);
  -moz-box-shadow: 0 1px 2px rgba(51, 51, 51, 0.25);
  box-shadow: 0 1px 2px rgba(51, 51, 51, 0.25); }
  @media (min-width: 48em) {
    .ui-datepicker {
      right: auto;
      width: 320px;
      margin-top: -326px; } }

.hasDatepicker .ui-datepicker {
  width: auto;
  margin-top: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  height: 30px;
  margin: 0 0 10px;
  padding: 5px 0;
  border-bottom: 1px solid #e5e5e5; }
  @media (min-width: 64em) {
    .ui-datepicker .ui-datepicker-header {
      padding-top: 9px;
      padding-bottom: 6px; } }

.ui-datepicker-prev, .ui-datepicker-next {
  position: absolute;
  top: 11px;
  width: 30px;
  height: 30px;
  color: #727272;
  cursor: pointer; }
  .ui-datepicker-prev:hover, .ui-datepicker-prev:focus, .ui-datepicker-next:hover, .ui-datepicker-next:focus {
    text-decoration: none;
    color: #222; }
  .ui-datepicker-prev:before, .ui-datepicker-next:before {
    font-family: "rt_font";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    width: 1em;
    color: inherit;
    font-size: 1em;
    text-align: center;
    text-indent: 0;
    text-decoration: inherit;
    font-variant: normal;
    font-size: 18px;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.ui-datepicker-prev {
  left: 50%;
  margin-left: -140px; }
  .ui-datepicker-prev:before {
    content: '\e80d'; }

.ui-datepicker-next {
  right: 50%;
  margin-right: -140px; }
  .ui-datepicker-next:before {
    content: '\e80e'; }

@media (min-width: 64em) {
  .ui-datepicker-prev, .ui-datepicker-next {
    top: 14px; }
  .ui-datepicker-prev {
    margin-left: -145px; }
  .ui-datepicker-next {
    margin-right: -145px; } }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  color: #555;
  font-size: 17px;
  font-weight: bold;
  text-align: center; }
  @media (min-width: 64em) {
    .ui-datepicker .ui-datepicker-title {
      font-size: 18px; } }

.ui-datepicker .ui-datepicker-title span.ui-datepicker-year:after {
  content: '. '; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 270px;
  margin: 0 auto 20px; }
  @media (min-width: 64em) {
    .ui-datepicker table {
      width: 300px; } }

.ui-datepicker th,
.ui-datepicker td {
  padding: 2px 6px;
  border: 0; }

.ui-datepicker th {
  color: #555;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase; }

.ui-datepicker td {
  font-size: 13px; }
  @media (min-width: 64em) {
    .ui-datepicker td {
      padding-left: 7px;
      padding-right: 7px; } }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 4px 5px 5px;
  text-align: center;
  text-decoration: none;
  border-radius: 100%; }

.ui-datepicker td a {
  color: #555; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* added styles */
.ui-datepicker-current-day .ui-state-default {
  background-color: #f1663b;
  color: #fff; }

.ui-datepicker-today .ui-state-default {
  background-color: #ccc;
  color: #555; }

/* slick theme
-------------------------------------------------- */
/* Slider */
.slick-loading .slick-list {
  background: #fff url("/rt_img/ajax-loader.gif") center center no-repeat; }

.slick-slider img {
  margin: 0 auto; }

/* Icons
@if $slick-font-family == "slick" {
    @font-face {
        font-family: "slick";
        src: slick-font-url("slick.eot");
        src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
        font-weight: normal;
        font-style: normal;
    }
}
*/
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  z-index: 11;
  display: block;
  width: 30px;
  height: 40px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -20px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    cursor: default; }
    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
      visibility: hidden\9;
      opacity: 0.2; }
    .slick-prev.slick-disabled:hover:before, .slick-prev.slick-disabled:focus:before,
    .slick-next.slick-disabled:hover:before,
    .slick-next.slick-disabled:focus:before {
      opacity: 0.2; }

.slick-prev:before,
.slick-next:before {
  font-family: "rt_font";
  font-size: 30px;
  line-height: 1;
  color: #999;
  opacity: 0.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.slick-prev {
  left: 0; }
  .slick-prev:before {
    content: ""; }

.slick-next {
  right: 0; }
  .slick-next:before {
    content: ""; }

/* Dots */
.slick-dots {
  position: absolute;
  left: 0;
  bottom: -30px;
  padding: 0;
  width: 100%;
  list-style: none;
  display: block;
  text-align: center; }
  .slick-dots li {
    position: relative;
	 z-index: 11;
    display: inline-block;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 14px;
      width: 14px;
      padding: 5px;
      color: transparent;
      font-size: 0;
      line-height: 1;
      cursor: pointer;
      outline: none; }
      .slick-dots li button:hover:before, .slick-dots li button:focus:before {
        opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 5px;
        left: 5px;
        content: "●";
        width: 14px;
        height: 14px;
        font-family: 'Lato','notokr-medium',sans-serif;
        font-size: 14px;
        line-height: 14px;
        text-align: center;
        color: #F3F3F3;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      content: "●";
      color: #222; }
  @media (max-width: 37.49em) {
    .slick-dots li button {
      height: 12px;
      width: 12px;
      padding: 5px 3px; }
      .slick-dots li button:before {
        left: 3px;
        width: 12px;
        height: 12px;
        font-size: 12px;
        line-height: 12px; } }

/* dropzone style
-------------------------------------------------- */
.dz-details {
  clear: both;
  overflow: hidden; }

.dz-file-wrap {
  position: relative;
  display: inline-block;
  width: 120px; }
  .dz-file-wrap img {
    vertical-align: top; }

.dz-remove {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 0;
  width: 25px;
  height: 25px;
  padding: 0;
  font-size: 18px; }

.dz-default {
  display: none; }

.dz-clickable {
  cursor: pointer; }

/* main
-------------------------------------------------- */
.main--index {
  overflow-x: hidden;
  font-size: 1.2em; }
  @media (min-width: 64em) {
    .main--index {
      font-size: 1.4em; } }

.banner {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
  text-align: center; 


  }
  .banner-box {
    position: relative;
    height: 0;
    padding-bottom: 123.4%;

	}
  .banner-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; 
  	position: relative;
	z-index: 11;
	}
  .banner:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .banner-h {
    font-size: 1em;
    line-height: 1.3;
       font-family: 'Lato','notokr-medium',sans-serif;
	z-index: 11; }
    .banner-h-i {
      font-size: 13px;
     position: relative;
	z-index: 11;}
    
	
	.banner-h-b {
      display: block;
      margin: .2em auto;
      color: #322D19;
      font-size: 2.4em;
      font-size: 8.4vw;
      font-weight: normal;
      letter-spacing: -.068em;position: relative;
	  font-family: Lato,'notokr-light', 맑은고딕, sans-serif;
	z-index: 11; }

 .banner-h-b2 {
      display: block;
      margin: .2em auto;
      color: #fff;
      font-size: 2.4em;
      font-size: 8.4vw;
      font-weight: normal;
      letter-spacing: -.068em;position: relative;
	  font-family: Lato,'notokr-light', 맑은고딕, sans-serif;
	z-index: 11; }


  .banner-func {
    margin: 2em 0 3.2em; position: relative;
	z-index: 11;}
    .banner-func .btn-ghost-dark {
      height: 35px;
      padding: 0.1em 1.4em;
      line-height: 31px; position: relative;
	z-index: 11;}
  .banner-date {
       font-family: 'Lato','notokr-medium',sans-serif;}
    .banner-date .bar {
      display: inline-block;
      vertical-align: middle;
      width: 1px;
      height: 12px;
      margin: 0 5px;
      background-color: #999; }
  .banner.banner--dark .banner-h-i,
  .banner.banner--dark .banner-h-b,
  .banner.banner--dark p {
    color: #fff; }
  @media (min-width: 37.5em) {
    .banner-box {
      height: 270px;
      padding-bottom: 0; }
    .banner-h-i {
      font-size: 16px; }
    .banner-h-b {
      margin-bottom: .4em;
      font-size: 2.4em; } 
	  .banner-h-b2 {
      margin-bottom: .4em;
      font-size: 2.4em; } 
	  
	  
	  }
  @media (min-width: 48em) {
    .banner-box {
      height: 300px; }
    .banner-h-i {
    font-size: 16px;
    font-family: 'Lato','notokr-medium',sans-serif;
    font-weight: 900;
	  }











    .banner-h-b {
      font-size: 60px;
	    font-family: 'Lato','notokr-medium',sans-serif;
	       font-weight: 300;
		  text-shadow: 2px 4px 3px rgba(0,0,0,0.2);
	  } 
	  

    .banner-h-b2 {
      font-size: 60px;
	    font-family: 'Lato','notokr-medium',sans-serif;
	       font-weight: 300;
		  text-shadow: 2px 4px 3px rgba(0,0,0,0.2);
	  } 
	  


	  
	  }
  @media (min-width: 75em) {
    .banner-box {
      height: 620px;
      background-size: auto; } }

.banner--since1979 .banner-h-b {
  width: 75%; }
  @media (min-width: 37.5em) {
    .banner--since1979 .banner-h-b {
      width: auto; } }

.banner--event a {
  min-width: 0; }


.banner--event .banner-cell {
  width: 75%;
  text-align:center;
position: relative;
	z-index: 11;
  }

.banner--event .bar {
  display: inline-block;
  height: 12px;
  margin: -2px 4px 0;
  border-left: 1px solid #a2a2a2;
  border-left-color: rgba(34, 34, 34, 0.5);
  line-height: 1.3;
  vertical-align: middle;   	position: relative;
	z-index: 11;}

.banner--event .banner-func {
  margin-bottom: 6em; position: relative;
	z-index: 11;}

@media (max-width: 37.49em) {
  .banner--event .banner-cell {
    padding-top: 152px;
		position: relative;
	z-index: 11;
	
	}
  .banner--event:after {
    display: none; } }

@media (min-width: 37.5em) {
  .banner--event .banner-cell {
    max-width: 1120px;
    width: 85%;
	position: relative;
	z-index: 11;
	    text-align: center;
	}
  .banner--event .banner-h-b {
   
	  font-family: Lato,'notokr-light', 맑은고딕, sans-serif;
	
	}
    .banner--event .banner-h-b br {
      display: none; }


  .banner--event .banner-h-b2 {
   
	  font-family: Lato,'notokr-light', 맑은고딕, sans-serif;
	
	}
    .banner--event .banner-h-b2 br {
      display: none; }


  .banner--event .banner-func {
    margin-bottom: 1.2em;position: relative;
	z-index: 11; } }

@media (max-width: 47.99em) {
  .main_top_banner .slick-prev,
  .main_top_banner .slick-next {
    display: none !important; } }

.main_top_banner .slick-prev,
.main_top_banner .slick-next {
  width: 24px;
  height: 30px;
  margin-top: -24px; }
  .main_top_banner .slick-prev:before,
  .main_top_banner .slick-next:before {
    color: #322D19;
    font-size: 32px; }

.main_top_banner .slick-prev {
  left: 10px; }

.main_top_banner .slick-next {
  right: 10px; }

.main_top_banner .slick-dots {
  bottom: 20px; }
  .main_top_banner .slick-dots li button:before {
    /*color: #fff;*/
    opacity: 1; }

@media (min-width: 75em) {
  .main_top_banner .slick-prev,
  .main_top_banner .slick-next {
    width: 40px;
    height: 45px;
    margin-top: -30px; }
    .main_top_banner .slick-prev:before,
    .main_top_banner .slick-next:before {
      font-size: 55px; }
  .main_top_banner .slick-prev {
    left: 30px; }
  .main_top_banner .slick-next {
    right: 30px; } }

.main-bestseller-h {
  padding: 25px 0 15px;
  color: #222;
  font-family: Lato,'notokr-medium', 맑은고딕, sans-serif;
  font-weight:700;
  font-size: 1.4em;
  line-height: 1;
  text-align: center;
   background-size: auto 7px; }

.main_top_best .slider {
  padding-bottom: 50px; }

.main_top_best .slide {
  float: left;
  width: 50%;
  text-align: center;
  outline: 0; }
  .main_top_best .slide a {
    display: block;
    padding: 1em 7.5% 0; }
  .main_top_best .slide .price {
    color: #333; 
	    font-family: 'Lato','notokr-regular',sans-serif;
    font-weight: 500;
    font-size: 1.4em;
	 display: block; 
	}
  .main_top_best .slide .dc .price {
    color: #d75100;
    font-weight: bold; }
    .main_top_best .slide .dc .price s {
      color: #727272;
      font-weight: normal; }

.main_top_best .slick-dots {
  bottom: 15px; }

.main_top_best .slick-arrow {
  margin-top: -40px; }

.main_top_best img,
.main_top_best .product-name, .main_top_best .product-name_sub
.main_top_best .price {
  display: block; }

.main_top_best img {
  width: 90%;
  margin-bottom: 10px; }






.cus_list .slider {
  padding-bottom: 50px; }

.cus_list .slide {
  float: left;
  width: 50%;
  text-align: center;
  outline: 0; }
  .cus_list .slide a {
    display: block;
    padding: 1em 7.5% 0; }
  .cus_list .slide .price {
    color: #333; 
	    font-family: 'Lato','notokr-regular',sans-serif;
    font-weight: 500;
    font-size: 1.4em;
	 display: block; 
	}

.cus_list .slick-dots {
  bottom: 15px; }

.cus_list .slick-arrow {
  margin-top: -40px; }

.cus_list img,
.cus_list .cus-name {
  display: block; }

.cus_list img {
  width: 90%;
  margin-bottom: 10px; }








@media (max-width: 63.99em) {
  .main_top_best .slick-arrow {
    opacity: 0; } 

	  .cus_list .slick-arrow {
    opacity: 0; } 
	
	}

@media (min-width: 64em) {
  .main_top_best {
    margin-top: 0;
    padding-bottom: 2em;
	padding: 1% 0 4%;

	}

 .cus_list {
    margin-top: 0;
    padding-bottom: 2em;
	padding: 1% 0 4%;

	}


    .main-bestseller-h {
      padding-top: 1.6em;
      padding-bottom: 1.6em;
      background-size: auto;
         font-size: 2.16em; }
    .main_top_best .slide {
      width: 25%; }
      .main_top_best .slide a {
        padding-top: 1em; }

      .main_top_best .slide .product-name {
        margin-top: 1.5em;
		    font-family: 'Lato','notokr-demilight',sans-serif;
    font-weight: 700;
    font-size: 13px;
			 color:#727272;
			 display: block; 
		}





      .main_top_best .slide .product-name_sub {
        margin-top: 0.2em;
		      font-family: 'Lato','notokr-demilight',sans-serif;
    font-weight: 700;
    color: #A8AC9C;
		     font-size: 1.4em;

			 display: block; 
		}

    .main_top_best img {
      width: auto;
      margin: 0 auto;
	  margin-bottom:10px;
	  }
	  
	  
	  
	  
	  
	    .cus_list .slide {
      width: 25%; }
      .cus_list .slide a {
        padding-top: 1em; }

      .cus_list .slide .cus-name {
        margin-top: 1.5em;
		    font-family: 'Lato','notokr-demilight',sans-serif;
    font-weight: 700;
    font-size: 13px;
			 color:#727272;
			 display: block; 
		}





      .cus_list .slide .cus-name_sub {
        margin-top: 0.2em;
		      font-family: 'Lato','notokr-demilight',sans-serif;
    font-weight: 700;
    color: #A8AC9C;
		     font-size: 1.4em;

			 display: block; 
		}

    .cus_list img {
      width: auto;
      margin: 0 auto;
	  margin-bottom:10px;
	  }
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  }

.gift-set {
  overflow: hidden;
  position: relative; }
  .gift-set-a {
    display: block; }
  .gift-set .img {
    width: 100%; }

.rcs li {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 50%; }

.rcs-a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%; }

.rcs .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

@media (min-width: 37.5em) {
  .gift-set,
  .rcs {
    float: left; } }

@media (min-width: 37.5em) and (max-width: 47.99em) {
  .gift-set {
    width: 66.66%; }
  .rcs {
    width: 33.33%; }
    .rcs li {
      width: 100%;
      padding-bottom: 100%; }
      .rcs li:nth-child(2), .rcs li:nth-child(3) {
        display: none; }
      .rcs li:first-child:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #e5e5e5; } }

@media (min-width: 48em) {
  .gift-set,
  .rcs {
    width: 50%; } }

.main-suggestion {
  height: 150px;
  white-space: nowrap;
  background-size: cover;
  color: #fff;
  font-weight: bold;
  text-align: center; }
  .main-suggestion-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .main-suggestion:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .main-suggestion .clock {
    width: 100px;
    margin: 0 auto;
    padding-top: 5px; }
  .main-suggestion p {
    margin-top: .5em;
    margin-bottom: 0;
    font-size: 1.2em;
    -webkit-text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }

  

.main-counsellor {
  white-space: nowrap;
  position: relative;
  /*max-width: 1280px;*/
  margin: 0 auto;
  padding: 3.6em 0 2.8em;
 width:100%;
  text-align: center;
  background:#EEF0E8;
  
  
  }
  .main-counsellor-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .main-counsellor:after {
    content: "";
	 background:#EEF0E8
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .main-counsellor-cell {
    position: relative;
    width: 80%;
    margin: 0 auto;
    color: #222; }
  .main-counsellor .slider {
    margin-bottom: 10px;
    padding-bottom: 20px; }
  .main-counsellor .slide {
    outline: 0; }
  .main-counsellor .slick-dots {
    bottom: 0; }
  .main-counsellor p {
     font-size: 1.0em;
     font-family: 'Lato','notokr-medium',sans-serif;}
  .main-counsellor .deco:before, .main-counsellor .deco:after {
    content: '';
    position: absolute;
    width: 90px;
    height: 60px;
      background-size: 100%; }
  .main-counsellor .deco:before {
    top: 0;
    left: 15px; }
  .main-counsellor .deco:after {
    bottom: 0;
    right: 15px;
    background-position: 0 bottom; }
  @media (min-width: 25.875em) {
    .main-counsellor p {
      font-size: 1.0em; } }
  @media (min-width: 37.5em) {
    .main-counsellor .deco:before, .main-counsellor .deco:after {
      width: 120px;
      height: 90px; }
    .main-counsellor .deco:before {
      left: 15px; }
    .main-counsellor .deco:after {
      right: 15px; } }
  @media (min-width: 64em) {
    .main-counsellor p {
      width: 60%;
      margin: 0 auto 0.5em; }
    .main-counsellor .deco:before, .main-counsellor .deco:after {
      width: 180px;
      height: 120px;
      background-size: auto; }
    .main-counsellor .deco:before {
      left: 11%; }
    .main-counsellor .deco:after {
      right: 10%; } }
  @media (min-width: 75em) {
    .main-counsellor p {
      width: 55%;
       font-size: 1.0em; }

    .main-bestseller-h p {
      width: 55%;
       font-size: 1.0em; }


	  }
  .main-bestseller-h p {
    width: 60%;
    margin: 20px auto 0em;
}

@media (min-width: 64em)
{
    .main-bestseller-h p {
    width: 60%;
    margin: 20px auto 0em;
}
}

.tea_insta {
  background: #fff; margin-bottom: 60px;}
  .tea_insta ul {
    max-width: 1260px;
    margin: 0 auto;
    overflow: hidden; }
  .tea_insta li {
    position: relative;
    float: left;
    width: 33.333%;
	}
    .tea_insta li a {
      overflow: hidden;
      display: block;
      -webkit-perspective: 900px;
      -moz-perspective: 900px;
      -ms-perspective: 900px;
      -o-perspective: 900px;
      perspective: 900px; }


  .tea_insta li a img{
    max-width: 100%;
   	 height: auto;



}



      .tea_insta li a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: url(/tea_img/front_img.png);
        -webkit-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
        -o-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
      .tea_insta li a:hover:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
        filter: alpha(opacity=0);
        opacity: 0; }
    @media (max-width: 47.99em) {
      .tea_insta li:last-child {
        display: none; } }
    @media (min-width: 48em) and (max-width: 63.99em) {
      .tea_insta li {
        width: 33.333%; }
        .tea_insta li:nth-child(n+10) {
          display: none; } }
    @media (min-width: 64em) {
      .tea_insta li {
        width: 20%; } }
  .tea_insta img {
    display: block;
    width: 100%; }

/* article (post view & event view )
-------------------------------------- */
.top-visual {
  overflow: hidden;
  position: relative; }

.top-visual--tictionary .top-visual-img, .top-visual--magazine .top-visual-img {
  background-image: url(../images/guide/top_bg.jpg); }

.top-visual-img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 230px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }
  .is-dimmed .top-visual-img {
    position: absolute;
    top: initial;
    bottom: 0; }

.top-visual-cell {
  position: relative;
  z-index: 1;
  width: 75%;
  color: #fff;
  font-size: 1.3em; }

.top-visual .h {
  font-weight: normal;
  font-size: 2.077em;
  font-family: 'Lato','notokr-medium',sans-serif;}

.top-visual p {
  display: none; }

@media (min-width: 48em) {
  .top-visual-img {
    height: 400px; }
  .top-visual-cell {
    font-size: 1.5em; }
  .top-visual .h {
    font-size: 3.6em; }
  .top-visual p {
    display: block; } }

.featured-item {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 2em; }
  .featured-item .article-figure {
    margin: 0 0; }
  .featured-item + .article-section {
    margin-top: 2em; }

.featured-video {
  position: relative;
  display: block; }
  .featured-video .icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 32px;
    height: 32px;
    color: #fff;
    font-size: 32px; }
    .featured-video .icon:before {
      vertical-align: top; }

@media (min-width: 48em) {
  .featured-item {
    margin-left: 0;
    margin-right: 0; }
  .featured-video .icon {
    width: 81px;
    height: 81px;
    font-size: 81px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=70);
    opacity: 0.7; } }

.article {
  position: relative;
  z-index: 1;
  padding-bottom: 4em;
  font-size: 1.4em; }
  .article-pad {
    position: relative; }
  .article-header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 15px;
    margin-bottom: 2.143em; }
    .article-header .add-on {
      display: block;
      color: #999;
      font-size: 0.929em; }
    .article-header .date {
      position: relative;
      display: inline-block;
      padding-left: 10px;
      margin-left: 5px; }
      .article-header .date:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 1px;
        height: 11px;
        margin: auto;
        background-color: #ccc; }
  .article-cont p {
    line-height: 1.8;
    text-align: justify;
    letter-spacing: -.04em;
    word-break: keep-all;
    word-wrap: break-word; }
  .article-cont h2 + p {
    margin-top: 0; }
  .article-footer {
    margin-top: 2em;
    color: #999;
    font-size: .95em; }
    .article-footer .author span {
      display: inline-block;
      white-space: nowrap; }
  .article-partial {
    margin-top: 2.5em; }
  .article-share {
    padding-top: 0.714em;
    border-top: 1px solid #e5e5e5; }
    .article-share-link {
      display: inline-block;
      width: 26px;
      height: 26px;
      color: #ccc;
      font-size: 30px;
      text-align: center;
      line-height: 25px; }
  .article-info {
    font-size: 0.929em;
    margin-bottom: 1.429em; }
    .article-info li {
      margin-bottom: 6px; }
    .article-info-tag {
      display: inline-block;
      padding: 2px 10px;
      margin-right: 8px;
      color: #555;
      background-color: #e5e5e5; }
  .article-count {
    display: inline-block;
    padding: 3px 10px 2px;
    margin-bottom: 13px;
    font-size: 0.929em;
    font-family: 'Lato','notokr-medium',sans-serif;
    color: #fff;
    background-color: #d8ac74; }
  .article-img {
    margin: 2em 0; }
    .article-img img {
      width: 100%; }
  .article-figure {
    margin: 2.5em 0;
    font-size: 13px; }
    .article-figure-cation {
      margin-top: 5px; }
      .article-figure-cation strong {
        display: block;
        margin-top: 1em;
        color: #555; }
    .article-figure br {
      display: none; }
  .article-blockquote {
    float: left;
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 15px; }
  .article .em {
    color: #d5761b; }
  .article .h1 {
    margin-top: .3em;
    padding-bottom: .6em;
    color: #333;
    font-weight: normal;
    font-size: 1.429em;
    font-family: 'Lato','notokr-medium',sans-serif;
    line-height: 1.3; }
    .article .h1 br {
      display: none; }
  .article .h {
    margin-top: 2em;
    margin-bottom: 0.5em;
    color: #333;
    font-weight: bold;
    font-size: 1.071em;
    line-height: 1.4; }
  @media (min-width: 64em) {
    .article {
      padding-top: 4em;
      font-size: 1.5em; }
    .article-pad {
      padding-left: 25.446%; }
    .article-cont {
      padding: 25px;
      background-color: white;
      background-color: rgba(255, 255, 255, 0.4); }
      .article-cont:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: -1;
        height: 300px;
        margin-left: 25.446%;
        -webkit-box-shadow: 0 -2px 5px 0 rgba(51, 51, 51, 0.1);
        -moz-box-shadow: 0 -2px 5px 0 rgba(51, 51, 51, 0.1);
        box-shadow: 0 -2px 5px 0 rgba(51, 51, 51, 0.1); }
    .article .sticky-pad {
      position: absolute;
      top: 0;
      left: 0;
      width: 25.446%; }
    .article-header {
      position: absolute;
      top: 0;
      left: 0;
      max-width: 265px;
      width: 100%;
      padding-top: 0;
      padding-right: 20px; }
      .article-header .add-on {
        margin-bottom: 1.2em;
        font-size: 0.933em; }
      .article-header-pad {
        padding-top: 4.2em; }
    .article-body p {
      line-height: 1.7; }
    .article-figure {
      text-align: center; }
      .article-figure br {
        display: block; }
    .article-section {
      padding: 0 20px; }
    .article-footer {
      padding: 0 20px;
      margin-top: 6em; }
    .article-share {
      margin-top: 2em;
      padding-top: 1.333em; }
    .article-info {
      font-size: 0.933em;
      margin-bottom: 4em; }
      .article-info li {
        position: relative;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 95px; }
      .article-info-tag {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1; }
    .article-count {
      position: absolute;
      top: 0;
      left: 0;
      margin-bottom: 0; }
    .article .h1 {
      margin-top: 0.375em;
      padding-bottom: 0.75em;
      font-size: 2.1em; }
      .article .h1 br {
        display: block; }
    .article .h {
      font-size: 1.2em; } }
  @media (min-width: 75em) {
    .article .h1 {
      font-size: 2.667em; } }

/* related */
.related-articles {
  background-color: #333;
  font-size: 1.4em; }
  @media (min-width: 64em) {
    .related-articles {
      margin-top: 3.077em;
      font-size: 2.6em; } }
  .related-articles .slick-arrow:before {
    color: #fff; }

.related-list {
  max-width: 1280px;
  margin: 0 auto -60px; }

.related-item {
  overflow: hidden;
  position: relative;
  background-color: #000; }

.related-item-img {
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=40);
  opacity: 0.4; }

.related-item-label {
  display: block;
  margin-top: -.2em;
  margin-bottom: .4em;
  color: #999;
  font-size: .9em; }
  .related-mgz .related-item-label {
    font-family:'Lato','notokr-medium',sans-serif;}

.related-item-title {
  margin: 0;
  font-family:'Lato','notokr-medium',sans-serif;}

.related-link {
  display: block;
  height: 0;
  padding-bottom: 75%;
  text-align: center; }
  .related-link .cover-text {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 15%;
    right: 15%;
    bottom: 0;
    color: #fff; }
    .related-link .cover-text-cell {
      display: inline-block;
      vertical-align: middle;
      white-space: normal; }
    .related-link .cover-text:after {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
  .related-link img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 50%;
    min-height: 50%;
    max-width: none;
    margin: auto; }

.related-thumb {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%; }

@media (min-width: 42.5em) {
  .related-link {
    height: 0;
    padding-bottom: 37.5%; } }

@media (min-width: 64em) {
  .related-item-label {
    font-size: 14px; } }

/* product detail
-------------------------------------------------- */
.product-head {
  position: relative;
  /*background: #F8F8F8;*/
  background-size: auto 100%;
  min-height: 680px;
  
  }
  @media (min-width: 64em) {
    .product-head:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      right: 0;
      background: rgba(255, 255, 255, 0.4); } }
  .product-head .price {
    text-align: right;
    vertical-align: baseline; }
    .product-head .price s {
      display: block;
      font-size: .95em; }
  .product-head .dc {
    color: #d75100;
    margin-right: 2px;
    font-size: .95em; }

/* product detail top */
.product-visual {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /*padding: 0 20px 0px;*/
  /*background: #e5e5e5 url() repeat-x 0 0;*/
  background-size: auto 100%; }
  .product-visual-pad {
    position: relative;
    max-width: 680px;
    margin: 0 auto; 
	margin-right: 0px;
	}



  .product-visual-pad2 .btn_zoom {
    position: absolute;
    z-index: 3;
    display: block;
    width: 60px;
    height: 60px;
    top: 0px;

    margin-left: 15px;
    background: url(/tea_img/btn_zoom.png) 0 0 no-repeat;
    text-indent: -999em;
	    right: 0%;
}

.product-visual .adaptive_wrap {
    min-height: 680px!important;
}

.product-visual .adaptive_wrap {
    margin: 0 auto;
    width: auto;

    max-width: 1260px;
}

.product-visual .product-visual-pad2{
    margin: 0 auto;
    position: relative;
       min-height: 696px;
	       background: #fff;
}




.product-visual > .clearfix {
    position: relative;
    overflow: hidden;
    min-width: 1100px;
}

 .product-visual-pad2 {
    position: relative;
    max-width: 680px;
    margin: 0 auto; 
	margin-right: 0px;
	}

 .product-visual-pad2 .image_view1  ::-webkit-scrollbar {
    display: block;
}

 .product-visual-pad2 .btn_zoom {
    position: absolute;
    z-index: 3;
    display: block;
    width: 60px;
    height: 60px;
    top: 0px;

    margin-left: 15px;
    background: url(/tea_img/btn_zoom.png) 0 0 no-repeat;
    text-indent: -999em;
	    right: 2%;
}



 .product-visual-pad2 .image_view1 {
    scrollbar-3dLight-Color: #fff;
    scrollbar-arrow-color: #fff;
    scrollbar-base-color: #fff;
    scrollbar-Face-Color: #fff;
    scrollbar-Track-Color: #fff;
    scrollbar-DarkShadow-Color: #fff;
    scrollbar-Highlight-Color: #fff;
    scrollbar-Shadow-Color: #fff;
}


 .product-visual-pad2  .item_visual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
   /* min-width: 523px;*/
	max-width: 697px;
    height: 100%;
    overflow-y: scroll;

}


.product-visual-pad2  .item_visual ul {
    width: 100%;
}
.item_visual li {
    margin-bottom: 10px;
}


.item_visual li:last-child {
    margin-bottom: 0px;
}

.item_visual li:last-child .respon_image{
    width: 100%;
	margin-bottom: 0px;
}


.item_visual img {
    display: block;
    max-width: 684px;
}

.respon_image, .no_image {
    width: 100%;
	margin-bottom: 10px;
}


  .product-visual .badges {
    top: 20px;
    left: 15px;
    width: 38px;
    z-index: 2; }
  @media (min-width: 37.5em) {
    .product-visual {
      padding: 0;
      text-align: center; }
	  
	
	  
	  }
  @media (min-width: 64em) {
    .product-visual {
      max-width: none;
      padding: 0 48% 0 0;
      background: transparent; }
      .product-visual .badges {
        top: 90px;
        left: 30px;
        width: 64px; }
      .product-visual .bar {
        right: 50%; } }
  @media (min-width: 75em) {
    .product-visual-pad {
      max-width: 680px;
      height: 680px; } 
	  
	      .product-visual-pad img{
      max-width: 680px;
      height: 680px; } 
	  
	  
	  }

 .product-visual-pad2 {
      max-width: 697px;
} 
	  
  .product-visual-pad2 img{
      max-width: 697px;
 } 
	  
	  
	  }






.product-img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  max-width: 560px;
  width: 100%; }
  @media (min-width: 64em) {
    .product-img {
      margin: 0px 0; } }
  @media (min-width: 75em) {
    .product-img {
      max-width: none; } }

.product-intro-box {
  position: relative;
  margin: 0 auto;
  padding: 15px;
   }
  .product-intro-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=40);
    opacity: 0.4; }



.product-intro-box2 {
  position: relative;
  margin: 0 auto;
  padding: 15px 15px 0px 15px;
   }
  .product-intro-box2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=40);
    opacity: 0.4; }









  @media (min-width: 48em) {
    .product-intro-box {
      padding: 20px; } 
	     .product-intro-box2 {
      padding: 20px; }
	  
	  #item_vsl_modal .gallery-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
	  }
  @media (min-width: 64em) {
    .product-intro-box {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      right: 0;
      z-index: 1;
      padding: 65px 40px 30px 45px;
      /*background: #F8F8F8*/ }
      .product-intro-box:before {
        display: none; } 
		
		
		
		
		
		    .product-intro-box2 {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      right: 0;
      z-index: 1;
      padding: 65px 40px 30px 45px;
      /*background: #F8F8F8*/ }
      .product-intro-box2:before {
        display: none; } 
		
		
		
		
		
		
		
		}
  @media (min-width: 75em) {
    .product-intro-box {
      padding: 20px 60px 0px; }
	    .product-intro-box2 {
      padding: 20px 60px 0px; } 
	  
	  }

.product-intro {
  position: relative;
  z-index: 1;
  height: 100%;
  max-width: 563px;
  margin: 0 auto;
  font-size: 1.3em;
      text-align: left;
  
  }
  .product-intro-top {
    padding: 5px 0 10px;
    font-family:'Lato','notokr-medium',sans-serif; }
  .product-intro .product-name {
    color: #222;
    font-size: 1.538em;
    line-height: 1.3; }

 .product-intro .p-price {
 font-size: 1.4em;
 color: #222;
 }


  .product-intro .product-copy {
    margin-top: 0; }
  .product-intro .promo {
    font-size: 0.85em; }
  .product-intro .product-desc {
    margin-bottom: 1em;
    padding: 8px 0;
    border: 1px solid #ebebeb;
    border-width: 1px 0;
    font-size: 13px;
    line-height: 1.6;
	font-family: 'Lato','notokr-medium',sans-serif;
	
	}
  @media (min-width: 64em) {
    .product-intro {
      width: 563px;
      margin: 0; }
      .product-intro .product-name {
        width: 90%;
        font-size: 1.86em; }
      .product-intro .product-copy {
        margin: .7em 0 0.2em;
        font-size: 1.12em; }
      .product-intro .promo {
        font-size: 1em; }
        .product-intro .promo i {
          padding-left: 9px;
          padding-right: 9px; } }
  @media (min-width: 75em) {
    .product-intro {
      font-size: 1.4em; }
      .product-intro-top {
        /*padding-top: 25px;*/
        padding-bottom: 0; }
      .product-intro .product-name {
        font-size: 2.4em; }
      .product-intro .product-copy {
        font-size: 1.24em; }
      .product-intro .product-desc {
        margin-top: 15px;
        padding: 12px 0; 
		    margin-bottom: 0px;
		} }

.product-share {
  position: relative;
  z-index: 10;
  float: left;
  width: 90px;
  padding-bottom: 10px; }
  .product-share .icon-heart,
  .product-share .icon-heart-1 {
    font-size: 15px; }
  .product-share .icon-facebook {
    font-size: 17px;
    line-height: 1; }
  .product-share .price {
    display: block;
    padding: .5em 4px 0 0; }



.product-price2 {
  position: relative;
  top: -.35em;
  font-size: 1.3em; }
  .product-price2 .price {
    text-align: right;
    vertical-align: baseline; }
    .product-price2 .price s {
      display: block;
      height: 1.1em;
      color: #ccc;
      font-size: .95em;
      text-align: right; }
  .product-price2 .num {
    color: #222;
    margin-right: 3px; }
















.product-price {
  position: relative;
  top: -.35em;
  font-size: 17px; }
  .product-price .price {
    text-align: right;
    vertical-align: baseline; }
    .product-price .price s {
      display: block;
      height: 1.1em;
      color: #ccc;
      font-size: .95em;
      text-align: right; }
  .product-price .num {
    color: #222;
    margin-right: 3px; }
  @media (min-width: 64em) {
    .product-price {
      top: -20px; }
      .product-price .dc {
        font-size: 1.1em; }
      .product-price .num {
        font-size: 1.3em; }
		
		
		
		    .product-price2 {
      top: 0px; }
      .product-price2 .dc {
        font-size: 1.1em; }
      .product-price2 .num {
        font-size: 1.3em; }
		
		
		
		
		
		
		
		
		
		}
  @media (min-width: 64em) {
    .product-price .num {
      font-size: 1.2em; }
    .product-price s {
      height: 1.2em; }
	  
	  
	  
	     .product-price2 .num {
      font-size: 1.0em; }
    .product-price2 s {
      height: 1.0em; }
	  
	  
	  
	  
	  
	  
	  
	  }

.static-cart .func {
  margin-top: 0; }

.static-cart .func-pad {
  position: relative;
  margin-top: 2px;
  padding-right: 0px; }
  .static-cart .func-pad .col--right {
    padding-left: 1px; }
  .static-cart .func-pad .corner {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px; }
    .static-cart .func-pad .corner .btn-gim {
      line-height: 1; }
    .static-cart .func-pad .corner .icon-facebook {
      position: relative;
      top: -2px;
      top: -4px\9;
      font-size: 21px; }

.static-cart .qnt-box {
  float: none;
  margin: 0; }

@media (min-width: 64em) {
 #main div .static-cart {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
	box-sizing: content-box;
	}
   #main div .static-cart .qnt-box {
      top: 0px; }
	
	#main div .item-form-footer {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    box-sizing: content-box;
}  


	  
	  
	  }




.spinner {

}







@media (min-width: 75em) {
  .static-cart .qnt-box {
    top: 5px; } 
	
	  .static-cart .spinner-box {
    top: 5px; } 
	
	
	
	}

/* floating cart (for mobile) */
.floating-cart {
  position: fixed;
  bottom: 0;
  z-index: 100;
  width: 100%;
  background-color: #333;
  color: #fff;
  font-size: 17px; }
  @media (min-width: 64em) {
    .floating-cart {
      display: none; } }
  .floating-cart .btn--wide {
    height: 50px;
    font-size: 17px; }

.cart-layer {
  bottom: -100%; }
  .cart-layer .close-layer {
    position: absolute;
    top: -30px;
    left: 50%;
    min-width: 0;
    width: 60px;
    height: 30px;
    margin-left: -30px;
    padding: 0; }
  .cart-layer-pad {
    padding: 10px 20px; }
  .cart-layer .price {
    /*margin: 5px 0 0;*/
    color: #ccc;
    font-size: 18px;
    text-align: right; }
    .cart-layer .price s {
      color: #727272;
      font-size: .9em;
      line-height: 1; }
    .cart-layer .price .num {
      margin-right: .1em;
      color: #fff;
      font-weight: normal;
      font-size: 1.0em; }
  .cart-layer th {
    color: #888;
    font-weight: normal;
    text-align: left; }
  .cart-layer th, .cart-layer td {
    padding: 10px 0; }
  .cart-layer .vol-row th, .cart-layer .vol-row td {
    padding-bottom: 8px; }
  .cart-layer .vol-row th {
    vertical-align: middle; }
  .cart-layer .price-row {
    border-top: 1px solid #555; }
    .cart-layer .price-row th {
      vertical-align: bottom; }
  .cart-layer .btn-dim {
    background-color: #555; }
  .cart-layer .input-qnt {
    background-color: rgba(85, 85, 85, 0.3);
    color: #ccc; }
  .cart-layer .qnt-up, .cart-layer .qnt-down {
    background-color: rgba(85, 85, 85, 0.5);
    font-size: 21px;
    font-weight: bold; }

.cart-clip {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  transition: margin 0.2s; }
  .cart-clip.toggle-on {
    margin-bottom: -50px; }

#cart-layer {
  display: none; }

/* product item  */
.rc {
  font-size: 1.4em; }
  .rc-h {
    padding: 1em 0 .5em;
    font-family:'Lato','notokr-medium',sans-serif;
    font-size: 1.4em;
    color: #222;
    text-align:left; }
    .rc-h:after {
      display: block;
      position: relative;
      bottom: -4px;
      content: '';
      width: 100%;
      height: 7px;
      background: url(../images/shop/rc_line.png) center 0 no-repeat;
      background-size: auto 7px; }
    @media (min-width: 64em) {
      .rc-h {
        margin-bottom: .5em;
        padding: 1.4em 0 0.7em;
        font-size: 1.8em; }
        .rc-h:after {
          background-image: url(../images/shop/rc_line2.png);
          background-size: auto; } }
  .rc-func {
    position: absolute;
    top: 14px;
    right: 0;
    text-align: right; }
    .rc-func button {
      width: 110px;
      margin-left: 4px; }
    @media (max-width: 63.99em) {
      .rc-func {
        display: none; } }
  .rc-list {
    overflow: hidden;
    padding-bottom: 1.2em; }
    .rc-list .slick-arrow {
      display: none !important; }
  .rc-item {
    text-align: center;
    outline: 0; }
    .rc-item .func {
      margin-top: 0; }
  .rc-img {
    display: block;
    width: 140px;
    margin: 0 auto; }
  .rc .name {
    display: block;
    width: 80%;
    height: 2.4em;
    margin: 0 auto;
    padding-top: .5em;
    color: #222;
    font-family:'Lato','notokr-medium',sans-serif;
    line-height: 1.3; }
  .rc .price {
    display: block;
    margin: .5em 0; }
  .rc .num {
    color: #222; }
  .rc .slick-dots {
    position: static;
    margin-top: .7em; }
  @media (min-width: 64em) {
    .rc {
      background-color: #f6f4f2; }
      .rc-list .slick-arrow {
        display: inline-block !important;
        margin-top: -75px; }
      .rc-img {
        width: 180px; }
      .rc .name {
        height: auto;
        font-size: 1.1em; } }

.check-select {
  display: inline-block;
  position: relative;
  color: #ccc; }
  .check-select .i {
    display: none; }
  @media only all {
    .check-select input {
      position: absolute;
      top: 50%;
      left: 5px; }
    .check-select .i {
      display: inline-block;
      font-size: 26px; }
    .check-select label {
      position: relative;
      background-color: #f6f4f2; }
    .check-select input[checked="checked"] + label {
      color: #758246; }
    .check-select input:checked + label {
      color: #758246; } }

/* review */
.product-review {
  padding-bottom: 30px; }
  .product-review > .h {
    display: none; }
  @media (min-width: 64em) {
    .product-review {
      min-height: 400px;
      background: #eee9e5 url(../images/shop/product_review_bg.jpg) no-repeat center 0; }
      .product-review > .h {
        display: block;
        padding-top: 80px;
        padding-bottom: 15px;
        color: #222;
        font-size: 2.1em;
        font-family: 'Lato','notokr-medium',sans-serif;
        text-align: center; } }

.rv-body {
  margin-bottom: 1em; }
  @media (min-width: 64em) {
    .rv-body {
      margin-bottom: 0; }
      .rv-body .row {
        position: absolute;
        bottom: -36px;
        width: 100%;
        z-index: 1; } }

.review-empty {
  white-space: nowrap;
  height: 200px;
  color: #333;
  text-align: center;
  background-color: rgba(246, 246, 246, 0.9); }
  .review-empty-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .review-empty:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .no-rgba .review-empty {
    background: url(../images/shop/bg_fog90.png); }
  .review-empty-cell {
    margin: 0; }
  .review-empty strong {
    display: block;
    margin-bottom: 8px;
    font-size: 1.28em; }

.review-list {
  background-color: rgba(246, 246, 246, 0.9);
  margin: 0 -15px 20px;
  padding: 0 15px 20px;
  border-bottom: 1px solid #ddd; }
  .no-rgba .review-list {
    background: url(../images/shop/bg_fog90.png); }
  .review-list li {
    padding: 10px 0;
    border-top: 1px solid #e5e5e5; }
    .review-list li:first-child {
      border-top: 0; }
  @media (min-width: 48em) {
    .review-list {
      margin: 0 -20px 20px;
      padding: 0 20px 20px; } }
  @media (min-width: 64em) {
    .review-list {
      padding: 20px 30px;
      margin: 0;
      border-bottom: 0; }
      .review-list li {
        padding: 12px 0; } }

.rv-bottom .btn-em {
  width: 100%; }

@media (min-width: 64em) {
  .rv-bottom {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 45px;
    margin-top: 1px;
    background-color: rgba(246, 246, 246, 0.8); }
    .no-rgba .rv-bottom {
      background: url(../images/shop/bg_fog80.png); }
    .rv-bottom .col-2 {
      position: relative;
      z-index: 1; }
    .rv-bottom .go-to-write {
      display: block;
      padding: 12px 0;
      border-left: 1px solid #ccc;
      color: #333;
      font-weight: bold;
      font-size: 14px;
      line-height: 1.5;
      text-align: center;
      text-decoration: none;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      .rv-bottom .go-to-write:hover, .rv-bottom .go-to-write:focus {
        background-color: #727272;
        color: #fff; } }

.review {
  color: #727272; }
  .review .rating {
    display: inline-block; }
  .review .icon-star {
    color: #ccc;
    font-size: 14px; }
    .review .icon-star.is-on {
      color: #333; }
  .review .del {
    font-size: 10px;
    vertical-align: middle;
    margin-top: -.4em;
    border: 1px solid #ccc;
    padding: 0 3px 1px;
    color: #999; }
  @media (min-width: 64em) {
    .review {
      position: relative;
      /*padding-left: 125px;
      padding-right: 270px;*/ }
      .review .rating {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -15px; }
      .review .icon-star {
        font-size: 17px; }
      .review .del {
        font-size: 10px; } }

.rv-cont {
  margin-top: 0;
  font-size: 1.05em;
  line-height: 1.5; }
  .rv-cont p {
    margin: 0; }
  .rv-cont .user,
  .rv-cont .date {
    position: relative;
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle; }
  .rv-cont .date {
    margin-left: 8px;
    padding-left: 10px; }
    .rv-cont .date:before {
      content: '';
      position: absolute;
      top: 3px;
      left: 0;
      height: 10px;
      border-left: 1px solid #ccc; }
  @media (min-width: 64em) {
    .rv-cont .user,
    .rv-cont .date {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      font-size: 13px; }
    .rv-cont .user {
      width: 100px;
      right: 96px;
      text-align: left; }
    .rv-cont .date {
      right: 34px;
      text-align: right; }
      .rv-cont .date:before {
        display: none; } }

.rv-image {
  overflow: hidden;
  position: relative;
  width: 90px;
  height: 60px;
  margin: 0.5em 0; }
  .rv-image img {
    vertical-align: top; }
  .rv-image .x-image-zoom {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 4px 0;
    min-width: 0;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 1; }

.write-review {
  position: relative;
  margin-top: 20px; }
  .write-review .box {
    background-color: #fff; }
  .write-review .btn-back {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    font-size: 20px; }
  .write-review .rv-header {
    position: relative;
    padding: 2px 0 16px;
    border-bottom: 2px solid #333;
    text-align: center; }
    .write-review .rv-header .icon-arr-left {
      display: none; }
  .write-review .rv-h {
    color: #222;
    font-weight: bold;
    font-size: 1.6em; }
  .write-review .btn-close {
    position: absolute;
    right: 0;
    padding: 10px;
    font-size: 20px;
    line-height: 1; }
  .write-review .cont {
    font-size: 15px;
    border-bottom: 1px solid #ccc; }
  .write-review .rating-wrap {
    padding: 15px 0; }
    .write-review .rating-wrap label {
      font-weight: bold;
      margin-right: 10px; }
  .write-review textarea {
    overflow-x: hidden;
    /* for Firefox (issue #5) */
    padding: 10px 14px;
    max-height: 256px;
    /* optional, but recommended */
    min-height: 140px; }
  .write-review .uploader-wrap {
    position: relative;
    margin: 5px 0;
    font-size: 13px; }
  .write-review .icon-image {
    margin-right: 4px;
    font-size: 22px;
    vertical-align: middle;
    margin-top: -3px;
    line-height: 1.3; }
  .write-review .counter {
    position: absolute;
    top: 0;
    right: 0; }
  @media (min-width: 64em) {
    .write-review .box {
      background-color: #fff;
      padding: 0 6.25% 40px; }
    .write-review .rv-header {
      padding: 30px 0 16px; } }
  @media (min-width: 75em) {
    .write-review .box {
      padding-left: 95px;
      padding-right: 95px; } }

/* review modal style  */
.blocker .write-review {
  max-width: 0;
  width: 100%;
  margin-top: 0; }

.product-detail {
  overflow-x: hidden; }

.product-content,
.product-review {
  font-size: 1.2em; }
  .product-content .col-t-6 > img,
  .product-content .col-m-6 > img,
  .product-review .col-t-6 > img,
  .product-review .col-m-6 > img {
    width: 100%; }
  @media (min-width: 64em) {
    .product-content,
    .product-review {
      font-size: 1.3em; } }
  @media (min-width: 75em) {
    .product-content,
    .product-review {
      font-size: 1.4em; } }

/* product detail body */
.product-content > img {
  display: block;
  margin: 15px auto; }
  @media (min-width: 64em) {
    .product-content > img {
      margin: 3em auto; } }

.curation {
  font-family: 'Lato','notokr-medium',sans-serif;
  text-align: center; }
  .curation-info {
    padding: 5px 15px 0;
    font-family:'Lato','notokr-medium',sans-serif; }
  .curation-msg {
    padding: 1em 0;
    color: #333;
    font-size: 1.4em;
    border-bottom: 1px solid #e5e5e5; }
    .curation-msg br {
      display: none; }
  .curation-list {
    margin: 0 -2.5%;
    font-size: 1.2em; }
    .curation-list li {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      width: 20%;
      margin: 0 2.5%;
      padding: 0 10px; }
  .curation-table td {
    width: 25%;
    font-size: 1.1em;
    text-align: center; }
    .curation-table td img {
      display: block;
      width: 40px;
      margin: 0 auto; }
  .curation-slide img {
    width: 100%; }
  .curation-icon {
    display: block;
    width: 40px;
    margin: 0 auto 5px; }
  @media (min-width: 48em) {
    .curation .visual {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 50%; }
    .curation-pad {
      padding-left: 6.25%;
      padding-right: 6.25%; }
    .curation-msg {
      padding-top: 25px;
      font-size: 1.5em; }
      .curation-msg br {
        display: block; }
    .curation-icon {
      width: 56px; } }
  @media (min-width: 64em) {
    .curation-pad {
      padding-left: 12.5%;
      padding-right: 12.5%; }
    .curation-msg {
      padding-top: 60px;
      font-size: 1.6em; }
      .curation-msg br {
        display: block; } }
  @media (min-width: 75em) {
    .curation-icon {
      width: 70px; } }

.steps-h {
  position: absolute;
  top: 20px;
  left: 15px;
  color: #fff;
  font-size: 1.917em;
  line-height: 1.4;
  font-family:'Lato','notokr-medium',sans-serif;}

.steps-visual {
  position: relative; }
  .steps-visual img {
    width: 100%; }
  .steps-visual .col-m-6 {
    padding: 10px 15px; }

.steps-pad {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }
  .steps-pad .num {
    color: #fff;
    font-size: 2.667em;
   font-family:'Lato','notokr-medium',sans-serif;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=50);
    opacity: 0.5; }
  .steps-pad p {
    display: none;
    margin: 0;
    color: #ccc; }

.steps-expand .steps-pad {
  padding: 10px 15px; }

@media (min-width: 64em) {
  .steps-h {
    top: 65px;
    left: 40px;
    font-size: 2.143em; }
  .steps-visual .col-m-6 {
    padding: 40px 30px 0; }
  .steps-pad .num {
    font-size: 3.571em; }
  .steps-pad p {
    display: block;
    font-size: 0.929em;
    padding-bottom: 40px; }
  .steps-expand .steps-pad {
    padding: 40px 80px 0; } }

.content-script {
  padding: 25px 15px;
  background-color: #ddd;
  color: #555;
  text-align: center; }

.content-script .h3 {
  margin-bottom: 0.5em;
  color: #333;
  font-size: 1.5em;
  font-family:'Lato','notokr-medium',sans-serif; }

.content-script .p {
  margin: 0;
  font-size: 1.167em; }

@media (max-width: 63.99em) {
  .content-script .p br {
    display: none; } }

@media (min-width: 64em) {
  .content-script {
    padding: 50px 0; }
  .content-script .h3 {
    font-size: 2.143em; }
  .content-script .p {
    font-size: 1.071em; } }

.content-box {
  text-align: center;
  white-space: nowrap;
  padding: 25px 15px 15px;
  color: #727272;
  font-size: 1.1em;
  line-height: 1.4; }
  .content-box-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .content-box:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.content-box-shell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .content-box-shell .h1 {
    margin-bottom: 8px;
    color: #222;
    font-size: 1.583em;
    font-family: 'Lato','notokr-medium',sans-serif;}
  .content-box-shell .h {
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-size: 1.167em; }
  .content-box-shell .sub-h {
    color: #333;
    font-size: 1.333em;
    font-family: 'Lato','notokr-medium',sans-serif; }
  .content-box-shell .cell-info {
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: 1.167em; }
    .content-box-shell .cell-info > li {
      margin-top: 12px; }
  .content-box-shell .map-container {
    height: 270px; }
    .cssfilters .content-box-shell .map-container .map-canvas div {
      -webkit-filter: grayscale(50%);
      -moz-filter: grayscale(50%);
      -o-filter: grayscale(50%);
      filter: grayscale(50%); }

.content-box-cell {
  display: block;
  text-align: left; }

.content-box-h {
  width: 80%;
  margin-bottom: .4em;
  padding-top: 8px;
  color: #555;
  font-size: 1.36em;
  line-height: 1.4;
 font-family:'Lato','notokr-medium',sans-serif;}

.content-box p {
  margin: 1.25em 0; }

.content-box .time {
  margin-left: 12px; }

@media (min-width: 48em) {
  .content-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 12.5%;
    padding-right: 12.5%; }
  .content-box-cell {
    display: inline-block; }
  .content-box-shell {
    height: 0;
    padding-bottom: 87.5%;
    position: relative; }
    .content-box-shell .h1 {
      display: none; }
    .content-box-shell .map-container {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: auto;
      margin: auto; } }

@media (min-width: 64em) {
  .content-box-shell .h1 {
    font-size: 2.286em;
    margin-bottom: 15px; }
  .content-box-shell .sub-h {
    position: relative;
    display: block;
    padding-bottom: 12px;
    font-size: 1.286em;
    margin-bottom: 2.5em; }
    .content-box-shell .sub-h:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 20px;
      height: 2px;
      background-color: #727272; }
  .content-box-shell .cell-info {
    font-size: 1.071em; }
    .content-box-shell .cell-info > li {
      margin-top: 15px; }
  .content-box-h {
    margin-bottom: 1em;
    font-size: 1.7em; } }

.prize {
  padding-left: 30px;
  padding-right: 30px;
  text-align: center; }

.prize .h3 {
  font-size: 1.308em; }

.prize-image {
  margin-bottom: 1em; }

.prize-desc {
  font-family: 'Lato','notokr-medium',sans-serif;}

@media (min-width: 64em) {
  .prize {
    padding-left: 17.188%;
    padding-right: 17.188%;
    text-align: left; }
  .prize .h3 {
    font-size: 2.143em; }
  .prize-image {
    float: left;
    padding-top: 10px;
    padding-bottom: 30px;
    margin-right: 45px; }
  .prize-desc {
    font-size: 1.286em; } }

.purchasing-info {
  font-size: 1.3em; }
  .purchasing-info .div {
    margin-top: -1px;
    border-top: 1px solid #e5e5e5; }
  .purchasing-info .tab-content {
    padding-top: 1.2em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #e5e5e5; }
  .purchasing-info .tab-title {
    position: relative;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    font-weight: bold; }
    .purchasing-info .tab-title .icon-arr-up,
    .purchasing-info .tab-title .icon-arr-down {
      position: absolute;
      top: 0.35em;
      right: 15px;
      color: #999;
      font-size: 1.2em; }
    .purchasing-info .tab-title .icon-arr-up {
      display: none; }
  .is-active .tab-title .icon-arr-up {
    display: block; }
  .is-active .tab-title .icon-arr-down {
    display: none; }
  @media (min-width: 64em) {
    .purchasing-info {
      font-size: 1.4em;
      padding-bottom: 60px; }
      .purchasing-info .div {
        margin-top: 0;
        border-top: 0; }
      .purchasing-info .tab-content {
        border: 1px solid #e5e5e5;
        padding: 20px 20px 20px 40px; } }

.purchasing-info-tabs {
  border-bottom: 1px solid #e5e5e5; }
  .purchasing-info-tabs li {
    margin-right: 2em; }
  .purchasing-info-tabs .tab {
    color: #727272;
    padding: 10px 0;
    font-weight: bold;
    font-size: 1.3em;
    white-space: nowrap; }
    .purchasing-info-tabs .tab.is-active {
      color: #333; }
      .purchasing-info-tabs .tab.is-active:after {
        position: absolute;
        content: '';
        bottom: 0;
        left: 50%;
        margin-left: -7px;
        height: 0;
        width: 0;
        border-bottom: 10px solid #888;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent; }
  @media (min-width: 64em) {
    .purchasing-info-tabs {
      margin-top: 40px;
      padding: 0 40px;
      border: 1px solid #e5e5e5;
      border-bottom: 0; }
      .purchasing-info-tabs li {
        margin-right: 3em; } }

/* shop (product list)
-------------------------------------------------- */
/* product list - header, sorting */
.product-header {
  text-align: center; }
  .product-header h1 {
    height: 42px;
    background: #f6f4f2 url(../images/a/title_bg.jpg);
    color: #222;
    font-size: 1.214em;
    line-height: 2.6; }

.ordering {
  margin-right: -10px; }
  .ordering .a {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    padding: 0 1px;
   font-size: 13px;
       font-family: 'Lato','notokr-regular',sans-serif;
    font-weight: 700;
   
   }
    .ordering .a:after {
      content: '';
      position: absolute;
      top: 50%;
      left: -10px;
      width: 1px;
      height: 12px;
      margin-top: -6px;
      background-color: #ddd; }
    .ordering .a:first-child:after {
      display: none; }
    .ordering .a.is-current, .ordering .a:hover {
      color: #333;
      border-bottom: 1px solid;
      text-decoration: none; }

.product-list-top {
  padding: 10px 15px 4px; }
  .product-list-top b {
    color: #5b7005; }
  .product-list-top p {
    margin: 0; 
	font-size: 13px;
	     font-family: 'Lato','notokr-regular',sans-serif;
    font-weight: 700;
	color:#727272;
	}
  .product-list-top mark {
    background: transparent;
    color: #5b7005; }
    .product-list-top mark:before {
      content: '"'; }
    .product-list-top mark:after {
      content: '"'; }

@media (min-width: 64em) {
  .list-wrap {
    position: relative;
    min-height: 1076px;
    margin-top: 40px;
    padding-left: 305px;
    margin-left: -20px;
    margin-right: -20px; }
  .product-option-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    padding: 14px;
    border: 1px solid #e5e5e5; }
  .product-list-top {
    padding-left: 0;
    padding-bottom: 10px; } }

@media (min-width: 75em) {
  .list-wrap {
    margin-left: 0;
    margin-right: 0; } }

.product-sorting {
  margin-bottom: 1em;
  border-bottom: 1px solid #ddd; }
  .product-sorting .col-m-6:last-child {
    padding-left: 1px; }
  .product-sorting .selectbox {
    border-color: transparent; }
    .product-sorting .selectbox.is-active {
      border-color: #555; }
    .product-sorting .selectbox.has-bar:before {
      content: '';
      position: absolute;
      top: 0;
      left: -2px;
      bottom: 0;
      width: 1px;
      height: 22px;
      margin: auto;
      background-color: #e5e5e5; }

.product-option h3 {
  margin-top: 10px;
  padding: 7px 0 6px 8px;
  border-top: 3px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  color: #222;
  font-weight: bold;
  font-size: 1.071em; }

.product-option ul {
  padding: 6px 8px 12px; }

.product-option li {
  padding: 4px 0; }

.product-search input {
  border: 0;
  background-color: #f6f6f6; }

.product-search button {
  position: absolute;
  padding: 0;
  top: 4px;
  right: 5px;
  width: 30px;
  height: 28px;
  font-size: 18px;
  text-align: center; }

.option-box .a {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #555; }
  .option-box .a:hover, .option-box .a:focus {
    color: #5b7005;
    font-weight: bold;
    text-decoration: none; }
    .option-box .a:hover:before, .option-box .a:focus:before {
      font-weight: normal; }
  .option-box .a:before {
    content: '\e829';
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'rt_font'; }
  .option-box .a.is-checked, .option-box .a.is-current {
    color: #5b7005; }
    .option-box .a.is-checked:before, .option-box .a.is-current:before {
      content: '\e828';
      color: #74824c; }

.option-pics .col-6 a {
  width: 65px; }

.option-pics .col-6 b {
  display: block;
  margin-top: -.3em;
  margin-left: -1em;
  text-align: center;
  font-weight: normal; }

/* product list */
@media (max-width: 63.99em) {
  .product .main-bestseller-h {
    display: none; } }

.product-list {
  position: relative;
  border-top: 1px solid #e5e5e5; }
  .product-list:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e5e5e5; }
  .product-list li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 15px 10px;
    border-bottom: 1px solid #e5e5e5; }
    .product-list li.empty-item {
      width: 100%;
      padding-top: 8em;
      padding-bottom: 8em;
      color: #727272;
      text-align: center; }
      @media (min-width: 64em) {
        .product-list li.empty-item {
         font-size: 13px;
		     font-family: 'Lato','notokr-regular',sans-serif;
    font-weight: 700;
		 } }

.product-list--best {
 /* border-top: 0;*/ }

.product-item {
  overflow: hidden;
  display: block;
  color: #555; }
  .product-item:hover {
    text-decoration: none; }
  .product-item-thumb {
    position: relative;
    float: left;
    width: 100px;
    padding: 5px 15px 0 5px; }
    .product-item-thumb .badges {
      width: 28px; }
  .product-item-info {
    overflow: hidden;
    position: relative;
	
	    font-family: 'Lato','notokr-demilight',sans-serif;
    font-weight: 700;
    font-size: 13px;

	  display: block;
	
	}
  .product-item-info .promo{
    margin-top:1.5em;
	  display: block;
	
	}
  .product-item-info .title{
    margin-top:1.5em;
	  display: block;
	
	}

  .product-item-info .sub_title{
    margin-top:0.2em;
	  display: block;
	    font-family: 'Lato','notokr-medium',sans-serif;
    font-weight: 500;

	    color: #A8AC9C;
	
	}


  .product-item .num {
    color: #222;
    font-size: 13px;
	
	
	}

.product-func {
  position: absolute;
  bottom: 12px;
  right: 18px; }

.product .list-btn {
  width: 35px;
  padding: 0;
  text-align: center; }
  .product .list-btn + .list-btn {
    margin-left: 5px; }
  .product .list-btn[disabled] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=30);
    opacity: 0.3; }

.product .icon-heart {
  position: relative;
  top: -3px;
  font-size: 20px; }

.product .icon-cart {
  font-size: 27px; }

.product .promo {
  position: absolute;
  top: 0; }

.product .title {
  display: block;
  padding-top: 24px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.071em;
 font-family: 'Lato','notokr-medium',sans-serif;
  line-height: 1.24; }
  .product .title br {
    display: none; }

.product .price {
  position: relative;
  display: block; }
  .product .price s {
    color: #888;
    font-size: .9em; }
  .product .price .p {
    color: #d75100; }
  .product .price-dc {
    display: block;
    font-size: 0.929em; }
  .product .price strong {
    color: #333; }

@media (min-width: 25.875em) {
  .product-item-thumb {
    padding-left: 15px;
    width: 120px; } }

@media (min-width: 37.5em) {
  .product-list li {
    float: left;
    width: 33.333%;
    padding: 30px 10px 10px; }
  .product-item {
    overflow: hidden;
    text-align: center; }
    .product-item-thumb {
      float: none;
      width: 75%;
      padding-left: 20px;
      padding-right: 20px;
      margin: auto; }
    .product-item-info {
      height: 130px; }
  .product .price {
    padding-top: 0; }
    .product .price-dc {
      position: static;
      display: inline-block; }
  .product .promo, .product-func {
    width: 100%;
    right: 0;
    text-align: center; }
  .product-func {
    padding-top: 5px; } }

@media (min-width: 37.5em) and (max-width: 47.99em) {
  .product-list {
    font-size: .9em; } }

@media (min-width: 48em) {
  .product .badges {
    font-size: 0.8em; }
  .product .title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    height: 44px;
    font-weight: bold;
    margin-bottom: .2em;
    padding-top: 25px; }
    .product .title else {
      overflow: hidden;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal;
      display: block; }
  .product-item-info {
    height: 96px; } }

@media (min-width: 64em) {
  .no-touchevents .product-list li:hover .product-item {
   /*webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15); */
    /*-moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);*/
    /* box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15); */ }
  .no-touchevents .product-list li:hover .product-func {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=100);
    opacity: 1; }
  .product-list--best li {
    width: 25%; }
  .product-item {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  @-webkit-keyframes hoverAct {
    0% {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
      -o-transform: translateY(50%);
      transform: translateY(50%); }
    100% {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); } }
  @-moz-keyframes hoverAct {
    0% {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
      -o-transform: translateY(50%);
      transform: translateY(50%); }
    100% {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); } }
  @-ms-keyframes hoverAct {
    .product-item 0% {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
      -o-transform: translateY(50%);
      transform: translateY(50%); }
    .product-item 100% {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); } }
  @-o-keyframes hoverAct {
    0% {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
      -o-transform: translateY(50%);
      transform: translateY(50%); }
    100% {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); } }
  @keyframes hoverAct {
    0% {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
      -o-transform: translateY(50%);
      transform: translateY(50%); }
    100% {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); } }
  .product-func {
    overflow: hidden;
    left: 9px;
    right: 9px;
    bottom: 20px;
    width: auto;
    padding: 0; }
  .product .title {
    max-width: 90%;
    height: auto;
    max-height: 40px;
    padding-top: 25px;
    margin: 0 auto 3px;
    color: #555; }
    .product .title br {
      display: block; }
  .product .badges {
    top: 10px;
    left: 8px; }
  .no-touchevents .product-func {
    bottom: 10px;
    background-color: #999;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0.1s;
    -o-transition: all 0.3s ease-out 0.1s;
    transition: all 0.3s ease-out 0.1s; }
    .no-touchevents .product-func .list-btn {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      width: 50%;
      padding: 6px 0;
      margin-left: 0;
      line-height: 1; }
      .no-touchevents .product-func .list-btn:first-child {
        position: relative;
        border-right: 1px solid #fff;
        border-right-color: rgba(255, 255, 255, 0.2); }
      .no-touchevents .product-func .list-btn:hover, .no-touchevents .product-func .list-btn:focus {
        background-color: #555; }
    .no-touchevents .product-func .icon-heart {
      position: static;
      padding: 3px 0; } }

@media (min-width: 75em) {
  .product-item-thumb {
    width: 200px;
    padding-left: 0;
    padding-right: 0; } }

/* vvip zone */
.vvip-top {
  display: none;
  height: 200px;
  margin-top: 40px;
  background: url(../images/shop/vvip_bg.jpg) center center no-repeat;
  text-align: center;
  white-space: nowrap; }
  .vvip-top-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .vvip-top:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .vvip-top .h2 {
    color: #222;
    font-size: 36px;
   font-family: 'Lato','notokr-medium',sans-serif; }
  .vvip-top p {
    margin: -5px 0px 0;
    color: #555;
    font-size: 15px; }
  @media (min-width: 64em) {
    .vvip-top {
      display: block;
      margin-left: -20px;
      margin-right: -20px; } }
  @media (min-width: 75em) {
    .vvip-top {
      margin-left: 0;
      margin-right: 0; } }

.vvip-zone {
  padding-left: 0;
  margin-top: 20px; }
  .vvip-zone .product-list .empty-item {
    width: 100%; }
  @media (min-width: 37.5em) {
    .vvip-zone .product-list li {
      width: 50%; }
    .vvip-zone .product-func .list-btn {
      width: 100%; }
      .vvip-zone .product-func .list-btn:first-child {
        border-right: 0 none; } }
  @media (min-width: 64em) {
    .vvip-zone .product-item-thumb {
      width: 220px; }
    .vvip-zone .product-list li {
      width: 25%; } }

/* teahouse */
.teahouse {
  margin-bottom: -60px;
  font-size: 1.3em; }

.teahouse-aside {
  position: relative;
  visibility: hidden; }
  .teahouse-aside-bg img {
    width: 100%; }

.teahouse-menu {
  padding-top: 13px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  background: url(../images/shop/teahouse_ptn.jpg);
  color: #fff; }
  .teahouse-menu-cell:first-child .teahouse-section:first-child {
    margin-top: 0; }
    .teahouse-menu-cell:first-child .teahouse-section:first-child .teahouse-section-title {
      border-top: 0 none; }

.teahouse-section {
  margin-top: 50px; }
  .teahouse-section-title {
    text-align: center;
    padding-top: 22px;
    padding-bottom: 35px;
    border-top: 1px solid #fefefe;
    border-top-color: rgba(255, 255, 255, 0.3);
    background: url(../images/shop/teahouse_deco.png) center 85% no-repeat;
    background-size: 70px auto; }
  .teahouse-section .h {
    font-size: 1.538em; }
  .teahouse-section .h2 {
    margin-bottom: 10px;
    color: #b8b073;
    font-size: 1.154em;
    text-align: center; }
    .teahouse-section .h2 span {
      display: inline-block;
      position: relative;
      padding: 0 10px; }
      .teahouse-section .h2 span:before, .teahouse-section .h2 span:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 20px;
        height: 1px;
        margin: auto;
        background-color: #b8b073; }
      .teahouse-section .h2 span:before {
        left: -20px; }
      .teahouse-section .h2 span:after {
        right: -20px; }
  .teahouse-section .thumb {
    position: absolute;
    top: 5px;
    left: 0;
    width: 50px; }
  .teahouse-section .desc {
    color: #ccc;
    font-size: 1.077em; }
    .teahouse-section .desc strong {
      display: block;
      color: #fff;
      font-size: 1.071em; }
    .teahouse-section .desc br {
      display: none; }
  .teahouse-section .price span + span {
    position: relative;
    padding-left: 8px;
    margin-left: 4px; }
    .teahouse-section .price span + span:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 1px;
      height: 10px;
      margin: auto;
      background-color: #999; }
  .teahouse-section .price i {
    text-transform: capitalize; }
  .teahouse-section ul {
    padding-right: 10px;
    margin-bottom: 30px; }
  .teahouse-section li {
    position: relative;
    min-height: 61px;
    padding-left: 65px;
    margin-bottom: 25px; }

.teahouse-dessert li {
  position: relative;
  visibility: hidden; }

.teahouse-dessert .dessert-thumb img {
  width: 100%; }

.teahouse-dessert .dessert-thumb .for-desktop {
  display: none; }

.teahouse-dessert .dessert-desc {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  padding-left: 50%;
  margin: auto;
  font-size: 1.154em;
  white-space: nowrap; }
  .teahouse-dessert .dessert-desc-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .teahouse-dessert .dessert-desc:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .teahouse-dessert .dessert-desc-cell {
    margin-left: 15px;
    margin-right: 15px; }
  .teahouse-dessert .dessert-desc strong {
    color: #fff; }
  .teahouse-dessert .dessert-desc i {
    display: block;
    margin-top: 5px;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.2; }

.teahouse-dessert .p {
  display: none;
  color: #ccc;
  margin-top: 10px;
  margin-bottom: 0; }

@media (min-width: 37.5em) {
  .teahouse-dessert {
    zoom: 1; }
    .teahouse-dessert:before {
      content: '';
      display: block; }
    .teahouse-dessert:after {
      content: '';
      display: table;
      clear: both; }
    .teahouse-dessert .dessert-thumb img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      margin: auto; }
    .teahouse-dessert .dessert-thumb .for-desktop {
      display: block; }
    .teahouse-dessert .dessert-thumb .for-mobile {
      display: none; }
    .teahouse-dessert .dessert-desc {
      width: 100%;
      padding-left: 0;
      font-size: 1.077em; }
      .teahouse-dessert .dessert-desc-cell {
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 27px;
        vertical-align: bottom; }
      .teahouse-dessert .dessert-desc strong {
        font-size: 1.231em; }
        .teahouse-dessert .dessert-desc strong br {
          display: none; }
        .teahouse-dessert .dessert-desc strong i {
          font-size: 15px;
          margin-top: 3px; }
    .teahouse-dessert li {
      overflow: hidden;
      float: left;
      width: 33.333%;
      height: 0;
      padding-bottom: 33.036%; } }

@media (min-width: 48em) {
  .teahouse {
    padding-bottom: 20px; }
  .teahouse-menu {
    padding-left: 30px;
    padding-right: 30px; } }

@media (min-width: 64em) {
  .teahouse {
    padding-top: 44px;
    padding-bottom: 60px;
    font-size: 1.5em; }
  .teahouse-aside {
    margin-top: 40px;
    margin-bottom: 30px; }
  .teahouse-menu {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 40px; }
    .teahouse-menu-cell {
      display: table-cell;
      width: 50%; }
      .teahouse-menu-cell .teahouse-section:first-child .teahouse-section-title {
        padding-top: 20px;
        border-top: 0 none; }
      .teahouse-menu-cell:first-child .teahouse-section {
        margin-left: 30px;
        margin-right: 40px; }
        .teahouse-menu-cell:first-child .teahouse-section-title {
          margin-left: 25px;
          margin-right: 15px; }
    .teahouse-menu:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 1px;
      margin: 30px auto;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.1);
      z-index: 1; }
  .teahouse-section {
    margin-top: 0;
    margin-left: 40px;
    margin-right: 30px; }
    .teahouse-section-title {
      margin-left: 15px;
      margin-right: 25px;
      padding-top: 40px;
      padding-bottom: 50px;
      background-position: center 80%; }
    .teahouse-section .h {
      font-size: 2em; }
    .teahouse-section .h2 {
      margin-bottom: 45px;
      font-size: 1em; }
    .teahouse-section .thumb {
      position: static;
      float: left;
      width: 60px;
      margin-right: 20px;
      margin-bottom: 20px; }
    .teahouse-section .desc {
      padding-right: 125px;
      font-size: 0.933em; }
      .teahouse-section .desc strong {
        margin-bottom: 5px; }
      .teahouse-section .desc:after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .teahouse-section .desc .desc br {
        display: block; }
    .teahouse-section .price {
      position: absolute;
      top: 0;
      right: 0;
      width: 100px;
      text-align: right; }
      .teahouse-section .price span {
        display: block;
        position: relative; }
        .teahouse-section .price span + span {
          padding-left: 0;
          margin-top: 5px;
          margin-left: 0; }
          .teahouse-section .price span + span:after {
            display: none; }
      .teahouse-section .price i {
        position: absolute;
        left: 0;
        top: 0;
        width: 50%; }
    .teahouse-section ul {
      padding-right: 0;
      margin-bottom: 45px; }
    .teahouse-section li {
      zoom: 1;
      padding-left: 0;
      margin-bottom: 30px; }
      .teahouse-section li:before {
        content: '';
        display: block; }
      .teahouse-section li:after {
        content: '';
        display: table;
        clear: both; }
    .teahouse-section .no-desc .thumb {
      margin-top: -15px; }
    .teahouse-section .no-desc .desc {
      margin-top: 45px; }
  .teahouse-dessert .dessert-desc {
    font-size: 0.933em; }
    .teahouse-dessert .dessert-desc strong {
      font-size: 1.067em; }
  .teahouse-dessert .p {
    display: block; } }

.product {
  font-size: 1.4em; }
  @media (min-width: 64em) {
    .product {
      padding-top: 44px; } }

/* About Osulloc
-------------------------------------------------- */
/* infographic ---------- */
.infographic {
  overflow: hidden;
  margin: -10px; }
  .infographic.is-expand {
    position: relative; }
    .infographic.is-expand:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 101; }

.infographic-container {
  margin-top: 15px;
  margin-bottom: 20px; }

.infographic-frame {
  position: relative;
  z-index: 5; }

.infographic-brick {
  position: relative;
  z-index: 10;
  margin-bottom: -5px;
  font-size: 1.5em;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.23, 1.25);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.25, 0.23, 1.25);
  -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.23, 1.25);
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.23, 1.25);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

.infographic-a {
  position: relative;
  display: block;
  border: 10px solid #fff;
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 1px #fff;
  -moz-box-shadow: 0 0 0 1px #fff;
  box-shadow: 0 0 0 1px #fff; }
  .infographic-a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.25, 0.23, 1.25);
    -o-transition: all 0.5s cubic-bezier(0.25, 0.25, 0.23, 1.25);
    transition: all 0.5s cubic-bezier(0.25, 0.25, 0.23, 1.25); }
    .off .infographic-a:after {
      background-color: rgba(0, 0, 0, 0.4); }

.infographic-thumb {
  position: relative; }
  .infographic-thumb img {
    width: 100%; }

.infographic-desc {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  padding: 15px 20px;
  text-align: center; }
  .infographic-desc:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .infographic-desc-cell {
    display: inline-block;
    vertical-align: middle;
    color: #fff; }
  .infographic-desc p {
    margin: 0; }
    .off .infographic-desc p {
      -webkit-animation: hoverFadeOut 0.6s cubic-bezier(0.25, 0.25, 0.23, 1.25) 0.1s forwards;
      -moz-animation: hoverFadeOut 0.6s cubic-bezier(0.25, 0.25, 0.23, 1.25) 0.1s forwards;
      -ms-animation: hoverFadeOut 0.6s cubic-bezier(0.25, 0.25, 0.23, 1.25) 0.1s forwards;
      -o-animation: hoverFadeOut 0.6s cubic-bezier(0.25, 0.25, 0.23, 1.25) 0.1s forwards;
      animation: hoverFadeOut 0.6s cubic-bezier(0.25, 0.25, 0.23, 1.25) 0.1s forwards; }
    .no-cssanimations .off .infographic-desc p {
      display: none; }
  .infographic-desc .icon {
    display: block;
    font-size: 3.333em; }
    .off .infographic-desc .icon {
      -webkit-animation: hoverFadeIcon 0.8s cubic-bezier(0.25, 0.25, 0.23, 1.25) 0.3s forwards;
      -moz-animation: hoverFadeIcon 0.8s cubic-bezier(0.25, 0.25, 0.23, 1.25) 0.3s forwards;
      -ms-animation: hoverFadeIcon 0.8s cubic-bezier(0.25, 0.25, 0.23, 1.25) 0.3s forwards;
      -o-animation: hoverFadeIcon 0.8s cubic-bezier(0.25, 0.25, 0.23, 1.25) 0.3s forwards;
      animation: hoverFadeIcon 0.8s cubic-bezier(0.25, 0.25, 0.23, 1.25) 0.3s forwards; }
    .no-cssanimations .off .infographic-desc .icon {
      color: #ccc; }

.infographic-details {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: 15px 15px; }
  .infographic-details.is-extend {
    z-index: 10; }
    .infographic-details.is-extend:after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      margin: auto; }
  .infographic-fixed .infographic-details {
    position: fixed;
    top: 50px;
    margin: 0 0; }

.infographic-cell {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }
  .infographic-cell.is-active, .infographic-cell.is-hover {
    z-index: 10;
    opacity: 1; }
  .infographic-cell:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .infographic-cell .icon {
    display: block; }
  .no-opacity .infographic-cell {
    visibility: hidden; }
  .no-opacity .infographic-cell.is-active,
  .no-opacity .infographic-cell.is-hover {
    visibility: visible; }

.infographic-bg {
  position: fixed;
  overflow: hidden;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  -webkit-perspective: 1500px;
  -moz-perspective: 1500px;
  -ms-perspective: 1500px;
  -o-perspective: 1500px;
  perspective: 1500px; }
  .infographic-bg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
    max-width: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.infographic-title {
  display: none;
  position: absolute;
  bottom: 0;
  z-index: 10;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 15px;
  font-size: 1.5em;
  color: #fff; }
  .infographic-title .h {
    padding: 1em 1em 1.333em;
    font-size: 1em; }
  .infographic-title p {
    padding: 10px 15px;
    margin: 0;
    text-align: left;
    font-size: 0.933em;
    background-color: rgba(255, 255, 255, 0.7);
    color: #333; }
  .infographic-title .icon {
    font-size: 3.333em; }
  .is-active .infographic-title {
    display: block; }

.infographic-btn {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  font-size: 2em;
  color: #fff; }
  .is-extend .infographic-btn {
    display: block; }

.infographic-fixed {
  position: fixed;
  width: 100%; }

.infographic-icon {
  display: none; }

@media (min-width: 42.5em) {
  .infographic {
    position: relative; }
  .infographic-container {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px; }
  .infographic-details {
    margin: 10px; }
    .infographic-fixed .infographic-details {
      position: fixed;
      top: 70px;
      margin: 0 20px; }
  .infographic-brick {
    float: left;
    width: 50%;
    margin-bottom: 0; } }

@media (min-width: 64em) {
  .infographic {
    height: 0;
    padding-bottom: 64.286%; }
  .infographic-frame {
    z-index: 9; }
  .infographic-container {
    margin-top: 4em;
    margin-bottom: 0; }
  .infographic-icon {
    display: block;
    margin: 1em auto 4em;
    text-align: center; }
    .infographic-icon .icon {
      display: block;
      width: 32px;
      height: 32px;
      margin: auto; }
    .infographic-icon .desc {
      display: block;
      color: #555;
      margin-top: 5px;
      letter-spacing: 0.2em; }
  .infographic-desc .icon {
    height: 74px; }
  .infographic-brick {
    width: 33.333%; }
  .infographic-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .infographic-bg img {
      position: static;
      margin: auto;
      min-width: 50%;
      min-height: 50%;
      max-width: none; }
  .infographic-fixed .infographic-details {
    position: absolute;
    top: 0;
    margin: 10px; }
  .infographic-cell {
    text-align: center; }
    .infographic-cell .icon {
      height: 117px; }
  .infographic-title {
    display: none;
    position: relative;
    width: 50%;
    font-size: 1.8em;
    vertical-align: middle; }
    .is-active .infographic-title {
      display: inline-block; }
    .infographic-title .icon {
      margin-bottom: 10px;
      font-size: 4.444em; }
    .infographic-title p {
      background-color: transparent;
      color: #fff;
      font-size: 0.833em; }
  .infographic-fixed {
    position: static; }
  .infographic .h {
    position: relative;
    padding-bottom: 4.444em;
    font-size: 1.222em;
    line-height: 1.2; }
    .infographic .h:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 10%;
      width: 2px;
      height: 40px;
      margin: auto;
      background-color: #fff;
      opacity: 0.5; } }

@-webkit-keyframes hoverFadeIcon {
  from {
    transform: translateY(0%);
    opacity: 1; }
  to {
    transform: translateY(25%);
    opacity: 0.5; } }

@-moz-keyframes hoverFadeIcon {
  from {
    transform: translateY(0%);
    opacity: 1; }
  to {
    transform: translateY(25%);
    opacity: 0.5; } }

@-ms-keyframes hoverFadeIcon {
  .infographic from {
    transform: translateY(0%);
    opacity: 1; }
  .infographic to {
    transform: translateY(25%);
    opacity: 0.5; } }

@-o-keyframes hoverFadeIcon {
  from {
    transform: translateY(0%);
    opacity: 1; }
  to {
    transform: translateY(25%);
    opacity: 0.5; } }

@keyframes hoverFadeIcon {
  from {
    transform: translateY(0%);
    opacity: 1; }
  to {
    transform: translateY(25%);
    opacity: 0.5; } }

@-webkit-keyframes hoverFadeOut {
  from {
    transform: translateY(0%);
    opacity: 1; }
  to {
    transform: translateY(30%);
    opacity: 0; } }

@-moz-keyframes hoverFadeOut {
  from {
    transform: translateY(0%);
    opacity: 1; }
  to {
    transform: translateY(30%);
    opacity: 0; } }

@-ms-keyframes hoverFadeOut {
  .infographic from {
    transform: translateY(0%);
    opacity: 1; }
  .infographic to {
    transform: translateY(30%);
    opacity: 0; } }

@-o-keyframes hoverFadeOut {
  from {
    transform: translateY(0%);
    opacity: 1; }
  to {
    transform: translateY(30%);
    opacity: 0; } }

@keyframes hoverFadeOut {
  from {
    transform: translateY(0%);
    opacity: 1; }
  to {
    transform: translateY(30%);
    opacity: 0; } }

.is-animate:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10; }

.since {
  font-size: 1.4em;
  background-color: #f6f6f6;
  text-align: center; }
  .since .img {
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background-color: #fff; }
  .since .box-active {
    background-color: #fff; }

.since-slide {
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 0;
  padding-bottom: 77.5%; }
  .since-slide-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px; }
  .since-slide-bg {
    position: relative;
    z-index: 1; }

.since-package {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 10;
  margin: auto;
  text-align: center; }
  .since-package-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 39.063%;
    margin: auto; }

.since-concept {
  width: 200%;
  height: 200%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d; }
  .since-concept img {
    width: 100%; }

.since-cover {
  overflow: hidden;
  position: relative;
  text-align: left; }

.since-desc {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  color: #e5e5e5;
 font-family: 'Lato','notokr-medium',sans-serif; }
  .since-desc .year {
    font-size: 1.929em; }
  .since-desc .desc {
    margin-top: 0;
    margin-bottom: 0; }

.since-bg {
  width: 250%;
  height: 250%; }
  .since-bg img {
    width: 100%;
    margin-left: -30%; }

.since-item {
  overflow: hidden;
  display: inline-block;
  position: relative;
  margin: 15px 10px; }
  .since-item-desc {
    color: #555;
    text-align: left; }
  .since-item-thumb {
    position: relative; }
    .since-item-thumb.thumb-draw img {
      position: relative;
      z-index: 10; }
    .since-item-thumb.thumb-draw:after {
      content: '';
      position: absolute;
      left: -10%;
      bottom: -30px;
      z-index: 1;
      width: 120%;
      height: 50px;
      background: url(../images/about/since/item_deco.png) center center no-repeat;
      background-size: contain; }
  .since-item-deco {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }
    .since-item-deco.is-active .deco-before {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=0);
      opacity: 0; }
    .since-item-deco.is-active .deco-after {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=100);
      opacity: 1; }
    .since-item-deco .deco-before,
    .since-item-deco .deco-after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      -webkit-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out; }
    .since-item-deco .deco-before {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=100);
      opacity: 1; }
    .since-item-deco .deco-after {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=0);
      opacity: 0; }
  .since-item .year {
    display: block;
    color: #000;
    font-size: 1.357em;
   font-family: 'Lato','notokr-medium',sans-serif; }
  .since-item .p {
    margin: 0; }
    .since-item .p + .year {
      margin-top: 1em; }

.since.s-slide {
  position: relative;
  padding-bottom: 25%;
  background-color: #898989;
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  -ms-perspective: 900px;
  -o-perspective: 900px;
  perspective: 900px; }
  .since.s-slide .h1 {
    position: absolute;
    top: 7.813%;
    left: 0;
    right: 0;
    z-index: 10;
    color: #fff;
    line-height: 1.3;
    text-align: center;
    text-shadow: 0 0 5px rgba(85, 85, 85, 0.5); }
    .since.s-slide .h1 span {
      display: block; }
    .since.s-slide .h1:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      width: 1px;
      height: 40%;
      margin: auto;
      background-color: #fff; }
  .since.s-slide .title {
    position: absolute;
    top: -16%;
    left: 0;
    right: 0;
    z-index: 1;
    color: #fff;
    font-size: 1.286em;
    text-align: center; }

.since.s-2015 .since-desc {
  top: -1.786%; }

.since.s-2013 .since-desc {
  bottom: 8.929%; }

.since.s-2005 .since-desc {
  bottom: 13.393%; }

.since.s-2001 .since-desc {
  bottom: 14.732%; }

.since.s-1979 .since-desc {
  top: 40.179%; }

.since .s-2015-a {
  margin-top: -10%; }

.since .s-2015-c {
  position: relative;
  padding-top: 30px; }
  .since .s-2015-c .since-item-thumb {
    margin-left: 21.875%;
    margin-right: 6.25%; }
  .since .s-2015-c .since-item-desc {
    position: absolute;
    top: 0;
    left: 0; }

.since .s-2015-d {
  position: relative;
  padding-right: 50%; }
  .since .s-2015-d .since-item-desc {
    position: absolute;
    top: 15px;
    right: 0;
    width: 50%; }
  .since .s-2015-d br {
    display: none; }

.since .s-2013-a .since-item-thumb {
  padding-left: 16.406%;
  padding-right: 16.406%; }

.since .s-2013-b {
  margin-top: 0;
  margin-bottom: 0; }

.since .s-2013-c {
  display: block;
  margin-top: 0;
  margin-bottom: 0; }
  .since .s-2013-c .since-item-thumb {
    display: none; }

.since .s-2013-d {
  margin-bottom: 0; }
  .since .s-2013-d .since-item-desc {
    margin-bottom: 1em; }

.since .s-2013-e .since-item-thumb {
  padding-left: 12.5%;
  padding-right: 12.5%; }

.since .s-2013-e .since-item-desc {
  text-align: right; }
  .since .s-2013-e .since-item-desc .p span {
    display: block; }

.since .s-2005-a {
  padding-right: 28.125%;
  padding-left: 20px;
  padding-bottom: 20px;
  margin: -5% 0 0; }
  .since .s-2005-a .since-item-deco {
    top: 25%;
    left: initial;
    width: 25.781%; }
  .since .s-2005-a .since-item-desc {
    margin-top: 1em;
    text-align: center; }

.since .s-2005-b {
  padding-right: 50%;
  margin-top: 0;
  margin-bottom: 0; }
  .since .s-2005-b .since-item-desc {
    position: absolute;
    left: 23.438%;
    bottom: 0; }

.since .s-2005-c {
  padding-left: 7.813%;
  margin-bottom: -10%;
  z-index: 10; }

.since .s-2001-a {
  margin-bottom: 0; }
  .since .s-2001-a .since-item-desc {
    text-align: right; }

.since .s-2001-b {
  display: block;
  margin-bottom: 0; }
  .since .s-2001-b .since-item-desc {
    margin-bottom: 2em; }

.since .s-2001-c {
  display: block;
  margin-top: 0; }

.since .s-2001-d {
  display: block; }

.since .s-2001-e {
  margin-left: 0;
  margin-right: 0;
  padding-right: 56.25%; }
  .since .s-2001-e .since-item-desc {
    position: absolute;
    top: 0;
    right: 0;
    width: 52%;
    margin-top: 5%; }
    .since .s-2001-e .since-item-desc br {
      display: none; }

.since .s-2001-g {
  padding-left: 33.594%; }

.since .s-2001-h {
  margin-top: -40%; }
  .since .s-2001-h .since-item-desc {
    margin-top: -10%;
    padding-bottom: 10%; }
  .since .s-2001-h .since-item-thumb {
    padding-right: 33.594%; }

.since .slick-mode .since-slide-item {
  position: static;
  outline: 0 none; }

.since .slick-mode .slick-track {
  z-index: 1; }

.since .slick-mode .slick-arrow {
  z-index: 10; }

.since .slick-mode .slick-prev {
  left: 10px; }

.since .slick-mode .slick-next {
  right: 10px; }

.since .slick-mode .slick-prev:before,
.since .slick-mode .slick-next:before {
  color: #fff; }

@media (min-width: 48em) {
  .since .slick-mode .slick-prev {
    left: 15px; }
  .since .slick-mode .slick-next {
    right: 15px; }
  .since .slick-mode .slick-prev:before,
  .since .slick-mode .slick-next:before {
    font-size: 38px; } }

@media (min-width: 48em) {
  .since {
    text-align: left; }
  .since-item {
    display: block;
    margin: 0 0; }
  .since-bg {
    width: 100%;
    height: 100%; }
    .since-bg img {
      width: 100%;
      height: auto;
      margin-left: 0%; }
  .since-slide {
    padding-bottom: 38.75%; }
    .since-slide-item {
      width: 100%;
      height: 100%; }
  .since-concept {
    width: 100%;
    height: 100%; }
  .since-package {
    top: 50%; }
    .since-package-item {
      width: 19.063%; }
  .since.s-slide {
    padding-bottom: 10%; }
    .since.s-slide .h1 {
      width: 40%;
      margin: auto; }
  .since.s-2015 .since-desc {
    top: 8.929%; }
  .since .s-2015-a {
    padding-left: 3.571%;
    padding-right: 47.321%;
    margin-top: -5%; }
  .since .s-2015-b {
    position: relative;
    padding-top: 80px;
    padding-left: 51.786%; }
    .since .s-2015-b .since-item-desc {
      position: absolute;
      top: 0;
      left: 61.607%; }
    .since .s-2015-b .since-item-thumb {
      margin-left: 0;
      margin-right: 0; }
  .since .s-2015-c {
    position: relative;
    padding-top: 25px;
    padding-left: 8.929%;
    padding-right: 58.036%;
    margin-top: -10%; }
    .since .s-2015-c .since-item-thumb {
      margin-left: 0;
      margin-right: 0; }
    .since .s-2015-c .since-item-desc {
      left: 1.786%; }
  .since .s-2015-d {
    position: relative;
    padding-left: 41.071%;
    padding-right: 30.804%;
    margin-bottom: 5%; }
    .since .s-2015-d .since-item-desc {
      top: 12%;
      left: 71.429%;
      margin-right: -20px; }
    .since .s-2015-d br {
      display: block; }
  .since .s-2013-a {
    padding-left: 3.571%;
    padding-right: 64.286%;
    margin-top: 5%;
    margin-bottom: 5%; }
    .since .s-2013-a .since-item-thumb {
      padding-left: 0;
      padding-right: 0; }
    .since .s-2013-a .since-item-desc {
      position: absolute;
      top: 3%;
      left: 40.179%; }
  .since .s-2013-b {
    padding-left: 3.571%;
    padding-right: 35.714%;
    z-index: 10; }
    .since .s-2013-b .since-item-desc {
      position: absolute;
      top: 100%;
      left: 1.786%; }
  .since .s-2013-c {
    margin-top: -30%;
    margin-bottom: 5%;
    padding-left: 64.286%;
    padding-right: 11.607%;
    padding-bottom: 140px;
    z-index: 1; }
    .since .s-2013-c .since-item-desc {
      position: absolute;
      left: 66.071%;
      bottom: 0; }
    .since .s-2013-c .since-item-thumb {
      display: block; }
  .since .s-2013-d {
    padding-left: 3.571%;
    padding-right: 49.107%; }
    .since .s-2013-d .since-item-desc {
      margin-bottom: 35px; }
  .since .s-2013-e {
    padding-left: 62.5%;
    padding-right: 3.571%;
    margin-bottom: 5%; }
    .since .s-2013-e .since-item-desc {
      position: absolute;
      right: 40.179%;
      bottom: 60px;
      text-align: right; }
      .since .s-2013-e .since-item-desc .p span {
        display: inline-block; }
  .since .s-2005-a {
    z-index: 1;
    padding-left: 16.071%;
    padding-right: 50%;
    padding-bottom: 135px;
    margin-top: -5%; }
    .since .s-2005-a .since-item-desc {
      position: absolute;
      bottom: 0;
      left: 20.536%;
      margin-top: 0; }
    .since .s-2005-a .since-item-deco {
      position: absolute;
      top: 85px;
      left: 51.786%;
      width: auto;
      z-index: 10; }
  .since .s-2005-b {
    z-index: 11;
    padding-left: 60.714%;
    padding-right: 18.75%;
    margin-top: -10%;
    margin-bottom: 10%; }
    .since .s-2005-b .since-item-desc {
      left: 72.321%; }
  .since .s-2005-c {
    position: absolute;
    right: 0;
    bottom: -85px;
    padding-left: 59.821%;
    padding-right: 3.571%;
    margin-top: 0; }
  .since .s-2001-a {
    z-index: 1;
    padding-left: 52.679%;
    padding-right: 7.143%;
    margin-top: 2%; }
    .since .s-2001-a .since-item-desc {
      position: absolute;
      top: 2%;
      right: 49.107%; }
  .since .s-2001-b {
    z-index: 10;
    padding-left: 3.571%;
    margin-top: -25%; }
  .since .s-2001-c {
    z-index: 11;
    padding-left: 3.571%;
    padding-right: 38.393%; }
    .since .s-2001-c .since-item-desc {
      margin-top: 20px; }
  .since .s-2001-d {
    padding-left: 66.964%; }
  .since .s-2001-e {
    padding-left: 20.982%;
    padding-right: 46.429%; }
    .since .s-2001-e .since-item-desc {
      position: absolute;
      top: initial;
      left: 55.804%;
      bottom: 30px;
      width: 100%;
      margin-top: 0; }
      .since .s-2001-e .since-item-desc br {
        display: block; }
  .since .s-2001-f {
    padding-left: 3.571%;
    padding-right: 35.714%;
    margin-top: 10%; }
    .since .s-2001-f .since-item-desc {
      margin-bottom: 20px; }
  .since .s-2001-g {
    padding-left: 66.518%;
    padding-right: 4.018%;
    margin-top: -30%; }
    .since .s-2001-g .since-item-desc {
      margin-bottom: 20px; }
  .since .s-2001-h {
    padding-left: 46.429%;
    padding-right: 22.321%;
    margin-top: -10%; }
    .since .s-2001-h .since-item-thumb {
      padding-right: 0; }
    .since .s-2001-h .since-item-desc {
      position: absolute;
      bottom: -25px;
      left: 69.643%; }
  .since .s-2001-i {
    padding-left: 8.036%;
    padding-right: 46.429%;
    margin-top: -5%; }
    .since .s-2001-i .since-item-desc {
      position: relative;
      z-index: 10;
      margin-left: 20px;
      margin-bottom: -20px; } }

@media (min-width: 64em) {
  .since .img {
    background-color: transparent; }
    .since .img.box-active {
      background-color: #fff; }
    .no-mediaqueries .since .img {
      background-color: #fff; } }

@media (min-width: 75em) {
  .since {
    font-size: 1.8em; }
  .since.s-slide .h1 {
    top: 12.5%;
    font-size: 2.222em; }
    .since.s-slide .h1 span {
      font-size: 0.75em; }
  .since.s-slide .title {
    font-size: 1.333em; }
  .since-desc {
    font-size: 1.222em; }
    .since-desc .year {
      padding-left: 40px;
      padding-right: 40px;
      font-size: 2em; }
    .since-desc .desc {
      margin-top: 0.5em;
      padding-left: 40px;
      padding-right: 40px;
      line-height: 1.7;
      letter-spacing: -0.05em; }
  .since-item-desc {
    font-size: 1em; }
    .since-item-desc .year {
      font-size: 1.556em; } }

@media (min-width: 100em) {
  .since.s-slide .h1 {
    top: 16.875%;
    font-size: 3.333em; }
    .since.s-slide .h1 span {
      font-size: 0.667em; }
  .since.s-slide .title {
    font-size: 1.889em; } }

/* Tea Guide
-------------------------------------------------- */
/* Tea Guide > season / memory in jeju */
.memory-header-container {
  overflow: hidden;
  position: relative; }

.memory-header {
  overflow: hidden;
  height: 230px;
  background: url(../images/guide/memory_header_bg.jpg) no-repeat 60% top;
  background-attachment: fixed; }

.memory-header:after {
  height: 84.783%; }

.memory-header .guide-header-cell {
  position: relative;
  color: #4e7569;
  z-index: 1; }

.memory-copy {
  display: none; }

.memory-products {
  zoom: 1;
  visibility: hidden;
  margin: -60px auto 0;
  padding: 0 9.375% 9.375%;
  max-width: 360px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 3; }
  .memory-products:before {
    content: '';
    display: block; }
  .memory-products:after {
    content: '';
    display: table;
    clear: both; }
  .memory-products .slick-list {
    -webkit-mask: linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%); }
  .memory-products .slick-dots {
    position: relative;
    bottom: 0; }
    .memory-products .slick-dots > li {
      width: auto;
      height: auto;
      margin: 0 -2px; }
      .memory-products .slick-dots > li > button {
        width: 9px;
        height: 9px;
        padding: 0;
        margin: 0 8px; }
        .memory-products .slick-dots > li > button:before {
          left: 5px;
          top: 5px;
          width: 7px;
          height: 7px;
          border-color: #b3b3b3;
          opacity: 1; }

.memory-product {
  padding: 0 0.938%; }

.memory-btn {
  margin-top: 0.8em;
  padding: 0.5em 1.3em;
  opacity: 0.7;
  font-size: 1.4em;
  line-height: 1.6; }
  .memory-btn:hover, .memory-btn:focus {
    opacity: 1; }

.memory-main {
  position: relative; }

.memory-bg {
  height: 535px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover; }
  .cssvhunit .memory-bg,
  .cssvwunit .memory-bg {
    height: 100vh; }
  .memory-bg-01 {
    background-image: url(../images/guide/memory_section_bg_01.jpg); }
  .memory-bg-02 {
    background-image: url(../images/guide/memory_section_bg_02.jpg); }
  .memory-bg-03 {
    background-image: url(../images/guide/memory_section_bg_03.jpg); }
  .memory-bg-04 {
    background-image: url(../images/guide/memory_section_bg_04.jpg); }

.memory-sections {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }

.memory-section {
  position: relative;
  height: 535px; }
  .cssvhunit .memory-section,
  .cssvwunit .memory-section {
    height: 100vh; }
  .memory-section-01 .desc:before, .memory-section-01 .desc-bg {
    background: url(../images/guide/memory_desc_01_bg.jpg); }
  .memory-section-02 .desc:before, .memory-section-02 .desc-bg {
    background: url(../images/guide/memory_desc_02_bg.jpg); }
  .memory-section-03 .desc:before, .memory-section-03 .desc-bg {
    background: url(../images/guide/memory_desc_03_bg.jpg); }
  .memory-section-04 .desc:before, .memory-section-04 .desc-bg {
    background: url(../images/guide/memory_desc_04_bg.jpg); }
  .memory-section .desc {
    position: absolute;
    left: 0;
    bottom: 4.673%;
    right: 0;
    max-width: 310px;
    padding: 7.813% 6.25%;
    color: #fff; }
    .memory-section .desc.is-old-ie:before {
      display: none; }
    .memory-section .desc:before,
    .memory-section .desc .desc-bg {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0.85; }
    .memory-section .desc-content {
      position: relative;
      z-index: 1; }
    .memory-section .desc-sub {
      font-size: 1.4em; }
    .memory-section .desc-h {
      margin-bottom: 0.65em;
      font-size: 2.2em;
      letter-spacing: -0.07em; }
    .memory-section .desc-p {
      margin: .7em 0;
      font-size: 1.4em;
      line-height: 1.3;
      letter-spacing: -0.04em; }

.memory-giftset {
  background: url(../images/guide/memory_giftset_bg.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover; }
  .memory-giftset .giftset {
    white-space: nowrap; }
    .cssvhunit .memory-giftset .giftset,
    .cssvwunit .memory-giftset .giftset {
      height: 100vh; }
    .memory-giftset .giftset-cell {
      display: inline-block;
      vertical-align: middle;
      white-space: normal; }
    .memory-giftset .giftset:after {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .memory-giftset .giftset:after {
      height: 73%; }
    .memory-giftset .giftset-cell {
      margin-top: 32%;
      width: 100%;
      text-align: center;
      vertical-align: top; }
    .memory-giftset .giftset-h {
      color: #c7b299;
      font-size: 2.2em;
      font-family:'Lato','notokr-medium',sans-serif;
      line-height: 1.3; }
    .memory-giftset .giftset-sub {
      display: block;
      margin: 0.5em 0 1em;
      color: #e5e5e5;
      font-size: 1.4em; }

@media (min-width: 42.5em) {
  .memory-header {
    height: 300px; }
    .memory-header-dim {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      pointer-events: none;
      background: #000;
      opacity: 0; }
    .memory-header .h {
      font-size: 3.077em;
      letter-spacing: -0.09em; }
    .memory-header p {
      font-size: 1.038em; }
      .memory-header p > br {
        display: none; }
  .memory-sections {
    position: fixed;
    overflow: hidden;
    visibility: hidden;
    left: 0;
    top: 50%;
    height: 280px;
    margin-top: -140px;
    font-size: 1.1em; }
    .memory-sections.is-initialized {
      visibility: visible; }
    .memory-sections .t_wrap {
      height: 100%; }
  .memory-section {
    position: absolute;
    top: 0;
    width: 320px;
    height: 100% !important; }
    .memory-section .desc {
      top: 0;
      bottom: 0;
      max-width: none; }
  .memory-giftset .giftset-cell {
    margin-top: 15%; } }

@media (min-width: 48em) {
  .memory-header {
    height: 340px;
    font-size: 1.3em;
    z-index: 2;
    background-position: center top; }
    .memory-header:after {
      height: 68.478%; }
    .memory-header .h {
      font-size: 4.077em; }
    .memory-header p {
      font-size: 1.154em; }
  .memory-copy {
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    display: block;
    color: #555;
    text-align: center;
    opacity: 0; }
    .no-mediaqueries .memory-copy {
      bottom: 0%; }
    .memory-copy-h {
      font-size: 2.2em;
      font-family: 'Lato','notokr-medium',sans-serif; }
    .memory-copy-sub {
      margin: 0.7em 0 0;
      font-size: 1.5em; }
  .memory-products {
    position: relative;
    margin-top: -12.946%;
    padding-bottom: 17.857%;
    max-width: none; }
  .memory-product {
    float: left;
    width: 21%;
    padding: 0 2%; }
  .memory-bg {
    height: 580px !important; }
    .memory-bg-01 {
      background-image: url(../images/guide/memory_section_bg_large_01.jpg); }
    .memory-bg-02 {
      background-image: url(../images/guide/memory_section_bg_large_02.jpg); }
    .memory-bg-03 {
      background-image: url(../images/guide/memory_section_bg_large_03.jpg); }
    .memory-bg-04 {
      background-image: url(../images/guide/memory_section_bg_large_04.jpg); }
  .memory-btn {
    line-height: 1.4; }
  .memory-sections {
    height: 440px;
    margin-top: -220px; }
  .memory-section {
    width: 380px; }
    .memory-section .desc {
      padding: 55px 34px 0; }
      .memory-section .desc-sub {
        font-size: 1.8em; }
      .memory-section .desc-h {
        margin-bottom: 0.8em;
        font-size: 3.5em;
        letter-spacing: -0.13em; }
      .memory-section .desc-p {
        margin: 1.2em 0;
        font-size: 1.4em;
        line-height: 1.5; }
      .memory-section .desc .btn-ghost {
        margin-top: 2em; }
  .memory-giftset {
    height: 580px !important;
    background-image: url(../images/guide/memory_giftset_bg_large.jpg);
    background-position: center 80%; }
    .memory-giftset .giftset {
      margin-top: 0;
      vertical-align: middle; }
      .memory-giftset .giftset:after {
        height: 44.643%; }
      .memory-giftset .giftset-h {
        font-size: 3.6em; }
        .memory-giftset .giftset-h > br {
          display: none; }
      .memory-giftset .giftset-sub {
        font-size: 2em; } }

@media (min-width: 64em) {
  .memory-header {
    height: 460px;
    background-size: cover; }
  .memory-products {
    position: relative;
    padding-bottom: 22.321%;
    max-width: none; }
  .memory-bg {
    height: 640px !important; }
  .memory-giftset {
    height: 640px !important; } }

@media (min-width: 75em) {
  .memory-bg {
    height: 720px !important; }
  .memory-giftset {
    height: 720px !important; } }

@media (min-width: 100em) {
  .memory-bg {
    height: 800px !important; }
  .memory-giftset {
    height: 800px !important; } }

/* magazine list */
.magazine {
  margin-bottom: -60px;
  font-size: 1.1em; }

.magazine-h {
  padding-top: .7em;
  padding-bottom: .5em;
  background: #f6f4f2 url(../images/a/title_bg.jpg);
  text-align: center;
  color: #333;
  font-size: 1.55em;
  line-height: 1.5; }

.magazine-list li {
  overflow: hidden;
  position: relative;
  height: auto;
  cursor: pointer; }
  .magazine-list li:hover .magazine-item {
    text-decoration: none; }
  .magazine-list li:hover .magazine-thumb img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }

.magazine-item {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  white-space: nowrap;
  z-index: 10;
  font-family: 'Lato','notokr-medium',sans-serif;
  text-align: center; }
  .magazine-item-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .magazine-item:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .magazine-item-cell {
    color: #fff; }
    .alt .magazine-item-cell {
      color: #333; }
  .magazine-item .category {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 10px; }
    .magazine-item .category:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 0;
      border-bottom: 1px solid;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=50);
      opacity: 0.5; }
  .magazine-item .h {
    font-size: 2em; }

.magazine-thumb {
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 0;
  padding-bottom: 54.688%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }
  .magazine-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: all 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 1.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .magazine-thumb.is-loaded {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=100);
    opacity: 1; }

.magazine-func {
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 60px; }

.magazine-more {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.7em 1em;
  background-color: #eee9e5;
  color: #555;
  text-align: center;
  font-size: 1.364em;
  font-family: 'Lato','notokr-medium',sans-serif; }

@media (min-width: 37.5em) {
  .magazine {
    font-size: 1.5em; }
  .magazine-h {
    padding-top: 1em;
    padding-bottom: .8em;
    background: transparent;
    font-size: 2em; }
  .magazine-thumb {
    margin-bottom: 10px;
    padding-bottom: 28.571%; }
  .magazine-func {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0; }
  .magazine-more {
    font-size: 1.2em; } }

@media (min-width: 48em) {
  .magazine {
    font-size: 1.6em; }
  .magazine-item .h {
    font-size: 2.25em; } }

/* t-ictionary ---------- */
.tictionary {
  margin-top: 15px;
  margin-left: -10px; }

.tictionary-pager {
  margin-top: 0;
  padding-top: 0.7em;
  border-top: 1px solid #ccc; }

.tictionary .item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  margin-bottom: 10px;
  font-size: 1.4em; }

.tictionary .item-thumb {
  position: relative; }
  .tictionary .item-thumb .icon {
    position: absolute;
    right: 10px;
    bottom: 5px;
    z-index: 10;
    color: #fff;
    font-size: 32px; }

.tictionary .item-info {
  padding: 0.714em 0.714em 1.429em;
  background-color: #fff; }

.tictionary .item .h {
  font-weight: bold;
  font-size: 1em;
  color: #333; }

.tictionary .item .category {
  display: inline-block;
  margin-bottom: 0.8em;
  border-bottom: 1px solid #e5e5e5;
  color: #999;
  font-weight: bold;
  font-size: 0.857em; }

.tictionary .item-a {
  display: block;
  padding: 1px;
  margin-left: 10px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .tictionary .item-a:hover {
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 6px 3px #ccc;
    -moz-box-shadow: 0px 0px 6px 3px #ccc;
    box-shadow: 0px 0px 6px 3px #ccc; }
    .tictionary .item-a:hover-thumb:before {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=30);
      opacity: 0.3; }

.tictionary .item p {
  display: none; }

@media (min-width: 48em) {
  .tictionary {
    margin-top: 40px;
    margin-left: -20px; }
  .tictionary .item {
    width: 33.333%;
    font-size: 1.5em;
    margin-bottom: 20px; }
  .tictionary .item-info {
    padding: 1em 1em 1.667em; }
  .tictionary .item .h {
    font-weight: bold;
    font-size: 1.2em;
    color: #333; }
  .tictionary .item .category {
    font-weight: 0.867em;
    color: #999; }
  .tictionary .item-a {
    margin-left: 20px; }
  .tictionary .item p {
    display: block;
    max-height: 44px;
    margin-top: 0.8em;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal; }
    .tictionary .item p else {
      overflow: hidden;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal;
      display: block; } }

/* counsellor ---------- */
.counsellor {
  font-size: 1.4em;
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  -ms-perspective: 900px;
  -o-perspective: 900px;
  perspective: 900px; }

.counsellor-item {
  position: relative;
  margin-bottom: 4px;
  border: 1px solid #fff;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 3px 0px #ccc;
  -moz-box-shadow: 0px 0px 3px 0px #ccc;
  box-shadow: 0px 0px 3px 0px #ccc;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center; }
  .counsellor-item.on {
    border: 1px solid #ccc; }
    .counsellor-item.on .p {
      color: #5b7005;
      font-weight: bold; }

.counsellor-q {
  position: relative;
  padding: 0.714em 7.143em 0.714em 1.071em;
  outline: 0 none; }

.counsellor-a {
  display: none;
  padding: 1.071em 1.071em 1.786em;
  border-top: 1px solid transparent;
  background-color: #fbfbfb; }
  .on .counsellor-a {
    border-color: #e5e5e5; }

.counsellor-icon {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 14px;
  height: 21px;
  margin: auto;
  z-index: 1; }
  .on .counsellor-icon .icon-arr-down {
    display: none; }
  .on .counsellor-icon .icon-arr-up {
    display: block; }
  .counsellor-icon .icon-arr-up {
    display: none; }

.counsellor .p {
  display: inline;
  font-size: 1em;
  color: #555;
  -webkit-transition: color 0.8s ease-out;
  -o-transition: color 0.8s ease-out;
  transition: color 0.8s ease-out; }

.counsellor .category {
  display: block;
  margin-bottom: 2px;
  color: #888;
  font-size: 0.929em; }

@media (min-width: 48em) {
  .counsellor {
    font-size: 1.5em; }
  .counsellor-item {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.8s ease-out;
    -o-transition: border-color 0.8s ease-out;
    transition: border-color 0.8s ease-out; }
    .counsellor-item.on {
      margin-bottom: 10px;
      -webkit-box-shadow: 0px 0px 3px 0px #ccc;
      -moz-box-shadow: 0px 0px 3px 0px #ccc;
      box-shadow: 0px 0px 3px 0px #ccc; }
  .counsellor-container {
    max-width: 930px;
    margin: auto; }
  .counsellor-q {
    padding: 1em 6.667em 1em 12.667em; }
  .counsellor-a {
    padding: 2.333em 6.667em 2.667em 12.667em; }
  .counsellor .category {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 22px;
    padding: 0 1em;
    margin: auto;
    text-align: center;
    min-width: 170px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .counsellor .category:before, .counsellor .category:after {
      display: none; } }

/* t-ictionary, counsellor common */
.guide-contents {
  position: relative;
  z-index: 1;
  background-color: #f6f6f6; }
  .guide-contents .primary-category {
    padding-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px; }
  .is-dimmed .guide-contents {
    z-index: initial; }
  @media (min-width: 48em) {
    .guide-contents .primary-category {
      padding-top: 20px;
      padding-bottom: 20px;
      margin: 0 0 15px; } }

/* Tea Life
-------------------------------------------------- */
/* osulloc now (SNS) */
.now {
  margin-left: -1px;
  font-size: 1.3em;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.now-list {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  -ms-perspective: 900px;
  -o-perspective: 900px;
  perspective: 900px; }
  .now-list li {
    float: left;
    width: 33.333%;
    margin-bottom: 1px; }
    .now-list li:first-child {
      width: 100%; }
  .now-list + .func {
    margin-top: 10px;
    margin-bottom: 10px; }

.now-item {
  overflow: hidden;
  position: relative;
  display: block;
  margin-left: 1px;
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  -ms-perspective: 900px;
  -o-perspective: 900px;
  perspective: 900px; }
  .now-item .icon {
    position: absolute;
    right: 5px;
    bottom: 7px;
    z-index: 10;
    padding: 0 7px;
    font-size: 1.846em;
    color: #fff; }

.now-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 0 10%;
  text-align: center; }
  .now-title-cell {
    display: inline-block;
    vertical-align: middle; }
  .now-title:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .now-title .title {
    display: block;
    width: 11.538em;
    margin: 0 auto 0.769em; }
  .now-title .h {
    font-weight: normal;
    font-size: 2.077em;
    line-height: 1.2;
    color: #fff; }

.now-desc {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.154em 0.769em;
  color: #ccc;
  background-color: #545759;
  background-color: rgba(84, 87, 89, 0.9);
  -webkit-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=0);
  opacity: 0; }
  .now-desc p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    color: #fff;
    font-size: 1.154em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out; }
    .now-desc p else {
      overflow: hidden;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal;
      display: block; }
  .now-desc .hash {
    display: block;
    height: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    -webkit-transition: all 0.4s ease-out 0.2s;
    -o-transition: all 0.4s ease-out 0.2s;
    transition: all 0.4s ease-out 0.2s; }
    .now-desc .hash else {
      overflow: hidden;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal;
      display: block; }
  .now-desc .date {
    display: none;
    margin-top: 1em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    -webkit-transition: all 0.4s ease-out 0.4s;
    -o-transition: all 0.4s ease-out 0.4s;
    transition: all 0.4s ease-out 0.4s; }
  .now-item:hover .now-desc {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=100);
    opacity: 1; }
    .now-item:hover .now-desc p {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); }
    .now-item:hover .now-desc .hash {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); }
    .now-item:hover .now-desc .date {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); }

.now-thumb {
  -webkit-transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .now-item:hover .now-thumb {
    -webkit-transform: scale(1.025) rotate(0.25deg);
    -moz-transform: scale(1.025) rotate(0.25deg);
    -ms-transform: scale(1.025) rotate(0.25deg);
    -o-transform: scale(1.025) rotate(0.25deg);
    transform: scale(1.025) rotate(0.25deg); }
  .now-thumb img {
    width: 100%; }

.now .for-desktop {
  display: none; }

@media (min-width: 25.875em) {
  .now-desc .date {
    display: block; } }

@media (min-width: 42.5em) {
  .now-desc {
    padding: 3em 2em; }
    .now-desc .hash {
      height: 35px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      word-wrap: normal; }
      .now-desc .hash else {
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        display: block; } }

@media (min-width: 48em) {
  .now {
    padding-top: 2em;
    padding-bottom: 3.333em;
    font-size: 1.5em; }
  .now-list li:first-child {
    overflow: hidden;
    width: 100%;
    max-height: 360px; }
  .now-desc {
    padding: 3.667em 2.667em; }
    .now-desc p {
      font-size: 1.2em; }
    .now-desc .hash {
      height: 66px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      word-wrap: normal; }
      .now-desc .hash else {
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        display: block; }
    .now-desc .date {
      margin-top: 1em; }
  .now .for-desktop {
    display: block; }
  .now .for-mobile {
    display: none; } }

@media (min-width: 64em) {
  .now {
    margin-left: -20px; }
  .now-title .h {
    font-size: 2.4em;
    line-height: 1.1;
    letter-spacing: -0.06em; }
  .now-title .title {
    margin-bottom: 1em; }
  .now-list li {
    margin-bottom: 20px; }
    .now-list li:first-child {
      height: 0;
      padding-bottom: 21.053%; }
  .now-list + .func {
    margin-top: 20px;
    margin-left: 20px; }
  .now-item {
    margin-left: 20px; }
    .now-item .icon {
      right: 15px;
      bottom: 20px; } }

/* event ------------------------------ */
.events .lnb-header .h {
  display: block;
  height: 42px;
  font-size: 17px;
  line-height: 2.6; }

.events .lnb-header .switch-select {
  display: none; }

@media (min-width: 48em) {
  .events .lnb-header .h {
    height: auto;
    font-size: 32px;
    line-height: 1.5; }
  .events .lnb-header .switch-select {
    display: block; } }

/* event list */
.events-list .empty-msg {
  text-align: center; }

.events-list {
  zoom: 1;
  font-size: 1.3em; }
  .events-list:before {
    content: '';
    display: block; }
  .events-list:after {
    content: '';
    display: table;
    clear: both; }

.events-list li {
  margin-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 3px 1px rgba(85, 85, 85, 0.2);
  -moz-box-shadow: 0 0 3px 1px rgba(85, 85, 85, 0.2);
  box-shadow: 0 0 3px 1px rgba(85, 85, 85, 0.2); }

.events-list-item {
  display: block;
  position: relative; }
  .events-list-item:hover {
    text-decoration: none; }
  .events-list-item.alt .h,
  .events-list-item.alt .date {
    color: #f6f6f6; }
  .events-list-item.alt p {
    color: #e5e5e5; }

.events-list .desc {
  padding: 16px 12px; }
  .events-list .desc br {
    display: none; }

.events-list .h {
  color: #333;
  font-size: 1.538em;
  font-family: 'Lato','notokr-medium',sans-serif;
  line-height: 1.2;
  letter-spacing: -.04em; }

.events-list p {
  margin-top: .4em; }

.events-list .date {
  color: #555;
  font-size: 0.923em; }

@media (max-width: 47.99em) {
  .events-list {
    margin: -10px 15px 0; }
    .events-list .empty-msg {
      padding: 15vh 0; }
    .events-list li {
      float: left;
      width: 48%;
      margin-left: 1%;
      margin-right: 1%; }
      .events-list li:only-child {
        float: none;
        width: auto; }
    .events-list .desc {
      position: relative;
      overflow: hidden;
      height: 160px; }
    .events-list .date {
      position: absolute;
      bottom: 10px; } }

@media (max-width: 37.49em) {
  .events-list {
    margin-top: 0; }
    .events-list li {
      float: none;
      width: auto;
      margin-top: 15px;
      margin-left: 0;
      margin-right: 0;
      padding: 0; }
    .events-list .desc {
      height: auto; }
    .events-list .date {
      position: static; } }

@media (min-width: 48em) {
  .events-list {
    font-size: 1.4em; }
  .events-list .empty-msg {
    padding: 100px 0;
    border-bottom: 1px solid #ccc; }
  .events-list li {
    margin-top: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .events-list-item:hover {
    text-decoration: none; }
  .events-list .desc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 55%;
    height: 100%;
    padding: 5.804% 3.571%; }
    .events-list .desc-cell {
      display: inline-block;
      vertical-align: middle;
      white-space: normal; }
    .events-list .desc:after {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .events-list .desc br {
      display: block; }
  .events-list .h {
    font-size: 2em;
    margin-bottom: .3em;
    margin-left: -.07em; } }

@media (min-width: 64em) {
  .events-list .empty-msg {
    padding: 120px 0; }
  .events-list .desc {
    padding-left: 50px; }
  .events-list .h {
    font-size: 2.286em; }
  .events-list p {
    padding-right: 2em;
    margin-bottom: 2em; } }

@media (min-width: 75em) {
  .events-list {
    font-size: 1.5em; }
  .events-list .empty-msg {
    padding: 150px 0; }
  .events-list .h {
    font-size: 2.4em; }
  .events-list .date {
    font-size: 0.933em; } }

.events-count {
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 100%;
  color: #fff;
  font-size: 1.1em;
  font-family: 'Lato','notokr-medium',sans-serif;
  letter-spacing: -0.04em;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2);
  -moz-box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2);
  box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2);
  text-align: center; }
  .events-count .count {
    display: block;
    position: relative;
    width: 50px;
    height: 48px;
    padding-top: 2px;
    margin: auto;
    background: url(../images/a/ptn_events.jpg) center center repeat;
    border-radius: 50%; }
    .events-count .count:after {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .events-count .count:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 2px;
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: 50%; }
    .events-count .count .icon-count {
      font-style: italic;
      vertical-align: middle; }
    .no-mediaqueries .events-count .count {
      background: url(../images/a/ptn_events.png) center center repeat; }
  .events-count.done .count {
    background: url(../images/a/ptn_events_done.jpg) center center repeat; }
    .no-mediaqueries .events-count.done .count {
      background: url(../images/a/ptn_events_done.png) center center repeat; }
  .events-count.done .icon-count {
    margin-left: 5px;
    font-style: normal; }
  @media (min-width: 64em) {
    .events-count {
      top: 20px;
      right: 20px;
      font-size: 1.467em; }
    .events-count .count {
      width: 76px;
      height: 76px; }
      .events-count .count:before {
        border-width: 2px; } }

/* Tea Life > event */
.life-other {
  display: none; }
  @media (min-width: 64em) {
    .life-other {
      display: block;
      position: absolute;
      top: 0;
      padding-left: 40px;
      max-width: 245px;
      width: 100%; } }

.other-h {
  padding-top: 15px;
  padding-bottom: 5px;
  color: #555;
  border-top: 1px solid #ccc;
  font-weight: bold;
  font-size: 1em; }

.other-list li {
  padding: 10px 0;
  outline: 0 none; }

.other-list-item {
  display: block;
  height: 212px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .other-list-item:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2); }

.other-list h3 {
  height: 25px;
  color: #333;
  font-size: 1.1em;
  font-family: 'Lato','notokr-medium',sans-serif;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal; }
  .other-list h3 else {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block; }

.other-list .date {
  color: #999;
  font-size: 0.929em; }

.other-list .slick-arrow {
  top: 0;
  width: 25px;
  height: 25px;
  margin-top: -30px;
  border: 1px solid #727272;
  border-radius: 100%;
  font-family: "rt_font"; }
  .other-list .slick-arrow:before {
    font-size: 15px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=100);
    opacity: 1; }

.other-list .slick-prev {
  left: inherit;
  right: 30px; }

.other-list .slick-next {
  right: 0px; }

.other-info {
  padding: 15px 10px; }

.life-gift {
  margin-left: -1px;
  background-color: #f6f6f6; }
  .life-gift-item {
    position: relative;
    padding: 10px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #f6f6f6;
    text-align: center; }
    .empty .life-gift-item {
      padding: 34px 10px 35px; }
  .life-gift .info {
    min-height: 42px;
    margin: .5em 0 0;
    font-size: .93em;
    line-height: 1.3; }
  .life-gift .limit {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 10;
    width: 40px;
    height: 40px;
    background: url(../images/a/badge_events_69.png) center center no-repeat;
    background-size: cover;
    border-radius: 50%;
    color: #fff;
    font-size: 0.857em;
    font-family:'Lato','notokr-medium',sans-serif;
    text-align: center; }
    .life-gift .limit:after {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .life-gift .limit .icon-limit {
      display: inline-block;
      margin-left: 10%;
      vertical-align: middle; }
    .no-mediaqueries .life-gift .limit {
      background: url(../images/a/badge_events_60.png) center center no-repeat; }
  .life-gift li {
    float: left;
    width: 50%; }

@media (min-width: 48em) {
  .life-gift-item {
    border-bottom: 0; }
    .empty .life-gift-item {
      display: none; }
  .life-gift .info {
    min-height: 44px;
    margin: 15px 0 10px; }
  .life-gift li {
    width: 33.333%; }
  .life-gift .limit {
    top: 15px;
    left: 15px;
    width: 60px;
    height: 60px;
    font-size: 1.286em; } }

.life-product {
  margin-left: -1px;
  text-align: center;
  vertical-align: top; }
  .life-product-item {
    display: block;
    position: relative;
    padding: 25px 10px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center; }
    .col-bg .life-product-item {
      background-color: #f6f6f6; }
    .life-product-item .info {
      margin: 0.8em 1em 0.2em;
      font-size: .93em;
      line-height: 1.3; }
  .life-product .price {
    font-size: 1.2em; }
    .life-product .price .sale {
      font-size: 0.95em;
      color: #999;
      text-decoration: line-through; }
  .life-product .sub {
    margin: 0.5em 0 0;
    font-family: 'Lato','notokr-medium',sans-serif;}
  .life-product li {
    display: inline-block;
    width: 100%; }
  @media (min-width: 64em) {
    .life-product li {
      width: 33%; } }
  .life-product.col--gray .life-product-item {
    border-left: 1px solid #fff;
    background-color: #f6f6f6; }

.life-layer-img img {
  width: 100%; }

.life-layer-func {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  text-align: center; }
  .life-layer-func input:checked + label .icon-heart {
    display: none; }
  .life-layer-func input:checked + label .icon-heart-1 {
    display: inline-block; }

.life-layer-like {
  display: inline-block;
  padding: 8px 25px;
  border: 1px solid #ccc; }
  .life-layer-like .icon {
    color: #6e8530;
    font-size: 1.05em; }
  .life-layer-like span {
    position: relative;
    margin-left: 8px;
    padding-left: 8px;
    color: #555; }
    .life-layer-like span:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      margin: auto;
      width: 1px;
      height: 10px;
      background-color: #ccc; }
  .life-layer-like .icon-heart-1 {
    display: none; }

.life-layer .comment-account .delete {
  position: relative;
  padding: 0 0 0 6px;
  margin-left: 4px;
  color: #999; }
  .life-layer .comment-account .delete:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 10px;
    background-color: #ccc; }

@media (min-width: 64em) {
  .life-layer {
    max-width: 790px; }
    .life-layer .layer--wide {
      width: 740px; } }

.life-h {
  padding-bottom: 3px;
  margin-top: 1.429em;
  margin-bottom: 1.071em;
  font-size: 1.071em;
  border-bottom-style: solid;
  color: #333; }
  h1.life-h {
    font-family: 'Lato','notokr-medium',sans-serif;
    border-color: #555;
    border-bottom-width: 2px; }
  h2.life-h {
    border-color: #999;
    border-bottom-width: 1px;
    font-family:'Lato','notokr-medium',sans-serif;}

.life-header {
  position: relative;
  padding-top: 1em;
  margin-bottom: 1em; }
  .life-header-h {
    margin-bottom: .5em;
    font-size: 1.429em;
    font-family:'Lato','notokr-medium',sans-serif;
    letter-spacing: -.04em;
    color: #333; }

.life-info {
  padding-right: 30px; }
  .life-info span {
    position: relative;
    padding-right: 10px;
    margin-right: 8px;
    color: #555;
    font-weight: bold; }
    .life-info span:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 1px;
      height: 12px;
      margin: auto;
      background-color: #e5e5e5; }

.life-count {
  display: none;
  position: relative;
  font-size: 1.571em;
  font-family: 'Lato','notokr-medium',sans-serif;
  color: #fff;
  letter-spacing: -0.05em;
  text-align: center; }
  .life-count .count {
    position: relative;
    z-index: 10;
    display: block;
    width: 76px;
    height: 76px;
    margin: auto;
    background: url(../images/a/ptn_events.jpg) center center repeat;
    border-radius: 50%; }
    .life-count .count:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 2px;
      border: 2px solid rgba(255, 255, 255, 0.3);
      border-radius: 50%; }
    .life-count .count:after {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .no-backgroundsize .life-count .count {
      background: url(../images/a/ptn_events.png) center center repeat; }
    .life-count .count.done {
      background: url(../images/a/ptn_events_done.jpg) center center repeat; }
      .no-backgroundsize .life-count .count.done {
        background: url(../images/a/ptn_events_done.png) center center repeat; }
  .life-count .icon-count {
    font-style: italic;
    vertical-align: middle; }

.life-share {
  position: absolute;
  right: 0;
  bottom: 3px; }
  .life-share .article-share-link {
    width: 30px;
    height: 30px;
    font-size: 28px;
    line-height: 30px; }

.life-thumbnail {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 2em; }
  .life-thumbnail img {
    width: 100%; }

.life-step li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px; }

.life-step .num {
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  padding: 0 6px;
  font-size: 0.929em;
  color: #fff;
  background-color: #74824c;
  border-radius: 50%; }

.life-customer {
  margin-top: 2em; }

@media (min-width: 37.5em) {
  .life-thumbnail {
    margin-left: 0;
    margin-right: 0;
    max-width: 740px; } }

@media (min-width: 48em) {
  .life-h {
    margin-top: 2.2em;
    margin-bottom: 1.2em;
    font-size: 1.2em; }
  .life-header {
    margin-bottom: 20px;
    text-align: center; }
    .life-header-h {
      margin-bottom: 10px;
      font-size: 2.4em; }
  .life-info {
    margin-bottom: 15px; }
    .life-info li {
      display: inline-block;
      margin: 0 10px; }
  .life-count {
    display: block; }
  .life-share {
    bottom: -2px; }
  .life-step .num {
    font-size: 0.867em; }
  .life-customer {
    margin-top: 3.8em; } }

.article-life {
  padding-top: 1em;
  padding-bottom: 0; }
  .article-life-pad {
    position: relative; }
    .article-life-pad .life-count:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      margin: auto;
      background-color: #e5e5e5; }
  @media (min-width: 37.5em) {
    .article-life-pad {
      padding: 2.857em 3.357em;
      border: 1px solid #e5e5e5; } }
  @media (min-width: 48em) {
    .article-life-pad {
      padding: 2.5em 3.1em;
      border: 1px solid #e5e5e5; } }
  @media (min-width: 64em) {
    .article-life {
      padding-top: 40px; }
      .article-life-pad {
        margin-right: 25.446%; }
      .article-life .sticky-pad {
        right: 0;
        left: inherit; } }

/* communitea list */
.communitea {
  padding-bottom: 60px;
  background-image: url(../images/life/bg_communitea.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 1.3em; }
  .communitea.theme-review {
    background-image: url(../images/life/bg_review.jpg); }

.communitea .lnb-header .h {
  display: block;
  height: 42px;
  font-size: 17px;
  line-height: 2.6; }

.communitea .lnb-header .switch-select {
  display: none; }

.no-backgroundsize .communitea {
  background-image: none;
  background-color: #e5e5e5; }

.communitea-list {
  position: relative;
  margin-left: -20px;
  min-height: 380px; }
  .communitea-list + .pagination {
    margin-top: 0;
    border-color: #ccc; }
  @media (max-width: 47.99em) {
    .communitea-list + .pagination {
      margin-left: -15px;
      margin-right: -15px; } }

.communitea-item {
  float: left;
  width: 50%;
  text-align: center; }
  .communitea-item .a {
    overflow: hidden;
    position: relative;
    display: block;
    padding: 0 15px 15px;
    margin-left: 20px;
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    border-color: rgba(153, 153, 153, 0.2);
    background-color: #f6f6f6;
    background-color: rgba(255, 255, 255, 0.5); }



.communitea-item .b {

    padding: 0 15px 15px;
    margin-left: 20px;
    margin-bottom: 0px;
    border: 1px solid #e5e5e5;
    border-color: rgba(153, 153, 153, 0.2);
    background-color: #f6f6f6;
    background-color: rgba(255, 255, 255, 0.5);
	  border-bottom: 0px solid #e5e5e5;
}


    .communitea-item .a:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      background: rgba(255, 255, 255, 0);
      /* fallback */
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
      background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$top, endColorstr=$bottom,GradientType=0 );
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
      -o-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
      transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); }
    .communitea-item .a:hover {
      text-decoration: none; }
      .communitea-item .a:hover:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%); }
  .communitea-item .category {
    position: relative;
    display: block;
    padding: 1em 0 1em;
    margin-top: 5px; }
    .communitea-item .category:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 10px;
      width: 26px;
      height: 7px;
      margin: auto;
      background: url(../images/life/bg_community.png); }
  .communitea-item .rating {
    height: 21px;
    color: #999; }
    .communitea-item .rating .icon-star {
      margin: 0 1px; }
    .communitea-item .rating .is-on {
      color: #758246; }
  .communitea-item .info {
    color: #999;
    font-size: 0.923em;
	margin-top: 5px;
	}
  .communitea-item .author {
    display: block; }
  .communitea-item p {
    height: 40px;
    color: #333;
    font-size: 1.077em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    word-break: break-all; }
    .communitea-item p else {
      overflow: hidden;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal;
      display: block; }

.communitea-thumb {
  border-bottom: 1px solid #e5e5e5; }
  .communitea-thumb + .category {
    margin-top: 0;
    padding-bottom: 1em; }
    .communitea-thumb + .category:after {
      display: none; }

.communitea-title .h {
  margin: 10px 0 15px;
  font-size: 1.231em; }

.communitea-title .a {
  max-height: 163px;
  padding-bottom: 40px;
  background: url(../images/a/ptn_community.jpg) 0 0 repeat;
  color: #fff; }

.communitea-teaser, .communitea-blank {
  display: none;
  overflow: hidden; }

.communitea-icon {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  margin: 3em auto 0;
  border: 1px solid #fff;
  border-radius: 100%; }
  .communitea-icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 22px;
    height: 2px;
    margin: auto;
    background-color: #fff; }
  .communitea-icon:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 2px;
    height: 22px;
    margin: auto;
    background-color: #fff; }

.communitea-empty {
  padding: 5em 15px 3.5em;
  text-align: center;
  border: 1px solid rgba(153, 153, 153, 0.1);
  background-color: rgba(255, 255, 255, 0.5); }
  .communitea-empty .empty-title {
    margin-bottom: 15px;
    font-size: 18px;
    color: #555; }
    .communitea-empty .empty-title span {
      display: block;
      margin-top: 10px;
      font-size: 14px; }
  .communitea-empty .communitea-icon {
    margin-bottom: 15px;
    border-color: #727272; }
    .communitea-empty .communitea-icon:after, .communitea-empty .communitea-icon:before {
      background-color: #727272; }
  .communitea-empty .a {
    display: inline-block; }

@media (max-width: 25.865em) {
  .communitea-title br {
    display: none; } }

@media (max-width: 47.99em) {
  .communitea-item p br {
    display: none; } }

@media (min-width: 25.875em) {
  .communitea-item {
    width: 50%; }
    .communitea-item .author {
      position: relative;
      display: inline-block;
      margin-right: 4px;
      padding-right: 10px; }
      .communitea-item .author:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 1px;
        height: 11px;
        background-color: #ccc; }
  .communitea-title .a {
    padding-bottom: 22px; } }

@media (min-width: 48em) {
  .communitea .lnb-header .h {
    height: auto;
    font-size: 32px;
    line-height: 1.5; }
  .communitea .lnb-header .switch-select {
    display: block; }
  .communitea-item {
    width: 33.333%; }
    .communitea-item .a {
      padding: 0 20px 30px; }

.communitea-item .b {
    padding: 0 0px 0px;
}


    .communitea-item .category {
      margin-top: 5px; }
  .communitea.theme-review .communitea-item {
    width: 50%; }
  .communitea-icon {
    margin: 3em auto 0; }
  .communitea-title .a {
    padding-bottom: 47px; } }

@media (min-width: 64em) {
  .communitea {
    font-size: 1.4em; }
  .communitea.theme-review .communitea-item, .communitea-item {
    width: 25%; }
  .communitea-item .info {
    font-size: 0.929em;
	margin-top: 5px;
	}
  .communitea-item p {
    height: 40px;
    font-size: 14px; 

	
	}
  .communitea-icon {
    margin: 1.9em auto 0; }
  .communitea-teaser, .communitea-blank {
    display: block; }
  .communitea-title .h {
    font-size: 1.286em; }
  .communitea-title .a {
    padding-top: 22px; } }

.teaser-item {
  overflow: hidden;
  position: relative;
  display: block;
  margin-left: 20px;
  margin-bottom: 20px;
  height: 230px; }
  .teaser-item:before, .teaser-item:after {
    content: '';
    position: absolute;
    z-index: 11;
    width: 35px;
    height: 30px;
    background: url(../images/life/bg_quote.png);
    background-repeat: no-repeat; }
  .teaser-item:before {
    top: 40px;
    left: 20px;
    background-position: 0 0;
    -webkit-transition: top 0.15s ease-out;
    -o-transition: top 0.15s ease-out;
    transition: top 0.15s ease-out; }
  .teaser-item:after {
    bottom: 40px;
    right: 20px;
    background-position: -35px 0;
    -webkit-transition: bottom 0.15s ease-out;
    -o-transition: bottom 0.15s ease-out;
    transition: bottom 0.15s ease-out; }
  .teaser-item:focus:before, .teaser-item:hover:before {
    top: 20px; }
  .teaser-item:focus:after, .teaser-item:hover:after {
    bottom: 20px; }

.teaser-thumb, .blank-thumb {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  z-index: 1; }
  .teaser-thumb img, .blank-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%; }

.teaser-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  white-space: nowrap;
  padding: 10px 15px;
  color: #fff;
  font-family:'Lato','notokr-medium',sans-serif;
  -webkit-transition: border 0.1s ease-in;
  -o-transition: border 0.1s ease-in;
  transition: border 0.1s ease-in; }
  .teaser-title-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .teaser-title:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

@media (min-width: 64em) {
  .teaser-title {
    font-size: 1.286em;
    line-height: 1.6; } }

.blank-item {
  overflow: hidden;
  position: relative;
  display: block;
  margin-left: 20px;
  margin-bottom: 20px;
  height: 230px;
  border: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/* communitea view */
.life-title {
  padding-top: 15px; }

.life-title-h {
  color: #333;
  font-size: 1.429em; }

.life-title .category {
  display: block;
  color: #999; }

.life-title .by-line {
  position: relative;
  margin-top: 10px;
  padding: 5px 50px 5px 0;
  border-top: 1px solid #e5e5e5; }

.life-title .grade {
  color: #758246; }

.life-title .info {
  color: #999; }

.life-title .author {
  position: relative;
  margin-right: 4px;
  padding-right: 10px; }
  .life-title .author:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 11px;
    background-color: #ccc; }

.life-title .share {
  position: absolute;
  top: 12px;
  right: 0; }

@media (min-width: 64em) {
  .life-title-h {
    font-size: 1.467em;
    margin-bottom: 1em; }
  .life-title .by-line {
    padding: 14px 0;
    border-bottom: 1px solid #e5e5e5; }
  .life-title .grade {
    float: left; }
  .life-title .info {
    float: right;
    padding-right: 50px; }
  .life-title .category {
    margin-bottom: 5px; }
  .life-title .by-line {
    margin-bottom: 2em; }
  .life-title .share {
    top: 10px; } }

.communitea-other li {
  border-top: 1px solid #e5e5e5; }
  .communitea-other li:first-child {
    border-color: #ccc; }

.communitea-other a {
  display: block;
  padding: 14px 0 18px; }
  .communitea-other a:hover {
    text-decoration: none; }

.communitea-other .categoey {
  color: #999; }

.communitea-other .grade {
  color: #758246;
  font-size: 13px; }

.communitea-other p {
  margin: 8px 0 2px;
  color: #333; }

/* Tea Museum
-------------------------------------------------- */
/* museum intro
-------------------------------------------------- */
.museum {
  font-size: 1.4em; }

.museum-header {
  position: relative;
  z-index: 1;
  height: 0;
  padding-bottom: 300%; }

.museum-blur {
  margin: auto;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=0);
  opacity: 0; }

.museum-title, .museum-intro {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50%;
  z-index: 10;
  margin: auto;
  white-space: nowrap;
  color: #fff;
  font-family:'Lato','notokr-medium',sans-serif;
  text-align: center; }
  .museum-title-cell, .museum-intro-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .museum-title:after, .museum-intro:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .museum-title-bg {
    position: fixed;
    overflow: hidden;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%; }
    .museum-title-bg img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      min-width: 50%;
      min-height: 50%;
      max-width: none;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0); }
  .museum-title-cell, .museum-intro-cell {
    position: relative;
    z-index: 10; }
    .museum-title-cell span, .museum-intro-cell span {
      visibility: hidden;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=0);
      opacity: 0; }
  .museum-title-h {
    font-size: 2.286em;
    line-height: 1.2; }
    .museum-title-h span {
      display: block; }
  .museum-title-p span {
    position: relative;
    display: block;
    padding: 0 20px; }
    .museum-title-p span:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 15px;
      height: 1px;
      margin: auto;
      background-color: #fff; }
    .museum-title-p span:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 15px;
      height: 1px;
      margin: auto;
      background-color: #fff; }

.museum-intro {
  white-space: nowrap;
  top: 50%;
  bottom: 0;
  padding: 0 15px;
  background-color: #8a8989;
  background-color: rgba(138, 137, 137, 0.7); }
  .museum-intro-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .museum-intro:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .museum-intro-cell {
    width: 100%; }
  .museum-intro-title {
    display: inline-block;
    padding: 0 15px 8px;
    border-bottom: 1px solid rgba(229, 229, 229, 0.2); }
  .museum-intro-icon {
    width: 50%;
    margin: 25px auto; }
  .museum-intro-p {
    margin: auto;
    font-size: 1.143em; }
  .museum-intro-desc {
    text-align: left; }

.museum-preview {
  position: relative;
  z-index: 10;
  padding: 25px 0 45px;
  background: url(../images/museum/intro_bg.jpg) center center;
  background-size: cover;
  text-align: center; }
  .museum-preview .h {
    display: inline-block;
    padding: 0 35px;
    border-bottom: 1px solid #bdc1a8;
    color: #333;
    text-align: center; }

.museum-slider {
  z-index: 1;
  padding-left: 15px;
  padding-right: 15px; }
  .museum-slider-container {
    position: relative; }
  .museum-slider-controller .slick-arrow {
    z-index: 101;
    padding: 15px 5px;
    background-color: #727272;
    background-color: rgba(85, 85, 85, 0.5);
    -webkit-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    opacity: .5; }
    .museum-slider-controller .slick-arrow:before {
      color: #fff;
      font-size: 15px;
      opacity: 1; }
    .museum-slider-controller .slick-arrow:hover {
      background-color: #222;
      background-color: #222222;
      opacity: 1; }
  .museum-slider-controller .slick-prev {
    left: 15px; }
  .museum-slider-controller .slick-next {
    right: 15px; }
  .museum-slider .slider-item {
    position: relative;
    outline: 0 none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
    .museum-slider .slider-item-thumb {
      position: relative;
      z-index: 10;
      max-width: 930px; }
      .museum-slider .slider-item-thumb:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        background-color: #ababab;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
        filter: alpha(opacity=70);
        opacity: 0.7;
        -webkit-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s;
        -o-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s;
        transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s; }
        .no-mediaqueries .museum-slider .slider-item-thumb:before {
          display: none; }
    .museum-slider .slider-item-media {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 20; }
    .museum-slider .slider-item-desc {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 11;
      padding: 0 10%;
      color: #fff;
      white-space: nowrap; }
      .museum-slider .slider-item-desc-cell {
        display: inline-block;
        vertical-align: middle;
        white-space: normal; }
      .museum-slider .slider-item-desc:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .museum-slider .slider-item-desc .h3 {
        position: absolute;
        top: -35px;
        left: 0;
        right: 0;
        color: #555;
        font-size: 1.429em;
        font-family:'Lato','notokr-medium',sans-serif;
        text-align: center; }
      .museum-slider .slider-item-desc .desc {
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
        text-align: justify; }
    .museum-slider .slider-item .icon-play {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10;
      width: 50px;
      height: 50px;
      margin: auto;
      font-size: 50px;
      line-height: 50px;
      color: #fff; }
    .museum-slider .slider-item .video-link {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
      .museum-slider .slider-item .video-link:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        margin: auto;
        background-color: rgba(47, 49, 52, 0.6); }
    .museum-slider .slider-item .video-player {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      padding-bottom: 0;
      margin: auto; }
      .museum-slider .slider-item .video-player .video-iframe {
        z-index: 10; }
      .museum-slider .slider-item .video-player:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        margin: auto;
        background-color: black; }
  .museum-slider .slick-dots {
    bottom: -35px; }
    .museum-slider .slick-dots li button:before {
      width: 7px;
      height: 7px;
      color: #f6f6f6;
      border-color: #f6f6f6; }
  .museum-slider .slick-track {
    padding-top: 42px; }
  .museum-slider .guide-map {
    position: relative;
    width: 50%;
    margin: auto; }
    .museum-slider .guide-map .icon {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-size: contain;
      background-repeat: no-repeat;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 1.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
      -o-transition: all 1.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
      transition: all 1.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s; }
    .museum-slider .guide-map .icon-nav-01 {
      background-image: url(../images/museum/intro_nav_01.png); }
    .museum-slider .guide-map .icon-nav-02 {
      background-image: url(../images/museum/intro_nav_02.png); }
    .museum-slider .guide-map .icon-nav-03 {
      background-image: url(../images/museum/intro_nav_03.png); }
    .museum-slider .guide-map .icon-nav-04 {
      background-image: url(../images/museum/intro_nav_04.png); }
    .museum-slider .guide-map .icon-nav-05 {
      background-image: url(../images/museum/intro_nav_05.png); }
  .museum-slider .slick-current {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=100);
    opacity: 1; }
    .museum-slider .slick-current .slider-item-thumb {
      position: relative; }
      .museum-slider .slick-current .slider-item-thumb:before {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
        filter: alpha(opacity=0);
        opacity: 0; }
    .museum-slider .slick-current .icon {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=100);
      opacity: 1; }

.contact-bottom {
  position: relative;
  z-index: 10;
  padding: 45px 0 45px;
  background-color: #fff;
  background-image: url("/rt_img/contact_bottom_bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #ccc; }
  .no-mediaqueries .contact-bottom {
    background-attachment: inherit; }
  .contact-bottom:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2f3134;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=70);
    opacity: 0.7; }
  .contact-bottom .cbottom_table {
    position: relative;
    z-index: 10; }
  .contact-bottom .bar {
    vertical-align: middle; }
  .contact-bottom th {
    padding: 10px 5px 10px 10px;
    font-weight: normal;
   font-size: 3.543em;
    line-height: 1.2;
   font-family: Open Sans, 'Lato','notokr-medium',sans-serif;
    font-weight: 500;
    letter-spacing: 0.05em;
        text-align: center; 
		color: #fff; 
		
		}
    .contact-bottom th .icon-clock {
      font-size: 0.7em;
      vertical-align: middle; }
  .contact-bottom td {
    padding: 10px 5px 10px 10px;
    border-top: 1px solid #999; }
    .contact-bottom td + td {
      border-left: 1px solid #999; }
    .contact-bottom td br {
      display: none; }
  .contact-bottom .info-list li {
    margin-top: 0.5em;
	    text-align: center;
		font-size: 13px;
	}
    .contact-bottom .info-list li:first-child {
      margin-top: 0; 
	      font-size: 13px;
	  }
  .contact-bottom .info-list a {
    color: #fff; }
    .contact-bottom .info-list a:hover {
      text-decoration: none; }
  .contact-bottom .dot-list {
    font-size: 13px; }
    .mcontact-bottom .dot-list li {
      line-height: 1.8; }
      .contact-bottom .dot-list li:before {
        top: 10px;
        border-radius: 100%; }

.museum .map-container {
  overflow: hidden;
  position: relative;
  height: 150px;
  background: #e2e2e2 url(../images/museum/google_map.jpg) center center no-repeat; }
  .museum .map-container .fix {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
    .no-mediaqueries .museum .map-container .fix {
      display: none; }
  .cssfilters .museum .map-container .map-canvas div {
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    filter: grayscale(50%); }

.museum-footer {
  position: relative;
  z-index: 10;
  background-color: #f4efe8; }
  .museum-footer-cell {
    position: relative;
    margin: 15px 0 25px; }
  .museum-footer .label {
    position: absolute;
    top: 0;
    left: 0;
    color: #555;
    font-size: 1.071em;
    text-align: center; }
  .museum-footer .dot-list {
    padding-left: 75px; }

.museum .c_bottom {
  max-width: 930px; }

.museum .h {
  font-size: 1.571em;
  font-family: 'Lato','notokr-medium',sans-serif; }

.museum .primary-category {
  display: none; }

.museum img.for-mobile {
  width: 100%; }

.museum .for-desktop {
  display: none; }

@media (min-width: 48em) {
  .museum {
    font-size: 1.4em; }
  .museum-title-cell, .museum-intro-cell {
    margin-top: -10em; }
  .museum-title-h {
    font-size: 4.643em; }
  .museum-title-p {
    font-size: 1.857em; }
    .museum-title-p span {
      padding-left: 25px;
      padding-right: 25px; }
      .museum-title-p span:before, .museum-title-p span:after {
        width: 30px; }
  .museum-intro-title {
    border-bottom-width: 1px;
    border-bottom-color: #fff;
    padding: 0 0 15px; }
  .museum-intro-icon {
    width: 15%;
    margin: 40px auto; }
  .museum-intro-cell {
    margin-top: 0; }
  .museum-preview {
    background: #fff;
    padding-top: 3.571em;
    padding-bottom: 2.5em; }
    .museum-preview .h {
      border-bottom: 0 none; }
  .museum-slider {
    margin-top: 0.714em;
    padding-left: 0;
    padding-right: 0; }
    .museum-slider-desc {
      padding-left: 20%;
      padding-right: 20%; }
    .museum-slider-controller {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      z-index: 10;
      width: 100%;
      max-width: 930px;
      margin: auto; }
      .museum-slider-controller .slick-arrow {
        padding: 25px 5px; }
      .museum-slider-controller .slick-prev {
        left: 0; }
      .museum-slider-controller .slick-next {
        right: 0; }
      .no-mediaqueries .museum-slider-controller {
        max-width: 930px; }
    .museum-slider .slider-item {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=30);
      opacity: 0.3; }
      .museum-slider .slider-item:before, .museum-slider .slider-item:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 160px;
        height: 100%;
        margin: auto;
        background-color: #fff;
        z-index: 101;
        -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
        -o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
        transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0); }
      .museum-slider .slider-item:before {
        left: 0;
        -webkit-transform: translate3D(-120px, 0, 0);
        -moz-transform: translate3D(-120px, 0, 0);
        -ms-transform: translate3D(-120px, 0, 0);
        -o-transform: translate3D(-120px, 0, 0);
        transform: translate3D(-120px, 0, 0); }
      .museum-slider .slider-item:after {
        right: 0;
        -webkit-transform: translate3D(120px, 0, 0);
        -moz-transform: translate3D(120px, 0, 0);
        -ms-transform: translate3D(120px, 0, 0);
        -o-transform: translate3D(120px, 0, 0);
        transform: translate3D(120px, 0, 0); }
      .museum-slider .slider-item-desc {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
        padding: 0 20%;
        color: #fff;
        white-space: nowrap; }
        .museum-slider .slider-item-desc-cell {
          display: inline-block;
          vertical-align: middle;
          white-space: normal; }
        .museum-slider .slider-item-desc:after {
          content: "";
          display: inline-block;
          height: 100%;
          vertical-align: middle; }
        .museum-slider .slider-item-desc .h3 {
          position: static;
          color: #fff;
          padding-bottom: 1em; }
        .museum-slider .slider-item-desc .p {
          line-height: 2; }
      .no-mediaqueries .museum-slider .slider-item {
        max-width: 930px; }
        .no-mediaqueries .museum-slider .slider-item:before, .no-mediaqueries .museum-slider .slider-item:after {
          display: none; }
    .museum-slider .slick-current {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=100);
      opacity: 1; }
      .museum-slider .slick-current:before {
        width: 40px;
        -webkit-transform: translate3D(-40px, 0, 0);
        -moz-transform: translate3D(-40px, 0, 0);
        -ms-transform: translate3D(-40px, 0, 0);
        -o-transform: translate3D(-40px, 0, 0);
        transform: translate3D(-40px, 0, 0); }
      .museum-slider .slick-current:after {
        width: 40px;
        -webkit-transform: translate3D(40px, 0, 0);
        -moz-transform: translate3D(40px, 0, 0);
        -ms-transform: translate3D(40px, 0, 0);
        -o-transform: translate3D(40px, 0, 0);
        transform: translate3D(40px, 0, 0); }
    .museum-slider .slick-dots {
      display: none; }
    .museum-slider .slick-track {
      padding-top: 0px; }
    .museum-slider .guide-map {
      width: 50%; }
  .contact-bottom:after {
    background-color: transparent; }
  .contact-bottom .cbottom_table {
    max-width: 377px;
    line-height: 2; 
	    margin: 0 auto;
	
	}
  .contact-bottom .dot-list {
   /* margin-left: -10px;*/ }
  .contact-bottom .bar {
    font-size: 0.5em; }
  .contact-bottom th .icon-clock {
    margin-right: 15px; }
  .contact-bottom td br {
    display: block; }
  .museum .map-container {
    height: 300px; }
  .museum .primary-category {
    display: block;
    margin-top: 0.357em; } }

@media (min-width: 64em) {
  .museum-header {
    overflow: hidden;
    padding-bottom: 117.188%; }
  .museum-title-bg {
    position: fixed;
    overflow: hidden;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0); }
    .museum-title-bg img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      min-width: 50%;
      min-height: 50%;
      max-width: none; }
  .museum-intro-title {
    border-bottom-width: 2px; }
  .museum-intro-h {
    font-size: 2.667em; }
  .museum-intro-desc {
    max-width: 740px;
    margin: auto;
    font-size: 1.2em;
    line-height: 2; }
  .museum-preview {
    padding-top: 5em;
    padding-bottom: 3.333em; }
  .museum-slider {
    margin-top: 2em; }
    .museum-slider .slider-item-desc .h3 {
      font-size: 2em; }
    .museum-slider .slider-item-desc .p {
      margin-top: 2em;
      font-size: 1em; }
    .museum-slider .guide-map {
      width: 25%; }
  .contact-bottom {
   /* padding: 7em 0;*/ }
    .contact-bottom .cbottom_table {
      font-size: 1em; 
	        font-family:'Lato','notokr-medium',sans-serif;
    font-weight: 500;
    letter-spacing: 0.05em;
	  
	  }
    .contact-bottom .info-list {
      position: relative;
	      text-align: center;
		  font-size: 13px;
	  }
      .contact-bottom .info-list:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
    .contact-bottom .bar {
      font-size: 0.5em; }
    .contact-bottom th {
      font-size: 5.6em; }
    .contact-bottom td {
      padding: 15px 5px 15px 15px; }
  .museum-footer-cell {
    float: left;
    width: 50%;
    padding: 30px 0 40px; }
    .museum-footer-cell:first-child:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 1px;
      height: 75%;
      margin: auto;
      background-color: #d9cec1; }
  .museum-footer .l-footer {
    max-width: 1220px; }
  .museum-footer .label {
    top: 30px;
    left: 30px; }
    .museum-footer .label br {
      display: none; }
  .museum-footer .dot-list {
    padding-left: 160px;
    padding-right: 40px;
    font-size: 1em; }
  .museum .primary-category {
    margin-top: 0.333em; }
  .museum .h {
    font-size: 2.667em; }
  .museum .for-mobile {
    display: none; }
  .museum .for-desktop {
    display: block; } }

@media (min-width: 100em) {
  .museum-slider-controller {
    max-width: 1400px; }
  .museum-slider .slider-item-thumb {
    max-width: none; }
  .museum-slider .slick-current {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=100);
    opacity: 1; }
    .museum-slider .slick-current:before {
      width: 80px;
      -webkit-transform: translate3D(-80px, 0, 0);
      -moz-transform: translate3D(-80px, 0, 0);
      -ms-transform: translate3D(-80px, 0, 0);
      -o-transform: translate3D(-80px, 0, 0);
      transform: translate3D(-80px, 0, 0); }
    .museum-slider .slick-current:after {
      width: 80px;
      -webkit-transform: translate3D(80px, 0, 0);
      -moz-transform: translate3D(80px, 0, 0);
      -ms-transform: translate3D(80px, 0, 0);
      -o-transform: translate3D(80px, 0, 0);
      transform: translate3D(80px, 0, 0); } }

.teaclass {
  position: relative; }
  .teaclass em {
    color: #7b3d06; }
  .teaclass .select-list {
    height: 285px;
    overflow-x: hidden;
    overflow-y: auto; }
  .teaclass .selectbox-option {
    max-height: 224px; }
  .teaclass .icon-calendar {
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 19px;
    color: #555; }
  @media (min-width: 64em) {
    .teaclass--reservation {
      padding-bottom: 80px; } }

.teaclass-intro-box {
  height: 365px;
  background: url(../images/museum/teaclass_top_m.jpg) 50% 0 no-repeat;
  background-size: cover;
  font-size: 1.4em; }
  @media (min-width: 48em) {
    .teaclass-intro-box {
      height: 460px;
      background-image: url(../images/museum/teaclass_top.jpg); } }
  .teaclass-intro-box .p {
    margin-top: 20px;
    color: #f6f6f6;
    text-align: center; }
    .teaclass-intro-box .p a {
      position: relative;
      display: inline-block;
      margin-left: 5px;
      padding-right: 1em;
      border-bottom: 1px solid #f6f6f6;
      color: #f6f6f6;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      .teaclass-intro-box .p a .icon-arr-right {
        position: absolute;
        top: 0;
        right: -3px; }
      .teaclass-intro-box .p a:focus, .teaclass-intro-box .p a:hover {
        border-color: #e5e5e5;
        text-decoration: none; }

.teaclass-intro-pad {
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 30em) {
    .teaclass-intro-pad {
      max-width: 400px;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 48em) {
    .teaclass-intro-pad {
      max-width: 640px; } }
  @media (min-width: 64em) {
    .teaclass-intro-pad {
      max-width: 720px; } }

.teaclass-intro-header {
  color: #fff;
  padding: 25px 0 0;
  margin-bottom: 20px;
  text-align: center; }
  .teaclass-intro-header h1 {
    font-size: 2.1em;
    font-family: 'Lato','notokr-medium',sans-serif; }
  .teaclass-intro-header p {
    width: 70%;
    font-size: .96em;
    margin: .4em auto 0; }
  @media (min-width: 48em) {
    .teaclass-intro-header {
      padding-top: 150px;
      margin-bottom: 110px; }
      .teaclass-intro-header h1 {
        font-size: 4.25em;
        line-height: 1.05;
        text-transform: uppercase; }
      .teaclass-intro-header p {
        font-size: 1em; } }

.pick-date, .pick-time, .pick-members {
  margin-bottom: 5px; }
  @media (min-width: 48em) {
    .pick-date, .pick-time, .pick-members {
      border-right: 1px solid #333; } }

.pick-date {
  position: relative; }
  .no-mediaqueries .pick-date .call-datepicker:focus + .icon-calendar {
    display: none; }

.teaclass-info {
  font-size: 1.4em; }
  @media (min-width: 75em) {
    .teaclass-info {
      font-size: 15px; } }
  .teaclass-info-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 0;
    border-top: 1px solid #d9cec1; }
    .teaclass-info-item:first-child {
      border-top: 0; }
    .teaclass-info-item dl {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      width: 280px;
      margin: 0 auto;
      padding-left: 64px;
      text-align: left; }
    .teaclass-info-item dt {
      color: #000;
      font-size: 1.12em; }
    .teaclass-info-item .icon {
      position: absolute;
      top: 0;
      left: 0;
      color: #ce7330;
      font-size: 40px;
      line-height: 40px; }
    .teaclass-info-item .em {
      display: inline-block;
      color: #6c2d06;
      font-weight: normal;
      white-space: nowrap;
      letter-spacing: 0; }
    .teaclass-info-item dd {
      display: block;
      margin-top: .2em;
      letter-spacing: -0.04em; }
    .teaclass-info-item .bunch + .bunch {
      margin-left: 0; }
    @media (min-width: 25.875em) {
      .teaclass-info-item {
        padding-left: 0;
        padding-right: 3.125%; } }
    @media (min-width: 42.5em) and (max-width: 63.99em) {
      .teaclass-info-item dl {
        width: 540px; }
      .teaclass-info-item dd br {
        display: none; }
      .teaclass-info-item .br:before {
        content: ', '; }
      .teaclass-info-time .br:before {
        content: ' / '; } }
  @media (min-width: 64em) {
    .teaclass-info-list {
      overflow: hidden;
      position: relative;
      height: 220px;
      margin: 0 auto;
      max-width: 1140px; }
    .teaclass-info-item {
      float: left;
      width: 33.33%;
      height: 100%;
      padding: 30px 3.125% 0;
      border-top: 0;
      border-left: 1px solid #d9cec1; }
      .teaclass-info-item:first-child {
        border-left: 0; }
      .teaclass-info-item dl {
        width: auto;
        padding-left: 64px; } }
  @media (min-width: 75em) {
    .teaclass-info-item {
      padding-top: 35px; }
      .teaclass-info-item dl {
        padding-left: 80px; }
      .teaclass-info-item .icon {
        left: 5px;
        font-size: 54px;
        line-height: 54px; }
      .teaclass-info-item dt {
        font-size: 1em; } }

.reservation-header {
  position: relative;
  height: 150px;
  background: url(../images/museum/reservation_top_m.jpg) 50% 50% no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 1.4em;
  font-family: 'Lato','notokr-medium',sans-serif;
  text-align: center; }

.reservation-title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  height: 100px;
  font-size: 1.43em; }
  .reservation-title-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .reservation-title:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

@media (min-width: 30em) {
  .reservation-title {
    font-size: 1.7em; } }

@media (min-width: 48em) {
  .reservation-header {
    height: 170px;
    background-image: url(../images/museum/reservation_top.jpg);
    font-size: 1.5em; }
  .reservation-title {
    padding-top: 28px;
    height: 120px; } }

@media (min-width: 64em) {
  .reservation-header {
    font-size: 1.6em; }
  .reservation-title {
    padding-top: 32px;
    font-size: 1.8em; } }

@media (min-width: 75em) {
  .reservation-header {
    height: 200px;
    font-size: 1.8em; }
  .reservation-title {
    padding-top: 40px;
    height: 150px;
    font-size: 2em; } }

.reservation-steps {
  position: relative;
  overflow: hidden;
  height: 50px;
  background-color: #74824c;
  background-color: rgba(116, 130, 76, 0.8); }
  .is-step1 {
    text-align: right; }
    .is-step1 .step2,
    .is-step1 .step3 {
      color: #ccc;
      color: rgba(255, 255, 255, 0.5); }
      .is-step1 .step2:after,
      .is-step1 .step3:after {
        content: '';
        position: absolute;
        top: 20px;
        left: 0;
        height: 10px;
        border-left: 1px solid #ccc;
        border-left-color: rgba(255, 255, 255, 0.5); }
  .is-step2 .step1,
  .is-step2 .step3 {
    color: #ccc;
    color: rgba(255, 255, 255, 0.5); }
    .is-step2 .step1:after,
    .is-step2 .step3:after {
      content: '';
      position: absolute;
      top: 20px;
      height: 10px;
      border-left: 1px solid #ccc;
      border-left-color: rgba(255, 255, 255, 0.5); }
  .is-step2 .step1:after {
    right: 0; }
  .is-step2 .step3:after {
    left: 0; }
  .is-step3 {
    text-align: left; }
    .is-step3 .step1,
    .is-step3 .step2 {
      color: #ccc;
      color: rgba(255, 255, 255, 0.5); }
      .is-step3 .step1:after,
      .is-step3 .step2:after {
        content: '';
        position: absolute;
        top: 20px;
        right: 0;
        height: 10px;
        border-right: 1px solid #ccc;
        border-right-color: rgba(255, 255, 255, 0.5); }

.reservation-step {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 50px;
  vertical-align: middle; }
  .reservation-step .txt {
    display: none; }
  .reservation-step.step1 {
    float: left; }
  .reservation-step.step3 {
    float: right; }
  .reservation-step.is-current {
    position: relative;
    color: #fff; }
    .reservation-step.is-current .txt {
      display: inline; }
    .reservation-step.is-current:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -8px;
      height: 0;
      width: 0;
      border-bottom: 8px solid #fff;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent; }

@media (min-width: 30em) {
  .reservation-steps {
    text-align: center; }
    .reservation-steps .step1:after,
    .reservation-steps .step2:after,
    .reservation-steps .step3:after {
      display: none; }
  .reservation-step {
    margin-left: 8px;
    margin-right: 8px; }
    .reservation-step .txt {
      display: inline; }
    .reservation-step.step1, .reservation-step.step2, .reservation-step.step3 {
      float: none; } }

@media (min-width: 64em) {
  .reservation-step {
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 75em) {
  .reservation-step {
    margin-left: 30px;
    margin-right: 30px; } }

.reservation-body {
  background-color: #fff;
  font-size: 1.3em; }
  .reservation-body .attention-box {
    font-size: 13px; }

.reservation-h2, .reservation-pad .h2 {
  padding: 0.7em 0 0.35em 15px;
  border-bottom: 2px solid #222;
  color: #222;
  font-size: 1.2em;
  font-weight: bold; }

.reservation-h3 {
  background-color: #f6f6f6;
  padding: 0.5em 15px; }
  .reservation-h3 .date {
    position: relative;
    display: inline-block;
    margin-left: .5em;
    padding-left: .7em; }
    .reservation-h3 .date:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 1px;
      height: .8em;
      margin-top: -.4em;
      background-color: #999; }

.reservation-pad {
  padding-bottom: 40px; }
  .reservation-pad .h2 {
    border-color: transparent; }

.reservation-info-box > .t_wrap {
  padding-top: 1em;
  padding-bottom: 1em; }

@media (min-width: 48em) {
  .reservation-pad {
    padding-top: 20px; }
  .reservation-h2, .reservation-pad .h2 {
    padding-left: 0; }
  .reservation-h3 {
    padding: 11px 0 11px 20px;
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 15px;
    font-weight: bold; } }

@media (min-width: 64em) {
  .reservation-body {
    font-size: 1.4em; }
  .reservation-h2, .reservation-pad .h2 {
    font-size: 1.3em; }
  .reservation-pad {
    padding: 40px 8% 50px; }
    .reservation-pad .h2 {
      font-size: 1.3em; } }

.reservation-func {
  margin-top: 1em;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px; }
  .reservation-func a,
  .reservation-func button {
    padding-left: 2.8em;
    padding-right: 2.8em;
    width: 48%;
    margin-left: .1em;
    margin-right: .1em; }
    @media (min-width: 30em) {
      .reservation-func a,
      .reservation-func button {
        width: auto; } }

.reservation-info-box {
  position: relative;
  overflow: hidden; }
  @media (min-width: 48em) {
    .reservation-info-box {
      height: 330px;
      margin-top: -2px;
      margin-bottom: 1.6em;
      border: 5px solid #bdc1a8; } }

.reservation-info-item {
  height: 100%;
  border-left: 1px solid #ccc; }

.reservation-carlendar-wrap {
  padding: 8px 15px; }
  @media (min-width: 48em) {
    .reservation-carlendar-wrap {
      padding: 0; } }

.reservation-input-small {
  padding: 8px 15px; }
  @media (min-width: 48em) {
    .reservation-input-small {
      display: none; } }

.reservation-input-large {
  display: none;
  margin: 8px 15px;
  border: 1px solid #ccc; }
  @media (min-width: 48em) {
    .reservation-input-large {
      display: block;
      margin: 0;
      border: 0;
      font-size: 15px; } }

.reservation-customer-info {
  padding: 8px 15px;
  background-color: #f6f6f6; }
  .reservation-customer-info li {
    padding: 4px 0; }
  .reservation-customer-info .h {
    display: block;
    margin-bottom: .2em;
    font-weight: bold; }
  @media (min-width: 48em) {
    .reservation-customer-info {
      margin-bottom: 1em; }
      .reservation-customer-info li {
        padding-left: 10px; }
        .reservation-customer-info li:first-child {
          padding-left: 0; } }

.reservation-agreement {
  position: relative;
  padding: 12px 15px 10px; }
  .reservation-agreement h2 {
    margin-bottom: .5em;
    color: #333;
    font-size: 1.05em;
    font-weight: bold; }
  .reservation-agreement .agreement-box {
    padding: 10px 15px;
    border: 1px solid #ccc; }
    .reservation-agreement .agreement-box li {
      margin-bottom: .5em; }
    .reservation-agreement .agreement-box p {
      margin: 0; }
  .reservation-agreement .agreement-check {
    margin: .5em 0; }
    .reservation-agreement .agreement-check .checkbox {
      margin-right: 0; }
    .reservation-agreement .agreement-check .error-dialog {
      display: block; }
  @media (min-width: 48em) {
    .reservation-agreement {
      padding-left: 0;
      padding-right: 0; }
      .reservation-agreement h2 {
        font-size: 1.1em; }
      .reservation-agreement .agreement-box {
        border-width: 1px 0 0; }
      .reservation-agreement .agreement-check {
        position: absolute;
        top: .5em;
        right: 1em; }
        .reservation-agreement .agreement-check .error-dialog {
          position: absolute;
          top: 0;
          right: 0;
          margin-top: 30px;
          white-space: nowrap; } }

.reservation-h2 + .reservation-info, .reservation-pad .h2 + .reservation-info {
  margin-top: -2px; }

.reservation-info {
  position: relative;
  margin-bottom: 2.5em;
  color: #555; }
  .reservation-info ul {
    padding-left: 15px;
    padding-right: 15px;
    border-top: 2px solid #222; }
  .reservation-info li {
    position: relative;
    padding: 0.8em 0 0.8em 7em;
    border-bottom: 1px solid #ccc;
    line-height: 1.3; }
  .reservation-info .h {
    position: absolute;
    padding: 0.8em 0;
    top: 0;
    left: 0.5em; }
  .reservation-info .c em {
    font-weight: bold; }
  @media (max-width: 25.865em) {
    .reservation-info .bunch + .bunch {
      margin-left: 0; } }
  @media (min-width: 64em) {
    .reservation-info {
      margin-bottom: 25px; }
      .reservation-info + .attention-box {
        margin-top: 25px; }
      .reservation-info ul {
        padding: 0 0 1px 140px;
        height: 195px; }
        .reservation-info ul:after {
          content: '';
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          width: 100%;
          margin-top: -1px;
          border-bottom: 1px solid #999; }
      .reservation-info.reservation-info--step2 ul {
        height: 97px;
        padding-left: 0 !important; }
      .reservation-info li {
        position: relative;
        padding-top: 28px;
        padding-left: 15px;
        height: 98px; }
        .reservation-info li:before {
          content: '';
          position: absolute;
          left: 0.5px;
          top: 0;
          bottom: 0;
          width: 1px;
          background-color: #ccc; }
      .reservation-info.reservation-info--step2 li:first-child:before {
        display: none; }
      .reservation-info .info-item {
        white-space: nowrap;
        position: absolute;
        top: 0;
        left: 0;
        width: 140px;
        height: 100%;
        border: 0;
        padding: 0;
        text-align: center; }
        .reservation-info .info-item-cell {
          display: inline-block;
          vertical-align: middle;
          white-space: normal; }
        .reservation-info .info-item:after {
          content: "";
          display: inline-block;
          height: 100%;
          vertical-align: middle; }
        .reservation-info .info-item:before {
          display: none; }
      .reservation-info .h {
        position: static;
        display: block;
        padding: 0 0 .3em;
        font-size: .95em;
        color: #727272; }
      .reservation-info .c {
        color: #333; } }
  @media (min-width: 75em) {
    .reservation-info ul {
      padding-left: 170px; }
    .reservation-info li {
      padding-left: 20px; }
    .reservation-info .info-item {
      width: 170px; }
    .reservation-info .c {
      font-size: 1.1em; } }

.reservation-payment-info {
  padding: 8px 15px; }
  @media (min-width: 37.5em) {
    .reservation-payment-info {
      background-color: #f6f6f6; } }
  @media (min-width: 64em) {
    .reservation-payment-info {
      padding: 15px 20px; } }

@media (min-width: 37.5em) {
  .reservation-payment-type {
    float: left;
    width: 270px; } }

.reservation-charge {
  overflow: hidden;
  margin-top: 1.2em;
  margin-bottom: .2em;
  font-size: 1.1em;
  text-align: right; }
  .reservation-charge .h {
    float: left;
    padding-top: 0.4em;
    font-size: 1em; }
  .reservation-charge .num {
    display: inline-block;
    color: #d75100;
    font-size: 1.44em;
    font-weight: bold; }
  @media (min-width: 37.5em) {
    .reservation-charge {
      margin: 0;
      padding-top: 4px; }
      .reservation-charge .h {
        float: none;
        display: inline-block;
        margin-right: 1em; } }

.reservation-payment-agree {
  padding: 8px 15px; }
  .reservation-payment-agree .checkbox {
    display: block;
    margin-top: .4em;
    margin-right: 0;
    font-size: 1.05em;
    text-align: right; }
    .reservation-payment-agree .checkbox label {
      padding-right: 0;
      text-align: left; }
  @media (min-width: 64em) {
    .reservation-payment-agree {
      position: relative;
      padding: 15px 20px; }
      .reservation-payment-agree .checkbox {
        position: absolute;
        top: 8px;
        right: 20px; } }

.reservation-completed-msg {
  margin: 0;
  padding: 2.1em 0;
  color: #222;
  font-family: 'Lato','notokr-medium',sans-serif;
  font-size: 1.4em;
  text-align: center; }
  @media (min-width: 48em) {
    .reservation-completed-msg {
      padding-top: 1.4em; } }
  @media (min-width: 64em) {
    .reservation-completed-msg {
      font-size: 1.8em;
      padding: 0.7em 0; } }

/* visit */
.article-visit {
  padding-top: 1em;
  padding-bottom: 0;
  font-size: 1.4em; }
  .article-visit-pad {
    position: relative; }
  .article-visit .icon-star {
    color: #e5e5e5; }
    .article-visit .icon-star.is-on {
      color: #758246; }
  @media (min-width: 37.5em) {
    .article-visit-pad {
      padding: 2.857em 3.357em;
      border: 1px solid #e5e5e5; } }
  @media (min-width: 48em) {
    .article-visit-pad {
      padding: 2em 3em;
      border: 1px solid #e5e5e5; } }
  @media (min-width: 64em) {
    .article-visit {
      padding-top: 60px;
      font-size: 1.5em; }
      .article-visit-pad {
        margin-right: 25.446%; }
      .article-visit .sticky-pad {
        position: absolute;
        top: 0;
        right: 0;
        left: inherit;
        width: 240px; } }

.visit-header {
  padding: 0 0 2.5em; }
  .visit-header .info {
    color: #999; }
  .visit-header .author {
    position: relative;
    padding-right: 8px;
    margin-right: 4px; }
    .visit-header .author:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 1px;
      height: 11px;
      margin: auto;
      background-color: #ccc; }
    .visit-header .author-act {
      display: inline-block; }
      .visit-header .author-act .act-btn {
        padding: 0; }
        .visit-header .author-act .act-btn + .act-btn {
          position: relative;
          margin-left: 3px;
          padding-left: 6px; }
          .visit-header .author-act .act-btn + .act-btn:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 1px;
            height: 11px;
            margin: auto;
            background-color: #ccc; }
  .visit-header .date {
    margin-right: 0.4em; }
  .visit-header .share {
    display: inline-block;
    position: relative;
    top: -2px;
    color: #ccc;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle; }
  .visit-header .row {
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    padding: 0.2em 0; }

.visit-h {
  margin-bottom: .5em;
  color: #333;
  font-family: 'Lato','notokr-medium',sans-serif;
  font-size: 1.2em;
  line-height: 1.4; }
  .visit-h .category {
    color: #999;
    font-size: 14px; }
  .visit-h .title {
    display: block; }

.visit-comment {
  margin-top: 2em; }
  .visit-comment .h2 {
    padding-bottom: 5px;
    margin-bottom: 1em;
    color: #333;
    border-bottom: 2px solid #555;
    font-weight: bold;
    font-size: 1.071em; }
  .visit-comment .func {
    margin-top: 0;
    text-align: right; }

.visit-aside {
  display: none;
  position: absolute;
  top: 0;
  padding-left: 40px;
  width: 200px; }

.visit-list {
  position: relative;
  border-top: 1px solid #ddd; }
  .visit-list .vs-link {
    display: block;
    margin-top: -1px;
    padding: 1em 0;
    border-top: 1px solid #e5e5e5; }
    .visit-list .vs-link:hover .title, .visit-list .vs-link:focus .title {
      text-decoration: underline; }
  .visit-list .category {
    display: block;
    margin-bottom: .8em;
    color: #999;
    font-size: 0.85em; }
  .visit-list .title {
    display: block;
    height: 46px;
    color: #333;
    font-size: 1.05em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal; }
    .visit-list .title else {
      overflow: hidden;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal;
      display: block; }
  .visit-list .rating {
    margin-top: 0.5em;
    font-size: 0.8em; }

@media (min-width: 37.5em) {
  .visit-body {
    min-height: 4em; } }

@media (min-width: 64em) {
  .visit-header .row {
    padding: 0.8em 0; }
  .visit-header .date {
    margin-right: 1.3em; }
  .visit-h {
    margin-bottom: 1.3em;
    font-size: 1.467em; }
  .visit-comment {
    margin-top: 3.667em; }
    .visit-comment .h2 {
      margin-bottom: 20px;
      font-size: 1.2em; }
    .visit-comment .func {
      margin-bottom: 50px; }
  .visit-aside {
    display: block; } }

@media (min-width: 75em) {
  .visit-aside {
    padding-left: 0;
    width: 240px; } }

/* osulloc map */
.osl-map-section {
  font-size: 1.3em; }

.osl-map-pad {
  position: relative;
  max-width: 850px;
  margin: 0 auto; }
  .osl-map-pad:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10; }
    .is-clickable.osl-map-pad:before {
      display: none; }

.osl-map {
  position: relative; }
  .osl-map .btn-veil {
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin: 0;
    padding: 0;
    font-size: 24px; }

@media (min-width: 48em) {
  .osl-map-box {
    margin-bottom: 2em;
    text-align: center; } }

@media (min-width: 64em) {
  .osl-map-box {
    width: 850px;
    margin: 2em auto;
    text-align: center; }
  .osl-map {
    margin: 0 auto;
    background: url(../images/museum/map.jpg) 0 0 no-repeat; }
    .osl-map .btn-veil {
      display: none; }
  .osl-map-img {
    visibility: hidden; }
  .osl-map-item {
    position: absolute; }
    .osl-map-item.mark-01 {
      left: 317px;
      top: 433px; }
    .osl-map-item.mark-02 {
      top: 93px;
      left: 153px; }
    .osl-map-item.mark-03 {
      top: 78px;
      left: 298px; }
    .osl-map-item.mark-04 {
      top: 74px;
      left: 413px; }
    .osl-map-item.mark-05 {
      top: 83px;
      left: 464px; }
    .osl-map-item.mark-06 {
      top: 342px;
      left: 715px; }
    .osl-map-item.mark-07 {
      top: 430px;
      left: 660px; }
    .osl-map-item.mark-08 {
      top: 224px;
      left: 39px; }
    .osl-map-item.mark-09 {
      top: 549px;
      left: 491px; }
    .osl-map-item.mark-09-b {
      top: 12px;
      left: 575px; }
  .osl-map-a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 30px;
    height: 36px;
    padding-top: 14px;
    color: #fff;
    background: url(../images/museum/map_marker.png) 0 0 no-repeat;
    font-size: 11px;
    font-family: 'Lato','notokr-medium',sans-serif;
    text-align: center; }
    .osl-map-a:hover, .osl-map-a:focus, .osl-map-a.is-active {
      padding-top: 3px;
      background-image: url(../images/museum/map_marker_active.png);
      font-size: 17px;
      text-decoration: none;
      -webkit-animation: floatCloud 0.5s ease-in infinite alternate;
      -moz-animation: floatCloud 0.5s ease-in infinite alternate;
      -ms-animation: floatCloud 0.5s ease-in infinite alternate;
      -o-animation: floatCloud 0.5s ease-in infinite alternate;
      animation: floatCloud 0.5s ease-in infinite alternate; }
      .osl-map-a:hover:after, .osl-map-a:focus:after, .osl-map-a.is-active:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -4px;
        width: 100%;
        height: 5px;
        background: url(../images/museum/map_shadow.png) 45% 0 no-repeat; }
  @-webkit-keyframes floatCloud {
    0% {
      -webkit-transform: translate3d(0, 0%, 0);
      -moz-transform: translate3d(0, 0%, 0);
      -ms-transform: translate3d(0, 0%, 0);
      -o-transform: translate3d(0, 0%, 0);
      transform: translate3d(0, 0%, 0); }
    100% {
      -webkit-transform: translate3d(0, 15%, 0);
      -moz-transform: translate3d(0, 15%, 0);
      -ms-transform: translate3d(0, 15%, 0);
      -o-transform: translate3d(0, 15%, 0);
      transform: translate3d(0, 15%, 0); } }
  @-moz-keyframes floatCloud {
    0% {
      -webkit-transform: translate3d(0, 0%, 0);
      -moz-transform: translate3d(0, 0%, 0);
      -ms-transform: translate3d(0, 0%, 0);
      -o-transform: translate3d(0, 0%, 0);
      transform: translate3d(0, 0%, 0); }
    100% {
      -webkit-transform: translate3d(0, 15%, 0);
      -moz-transform: translate3d(0, 15%, 0);
      -ms-transform: translate3d(0, 15%, 0);
      -o-transform: translate3d(0, 15%, 0);
      transform: translate3d(0, 15%, 0); } }
  @-ms-keyframes floatCloud {
    .osl-map-a:hover 0%, .osl-map-a:focus 0%, .osl-map-a.is-active 0% {
      -webkit-transform: translate3d(0, 0%, 0);
      -moz-transform: translate3d(0, 0%, 0);
      -ms-transform: translate3d(0, 0%, 0);
      -o-transform: translate3d(0, 0%, 0);
      transform: translate3d(0, 0%, 0); }
    .osl-map-a:hover 100%, .osl-map-a:focus 100%, .osl-map-a.is-active 100% {
      -webkit-transform: translate3d(0, 15%, 0);
      -moz-transform: translate3d(0, 15%, 0);
      -ms-transform: translate3d(0, 15%, 0);
      -o-transform: translate3d(0, 15%, 0);
      transform: translate3d(0, 15%, 0); } }
  @-o-keyframes floatCloud {
    0% {
      -webkit-transform: translate3d(0, 0%, 0);
      -moz-transform: translate3d(0, 0%, 0);
      -ms-transform: translate3d(0, 0%, 0);
      -o-transform: translate3d(0, 0%, 0);
      transform: translate3d(0, 0%, 0); }
    100% {
      -webkit-transform: translate3d(0, 15%, 0);
      -moz-transform: translate3d(0, 15%, 0);
      -ms-transform: translate3d(0, 15%, 0);
      -o-transform: translate3d(0, 15%, 0);
      transform: translate3d(0, 15%, 0); } }
  @keyframes floatCloud {
    0% {
      -webkit-transform: translate3d(0, 0%, 0);
      -moz-transform: translate3d(0, 0%, 0);
      -ms-transform: translate3d(0, 0%, 0);
      -o-transform: translate3d(0, 0%, 0);
      transform: translate3d(0, 0%, 0); }
    100% {
      -webkit-transform: translate3d(0, 15%, 0);
      -moz-transform: translate3d(0, 15%, 0);
      -ms-transform: translate3d(0, 15%, 0);
      -o-transform: translate3d(0, 15%, 0);
      transform: translate3d(0, 15%, 0); } } }

@media (min-width: 75em) {
  .osl-map-section {
    font-size: 1.4em; }
  .osl-map-pad {
    max-width: none;
    height: 600px;
    margin: 30px 0 0;
    padding: 0 880px 0 0; }
  .osl-map-box {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0; } }

/* osulloc map - link list */
.spot {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.spot-link {
  position: relative;
  display: block;
  padding: 15px 30px;
  border-bottom: 1px solid #e5e5e5;
  color: #727272;
  font-family:'Lato','notokr-medium',sans-serif;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.04em; }
  .spot-link .num {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -13px;
    color: #758246;
    font-size: 18px; }
  .spot-link .icon-arr-right {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -9px;
    font-size: 14px;
    color: #ddd; }
  .spot-link:hover, .spot-link:focus, .spot-link.is-active {
    padding-left: 35px;
    color: #222;
    border-bottom-color: #222;
    font-weight: bold;
    text-decoration: none;
    background: url(../images/museum/map_marker_active.png) no-repeat 5px 10px; }
    .spot-link:hover .num, .spot-link:focus .num, .spot-link.is-active .num {
      color: #fff; }
    .spot-link:hover .icon-arr-right, .spot-link:focus .icon-arr-right, .spot-link.is-active .icon-arr-right {
      color: #727272; }

.spot-section {
  max-width: 820px; }

@media (min-width: 37.5em) {
  .spot {
    float: left;
    width: 50%;
    padding: 0 5px; }
  .spot-list {
    overflow: hidden;
    padding-top: 8px; } }

@media (min-width: 64em) {
  .spot {
    width: 33.33%; }
  .spot-link:hover, .spot-link:focus, .spot-link.is-active {
    background-position: 0px 10px; } }

@media (min-width: 75em) {
  .spot {
    float: none;
    width: auto;
    padding: 0; }
  .spot-link {
    padding: 20px 5px 17px 25px; }
    .spot-link:hover, .spot-link:focus {
      background-position: 0 15px; }
    .spot-link .num {
      left: 10px; }
    .spot-link .icon-arr-right {
      right: 0; } }

/* osulloc map layer */
.modal-map .spot-section {
  font-size: 1.4em; }

.modal-map .spot-body {
  line-height: 1.7; }

.modal-map .spot-h {
  margin-top: 1em;
  font-family:'Lato','notokr-medium',sans-serif;
  font-size: 1.5em;
  border-bottom: 0;
  font-weight: normal; }
  .modal-map .spot-h .ko {
    display: block;
    margin-bottom: .2em;
    color: #333;
    font-weight: normal;
    line-height: 1.2; }
  .modal-map .spot-h .en {
    display: block;
    padding-left: .1em;
    color: #999;
    font-size: 14px;
    line-height: 1.3; }

.modal-map .spot-desc {
  margin-top: 1em;
  min-height: 100px; }

@media (min-width: 64em) {
  .modal-map .spot-section {
    font-size: 1.5em; }
  .modal-map .spot-body {
    position: relative;
    margin-top: 40px;
    padding-left: 230px; }
  .modal-map .spot-h {
    position: absolute;
    top: 0;
    left: 0;
    width: 230px;
    margin-top: 0; }
    .modal-map .spot-h .ko {
      font-size: 36px; }
    .modal-map .spot-h .en {
      font-size: 16px; } }

.help-more {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: -7px;
  border-radius: 50%;
  background-color: #eee9e5;
  text-align: center;
  line-height: 24px;
  vertical-align: middle; }

.help-txt {
  display: inline-block;
  vertical-align: middle;
  color: #7b3d06;
  font-size: 13px;
  text-decoration: underline; }

.m-cave {
  white-space: nowrap;
  height: 50px;
  padding-right: 10px; }
  .m-cave-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .m-cave:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .m-cave-thumb {
    overflow: hidden;
    position: absolute;
    display: block;
    width: 50px; }
    .m-cave-thumb .thumb {
      display: block;
      width: 100%; }
      .m-cave-thumb .thumb-caption {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 3px 0;
        color: #fff;
        font-size: 11px;
        text-align: center;
        background-color: rgba(213, 118, 27, 0.9); }
  .m-cave-cell {
    padding-left: 60px; }
  .m-cave-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal; }
    .m-cave-name else {
      overflow: hidden;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal;
      display: block; }
  .m-cave-order {
    display: block;
    margin-top: .3em;
    color: #555; }

.argue-box {
  padding-top: 1em; }

.argue-txt em {
  color: #d75100;
  font-weight: bold; }

.array-range {
  text-align: right;
  float: right;
  margin: 10px 0; }
  .array-range em {
    font-weight: bold; }
  .mypage .h + .array-range {
    margin-top: -30px;
    margin-bottom: 0; }
  .shop .h + .array-range {
    margin-top: -38px;
    margin-right: 30px; }
  .order-info + .array-range {
    float: none;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0; }
  .array-range .checkbox {
    margin-right: 0; }
  .common-section .h-wrap .array-range {
    margin-top: -25px;
    margin-bottom: 0; }
    .common-section .h-wrap .array-range .checkbox label:before {
      margin-top: -3px; }
    @media (min-width: 37.5em) {
      .common-section .h-wrap .array-range {
        margin-top: -5px; } }
    @media (min-width: 48em) {
      .common-section .h-wrap .array-range {
        margin: 0; } }

.mypage h2 {
  font-family: 'Lato','notokr-medium',sans-serif;
}
.mypage .h-wrap {
  position: relative;
  margin-bottom: 10px; }
  .mypage .h-wrap .h {
    padding-bottom: 0; }

@media (min-width: 37.5em) {
  .mypage .h-wrap .h {
    display: inline-block; }
  .mypage .h-wrap .txt {
    position: absolute;
    bottom: 0;
    right: 0; } }

@media (max-width: 42.49em) {
  .mypage .func-m-trans {
    zoom: 1; }
    .mypage .func-m-trans:before {
      content: '';
      display: block; }
    .mypage .func-m-trans:after {
      content: '';
      display: table;
      clear: both; }
    .mypage .func-m-trans a, .mypage .func-m-trans button {
      float: left;
      width: 33.333%;
      min-width: 33.333%;
      margin-left: 0; }
      .mypage .func-m-trans a + a, .mypage .func-m-trans a button, .mypage .func-m-trans button + a, .mypage .func-m-trans button button {
        border-left-color: transparent; }
      .mypage .func-m-trans a:nth-child(4), .mypage .func-m-trans button:nth-child(4) {
        width: 100%;
        margin-top: 5px;
        border-color: #ccc; } }

.zipcode-area input[type="text"] {
  margin-top: 5px; }

.zipcode-area input[type="text"]:first-child {
  margin-top: 0;
  width: 100px; }

.common {
  font-size: 1.3em; }
  .common.shop {
    padding-bottom: 30px; }
  .common em {
    /*color: #7b3d06;*/ }
    .common em.em {
      color: #d75100;
      font-weight: 700; }
  @media (min-width: 37.5em) {
    .common.shop {
      padding-bottom: 60px; } }
  @media (min-width: 64em) {
    .common {
      font-size: 1.4em; } }

.common-content {
  position: relative; }

.common-section {
  position: relative; }
  .common-section .h {
    padding: 0 0 .5em 0;
    color: #222;
    font-size: 1.2em;
     }
    .common-section .h + .help-txt {
      position: absolute;
      right: 30px;
      top: 25px; }
  .common-section .simple-table th {
    position: relative; }
    .common-section .simple-table th a {
      position: absolute;
      top: 0;
      right: 5px;
      margin-top: 5px; }
  .common-section {
    margin-top: 20px; }
    .common-section:first-child {
      margin-top: 0; }
    .common-section--sub {
      margin-top: 4px; }
    .common-section.has-line .shop-item {
      border-top: 1px solid #f0f0f0; }
      .common-section.has-line .shop-item:first-child {
        border-top: 0; }
  @media (min-width: 48em) {
    .common-section .h {
      font-size: 1.3em; }
    .common-section .simple-table th a {
      position: static; }
    .mypage .common-section + .common-section,
    .mypage .common-section + .common-content {
      margin-top: 35px; } }

/* form boxes */
.shop-inner {
  padding: 12px 30px 15px; }
  @media (max-width: 37.49em) {
    .shop-inner {
      padding: 10px 10px 15px; } }
  .shop-inner [data-pt] {
    display: none; }

.shop-gift {
  position: relative;
  color: #555; }
  .shop-gift-pad {
    position: relative;
    overflow: hidden; }
  .shop-gift .img {
    width: 100px; }
  .shop-gift .slick-dots {
    clear: both;
    position: static;
    margin-top: 10px; }
  @media (max-width: 47.99em) {
    .shop-gift-pad {
      padding-left: 15px;
      padding-right: 15px; }
    .shop-gift-list {
      text-align: center; }
      .shop-gift-list .cont {
        padding-left: 10px;
        padding-right: 10px; }
    .shop-gift .h {
      border-bottom: 0; }
    .shop-gift .slick-arrow {
      display: none !important; } }
  @media (min-width: 48em) {
    .shop-gift .slick-arrow {
      top: 65px; }
    .shop-gift .slick-slide {
      zoom: 1;
      height: 100px;
      outline: 0; }
      .shop-gift .slick-slide:before {
        content: '';
        display: block; }
      .shop-gift .slick-slide:after {
        content: '';
        display: table;
        clear: both; }
    .shop-gift .cont {
      height: 100%;
      padding-right: 100px;
      white-space: nowrap; }
      .shop-gift .cont-cell {
        display: inline-block;
        vertical-align: middle;
        white-space: normal; }
      .shop-gift .cont:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .shop-gift .cont-cell {
        width: 90%;
        padding-top: 8px;
        font-size: 0.9em; }
        .shop-gift .cont-cell span {
          display: block; }
    .shop-gift .thumb {
      float: left;
      width: 110px; }
    .shop-gift-pad p {
      margin: 1em 0 .5em;
      padding: 0 30px; }
    .shop-gift-list {
      padding: 10px 32px 20px;
      margin: 0 24px; } }

.shop-item {
  position: relative;
  padding: .5em 0; }
  .shop-item h3 {
    font-size: 1em; }
  .shop-item .label {
    color: #333;
    margin-right: 0;
    font-weight: bold; }
    .shop-item .label label:before {
      font-weight: normal; }
  .shop-item .checkbox label:before {
    margin-right: .2em; }
  .shop-item-inner .price {
    font-size: 1.1em; }
    .shop-item-inner .price em {
      font-size: 1.2em; }
  .shop-item-inner + .shop-item-inner {
    margin-top: 8px; }
  .shop-item-pad {
    clear: both;
    padding: 5px 10px 8px 12px; }
  .shop-item .dot-list {
    margin-top: 5px;
    font-size: 13px; }
  .shop-item select {
    margin-right: 5px; }
    .shop-item select + .dot-list {
      margin-top: 12px; }
  .shop-item .hit-txt {
    position: relative;
    display: inline-block;
    padding-left: 8px; }
    .shop-item .hit-txt em {
      font-size: 1.14em;
      font-weight: bold; }
  @media (max-width: 47.99em) {
    .shop-item {
      padding-top: 0;
      padding-bottom: 0; }
      .shop-item .label {
        display: block;
        background-color: #f6f6f6;
        padding: 10px; }
      .shop-item-inner {
        padding: 8px 10px 12px 12px; }
        .shop-item:last-child .shop-item-inner {
          padding-bottom: 0; }
      .shop-item .hit-txt {
        font-size: 1.1em; }
      .shop-item .shop-txt-wrap {
        padding-left: 10px; } }
  @media (max-width: 37.49em) {
    .shop-item select {
      width: 100%; }
      .shop-item select + .hit-txt {
        margin-top: 5px; }
    .shop-item .delivery-wrap select {
      width: auto; } }
  @media (min-width: 48em) {
    .shop-item .label {
      float: left; }
      .shop-item .label span {
        display: block;
        padding-left: 14px; }
    .shop-item.shop-max .label {
      margin-top: 8px; }
    .shop-item.shop-hr {
      margin-top: 12px;
      padding-top: 15px;
      border-top: 1px solid #e5e5e5; }
    .shop-item-inner {
      padding-left: 120px; }
      .shop-item-inner + .shop-item-inner {
        margin-top: 10px; }
    .shop-item-pad {
      padding: 5px 0 5px 26px; }
    .shop-item .hit-txt {
      position: absolute;
      top: 50%;
      right: 0;
      font-size: 1em;
      margin-top: -.9em; }
      .shop-item .hit-txt em {
        font-size: 1.15em; } }
  @media (min-width: 64em) {
    .shop-item-inner {
      padding-left: 140px; } }
  @media (min-width: 75em) {
    .shop-item-inner {
      padding-left: 160px; } }

.shop-option-list {
  position: relative;
  margin-top: 5px;
  padding-bottom: 5px; }
  .shop-option-list dt {
    margin-bottom: .4em;
    color: #555; }
  .shop-option-list .input-wrap {
    margin-top: .4em; }

.shop-option-item {
  display: inline-block;
  width: 130px; }

@media (min-width: 48em) {
  .shop-option-list {
    padding-left: 170px; }
    .shop-option-list dt {
      position: absolute;
      left: 0;
      top: 0; }
  .shop-option-item {
    width: 160px; } }

.shop-footer .func {
  margin-top: 30px; }

@media (max-width: 37.49em) {
  .shop-footer .func {
    margin-top: 15px; } }

.policy {
  font-size: 1.3em;
  padding-bottom: 50px; }
  .policy em {
    color: #6e8530; }
  .policy-section {
    margin-bottom: 1.5em; }
    .policy-section:last-child {
      margin-bottom: 0; }
    .policy-section .h {
      color: #222;
      font-size: 1.4em;
      font-weight: bold;
      margin-bottom: 0.5em; }
    .policy-section .p {
      margin-top: .5em; }
    .policy-section.shop-footer {
      margin-top: 1.5em; }
  .policy-list li {
    border-top: 1px solid #e5e5e5;
    padding: .5em 0; }
    .policy-list li:first-child {
      border-top: 0;
      padding-top: 0; }
  .policy-head {
    text-align: center;
    border-bottom: 1px solid #555;
    padding: 2.679% 0 4.464% 0;
    margin-bottom: 1em; }
    .policy-head .func a {
      width: 114px;
      margin: 0 2px; }
  .policy-scroll-box {
    overflow-y: auto;
    max-height: 10em;
    padding: 1em 1.5em;
    border: 1px solid #e5e5e5; }
  .policy-check {
    font-size: 1.1em;
    margin-top: .5em; }
    .policy-check .checkbox label {
      word-break: keep-all;
      word-wrap: break-word;
      white-space: normal; }
    .policy-check.check-all {
      margin-top: .5em;
      padding-top: 1em;
      border-top: 1px solid #e5e5e5;
      font-weight: bold; }
  .policy-footer {
    margin-top: 0;
    padding-top: 20px;
    border-top: 1px solid #ccc; }
  @media (min-width: 37.5em) {
    .policy-section {
      margin-bottom: 2em; }
      .policy-section .p {
        font-size: 1.1em; } }
  @media (min-width: 64em) {
    .policy {
      font-size: 1.4em; }
      .policy-section {
        padding-top: .5em; }
        .policy-section .p {
          font-size: 1.2em; } }

.order-check {
  padding: 1em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 15px; }
  .order-check .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    white-space: normal; }
    .order-check .checkbox label:before {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 17px; }
  @media (min-width: 25.875em) {
    .order-check {
      padding-left: 0;
      padding-right: 0; } }

/* 장바구니, 주문결제 제품 목록 */
.order-table {
  font-size: 14px;
  border-top: 0 none; }
  .order-table-wrap {
    background-color: #fff; }
  .order-table .t-check {
    width: 30px; }
  .order-table .checkbox {
    margin-right: 0; }
    .order-table .checkbox label {
      padding-right: 0; }
  .order-table .num {
    display: inline-block; }
  .order-table .dc {
    color: #d5761b; }
  .order-table .freebie {
    margin: .4em 0;
    color: #6e8530;
    font-size: 13px;
    line-height: 1.4;
    white-space: normal; }
  .order-table .price {
    display: block;
    position: relative;
    text-align: right;
    white-space: nowrap; }
  .order-table th .price {
    font-size: inherit; }
  .order-table .col-qnt {
    width: 110px; }
  .order-table .col-price, .order-table .col-selling {
    width: 72px; }
  .order-table .col-func {
    width: 110px; }
  .order-table .col-pack {
    width: 100px; }
  .order-table .col-point {
    width: 100px; }
  .order-table .point {
    text-align: right; }
    .order-table .point-item {
      display: block; }
  .order-table .t-func {
    padding-left: 10px; }
  .order-table .m-cave {
    height: 100px; }
    .order-table .m-cave-thumb {
      width: 100px; }
    .order-table .m-cave-label {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 3px 0;
      background-color: #727272;
      background-color: rgba(114, 114, 114, 0.9);
      color: #fff;
      font-size: 12px;
      text-align: center;
      text-transform: uppercase; }
    .order-table .m-cave-cell {
      padding-left: 110px; }
    .order-table .m-cave-order {
      margin-top: 8px;
      font-size: 14px; }
    .order-table .m-cave-name {
      word-break: keep-all;
      word-wrap: break-word; }
    .order-table .m-cave-del {
      position: absolute;
      top: -15px;
      right: -5px;
      padding: 5px;
      color: #888;
      font-size: 16px; }
    .order-table .m-cave-price {
      display: inline-block;
      margin-top: 5px;
      padding-left: 10px;
      font-size: 15px; }
  .order-table .is-soldout .price {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=40);
    opacity: 0.4; }
  .order-table .is-discontinued {
    background-color: #ccc; }
    .order-table .is-discontinued input[type="checkbox"][disabled] + label {
      color: #999; }
    .order-table .is-discontinued .m-cave-del {
      color: #f6f6f6; }
    .order-table .is-discontinued .price {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=40);
      opacity: 0.4; }
    .order-table .is-discontinued .qnt-box:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 2;
      background-color: #999;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=50);
      opacity: 0.5; }
  @media (max-width: 47.99em) {
    .order-table tr {
      padding: 20px 15px; }
    .order-table td {
      padding-top: 1px;
      padding-bottom: 1px; }
    .order-table .m-cave {
      height: auto;
      padding-right: 0; }
      .order-table .m-cave:after {
        display: none; }
      .order-table .m-cave-thumb {
        position: relative;
        float: left; }
      .order-table .m-cave-cell {
        display: block;
        padding-left: 0; }
      .order-table .m-cave-name {
        padding: 12px 15px 0 10px; }
    .order-table .freebie {
      clear: both;
      display: block;
      margin-top: 10px;
      padding: 6px 10px;
      border-top: 1px solid #e5e5e5; }
    .order-table .price {
      font-size: 17px; }
      .order-table .price .num {
        color: #333; }
      .order-table .price .unit {
        padding-left: 3px;
        color: #888;
        font-size: 14px; }
      .order-table .price .dc {
        font-size: .86em; }
    .order-table .t-title {
      margin-bottom: 5px; }
	      .order-table .m-title {
      margin-bottom: 5px; }
    .order-table .t-check {
      position: absolute;
      left: 4px;
      top: 9px;
      padding: 8px;
      z-index: 2; }
      .order-table .t-check label:before {
        font-size: 18px; }
    .order-table .label {
      left: 10px;
      top: 2px; }
      .order-table .label + .txt {
        margin: 2px 0; }
    .order-table .t-pad {
      padding-left: 10px;
      padding-right: 10px; }
    .order-table .t-func {
      padding: 25px 0 18px; }
    .order-table .qnt-box {
      margin-bottom: 8px; } }
  @media (min-width: 48em) {
    .order-table .qnt-box {
      float: none; }
    .order-table .m-cave-price, .order-table .m-cave-del {
      display: none; }
    .order-table .m-cave-name {
      word-break: break-all; }
    .order-table .freebie {
      word-break: break-all; }
    .order-table .t-title {
      padding-left: 0;
      padding-right: 0; }
    .order-table .m-title {
      padding-left: 0;
      padding-right: 0; }

    .order-table .point {
      padding-right: 25px; }
    .order-table .price {
      padding-right: 8px;
      font-size: 15px; }
      .order-table .price .dc {
        position: absolute;
        top: -1.4em;
        right: 8px;
        font-size: 12px; }
      .order-table .price b.num {
        color: #333; }
        .order-table .price b.num + .unit {
          color: #333; }
    .order-table-wrap + .argue-box {
      margin-top: 1px; }
    .order-table .is-discontinued td {
      background-color: #ccc; } }
  @media (min-width: 64em) {
    .order-table .t-title .m-cave-name {
      font-size: 15px; }
    .order-table .col-qnt {
      width: 140px; }
    .order-table .col-price {
      width: 100px; }
    .order-table .col-selling {
      width: 120px; }
    .order-table .col-func {
      width: auto; }
    .order-table .t-func {
      width: 125px;
      padding-left: 30px; } }
  @media (min-width: 75em) {
    .order-table .t-title {
      padding-right: 30px; }
    .order-table .col-qnt {
      width: 120px; }
    .order-table .col-price {
      width: 140px; }
    .order-table .col-selling {
      width: 160px; }
    .order-table .col-pack {
      width: 140px; }
    .order-table .t-func {
      padding-left: 30px; }
    .order-table .price {
      padding-right: 15px; }
      .order-table .price .dc {
        right: 15px; } }

.t-title a.m-cave-name {
  color: #333;
  font-weight: bold; }

/* bill */
.bill-box {
  margin-top: 10px;
  padding: 2px 15px 15px;
  background-color: #fff;
  border-bottom: 1px solid #ddd; }

.bill--em {
  border-top: 2px solid #d5761b;
  border-bottom: 2px solid #d5761b; }

.bill .dot-list {
  padding: 10px 30px;
  background-color: #fbfafa;
  text-align: left; }

.bill .mark {
  display: none; }

.bill-item {
  zoom: 1;
  position: relative;
  min-width: 65px;
  margin: .7em 0;
  padding-right: 10px;
  text-align: right; }
  .bill-item:before {
    content: '';
    display: block; }
  .bill-item:after {
    content: '';
    display: table;
    clear: both; }
  .bill-item--big {
    min-width: 90px; }

.bill .label {
  position: absolute;
  margin-top: .4em;
  left: 10px;
  color: #555;
  font-size: 14px;
  white-space: nowrap; }

.bill .price .num {
  position: relative;
  top: 2px;
  display: inline-block;
  padding: 0 5px 0 3px;
  font-size: 1.3em; }

.bill .price b {
  color: #333; }

.bill .price .em {
  color: #d75100;
  font-size: 2em;
  line-height: 1.1; }

.bill-item--total {
  margin-top: 1.2em;
  padding-top: 8px;
  border-top: 1px solid #e5e5e5; }
  .bill-item--total .label {
    margin-top: .8em; }

@media (min-width: 48em) {
  .bill {
    text-align: center;
    vertical-align: top; }
    .bill-box {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      height: 100px;
      padding: 18px 0 0; }
    .bill-item {
      display: inline-block;
      height: 42px;
      margin: 0 1em;
      padding-top: 20px;
      padding-right: 0;
      text-align: center;
      vertical-align: top; }
    .bill .label {
      top: 0;
      left: 0;
      width: 100%;
      margin-top: 0;
      font-size: 14px; }
    .bill .price {
      display: inline-block;
      padding-top: 5px;
      font-size: 1.2em; }
      .bill .price .num {
        top: 0;
        padding: 0 2px;
        font-size: 1em;
        font-weight: bold; }
    .bill-item--total {
      border-top: 0; }
      .bill-item--total .label {
        color: #333; }
      .bill-item--total .price {
        padding-top: 0;
        color: #d75100;
        font-size: 1.5em; }
        .bill-item--total .price .num {
          font-size: 1.1em;
          font-weight: 700; }
    .bill .mark {
      display: inline-block;
      color: #999;
      font-size: 28px;
      font-family: monospace; }
    .bill .inner-mark {
      display: none; } }

@media (min-width: 64em) {
  .bill-box {
    height: 110px;
    padding: 24px 0 0; }
  .bill-item {
    height: 42px;
    margin: 0 1.5em; }
  .bill .label {
    font-size: 15px; }
  .bill .price {
    padding-top: 9px;
    font-size: 1.3em; }
  .bill-item--total .price {
    padding-top: 0;
    font-size: 1.8em; }
    .bill-item--total .price .num {
      font-size: 1.2em; }
  .bill .mark {
    font-size: 36px; } }

/* cart */
.tabs--cart {
  display: block;
  margin-bottom: 1px;
  background-color: #e2dcd3; }
  .tabs--cart li {
    width: 50%;
    margin-left: 1px;
    text-align: center;
    font-size: 15px; }
    .tabs--cart li:first-child {
      margin-left: -1px; }
  .tabs--cart .tab {
    padding: 9px 0 10px;
    border-top: 4px solid #e2dcd3;
    color: #555;
    font-weight: bold; }
    .tabs--cart .tab.is-active {
      background-color: #fff;
      border-top-color: #d5761b;
      color: #222; }
  .tabs--cart .n {
    color: #d75100; }
  @media (min-width: 48em) {
    .tabs--cart li {
      width: auto; }
    .tabs--cart .tab {
      width: 240px; }
      .tabs--cart .tab.is-active {
        border-right: 1px solid #ccc; } }
  @media (min-width: 64em) {
    .tabs--cart li {
      font-size: 18px; }
    .tabs--cart .tab {
      padding: 13px 0 14px;
      width: 280px; } }

.btn-group-cart {
  display: inline-block;
  padding-left: 1px;
  font-size: 0;
  word-spacing: 0;
  vertical-align: middle; }
  .btn-group-cart a, .btn-group-cart button {
    min-width: 0;
    width: 33.3%;
    padding-left: 0;
    padding-right: 0;
    border-color: #e5e5e5;
    font-size: 13px; }
  .is-discontinued .btn-group-cart .btn {
    background-color: #fff; }
    .is-discontinued .btn-group-cart .btn:hover, .is-discontinued .btn-group-cart .btn:focus {
      background: #727272; }
  @media (min-width: 48em) {
    .btn-group-cart {
      width: 88px;
      margin: 0 auto; }
      .btn-group-cart a, .btn-group-cart button {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 6px 0;
        border-color: #ddd; } }

.tag-soldout {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-bottom: 4px;
  padding: 6px 0;
  background-color: #ddd;
  font-size: 13px;
  text-align: center; }

.tag-discontinued {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-bottom: 4px;
  padding: 6px 0;
  border: 1px solid #b3b3b3;
  font-size: 13px;
  text-align: center; }

/* addressbook */
@media (min-width: 37.5em) {
  .modal--ab {
    width: 354px; } }

@media (min-width: 48em) {
  .modal--ab {
    width: 590px; } }

.ab-header {
  position: relative;
  margin: 10px 0;
  padding: 5px 0; }

.ab-add {
  float: none;
  position: absolute;
  right: 0;
  top: 0; }

.ab-container {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.ab {
  padding: 10px 0;
  border-top: 1px solid #ccc; }
  .ab ul {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #e5e5e5; }

.ab .personal-info {
  margin-top: 8px; }

.ab .checkbox {
  margin-right: 0; }

.ab-h {
  display: inline-block;
  font-size: 15px;
  line-height: 1.5;
  vertical-align: middle; }

.ab-func {
  margin-top: 10px;
  text-align: right; }

/* 주문완료 order result */
.shop-result-hr {
  height: 15px; }

.shop-result-head {
  position: relative;
  padding: 3.125% 7.589%;
  background-color: #fff;
  text-align: center; }
  .shop-result-head + .common-content {
    margin-top: 20px; }
  .shop-result-head .h2 {
    color: #222;
    font-size: 1.5em;
    font-family:'Lato','notokr-medium',sans-serif;}
  .shop-result-head .p {
    font-size: 1.1em; }

.shop-result-summary {
  padding-top: 1em;
  margin-top: 2em;
  border-top: 1px solid #ccc; }
  .shop-result-summary li {
    display: inline-block;
    color: #333;
    font-size: 1.2em;
    margin: 0 2em; }
  .shop-result-summary .label-s {
    display: inline-block; }

.shop-result-item {
  padding-top: 15px;
  border-top: 1px solid #f6f6f6; }
  .shop-result-item:first-child {
    padding-top: 0;
    border-top: 0; }
  .shop-result-item-s li {
    position: relative;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f6f6f6; }
    .shop-result-item-s li:first-child {
      margin-top: 0;
      padding-top: 0;
      border-top: 0; }

@media (min-width: 48em) {
  .shop-result-head .h2 {
    font-size: 1.7em; } }

@media (min-width: 64em) {
  .shop-result-hr {
    height: 25px; } }

@media (max-width: 37.49em) {
  .shop-result-head {
    padding-left: 20px;
    padding-right: 20px; }
    .shop-result-head .h2 {
      font-size: 1.3em; }
    .shop-result-head .p {
      font-size: 1em; }
      .shop-result-head .p span {
        display: block; }
  .shop-result-summary {
    text-align: left;
    margin-top: 1em; }
    .shop-result-summary li {
      display: block;
      margin: 0;
      font-size: 1em; }
      .shop-result-summary li .label-s {
        width: 100px;
        padding-right: 0; } }

/* shop layout
-------------------------------------------------- */
.shop {
  background: #f6f4f2 url(../images/a/title_bg.jpg);
  text-align: center;
  min-height: 50vh;
  text-align: left; }
  .shop .common-section {
    background-color: #fff; }
    .shop .common-section .h {
      padding: 12px 10px 10px;
      border-bottom: 1px solid #e5e5e5; }
      .shop .common-section .h-wrap {
        position: relative;
        padding: 12px 10px 10px;
        border-bottom: 1px solid #e5e5e5; }
        .shop .common-section .h-wrap .h {
          display: inline-block;
          border-bottom: none;
          padding: 0 8px 0 0; }
        .shop .common-section .h-wrap .array-range {
          float: none;
          position: absolute;
          top: 17px;
          right: 15px;
          margin: 0; }
        .shop .common-section .h-wrap .checkbox {
          margin-right: 0; }
    .shop .common-section + .argue-box {
      margin-top: 1px; }
  .shop .argue-box {
    padding: 15px 25px;
    background-color: #fdfdfc; }
  @media (max-width: 37.49em) {
    .shop .common-section .h-wrap .array-range {
      top: 12px;
      right: 10px; }
      .shop .common-section .h-wrap .array-range.txt--long {
        position: static;
        display: block;
        text-align: left; } }
  @media (min-width: 37.5em) {
    .shop .common-section .h {
      padding: 11px 30px; }
      .shop .common-section .h-wrap {
        padding: 15px 30px; }
        .shop .common-section .h-wrap .array-range {
          top: 19px;
          right: 30px; }
    .shop .argue-box {
      padding: 20px;
      font-size: 0.95em; } }
  @media (min-width: 64em) {
    .shop .argue-box {
      padding: 20px 30px; } }

/* MY PAGE
-------------------------------------------------- */
.order-header {
 /* margin: 20px 0;*/ }
  @media (min-width: 37.5em) {
    .order-header {
      margin-bottom: 40px; }
   .member-header {
      margin-bottom: 40px; }	  
	  
	  
	  
	  }

.order-top {
  position: relative;
  margin-bottom: 10px; }
  .order-top .order-info {
    overflow: hidden; }
    .order-top .order-info li {
      position: relative;
      padding-left: 10px; }
      .order-top .order-info li:before, .order-top .order-info li:after {
        content: '';
        position: absolute;
        top: 50%; }
      .order-top .order-info li:before {
        left: 0;
        width: 3px;
        height: 3px;
        margin-top: -2px;
        background: #888; }
    .order-top .order-info b {
      color: #333;
      margin-right: 5px; }
  @media (min-width: 37.5em) {
    .order-top {
      padding-bottom: 10px; }
      .order-top .order-info li {
        display: inline-block; }
        .order-top .order-info li + .order-top .order-info li {
          padding-left: 15px;
          margin-left: 10px; }
        .order-top .order-info li:before {
          display: none; }
        .order-top .order-info li:first-child {
          padding-left: 0;
          padding-right: 15px; }
          .order-top .order-info li:first-child:after {
            right: 0;
            width: 1px;
            height: 12px;
            margin-top: -6px;
            background-color: #ddd; } }

.order-state {
  position: relative;
  border: 5px solid #e5e5e5;
  margin-bottom: 20px; }
  .order-state .h {
    color: #222;
    font-size: 1.4em;
    font-weight: bold;
    padding: 1.154em 1.154em 0; }
  .order-state-list {
    padding: 4% 0; }
    .order-state-list li {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      float: left;
      width: 50%;
      height: 100%;
      padding: 0;
      margin: 0 auto;
      font-size: 12px;
      text-align: center;
      vertical-align: top; }
      .order-state-list li:before {
        content: '\e80e';
        position: absolute;
        top: 10px;
        left: -50%;
        width: 100%;
        height: auto;
        text-align: center;
        color: #ccc;
        font-family: "rt_font"; }
      .order-state-list li:first-child:before {
        display: none; }
      .order-state-list li.is-active .icon {
        color: #fff;
        background-color: #74824c; }
      .order-state-list li.is-active .desc {
        color: #74824c; }
    .order-state-list .icon {
      display: block;
      width: 35px;
      height: 35px;
      margin: 0 auto;
      color: #fff;
      font-size: 1.4em;
      line-height: 35px;
      border-radius: 100%;
      background-color: #ccc; }
      .order-state-list .icon:before {
        width: 100%; }
    .order-state-list .icon-order-receive:before,
    .order-state-list .icon-delivery-done:before,
    .order-state-list .icon-cancel-done:before,
    .order-state-list .icon-order-cancel:before,
    .order-state-list .icon-exchange:before,
    .order-state-list .icon-return-application:before {
      margin-left: 2px; }
    .order-state-list .desc {
      display: block;
      color: #999;
      margin-top: .5em;
      margin-bottom: .3em; }
      .order-state-list .desc br {
        display: none; }
    .order-state-list .time {
      display: block;
      font-size: .85em;
      color: #999; }
    .order-state-list .em {
      color: #999;
      font-weight: bold; }
    .order-state-list .icon-arr-right {
      display: none;
      position: absolute;
      top: 20px;
      left: 0;
      color: #ccc;
      font-size: 20px; }
  .order-state.state-3 li {
    width: 33.333%; }
  .order-state.state-4 li {
    width: 25%; }
  .order-state.state-5 li {
    width: 20%; }
  @media (min-width: 30em) {
    .order-state-list li {
      padding: 0 15px; }
      .order-state-list li:before {
        top: 14px;
        left: -10px;
        width: 15px;
        height: 25px;
        font-size: 16px; }
    .order-state-list .icon {
      width: 50px;
      height: 50px;
      font-size: 2em;
      line-height: 1.9; } }
  @media (min-width: 48em) {
    .order-state .h {
      float: left;
      padding-top: 3.763%;
      padding-left: 4.839%; }
    .order-state-list {
      width: 240px;
      margin: 0 auto;
      padding: 3.25% 0; }
      .order-state-list li {
        font-size: 13px; }
        .order-state-list li .icon {
          width: 70px;
          height: 70px;
          font-size: 2.8em;
          line-height: 1.85; }
        .order-state-list li:before {
          top: 17px;
          left: -14px;
          font-size: 24px; }
    .order-state.state-3 .order-state-list {
      width: 360px; }
    .order-state.state-4 .order-state-list {
      width: 480px; }
    .order-state.state-5 .order-state-list {
      width: 580px; } }
  @media (min-width: 64em) {
    .order-state-list {
      width: 300px; }
      .order-state-list li {
        font-size: 14px; }
      .order-state-list .icon {
        font-size: 2.5em; }
    .order-state.state-3 .order-state-list {
      width: 450px; }
    .order-state.state-4 .order-state-list {
      width: 600px; }
    .order-state.state-5 .order-state-list {
      width: 100%; } }

.list-summary {
  height: 30px;
  margin-bottom: 8px; }
  .list-summary p {
    margin: 0;
    line-height: 30px; }

/* mypage index
-------------------------------------- */
.mypage-order {
  position: relative; }

.mypage-order .order-state {
  padding-bottom: 50px; }
  .mypage-order .order-state-list .icon {
    color: #333;
    font-size: 2em;
    line-height: 1.2;
    background-color: transparent; }





  .mypage-order .order-state-list .desc {
    display: inline-block;
    color: #333;
    font-weight: normal; }
  .mypage-order .order-state-info {
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding: 10px 0 0 0;
    font-size: 0.923em;
    border-top: 1px solid #e5e5e5;
    text-align: center; }
    .mypage-order .order-state-info li {
      display: inline-block;
      margin: 0 1em; }
    .mypage-order .order-state-info strong {
      color: #999; }
    .mypage-order .order-state-info em {
      color: #f1663b; }

@media (min-width: 25.875em) {
  .mypage-order .order-state-list .icon {
    font-size: 3em; } }

@media (min-width: 48em) {
  .mypage-order .h {
    position: absolute;
    top: 45px;
    left: 45px;
    font-size: 1.286em; }
  .mypage-order .order-state {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 150px; }
    .mypage-order .order-state-list .icon {
      font-size: 4em;
      line-height: 1.3; }
    .mypage-order .order-state-info {
      bottom: 55px;
      left: 45px;
      width: 120px;
      padding: 0;
      border-top: 0 none;
      text-align: left; }
      .mypage-order .order-state-info li {
        display: block;
        margin: 4px 0; } }

@media (max-width: 42.49em) {
  .mypage-order .order-state-list li:before {
    top: 12px;
    margin: auto;
    bottom: 0; }
  .mypage-order .order-state-list .em {
    display: block; }
  .mypage-order .order-state-list em {
    position: static; } }

.mypage-info {
  margin-top: 8.036%; }
  .mypage-info .h {
    display: none; }
  .mypage-info-menu li {
    border-bottom: 1px solid #e5e5e5; }
  .mypage-info-menu .info-anchor {
    position: relative;
    display: block;
    position: relative;
    padding: 10px 12px; }
    .mypage-info-menu .info-anchor:hover {
      text-decoration: none; }
  .mypage-info-menu .icon {
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    height: 100%;
    vertical-align: middle;
    margin-top: 20px;
    color: #555;
    font-size: 3em; }
  .mypage-info-menu strong {
    display: block;
    color: #333;
    font-size: 1.2em;
	font-weight:500;
    margin-bottom: .5em; }
  .mypage-info-menu .more {
    display: block;
    font-size: 13px; }
    .mypage-info-menu .more .icon-arr-right {
      margin-top: 1px;
      vertical-align: top;
         font-size: 12px; }
  @media (min-width: 42.5em) {
    .mypage-info .h {
      display: block;
      padding-bottom: 5px; }
    .mypage-info-menu {
      border-top: 1px solid #e5e5e5;
      border-bottom: 1px solid #ccc;
      display: table;
      table-layout: fixed;
      width: 100%; }
      .mypage-info-menu li {
        display: table-cell;
        border-left: 1px solid #e5e5e5;
        border-bottom: 0 none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box; }
        .mypage-info-menu li:first-child {
          border-left: 0 none; }
      .mypage-info-menu .info-anchor {
        padding: 5.357% 8.036%; } }

.wallet {
  position: relative;
  border-top: 1px solid #999;
  border-bottom: 1px solid #ccc; }

.wallet-section .h {
  color: #333;
  font-weight: bold;
  font-size: 1.2em; }

.wallet-row {
  box-sizing: border-box;
  padding: 20px 15px; }
  .wallet-row .h {
    margin-bottom: 0.5em; }
  .wallet-row .h2 {
    font-size: 1em; }
    .wallet-row .h2 i {
      vertical-align: top;
      margin-top: 1px;
      font-size: 10px; }
  .wallet-row p {
    margin: 0; }
  .wallet-row .date {
    margin-top: 1.5em;
    font-size: 13px; }
    .wallet-row .date .label {
      display: inline-block;
      position: relative;
      color: #333;
      font-weight: bold;
      margin-right: 5px;
      width: 62px; }
      .wallet-row .date .label:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 12px;
        margin-top: -6px;
        background-color: #ccc; }

.wallet-cell {
  position: relative;
  padding-left: 80px;
  min-height: 40px; }
  .mypage .wallet-cell .icon-label {
    position: absolute;
    top: 50%;
    left: 0;
    width: 60px;
    height: 60px;
    margin-top: -30px; }
  .mypage .wallet-cell .icon-point {
    font-size: 56px;
    color: #758246;
    text-align: center; }
  .wallet-cell .user strong {
    color: #222; }
  .wallet-cell .user .vvip {
    color: #758246; }
  .wallet-cell .user .vip {
    color: #c88939; }
  .wallet-cell .user em {
    color: #555; }
  .wallet-cell .num {
    display: block;
    font-size: 1.385em;
    line-height: 1.2; }
    .wallet-cell .num i {
      font-weight: bold;
      font-size: 1.278em; }
  .wallet-cell .noti {
    display: block;
    margin-top: .5em; }
  .wallet-cell .func {
    margin-top: 0.8em;
    text-align: left; }

.wallet-membership {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .wallet-membership .wallet-row {
    display: inline-block;
    text-align: left; }

.wallet-point {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .wallet-point .wallet-row {
    border-top: 1px solid #e5e5e5; }
  .wallet-point .wallet-cell {
    display: inline-block;
    text-align: left; }

.wallet .point-beauty .num {
  color: #87a2c4; }

.wallet .point-leaf .num {
  color: #74824c; }

@media (min-width: 48em) {
  .wallet-cell {
    padding-left: 75px; }
    .wallet-cell .date .label {
      width: 60px; }
  .wallet-row {
    min-height: 136px;
    padding: 45px 15px 15px; }
    .wallet-row .h {
      margin-bottom: 2.5em; }
    .wallet-row .date {
      margin-top: 2.5em; }
    .wallet-row.point-beauty {
      border-top: 0 none; }
  .wallet-membership {
    float: left;
    width: 43.011%;
    border-top: 0; }
    .wallet-membership .wallet-row {
      display: block; }
  .wallet-point {
    float: left;
    width: 56.989%;
    border-left: 1px solid #e5e5e5;
    padding-left: 0;
    padding-right: 0; }
    .wallet-point .wallet-cell {
      display: block; }
    .wallet-point .func {
      position: absolute;
      top: 50%;
      right: 25px;
      margin-top: -15px; }
    .wallet-point .point-leaf .func {
      top: 50%; }
  .wallet-section .h {
    font-size: 1.3em; }}

@media (min-width: 64em) {
  .wallet-row {
    padding: 40px 0 30px 35px; }
    .wallet-row .h {
     font-size: 25px; }
  .wallet-cell {
    padding-left: 90px;
    min-height: 60px; }
    .mypage .wallet-cell .icon-label {
      width: 75px;
      height: 75px;
      margin-top: -37.5px; }
    .mypage .wallet-cell .icon-point {
      font-size: 68px; }
    .wallet-cell .num {
      font-size: 1.643em;
      letter-spacing: -0.02em; }
      .wallet-cell .num i {
        margin-right: -5px;
        font-size: 1.304em; }
  .wallet-membership .wallet-row {
    padding-left: 50px;
    padding-top: 25px; } }

.wallet-coupon {
  padding: 15px 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 4em; }

.wallet-coupon-list {
  margin-left: -20px; }
  .wallet-coupon-list li {
    outline: 0 none;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

.wallet-coupon-empty {
  width: 100%; }
  .wallet-coupon-empty .coupon-empty {
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 35px; }
    .wallet-coupon-empty .coupon-empty .icon {
      font-size: 3.5em; }
    .wallet-coupon-empty .coupon-empty p {
      margin-top: 0; }

.wallet-coupon .h {
  margin-bottom: 1em; }

.wallet-coupon .coupon-title {
  height: 25px;
  margin-top: 0.5em;
  margin-bottom: 0;
  color: #333;
  font-size: 11px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal; }
  .wallet-coupon .coupon-title else {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block; }

.wallet-coupon .slick-arrow {
  width: 20px;
  height: 20px;
  margin-top: -20px; }
  .wallet-coupon .slick-arrow:before {
    font-size: 20px; }
  .wallet-coupon .slick-arrow.slick-prev {
    left: 0px; }
  .wallet-coupon .slick-arrow.slick-next {
    right: -20px; }

@media (min-width: 48em) {
  .wallet-coupon {
    padding: 25px 0px;
    margin-bottom: 55px; }
  .wallet-coupon-list {
    margin-left: -40px; }
    .wallet-coupon-list li {
      padding-left: 40px; }
  .wallet-coupon .slick-arrow {
    width: 25px;
    height: 30px;
    margin-top: -35px; }
    .wallet-coupon .slick-arrow:before {
      font-size: 25px; }
    .wallet-coupon .slick-arrow.slick-next {
      right: -40px; } }

.mypage-gift {
  position: relative; }
  .mypage-gift .shop-section-inner {
    padding-bottom: 40px; }

.mypage .t_wrap {
  max-width: 930px; }

.mypage .primary-tab {
  margin-bottom: 20px; }
  .mypage .primary-tab.mypage-tabs {
    margin-bottom: 40px; }
    @media (min-width: 37.5em) {
      .mypage .primary-tab.mypage-tabs {
        margin-bottom: 20px; } }

.mypage .lnb-header .switch-select {
  display: none; }

.mypage .lnb-header .h {
  display: block;
  height: 42px;
  font-size: 17px;
  line-height: 2.6; }

.mypage .icon-label {
  display: inline-block;
  overflow: hidden;
  position: relative;
  font-size: 1px;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  width: 75px;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.mypage .icon-label-vvip {
  background-image: url(../images/a/label_vvip.png); }

.mypage .icon-label-vip {
  background-image: url(../images/a/label_vip.png); }

.mypage .icon-label-m {
  background-image: url(../images/a/label_m.png); }

.mypage .icon-label-leaf {
  background-image: url(../images/a/label_leaf.png); }

.mypage .icon-label-beauty {
  background-image: url(../images/a/label_beauty.png); }

.mypage .icon-label-coupon {
  background-image: url(../images/a/label_coupon.png); }

.mypage .list-info {
  margin-bottom: 10px; }
  .mypage .list-info strong {
    color: #333; }

.mypage .fileuploader {
  display: inline-block;
  cursor: pointer; }

.mypage .inquiry-opt {
  max-width: 360px;
  margin: 0 auto 10px;
  color: #555; }
  .mypage .inquiry-opt .checkbox {
    margin-right: 10px; }
    .mypage .inquiry-opt .checkbox label:before {
      background-color: #f6f6f6;
      margin-right: 5px;
      text-align: center; }
  @media (min-width: 37.5em) {
    .mypage .inquiry-opt {
      max-width: 540px;
      margin-bottom: 15px; }
      .mypage .inquiry-opt .checkbox {
        margin-right: 15px; } }
  @media (min-width: 48em) {
    .mypage .inquiry-opt {
      max-width: 630px; } }

.mypage .btn--small {
  padding: 4px 9px; }

@media (min-width: 42.5em) {
  .mypage .btn--small {
    padding: 4px 13px;
   /* border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px; */
	
	
	} }

@media (min-width: 48em) {
  .mypage .lnb-header .switch-select {
    display: block; }
  .mypage .lnb-header .h {
    height: auto;
    font-size: 32px;
    line-height: 1.5; } }

.p-get {
  color: #758246; }

.p-use {
  color: #f1663b; }

.inquiry-box {
  padding: 15px;
  background-color: #f6f6f6; }
  .inquiry-box button {
    min-width: 0; }

.inquiry-pad {
  overflow: hidden;
  position: relative;
  margin: 0 auto; }

.inquiry .set-period {
  width: 33.333%;
  padding-left: 0;
  padding-right: 0; }

.inquiry .input-wrap {
  width: 48%;
  display: inline-block;
  vertical-align: middle; }

.inquiry .input-date {
  width: 100%; }

@media (min-width: 25.875em) {
  .inquiry-box {
    margin: -5px 0 15px; } }

@media (min-width: 37.5em) {
  .inquiry-pad {
    text-align: center; }
  .inquiry .btn-group {
    display: inline-block;
    width: 177px; }
  .inquiry .input-group {
    display: inline-block;
    margin: 0 3px; }
  .inquiry .input-wrap {
    width: 124px; }
  .inquiry .input-date {
    padding-left: 0.8em;
    padding-right: 0.8em; } }

@media (min-width: 48em) {
  .inquiry-box {
    margin: 0 0 20px;
    padding: 20px; }
  .inquiry .btn-group {
    width: 239px; }
  .inquiry .input-wrap {
    width: 140px; }
  .inquiry .input-date {
    padding-left: 1em;
    padding-right: 1em; } }

@media (max-width: 37.49em) {
  .inquiry-pad {
    max-width: 360px;
    padding-top: 50px; }
    .inquiry-pad > button {
      position: absolute;
      top: 50px;
      right: 0;
      min-width: 0;
      width: 24.5%;
      padding-left: 0;
      padding-right: 0; }
  .inquiry .btn-group {
    max-width: none;
    width: 75%; }
  .inquiry .date-to-wrap {
    float: right; }
  .inquiry .input-group {
    position: absolute;
    top: 0;
    left: 0; } }

/* order detail */
.icon-order-state {
  display: block;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  background-color: #e5e5e5;
  border-radius: 100%; }
  .is-active .icon-order-state {
    background-color: #758246; }

.my-gift-section {
  background-color: #f6f6f6;
  padding: 15px 15px 0; }

.my-gift-pad {
  overflow: hidden;
  position: relative; }
  .my-gift-pad .h {
    font-size: 1em;
    margin-bottom: .5em; }
  .my-gift-pad .sub {
    margin-left: 5px;
    color: #727272;
    font-weight: normal;
    font-size: 13px; }

.my-gift-list {
  overflow: hidden; }
  .my-gift-list li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 70px;
    margin: 0 0 10px;
    padding: 0 20px 0 80px; }
  .my-gift-list .thumb {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 10px;
    width: 70px;
    background-color: #e5e5e5; }
  .my-gift-list .cont {
    white-space: nowrap;
    height: 100%;
    font-size: 13px; }
    .my-gift-list .cont-cell {
      display: inline-block;
      vertical-align: middle;
      white-space: normal; }
    .my-gift-list .cont:after {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .my-gift-list .cont .cont-cell span {
      display: block; }

@media (min-width: 37.5em) {
  .my-gift-list li {
    float: left;
    width: 50%; } }

@media (min-width: 48em) {
  .my-gift-section {
    padding: 20px 50px 0; }
  .my-gift-pad {
    padding-left: 30%; }
    .my-gift-pad .h {
      position: absolute;
      top: 20px;
      left: 0; }
    .my-gift-pad .sub {
      display: block;
      margin-left: 0; }
  .my-gift-list li {
    margin-bottom: 20px; }
  .my-gift-list .thumb {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 10px;
    width: 70px;
    background-color: #e5e5e5; }
  .my-gift-list .cont {
    white-space: nowrap;
    height: 100%;
    font-size: 13px; }
    .my-gift-list .cont-cell {
      display: inline-block;
      vertical-align: middle;
      white-space: normal; }
    .my-gift-list .cont:after {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .my-gift-list .cont .cont-cell span {
      display: block; } }

.wishlist-noti {
  position: relative;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px; }
  .wishlist-noti .noti {
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 13px; }

.wishlist-section {
  overflow: hidden; }

.wishlist {
  overflow: hidden;
  position: relative;
  border-top: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7; }

.wishlist-thumb {
  float: left;
  width: 100px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 5px 0; }

.wishlist-item {
  display: block; }
  .wishlist-item:hover {
    text-decoration: none; }

.wishlist-info {
  position: relative; }

.wishlist li {
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: -1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .wishlist li.empty {
    width: 100%;
    margin-top: 0;
    padding-top: 10em;
    padding-left: 0;
    padding-bottom: 10em;
    text-align: center; }

.wishlist .title {
  display: block;
  max-height: 44px;
  padding-top: 5px;
  margin-bottom: 10px;
  font-family:'Lato','notokr-medium',sans-serif;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal; }
  .wishlist .title else {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block; }

.wishlist .btn-group {
  margin-top: 15px; }
  .wishlist .btn-group [disabled] {
    opacity: .5;
    pointer-events: none;
    cursor: default; }
    .wishlist .btn-group [disabled]:hover, .wishlist .btn-group [disabled]:focus {
      border-color: #ccc;
      background-color: transparent; }

.wishlist .checkbox {
  display: block;
  margin-right: 0;
  text-align: left; }
  .wishlist .checkbox label {
    text-align: center; }

.wishlist .price {
  font-size: 0.929em; }
  .wishlist .price .num {
    color: #333;
    font-size: 1.231em; }

@media (min-width: 25.875em) {
  .wishlist {
    margin-left: -20px; }
  .wishlist-thumb {
    float: none;
    width: auto;
    padding: 0; }
  .wishlist-info {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 105px;
    padding-top: 25px; }
  .wishlist .promo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .wishlist li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    margin-top: 15px;
    padding-left: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    text-align: center; }
  .wishlist .title {
    padding-top: 0;
    width: 66.667%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px; }
  .wishlist .btn-group {
    margin-top: 0; } }

@media (min-width: 48em) {
  .wishlist-noti {
    padding-left: 0;
    padding-right: 0; }
  .wishlist li {
    margin-top: 20px;
    width: 33.333%; }
  .wishlist .price {
    font-size: 0.867em; }
    .wishlist .price s {
      font-size: 1em; }
    .wishlist .price .num {
      color: #333;
      font-size: 1.154em; } }

.payment-area {
  font-size: 1.1em; }

.payment-default {
  border: 1px solid #ddd;
  padding: 5px 0 0;
  border-width: 1px 0;
  color: #555; }
  @media (min-width: 25.875em) {
    .payment-default {
      padding-left: 15px;
      padding-right: 15px; } }

.payment-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-align: right;
  padding: 5px 0; }
  .payment-item .mark {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    width: 64px;
    margin-top: -.62em;
    color: #ccc;
    font-size: 1.6em;
    line-height: 1;
    font-weight: normal;
    text-align: center; }
  .payment-item .label {
    float: left; }
  .payment-item .price {
    display: inline-block; }
  .payment-item .num {
    margin-right: 3px;
    color: #555; }

.payment-first .num {
  color: #222; }

.payment-result .num {
  color: #d75100; }

@media (max-width: 37.49em) {
  .payment-item .label {
    float: left; }
  .payment-item:nth-child(2) .num:before {
    content: '-'; }
  .payment-first .num {
    font-size: 1.05em; }
  .payment-result {
    display: block;
    margin-top: 5px;
    padding: 10px 0;
    border-top: 1px dotted #ddd; }
    .payment-result .price {
      clear: left; }
    .payment-result .num {
      font-size: 1.5em; } }

@media (min-width: 37.5em) {
  .payment-default {
    text-align: center;
    border: 4px solid #e5e5e5; }
  .payment-item {
    display: inline-block;
    margin-right: -1px;
    padding: 10px 0 15px 64px;
    text-align: center;
    vertical-align: middle; }
    .payment-item .mark {
      display: block; }
    .payment-item .label {
      float: none;
      display: block; }
  .payment-first {
    padding-left: 0; }
  .payment-result {
    display: block;
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    text-align: center; }
    .payment-result .label {
      font-size: 1em;
      margin-top: 4px; }
    .payment-result .mark {
      display: none; }
    .payment-result .num {
      font-size: 1.3em; } }

@media (min-width: 48em) {
  .payment-default {
    padding: 20px 0;
    border-width: 5px; }
  .payment-item {
    font-style: 1.1em; }
    .payment-item .price {
      padding-left: 3px;
      font-size: 1.1em; }
  .payment-result {
    display: inline-block;
    padding: 10px 0 15px 64px;
    border-top: 0;
    font-size: 1.1em; }
    .payment-result .label {
      font-size: 1em;
      margin-top: 4px; }
    .payment-result .mark {
      display: block; } }

.list--mypage-order .func {
  margin-top: 6px; }

.list--mypage-order .list-cell {
  padding-top: 10px;
  padding-bottom: 10px; }

.list--mypage-order .t-title {
  margin-left: 10px;
  padding: 8px 0; }
  .list--mypage-order .t-title + .t-title {
    border-top: 1px solid #e5e5e5; }

.list--mypage-order td.t-title {
  color: #333; }

@media (max-width: 47.99em) {
  .list--mypage-order {
    border-top-color: #ccc; }
  .list--mypage-order .empty-msg td,
  .list--mypage-order .gift-row td,
  .list--mypage-order td {
    padding-left: 0; }
  .list--mypage-order .in + .in {
    margin-left: 8px; }
  .list--mypage-order a.link {
    font-size: 1.1em;
    border-bottom: 0; }
  .list--mypage-order .o {
    display: inline-block; }
    .list--mypage-order .o:after {
      overflow: hidden;
      display: inline-block;
      height: 12px;
      margin-left: 5px;
      padding-left: 6px;
      content: attr(data-date);
      font-size: 12px;
      color: #ccc;
      border-left: 1px solid;
      line-height: 1.1; }
  .list--mypage-order .list-cell {
    padding: 0; }
    .list--mypage-order .list-cell .t-title {
      padding-bottom: 0; }
  .list--mypage-order .t-title + .t-title {
    margin-top: 4px;
    border-top: 0; }
  .list--mypage-order .s {
    position: absolute;
    border: 0;
    top: 6px;
    right: 15px; }
  .list--mypage-order .func {
    display: inline-block;
    margin-top: -5px;
    margin-left: 5px;
    vertical-align: middle; }
  .list--mypage-order .label {
    position: static;
    margin-right: 5px; }
  .list--mypage-order .nw br {
    display: none; }
  .list--mypage-order .t-func {
    border-top: 0;
    margin-top: -35px;
    text-align: right; } }

@media (min-width: 48em) {
  .list--mypage-order .t-title .m-cave {
    height: 80px;
    padding-right: 0; }
  .list--mypage-order .t-title .m-cave-thumb {
    width: 80px; }
  .list--mypage-order .t-title .m-cave-cell {
    padding-left: 90px; }
  .list--mypage-order td.t-title {
    padding-left: 20px; } }

/* coupon */
.coupon {
  max-width: 250px;
  height: 100px;

  min-width: 250px;
  min-height: 100px;

      text-align: center;
  margin: auto;
  background: url(/rt_img/tea_coupon.png) 0 0 no-repeat;
  background-size: 100% 100%;
  white-space: nowrap; }
  .coupon-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .coupon:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .coupon .title {
    display: block;
    font-size: 10px;
    font-weight: 500; }
  .coupon .disc {
    color: #f1663b;
    font-size: 14px;
    line-height: 1.2;
    font-family:'Lato','notokr-medium',sans-serif; }
    .coupon .disc i {
      font-size: 1.556em; }
  .coupon .code {
    display: block;
    color: #888;
    font-size: 0.923em; }
  .coupon.use {
    position: relative; }
    .coupon.use:before {
      content: '사용';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      width: 70px;
      height: 70px;
      margin: auto;
      color: #fff;
      border-radius: 50%;
      background: url(../images/a/circle_do.png);
      background: rgba(129, 141, 92, 0.9);
      font-size: 1.385em;
      line-height: 70px;
      font-family: 'Lato','notokr-medium',sans-serif;
      text-align: center;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    .coupon.use .coupon-cell {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=30);
      opacity: 0.3; }
  .coupon.cease {
    position: relative; }
    .coupon.cease:before {
      content: '만료';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      width: 70px;
      height: 70px;
      margin: auto;
      color: #fff;
      border-radius: 50%;
      background: url(../images/a/circle_done.png);
      background: rgba(153, 153, 153, 0.9);
      font-size: 1.385em;
      line-height: 70px;
      font-family:'Lato','notokr-medium',sans-serif;
      text-align: center;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    .coupon.cease .coupon-cell {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
      filter: alpha(opacity=30);
      opacity: 0.3; }

.coupon-cell {
  margin-top: 5px;
 /* padding-left: 12%; */ }

.coupon-container {
  overflow: hidden; }
  .coupon-container .count {
    display: inline-block;
    margin-left: 5px;
    color: #888; }
    .coupon-container .count.on {
      color: #f1663b; }
  .coupon-container .primary-tab {
    margin-bottom: 20px; }

.coupon-header {
  padding: 10px;
  margin-bottom: 10px;
  background-color: #f6f6f6; }
  .coupon-header form {
    margin: 0 auto;
    width: 270px; }
  .coupon-header .label {
    display: block;
    margin-bottom: .5em;
    text-align: left; }
  .coupon-header .input-text {
    width: 58%; }
  .coupon-header .btn-gim {
    min-width: 75px;
    padding-left: 1em;
    padding-right: 1em; }
  @media (min-width: 25.875em) {
    .coupon-header {
      padding: 15px;
      text-align: center; }
      .coupon-header form {
        width: auto; }
      .coupon-header .label {
        display: inline-block;
        color: #555;
        margin-right: .5em;
        margin-bottom: 0; } }
  @media (max-width: 25.865em) {
    .coupon-header .input-text {
      width: 180px; } }

.coupon-list {
  overflow: hidden;
  margin-left: -2.151%;
  margin-right: -2.151%;
  border-bottom: 1px solid #ccc; }
  .coupon-list > li {
    float: left;
    width: 100%;
    margin-bottom: -1px;
    padding: 1.538em 1.961%;
    border-right: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

.coupon-title {
  max-width: 250px;
  padding: 0 10px;
  margin: 1.5em auto 1em;
  color: #333;
  font-weight: 500; }
  .coupon-title i {
    display: block;
    color: #758246;
    font-size: 13px; }
  .coupon-title p {
    overflow: hidden;
    margin: 0;
    max-height: 38px; }

.coupon-info {
  max-width: 250px;
  padding-left: 10px;
  margin: auto; }
  .coupon-info li {
    position: relative;
    padding-left: 100px;
    margin-bottom: 3px; }
  .coupon-info .label {
    position: absolute;
    top: 0;
    left: 10px;
    color: #333;
    font-weight: bold;
    font-size: 13px; }
    .coupon-info .label:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: -10px;
      width: 3px;
      height: 3px;
      margin: auto;
      border-radius: 2px;
      background-color: #888; }
    .coupon-info .label:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 80px;
      width: 1px;
      height: 12px;
      margin: auto;
      background-color: #ccc; }
      .no-mediaqueries .coupon-info .label:after {
        left: 83px; }
  .coupon-info .date {
    word-break: break-all; }
  .coupon-info .noti {
    color: #74824c; }

.coupon-empty {
  margin-top: 10px;
  padding-top: 9.231em;
  padding-bottom: 9.231em;
  border: 5px solid #e5e5e5;
  white-space: nowrap;
  text-align: center; }
  .coupon-empty-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .coupon-empty:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .coupon-empty .icon {
    display: none;
    color: #333;
    font-size: 4.615em; }
  .coupon-empty p {
    font-size: 1.154em;
    margin-top: 1em;
    margin-bottom: 0; }

.coupon-h {
  margin-bottom: 10px;
  color: #333;
  font-size: 1.385em; }

.coupon-exchange .name {
  margin-top: 1em;
  padding: 0 10px;
  color: #333;
  font-weight: bold;
  font-size: 1.385em; }

.coupon-exchange .coupon-info {
  margin: 0 0 2em; }

.coupon-exchange .point-exchange {
  max-width: 250px;
  margin: auto; }

@media (min-width: 25.875em) {
  .coupon {
    height: 100px; }
    .coupon .title {
      font-size: 1em; }
    .coupon .disc {
      font-size: 1.385em; }
      .coupon .disc i {
        font-size: 1.556em; }
    .coupon .code {
      display: block;
      color: #888;
      font-size: 0.923em; }
  .coupon-cell {
padding-right: 8%;
margin: auto; 
	
	} }

@media (min-width: 42.5em) {
  .coupon-list > li {
    float: left;
    width: 50%;
    height: 320px; }
    .coupon-exchange .coupon-list > li {
      width: 33.333%;
      height: auto; } }

@media (min-width: 64em) {
  .coupon-header {
    margin-bottom: 20px; }
  .coupon-list {
    margin-top: 10px;
    margin-left: -40px;
    margin-right: -40px; }
    .coupon-list > li {
      width: 33.333%;
      min-height: 380px;
      padding: 1.538em 25px 2.308em; }
  .coupon-title {
    font-size: 1.385em; }
    .coupon-title p {
      max-height: 54px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      word-wrap: normal; }
      .coupon-title p else {
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        display: block; }
  .coupon-empty {
    margin-top: 20px; }
    .coupon-empty p {
      font-size: 1.154em; }
  .coupon-exchange {
    position: relative; }
    .coupon-exchange li {
      min-height: auto; }
    .coupon-exchange .noti {
      position: absolute;
      top: 5px;
      right: 0; } }

.form-cancel .bank-wrap {
  margin-bottom: 5px;
  padding-left: 5px; }

@media (max-width: 47.99em) {
  .form-cancel th {
    display: none; }
  .form-cancel td {
    padding-left: 12px;
    padding-right: 12px; } }

@media (max-width: 29.99em) {
  .form-cancel td {
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 48em) {
  .form-cancel .side-pad {
    position: relative;
    padding-right: 60px; }
  .form-cancel .bank-wrap {
    margin-bottom: 0;
    padding-right: 5px; }
  .form-cancel .counter {
    position: absolute;
    right: 0;
    bottom: 0; } }

/* point */
.exchange-points {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #ccc; }

.exchange-points .points-cell {
  text-align: right;
  padding: 25px 15px; }

.exchange-points .sign-cell {
  padding: 15px 10px;
  background-color: #f6f6f6;
  text-align: center; }

.exchange-points .icon-label {
  float: left;
  margin-top: -10px; }

.exchange-points .point {
  font-size: 1.231em;
  color: #758246; }
  .exchange-points .point strong {
    font-size: 1.5em;
    line-height: 1.2; }

.exchange-points .icon-label {
  width: 45px;
  height: auto;
  font-size: 45px;
  color: #758246;
  text-align: center; }

.exchange-points .title {
  display: inline-block;
  margin-right: 5px;
  font-size: 1.077em; }

.exchange-points .noti {
  margin-top: 5px;
  color: #999; }

.exchange-points .btn {
  width: 120px;
  margin: 5px auto 0; }

.exchange-points p {
  margin: 0; }

.exchange-points em {
  color: #758246; }

@media (min-width: 25.875em) {
  .exchange-points {
    display: table;
    table-layout: fixed;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  .exchange-points-cell {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    text-align: center; }
    .exchange-points-cell:first-child:after {
      content: '\e80e';
      font-family: 'rt_font';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 10px;
      height: 20px;
      margin: auto;
      color: #ccc;
      font-size: 1em;
      text-align: center; }
    .exchange-points-cell .points-cell {
      display: inline-block;
      padding: 0;
      background-color: transparent;
      text-align: center; }
      .exchange-points-cell .points-cell-info {
        text-align: left; }
  .exchange-points-cell:first-child:after {
    width: 25px;
    height: 40px;
    font-size: 2em; }
  .exchange-points .icon-label {
    margin-top: 0;
    margin-left: -55px; }
  .exchange-points .title {
    display: block;
    margin-right: 0; }
  .exchange-points .noti {
    margin-top: 2em; }
  .exchange-points .sign {
    text-align: left; }
  .exchange-points .btn {
    float: none;
    margin-top: 10px; }
  .exchange-points br {
    display: none; } }

@media (min-width: 48em) {
  .exchange-points {
    padding-top: 35px;
    padding-bottom: 25px;
    padding-left: 6.989%;
    padding-right: 6.989%;
    margin-bottom: 50px;
    font-size: 1em; }
  .exchange-points .icon-label {
    width: 75px;
    font-size: 60px;
    margin-left: -80px; }
  .exchange-points .point {
    font-size: 1.714em; }
    .exchange-points .point strong {
      font-size: 1.25em; } }

@media (max-width: 47.99em) {
  .list--tealeaf tr {
    position: relative;
    padding: 10px 15px;
    vertical-align: middle; }
  .list--tealeaf td {
    padding-left: 0;
    border-top: 0;
    padding: 2px 0; }
  .list--tealeaf .in + .in {
    position: relative;
    margin-left: 6px;
    padding-left: 8px; }
    .list--tealeaf .in + .in:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 1px;
      height: 12px;
      margin-top: -6px;
      background-color: #ddd; }
  .list--tealeaf .label {
    position: static;
    margin-right: 6px; } }

/* mypage > addressbook */
.my-ab .address {
  font-size: 1.1em;
  color: #333;
  text-align: left; }

.my-ab .btn-fake {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.my-ab .address-title {
  color: #222;
  font-weight: bold;
  text-align: left; }

.my-ab .list-summary .col-m-8 {
  position: relative; }
  .my-ab .list-summary .col-m-8:after {
    content: "연락처 등록시 '-'를 포함해야 합니다. ";
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    white-space: nowrap; }
    @media (min-width: 64em) {
      .my-ab .list-summary .col-m-8:after {
        display: none; } }

.my-ab .adr-form {
  position: relative; }
  .my-ab .adr-form a {
    position: absolute;
    top: 0;
    right: 0; }

.my-ab .address-th {
  text-align: left; }

.my-ab mark {
  color: #f1663b;
  background: transparent; }

.my-ab-func {
  position: relative;
  margin-top: 10px;
  text-align: center; }

.my-ab .checkbox {
  margin-right: 0; }
  .my-ab .checkbox label {
    padding: 1px 0 0 2px; }

@media (max-width: 47.99em) {
  .my-ab .checkbox {
    margin-top: -2px;
    font-size: 13px; }
  .my-ab mark {
    margin-right: 5px; } }

@media (min-width: 48em) {
  .my-ab-func {
    overflow: hidden;
    margin-top: 20px;
    text-align: left; }
    .my-ab-func .noti {
      float: right; }
  .my-ab .address {
    font-size: 1em; } }

@media (min-width: 48em) and (max-width: 63.99em) {
  .my-ab .call-zipcode .txt {
    display: none; }
  .my-ab .call-zipcode i {
    display: inline-block; } }

#new-address {
  display: none; }
  #new-address.on {
    display: block; }
    @media (min-width: 64em) {
      #new-address.on {
        display: table-row; } }

.tr-form .tel:before {
  display: none; }

.list-table .tr-form {
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 48em) {
  .tr-form .checkbox {
    padding-top: 0px; } }

.list--my-ab {
  table-layout: fixed; }
  .list--my-ab .address-title input,
  .list--my-ab .name input {
    padding-left: 0.5em;
    padding-right: 0.5em; }
  @media (max-width: 63.99em) {
    .list--my-ab colgroup, .list--my-ab col, .list--my-ab thead {
      display: none; }
    .list--my-ab table, .list--my-ab tbody, .list--my-ab tr, .list--my-ab td {
      display: block; }
    .list--my-ab td:first-child {
      width: 25px;
      padding-left: 0; }
    .list--my-ab button {
      margin: 2px 0; }
    .list--my-ab tr {
      zoom: 1;
      border-bottom: 1px solid #ccc; }
      .list--my-ab tr:before {
        content: '';
        display: block; }
      .list--my-ab tr:after {
        content: '';
        display: table;
        clear: both; }
    .list--my-ab td {
      padding: 8px 0;
      border-top: 0; }
      .list--my-ab td:last-child {
        clear: both; }
    .list--my-ab .empty-msg td {
      width: 100%; }
    .list--my-ab .in {
      display: inline-block; }
    .list--my-ab .address-title {
      white-space: nowrap; }
    .list--my-ab .name {
      position: relative;
      margin-left: 8px;
      padding-left: 8px; }
      .list--my-ab .name:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 12px;
        margin-top: -6px;
        background-color: #ccc; }
    .list--my-ab .h {
      clear: both; }
    .list--my-ab .tel {
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin-left: 5px;
      padding-left: 10px; }
      .list--my-ab .tel:before {
        content: '/ ';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto; }
      .list--my-ab .tel input {
        position: relative; }
    .list--my-ab .tr-form .tel {
      padding-left: 0; }
    .list--my-ab .tr-form .h {
      display: block; }
    .list--my-ab .tr-form .in {
      float: left;
      width: 50%; }
    .list--my-ab .tr-form .name {
      float: right;
      width: 49%;
      margin-left: 0;
      padding-left: 0; }
      .list--my-ab .tr-form .name:before {
        display: none; }
    .list--my-ab .tr-form .tel-2 {
      float: right;
      width: 49%; }
    .list--my-ab .func {
      padding-top: 1em;
      border-top: 1px dotted #e5e5e5;
      text-align: center; } }
  @media (max-width: 47.99em) {
    .list--my-ab {
      border-bottom: 0; }
      .list--my-ab tr {
        border-top: 0; } }
  .list--my-ab .btn {
    margin-left: 2px; }

.list--mypage-reservation .bunch {
  display: block; }

@media (max-width: 63.99em) {
  .list--mypage-reservation colgroup {
    display: none; }
  .list--mypage-reservation th {
    padding-left: 5px;
    padding-right: 5px; } }

@media (max-width: 47.99em) {
  .list--mypage-reservation tr {
    position: relative;
    padding: 10px 15px;
    vertical-align: middle; }
  .list--mypage-reservation td {
    padding: 1px 0;
    border-top: 0; }
  .list--mypage-reservation .n {
    margin-bottom: 4px;
    vertical-align: middle; }
    .list--mypage-reservation .n:after {
      overflow: hidden;
      display: inline-block;
      height: 12px;
      margin-left: 7px;
      padding-left: 8px;
      content: attr(data-date);
      font-size: 12px;
      border-left: 1px solid #ccc;
      line-height: 1.1; }
  .list--mypage-reservation .div {
    display: inline-block; }
    .list--mypage-reservation .div + span {
      display: none; }
  .list--mypage-reservation .link {
    border-bottom: 0;
    font-size: 1.2em; }
  .list--mypage-reservation .t-title {
    display: inline-block;
    width: 210px; }
  .list--mypage-reservation .people {
    display: inline-block; }
    .list--mypage-reservation .people:before {
      content: '/ ';
      color: #ccc; }
    .list--mypage-reservation .people:after {
      content: '명'; }
  .list--mypage-reservation .price:before {
    content: '/ ';
    color: #ccc; }
  .list--mypage-reservation .state {
    position: absolute;
    top: 11px;
    right: 15px;
    color: #222;
    font-size: 1.1em; } }

@media (max-width: 25.865em) {
  .list--mypage-reservation .t-title {
    display: block; } }

.list--reservation-view strong {
  font-size: 1.1em; }

.list--reservation-view td .price {
  padding-right: .4em; }

@media (min-width: 48em) {
  .list--reservation-view th:first-child,
  .list--reservation-view td:first-child {
    padding-left: 25px; }
  .list--reservation-view th:last-child,
  .list--reservation-view td:last-child {
    padding-right: 50px; } }

@media (max-width: 47.99em) {
  .list--reservation-view .t-class {
    padding-left: 0; } }

/* QnA (mypage) */
.mp-qna {
  position: relative;
  margin-bottom: 20px;
  border-top: 1px solid #999; }

.mp-qna-cell {
  position: relative;
  padding: 1.538em 4.301%;
  border-bottom: 1px solid #ccc; }
  .mp-qna-cell ul {
    margin-top: 8px;
    width: 85%; }
    .mp-qna-cell ul li {
      margin: 6px 0; }
      .mp-qna-cell ul li a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        word-wrap: normal; }
        .mp-qna-cell ul li a else {
          overflow: hidden;
          display: inline-block;
          text-overflow: ellipsis;
          white-space: nowrap;
          word-wrap: normal;
          display: block; }
    .mp-qna-cell ul .cate {
      color: #999;
      font-size: 0.95em; }
  .mp-qna-cell dl {
    position: relative;
    padding-left: 85px;
    margin-top: -2px;
    color: #999; }
  .mp-qna-cell dt {
    position: absolute;
    top: 0;
    left: 0;
    color: #555; }
  .mp-qna-cell dd {
    position: relative;
    padding-left: 8px; }
    .mp-qna-cell dd:after {
      content: '';
      position: absolute;
      top: .4em;
      left: 0;
      bottom: 0;
      width: 1px;
      height: 10px;
      background-color: #e5e5e5; }
    .mp-qna-cell dd span {
      display: block; }

.mp-qna-more {
  display: block;
  position: absolute;
  top: 1.5em;
  right: 1em; }

.mp-qna .dot-list {
  margin-top: 1em; }

.mp-qna .h {
  color: #222;
  font: bold 1.154em 'Lato','notokr-medium',sans-serif;}
  .mp-qna .h span {
    color: #999;
    font-weight: normal;
    font-size: 0.778em; }

.mp-qna .icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: #555;
  font-size: 2.308em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=30);
  opacity: 0.3; }

.mp-qna .tel {
  display: block;
  margin-top: 5px;
  color: #758246;
  font-weight: bold;
  font-size: 1.385em; }
  .mp-qna .tel:hover {
    text-decoration: none; }

.mp-qna-view {
  border-top: 1px solid #999;
  border-bottom: 1px solid #ccc; }
  .mp-qna-view .sort {
    display: block;
    margin-right: 5px;
    color: #888; }
  .mp-qna-view .title {
    color: #333;
    font-weight: bold;
    font-family: 'Lato','notokr-medium',sans-serif;
    font-size: 1.077em; }
  .mp-qna-view .date {
    font-size: 0.923em; }
  .mp-qna-view .info {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 0.923em; }
  .mp-qna-view .state {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    margin-left: 5px;
    color: #7b3d06; }
    .mp-qna-view .state.done {
      color: #727272; }
    .mp-qna-view .state:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      margin: auto;
      width: 1px;
      height: 12px;
      background-color: #ccc; }

.mp-qna-question {
  position: relative;
  padding: 10px 15px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #f6f6f6; }

.mp-qna-detail {
  padding: 10px 15px 60px; }

.mp-qna-answer {
  position: relative;
  padding: 10px 15px;
  margin-bottom: 2em;
  background-color: #f1f2ec; }
  .mp-qna-answer:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 25px;
    height: 0;
    width: 0;
    border-bottom: 10px solid #f1f2ec;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; }
  .mp-qna-answer .sort {
    color: #74824c; }
    .mp-qna-answer .sort:before {
      content: '[답변]'; }
  .mp-qna-answer .title {
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #dcded1; }
  .mp-qna-answer p {
    margin: 0; }

.mp-qna-func {
  margin-top: 1.8em;
  text-align: center; }

.mp-qna-option {
  border-top: 1px solid #999; }
  .mp-qna-option li {
    border-bottom: 1px solid #e5e5e5;
    background-color: #f6f6f6; }
  .mp-qna-option .checkbox {
    display: inline-block;
    padding: 2px 0;
    font-size: 12px; }

.mp-qna-body {
  margin-bottom: 1em;
  padding: 10px;
  border-bottom: 1px solid #ccc; }
  .mp-qna-body textarea {
    width: 100%;
    min-height: 150px; }
  .mp-qna-body .icon-image {
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 4px;
    font-size: 22px;
    line-height: 1.3; }
  .mp-qna-body .counter {
    position: absolute;
    bottom: 0;
    right: 0; }

.mp-qna-uploader {
  position: relative;
  margin-top: 5px; }

.mp-qna-noti {
  margin-top: 2em;
  color: #555; }
  .mp-qna-noti .checkbox label {
    white-space: normal; }
  .mp-qna-noti .checkbox span {
    display: block;
    padding-left: 20px; }

@media (min-width: 25.875em) {
  .mp-qna-cell ul {
    margin-top: 13px;
    font-size: 1.077em; }
  .mp-qna-cell li {
    margin: 8px 0; }
    .mp-qna-cell li .cate {
      color: #727272;
      font-size: 1em; }
  .mp-qna-cell dl {
    font-size: 0.929em; }
  .mp-qna-cell dt {
    color: #999; }
  .mp-qna-cell dd span {
    display: inline-block; } }

@media (min-width: 48em) {
  .mp-qna {
    width: 100%;
    margin-bottom: 50px;
    font-size: 0.929em;
    border-bottom: 1px solid #ccc; }
  .mp-qna-cell {
    float: left;
    width: 50%;
    border-bottom: 0 none;
    padding: 1.786em 10px 1em 4.301%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .mp-qna-cell + .mp-qna-cell {
      border-left: 1px solid #e5e5e5; }
  .mp-qna-more {
    top: 2em; }
  .mp-qna .h {
    font-size: 1.286em; }
  .mp-qna-view .sort {
    display: inline-block;
    font-size: 13px; }
  .mp-qna-view .title {
    padding-right: 180px;
    font-size: 1.071em; }
  .mp-qna-view .info {
    top: 17px;
    right: 20px;
    font-size: 0.929em; }
  .mp-qna-view .state {
    padding-left: 10px;
    margin-left: 10px; }
  .mp-qna-question {
    padding: 17px 20px; }
  .mp-qna-detail {
    min-height: 165px;
    padding: 25px 20px 60px; }
  .mp-qna-answer {
    padding: 25px 20px; }
    .mp-qna-answer .title {
      padding-bottom: 1em;
      margin-bottom: 1em; }
    .mp-qna-answer .info {
      top: 25px; }
  .mp-qna-option li {
    position: relative;
    padding-left: 170px; }
  .mp-qna-option .checkbox {
    padding: 10px 0 5px; }
  .mp-qna-body {
    padding: 20px 20px; }
    .mp-qna-body textarea {
      min-height: 300px; }
  .mp-qna-noti {
    margin-top: 3em;
    font-size: 0.929em; }
    .mp-qna-noti li {
      margin-top: 10px; }
    .mp-qna-noti .checkbox span {
      display: inline-block;
      padding-left: 0; } }

@media (min-width: 64em) {
  .mp-qna-cell {
    padding: 1.786em 10px 1.5em 9.677%; }
    .mp-qna-cell:first-child {
      padding-left: 10.753%; }
  .mp-qna ul {
    width: auto; }
  .mp-qna .tel {
    font-size: 1.857em; }
  .mp-qna .icon {
    position: absolute;
    top: 15px;
    left: 15px;
    right: auto;
    font-size: 3.571em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
    filter: alpha(opacity=100);
    opacity: 1; }
    .mp-qna .icon-faq {
      left: 25px; } }

.list--mypage-qna .state {
  color: #7b3d06; }
  .list--mypage-qna .state.done {
    color: #727272; }

@media (max-width: 63.99em) {
  .list--mypage-qna th {
    padding-left: 5px;
    padding-right: 5px; } }

@media (max-width: 47.99em) {
  .list--mypage-qna tr {
    position: relative;
    padding: 10px 15px;
    vertical-align: middle; }
  .list--mypage-qna td {
    padding: 1px 0;
    border-top: 0; }
  .list--mypage-qna .t-title {
    display: block; }
  .list--mypage-qna .cate {
    display: inline-block; }
    .list--mypage-qna .cate:before {
      content: '[';
      display: inline; }
    .list--mypage-qna .cate:after {
      content: ']';
      display: inline; }
  .list--mypage-qna .state {
    position: absolute;
    top: 11px;
    right: 15px; } }

.write-mypage-qna .checkbox {
  width: 40%; }

@media (min-width: 64em) {
  .write-mypage-qna .checkbox {
    width: auto; } }

/* store (location) 매장찾기 */
.store-intro-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 320px;
  background: url(../images/store/intro_bg_m.jpg) center center no-repeat;
  background-size: cover;
  font-size: 1.3em; }
  @media (min-width: 64em) {
    .store-intro-box {
      height: 440px;
      background-image: url(../images/store/intro_bg.jpg);
      font-size: 1.4em; } }
  .store-intro-box .row > div {
    margin-bottom: 5px;
    padding-left: 1px; }

.store-intro-header {
  padding: 4.5em 0 2em;
  color: #fff;
  font-family: 'Lato','notokr-medium',sans-serif;
  text-align: center;
  -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
  .store-intro-header h1 {
    font-size: 2.3em;
    font-weight: normal; }
  .store-intro-header b {
    font-size: 15px;
    font-weight: normal; }
  @media (min-width: 48em) {
    .store-intro-header {
      padding: 7em 0 3.5em; }
      .store-intro-header h1 {
        font-size: 3.3em; }
      .store-intro-header b {
        font-size: 18px; } }
  @media (min-width: 64em) {
    .store-intro-header {
      padding: 10.5em 0 5.5em; }
      .store-intro-header h1 {
        font-size: 54px; }
      .store-intro-header b {
        font-size: 20px; } }

.store-intro-pad {
  max-width: 550px;
  padding: 0 15px;
  margin: 0 auto; }

.store-events {
  overflow: hidden;
  padding-top: 15px;
  font-size: 1.4em; }
  .store-events .slick-dots {
    position: static;
    padding: 5px 0; }
  @media (min-width: 37.5em) {
    .store-events {
      font-size: 1.6em; } }
  @media (min-width: 64em) {
    .store-events {
      padding-top: 30px;
      font-size: 1.8em; } }

.store-event-a {
  display: block;
  font-family: 'Lato','notokr-medium',sans-serif;
  text-align: center; }
  .store-event-a:hover, .store-event-a:focus {
    text-decoration: none; }

.store-event-title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.25em 0;
  border: 1px solid #ddd;
  border-top: 0;
  color: #333;
  line-height: 1.3; }

@media (min-width: 37.5em) {
  .store-event-box {
    float: left;
    width: 50%; }
    .store-event-box:first-child .store-event-title {
      border-right: 0; }
  .store-event-title {
    padding: 2.4em 0; } }

.store-list-wrap {
  font-size: 1.4em;
  margin: 0 auto 20px;
  padding-top: 15px; }
  @media (min-width: 64em) {
    .store-list-wrap {
      max-width: 930px;
      padding-top: 30px; } }

.store-list-total {
  color: #222;
  padding: 10px 15px;
  font-size: 13px;
  text-align: right; }
  .store-list-total .num {
    color: #758246; }
  @media (min-width: 64em) {
    .store-list-total {
      padding-right: 0; } }

.store-list {
  border-top: 1px solid #e5e5e5;
  text-align: left; }

.store-list a {
  display: block; }
  .store-list a:hover, .store-list a:focus {
    text-decoration: none; }

.store-list tr {
  border-bottom: 1px solid #e5e5e5;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
  .store-list tr:hover {
    border-bottom-color: #333;
    cursor: pointer; }
    .store-list tr:hover th, .store-list tr:hover td {
      background-color: #f6f6f6;
      color: #222; }

.store-list th {
  width: 300px;
  text-align: left; }

.store-list th,
.store-list td {
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

.store-list .store-type {
  display: block;
  float: left;
  width: 88px;
  padding-left: 15px;
  color: #333;
  font-size: 1.1em; }

.store-list .store-name {
  padding-right: 20px;
  word-break: keep-all;
  word-wrap: break-word;
  white-space: nowrap; }

.store-list .store-address {
  padding-right: 30px;
  word-break: keep-all;
  word-wrap: break-word; }

.store-list .store-tel {
  width: 130px; }

.store-list .store-option {
  padding-right: 10px;
  text-align: center; }

.store-list .tel {
  width: 100px;
  margin: 0 auto;
  text-align: left; }

.store-list .icon-beverage {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #ccc;
  color: #fff;
  font-size: 16px;
  line-height: 1.7; }

@media (min-width: 75em) {
  .store-list th {
    width: 350px;
    border-bottom: 1px solid #e5e5e5; }
  .store-list td {
    border-bottom: 1px solid #e5e5e5; }
  .store-list .store-type {
    width: 110px;
    padding-left: 24px; } }

@media (max-width: 47.99em) {
  .store-list colgroup {
    display: none; }
  .store-list tr, .store-list th, .store-list td {
    display: block;
    width: auto; }
  .store-list tr {
    position: relative;
    padding: 20px 15px; }
    .store-list tr:hover th, .store-list tr:hover td {
      background-color: transparent; }
  .store-list th {
    margin-bottom: 4px;
    padding: 0;
    text-indent: 0; }
  .store-list td {
    padding: 0; }
  .store-list .store-type {
    float: none;
    margin-bottom: 6px;
    padding-left: 0; }
  .store-list .store-name {
    padding-right: 0; }
  .store-list .store-address {
    padding-right: 0; }
  .store-list .store-option {
    position: absolute;
    right: 5px;
    bottom: 20px; }
  .store-list .tel {
    display: inline-block;
    width: auto;
    margin: 0;
    text-decoration: underline; } }

.photo-slider .slick-dots {
  bottom: 10px; }

.photo-slider img {
  width: 100%; }

.photo-slider .slick-dots li button:before {
  color: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=70);
  opacity: 0.7; }

.photo-slider .slick-dots li.slick-active button:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=90);
  opacity: 0.9; }

.store .content-box,
.store-review {
  font-size: 1.3em; }
  @media (min-width: 64em) {
    .store .content-box,
    .store-review {
      font-size: 1.4em; } }

.store .sub-header, .store .basic-header {
  display: none;
  margin-bottom: 0; }

.store .content-box {
  background-color: #f6f6f6; }

@media (min-width: 48em) {
  .store .sub-header, .store .basic-header {
    display: block;
    font-size: 32px; } }

@media (min-width: 64em) {
  .store .sub-header, .store .basic-header {
    padding-top: 50px;
    padding-bottom: 40px; } }

@media (max-width: 63.99em) {
  .store .store-view .row {
    background-color: #f6f6f6; }
  .store .row .l-m-full {
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 48em) {
  .store-view-map {
    margin-bottom: 30px; }
    .store-view-map .content-box {
      padding-left: 6.25%;
      padding-right: 6.25%; }
    .store-view-map .content-box-shell {
      padding-bottom: 110%; } }

@media (min-width: 64em) {
  .store-view-map {
    background-color: #f6f6f6; }
    .store-view-map .content-box-shell {
      padding-bottom: 96.875%; }
      .store-view-map .content-box-shell .cell-info {
        margin-top: 0;
        margin-bottom: 45px; }
    .store-view-map .content-box-cell {
      margin-top: 25px; }
    .store-view-map .row {
      max-width: 1280px;
      margin: auto; }
  .store-view-info .content-box-h {
    font-size: 1.55em; }
  .store-view-info p {
    line-height: 1.7; }
  .store-view .basic-header {
    padding-bottom: 45px; }
    .store-view .basic-header .h {
      font-size: 32px; } }

@media (max-width: 63.99em) {
  .store-view .row {
    background-color: #f6f6f6; } }

.store-review {
  margin-top: 1em;
  padding-bottom: 30px;
  font-size: 1.4em; }
  .store-review .row {
    background-color: transparent; }
  .store-review h2 {
    padding-top: 30px;
    padding-bottom: 15px;
    color: #222;
    font-size: 1.6em;
    font-family: 'Lato','notokr-medium',sans-serif;
    text-align: center; }
  @media (min-width: 64em) {
    .store-review {
      min-height: 400px;
      margin-top: 60px;
      padding-bottom: 60px;
      background: #eee9e5 url(../images/shop/product_review_bg.jpg) no-repeat center 0; }
      .store-review h2 {
        padding-top: 50px;
        font-size: 2.1em; } }

/* cs (customer center)
-------------------------------------- */
.cs-wrap {
  font-size: 1.3em; }
  .cs-wrap h2 {
    font-family:'Lato','notokr-medium',sans-serif; }
  .cs-wrap .t_wrap {
    max-width: 930px;
    margin: 0 auto; }
  .cs-wrap .primary-tab {
    margin-top: -10px;
    margin-bottom: 10px; }
  .cs-wrap .mobile {
    display: block; }
  .cs-wrap .desktop,
  .cs-wrap .lnb-header .switch-select {
    display: none; }
  .cs-wrap .lnb-header .h {
    display: block;
    height: 42px;
    font-size: 17px;
    line-height: 2.6; }

  .cs-wrap .lnb-header .p {
    display: block;
    height: 42px;
    font-size: 17px;
    line-height: 2.6; }

  @media (min-width: 48em) {
    .cs-wrap .mobile {
      display: none; }
    .cs-wrap .desktop {
      display: block; }
    .cs-wrap .lnb-header .switch-select {
      display: block; }
    .cs-wrap .lnb-header .h {
      height: auto;
      font-size: 25px;
      line-height: 1.6; }
	  
	     .cs-wrap .lnb-header .p {
      height: auto;
      font-size: 25px;
      line-height: 1.6; } 
	  
	  
	  }
  @media (min-width: 64em) {
    .cs-wrap .primary-tab {
      margin-top: 0;
      margin-bottom: 10px; } }

/* cs search */
.cs-search {
  text-align: center;
  padding: 10px;
  background-color: #f6f6f6; }
  .cs-search .input-wrap {
    max-width: 400px;
    padding-right: 90px;
    margin: 0 auto;
    text-align: left; }
  .cs-search .input-text {
    width: 100%; }
  .cs-search .btn-gim {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 0; 
	height:40px;
	}
  .cs-search .label {
    color: #555;
    margin: 0 1em; }
  @media (min-width: 48em) {
    .cs-search {
      padding: 15px;
      margin-bottom: 0; } }
  @media (max-width: 25.865em) {
    .cs-search {
      margin: 0 -15px; }
      .cs-search .input-wrap {
        padding-right: 0; }
      .cs-search .input-text {
        width: 200px; }
      .cs-search .btn-gim {
        position: static; } }

.list--cs-notice {
  border-top-color: #e5e5e5; }
  @media (max-width: 47.99em) {
    .list--cs-notice tr {
      padding: 10px 15px; }
    .list--cs-notice td {
      padding: 1px 0;
      border-top: 0; }
    .list--cs-notice .n {
      margin-bottom: 4px;
      vertical-align: middle; }
      .list--cs-notice .n:after {
        overflow: hidden;
        display: inline-block;
        height: 12px;
        margin-left: 7px;
        padding-left: 8px;
        content: attr(data-date);
        font-size: 12px;
        border-left: 1px solid #ccc;
        line-height: 1.1; } }

/* cs detail */
.cs-head {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .cs-head .title {
    color: #333;
    font-family:'Lato','notokr-medium',sans-serif;
    font-size: 1.1em;
   font-weight: 500;}
  .cs-head .date {
    display: block;
    margin-top: .5em; }

.cs-cont {
  font-size: 1.1em;
  padding: 25px 15px;
  border-bottom: 1px solid #ccc; 
  min-height: 280px;
  }
  .cs-cont h2 {
    color: #333;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0.5em; }
  .cs-cont .img-wide {
    margin-left: -30px;
    margin-right: -30px; }
    .cs-cont .img-wide img {
      display: block;
      margin: 0 auto; }
  .cs-cont .cont-wide {
    font-size: 14px;
    margin-left: -15px;
    margin-right: -15px; }

.cs-detail .won-list {
  padding: 10px 15px;
  margin: -10px -15px 20px;
  background-color: #f6f6f6; }
  .cs-detail .won-list li {
    float: left;
    padding: 2px 0;
    width: 33.333%; }

.cs-detail + .func {
  margin-top: 20px; }

@media (min-width: 48em) {
  .cs-head {
    padding: 20px 15px; }
    .cs-head .title {
      float: left;
      width: 90%;
      font-size: 1.2em; }
    .cs-head .date {
      float: right;
      width: 10%;
      margin-top: .2em;
      text-align: right; }
  .cs-cont {
    padding: 4.301% 2.151%;
	min-height: 280px;
	}
    .cs-cont .cont-wide {
      margin-left: 0;
      margin-right: 0; }
  .cs-detail .won-list li {
    width: 25%; } }

@media (min-width: 64em) {
  .cs-detail .won-list {
    padding: 1em 1.5em 1em 2em;
    margin: 0 0 2em; }
    .cs-detail .won-list li {
      width: 20%; } }

/* prev & next (neighbor link) */
.neighbor-links {
  margin-top: 2.5em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.neighbor-item {
  display: block;
  position: relative;
  padding: 10px 10px 10px 72px;
  color: #999; }
  .neighbor-item .label {
    position: absolute;
    top: 10px;
    width: 55px;
    left: 0;
    color: #555; }
    .neighbor-item .label i {
      position: absolute;
      right: 0; }
  .neighbor-item .date {
    display: none; }
  .neighbor-item .title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    font-weight: normal; }
    .neighbor-item .title else {
      overflow: hidden;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal;
      display: block; }

.neighbor-prev {
  margin-bottom: -1px;
  border-bottom: 1px solid #e5e5e5; }

@media (min-width: 37.5em) {
  .neighbor-links {
    margin-top: 4em; }
  .neighbor-item {
    padding-right: 90px; }
    .neighbor-item .date {
      display: block;
      position: absolute;
      top: 10px;
      right: 0;
      letter-spacing: 0; } }

@media (min-width: 48em) {
  .neighbor-item {
    padding: 10px 150px; }
    .neighbor-item .label {
      width: 120px;
      text-align: center; }
      .neighbor-item .label i {
        right: 10%; }
    .neighbor-item .date {
      right: 10px; } }

/* faq */
.faq {
  border-bottom: 1px solid #ccc; }

.faq-item {
  position: relative;
  border-top: 1px solid #e5e5e5; }
  .faq-item:after {
    content: '';
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 14px; }
  .faq-item:first-child {
    border-top: 0; }
  .faq-item.on .faq-q .p {
    color: #222;
    font-weight: bold; }
  .faq-item.on:after {
    content: ''; }
  .faq-item ul {
    margin-top: 1em; }

.faq-q {
  position: relative;
  padding: 15px 50px 15px 40px; }

.faq-x {
    position: relative;
    padding: 15px 50px 15px 40px; 
	text-align:center;
}


  .faq-q:before {
    content: 'Q';
    position: absolute;
    top: 18px;
    left: 15px;
    font-family: 'Lato','notokr-medium',sans-serif;
    font-size: 16px;
    line-height: 1; }
  .faq-q .p {
    position: relative;
    margin: 0; }

  .faq-x .p {
    position: relative;
    margin: 0; }


.faq-a {
  position: relative;
  padding: 20px 20px 30px 40px;
  border-top: 1px solid #e5e5e5;
  background-color: #F8F8F8; }
  .faq-a:before {
    content: 'A';
    position: absolute;
    top: 22px;
    left: 15px;
    color: #74824c;
    font-family:'Lato','notokr-medium',sans-serif;
    font-size: 18px;
    line-height: 1; }
  .faq-a .p {
    position: relative;
    color: #555; }

.faq .more {
  color: #727272;
  margin-top: 15px;
  font-size: 13px; }
  .faq .more a {
    display: inline-block;
    color: #758246;
    font-weight: 500;
    text-decoration: none; }

@media (min-width: 48em) {
  .faq {
    border-top: 0;
    border-bottom-color: #e5e5e5;
    font-size: 1.05em; }
  .faq-q {
    padding-left: 80px; }


  .faq-x {
    padding-left: 0px; }

    .faq-q:before {
      top: 16px;
      left: 40px; }
    .on .faq-q:before {
      font-weight: bold; }
  .faq-a {
    padding: 30px 80px; }
    .faq-a:before {
      top: 32px;
      left: 40px; }
    .faq-a .more {
      margin-top: 20px; } }

/* membership */
.ms-head {
  text-align: center;
  margin: 0 0 30px 0; }

.ms-head .mark-wrap {
  margin-bottom: 12px;
  color: #a8b27c;
  font-size: 70px;
  line-height: 1; }



.ms-head .title {
  color: #222;
  font-size: 1.4em;
  font-family: 'Lato','notokr-medium',sans-serif; }

.ms-head p {
  text-align: left; }
  .ms-head p br {
    display: none; }

.ms-head .func {
  margin-top: 30px; }

@media (min-width: 48em) {
  .ms-head {
    margin: 50px 0 3.226% 0; }
  .ms-head .mark-wrap {
    padding-top: 20px;
    margin-bottom: 25px;
    font-size: 90px; }
  .ms-head .mark-bt {
    width: 95px;
    height: 95px;
    margin-bottom: 25px;
    padding-top: 4px; }
  .ms-head .title {
    font-size: 1.72em;
    font-weight: normal; }
    .ms-head .title br {
      display: none; }
  .ms-head p {
    text-align: center;
    margin-top: 1.5em; }
    .ms-head p br {
      display: inline; } }

.ms-table {
  text-align: center;
  border-top: 1px solid #999;
  background-color: #fff; }

.ms-table th {
  background-color: #f6f6f6;
  border-bottom: 1px solid #e5e5e5; }

.ms-table td {
  border-bottom: 1px solid #e5e5e5; }

.ms-table th,
.ms-table td {
  padding: 10px 5px;
  border-left: 1px solid #e5e5e5; }

.ms-table th:first-child,
.ms-table td:first-child {
  border-left: 0; }

.ms-items {
  position: relative;
  margin-top: -1px; }

.ms-q {
  position: relative;
  padding: 15px 50px 15px 15px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; }
  .ms-q .h {
    color: #333;
    font-family: 'Lato','notokr-medium',sans-serif;
    font-size: 1.2em; }
  .ms-q p {
    margin: 0; }

.ms-a {
  padding: 15px; }
  .ms-a .item {
    margin: 1.2em 0; }
    .ms-a .item strong {
      color: #333; }
    .ms-a .item strong + ul,
    .ms-a .item strong + ol {
      margin-top: 0.7em; }
    .ms-a .item .func {
      margin-top: .3em; }
    .ms-a .item:first-child {
      margin-top: 0; }

.ms-items .ms-icon {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -16px;
  color: #999;
  font-size: 2em; }
  .ms-items .ms-icon .icon-plus {
    display: block; }
  .ms-items .ms-icon .icon-minus {
    display: none; }

.ms-items.on .ms-icon .icon-plus {
  display: none; }

.ms-items.on .ms-icon .icon-minus {
  display: block; }

@media (min-width: 48em) {
  .ms-items {
    padding-top: 5.376%;
    margin-top: 5.376%;
    border-top: 1px solid #e5e5e5; }
  .ms-items .ms-q {
    padding: 0;
    border: 0; }
    .ms-items .ms-q .h {
      color: #333;
      font-size: 1.3em;
      font-family:'Lato','notokr-medium',sans-serif;
      font-weight: bold;
      margin-bottom: 0.5em; }
  .ms-items .ms-a {
    padding: 0; }
  .ms-items .ms-icon {
    display: none; } }

.membership {
  position: relative; }

.membership .shape {
  display: block;
  width: 75px;
  height: 75px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: transparent; }

.membership .ms-m em {
  color: #727272; }

.membership .ms-m .shape {
  background-image: url(../images/a/label_m.png); }

.membership .ms-vip em {
  color: #c88939; }

.membership .ms-vip .shape {
  background-image: url(../images/a/label_vip.png); }

.membership .ms-vvip em {
  color: #758246; }

.membership .ms-vvip .shape {
  background-image: url(../images/a/label_vvip.png); }

.membership .ms-q {
  padding: 20px 50px 20px 100px; }
  .membership .ms-q .h {
    font-family: 'Lato','notokr-medium',sans-serif; }
  .membership .ms-q p {
    font-size: 1.1em; }

.membership .ms-a {
  padding: 20px;
  background-color: #f6f6f6; }
  .membership .ms-a strong {
    display: block; }
  .membership .ms-a .func {
    margin-top: .3em;
    text-align: left; }

.membership .coupon-head {
  padding: 3.226% 0;
  border: 6px solid #e5e5e5;
  margin-bottom: 4.301%; }

.membership .coupon-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 33.333%;
  text-align: center;
  padding: 1.075% 3.226%;
  border-left: 1px solid #e5e5e5; }
  .membership .coupon-item:first-child {
    border-left: 0; }
  .membership .coupon-item .h {
    color: #333;
    font-size: 1.5em;
    font-weight: normal;
    font-family:'Lato','notokr-medium',sans-serif;
    margin-bottom: 0; }
  .membership .coupon-item p {
    font-size: 1.1em;
    margin: 0.5em 0 0; }
    .membership .coupon-item p em {
      font-weight: bold; }

@media (min-width: 48em) {
  .membership .h {
    color: #333;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0.5em; }
  .membership .shape {
    margin: 0 auto .5em auto; } }

@media (max-width: 47.99em) {
  .membership .shape {
    position: absolute;
    left: 1em;
    top: 50%;
    margin-top: -37.5px; } }

.benefit-table {
  background-color: #fff; }
  .benefit-table thead {
    position: absolute;
    visibility: hidden; }
  .benefit-table th,
  .benefit-table td {
    border: 1px solid #e5e5e5;
    border-right: 0; }
  .benefit-table th {
    padding: 10px;
    background-color: #f6f6f6;
    font-size: 1.1em;
    text-align: center; }
  .benefit-table td {
    padding: 25px;
    text-align: left;
    vertical-align: top; }
    .benefit-table td .func {
      margin-top: .5em;
      text-align: left; }
  .benefit-table tr th:first-child,
  .benefit-table tr td:first-child {
    border-left: 0; }

.tealeaf {
  position: relative; }

.tealeaf .item-box {
  box-sizing: border-box;
  position: relative;
  margin-bottom: 1em;
  border: 1px solid #e5e5e5;
  background-color: #fff; }
  .tealeaf .item-box .h {
    font-size: 1.2em;
    padding: 15px;
    text-align: center;
    background-color: #f6f6f6;
    border-bottom: 1px solid #e5e5e5; }
  .tealeaf .item-box ul {
    margin: 0 15px;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5; }
  .tealeaf .item-box li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.333%;
    text-align: center;
    border-left: 1px solid #e5e5e5; }
    .tealeaf .item-box li:first-child {
      border-left: 0; }
  .tealeaf .item-box b {
    display: block;
    color: #727272;
    font-weight: normal; }
    .tealeaf .item-box b:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      border-radius: 50%;
      width: 15px;
      height: 15px;
      background-color: #727272;
      margin-right: 0.5em; }
    .tealeaf .item-box b.ms-m:before {
      background-color: #727272; }
    .tealeaf .item-box b.ms-vip:before {
      background-color: #c88939; }
    .tealeaf .item-box b.ms-vvip:before {
      background-color: #758246; }
  .tealeaf .item-box span {
    display: block;
    color: #333;
    margin-top: 0.3em; }
  .tealeaf .item-box .over {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: -10px;
    background: #FFF; }
  .tealeaf .item-box p {
    text-align: center;
    padding: 15px;
    margin: 0; }

@media (min-width: 48em) {
  .tealeaf-item {
    overflow: hidden;
    margin-left: -2%; }
  .tealeaf .item-box {
    float: left;
    margin: 0 0 2% 2%;
    width: 48%; }
    .tealeaf .item-box h3.h {
      font-size: 1.3em; }
    .tealeaf .item-box p {
      height: 60px; }
    .tealeaf .item-box .over {
      margin-top: -13px; } }

.beauty {
  position: relative; }

.beauty .ms-hit strong {
  display: block;
  font-size: 1.5em;
  font-weight: normal;
  font-family:'Lato','notokr-medium',sans-serif; }
  .beauty .ms-hit strong:before {
    content: '';
    display: block;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background-color: #999;
    margin: 0 auto .3em auto; }

.beauty .ms-hit span {
  display: block;
  margin-top: .5em; }

.beauty .ms-hit.ms-m strong,
.beauty .ms-hit.ms-m em {
  color: #4e8abe; }

.beauty .ms-hit.ms-m strong:before {
  background-color: #4e8abe; }

.beauty .ms-hit.ms-good strong,
.beauty .ms-hit.ms-good em {
  color: #4e8abe; }

.beauty .ms-hit.ms-good strong:before {
  background-color: #4e8abe; }

.beauty .ms-hit.ms-gold strong,
.beauty .ms-hit.ms-gold em {
  color: #978075; }

.beauty .ms-hit.ms-gold strong:before {
  background-color: #978075; }

.beauty .ms-hit.ms-platinum strong,
.beauty .ms-hit.ms-platinum em {
  color: #58595b; }

.beauty .ms-hit.ms-platinum strong:before {
  background-color: #58595b; }

.beauty .item-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  text-align: center;
  margin-top: -1px; }
  .beauty .item-box .h {
    padding: 15px; }
  .beauty .item-box p {
    margin: 0;
    padding: 15px;
    background-color: #f6f6f6; }
  @media (min-width: 25.875em) {
    .beauty .item-box {
      float: left;
      width: 50%; }
      .beauty .item-box:nth-child(2n) {
        border-left: 0; } }

@media (min-width: 48em) {
  .beauty .ms-table td {
    vertical-align: top; }
  .beauty .ms-hit .h {
    padding: 15px 0; }
  .beauty .ms-hit em {
    display: block; } }

/* misc
------------------------------------------------- */
/* login */
.login {
  max-width: 540px;
  margin: 30px auto 0;
  font-size: 1.4em; }

.login .h {
  margin-bottom: 1em;
  font-size: 1.929em;
  font-family: 'Lato','notokr-medium',sans-serif;
  color: #222;
  text-align: center; }

.login-input {
  padding: 10px 0; }
  .login-input input {
    height: 50px;
    margin-top: 10px;
    padding-top: 15px\9;
    -webkit-transition: width 1.2s ease-out;
    -o-transition: width 1.2s ease-out;
    transition: width 1.2s ease-out;
	    font-size: 15px;
	}

.login-func {
  text-align: center; }

.login button {
  font-size: 15px;
  height: 55px; }

.login-links {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #ccc;
  font-size: 0.929em;
  text-align: center; }
  .login-links a {
    position: relative;
    color: #727272; }
  .login-links .bar {
    display: inline-block;
    margin-left: 14px;
    margin-right: 10px;
    width: 1px;
    height: 12px;
    background-color: #ccc;
    vertical-align: middle; }

@media (min-width: 64em) {
  .login {
    margin-top: 30px; }
  .login .h {
    font-size: 2.4em;
    margin-bottom: 0.8em; }
  .login-input {
    padding-top: 20px;
    padding-bottom: 30px; }
  .login button {
    font-size: 16px; }
  .login-links {
    margin-top: 30px;
    font-size: 1em; }
    .login-links .bar {
      margin-left: 32px;
      margin-right: 28px; } }

/* sitemap */
.sitemap {
  font-size: 1.4em; }

.sitemap-list {
  margin: 0 5px; }
  .sitemap-list li {
    margin-bottom: 25px; }
  .sitemap-list dt {
    padding: 8px 0;
    margin-bottom: 6px;
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 1.286em;
    font-family:'Lato','notokr-medium',sans-serif; }
  .sitemap-list a {
    display: block;
    padding: 6px 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .sitemap-list a:hover {
      color: #758246;
      padding-left: 6px;
      background-color: #f6f6f6;
      text-decoration: none; }

@media (min-width: 25.875em) {
  .sitemap-list {
    margin-left: -20px;
    margin-right: 0;
    font-size: 0;
    letter-spacing: 0;
    word-spacing: 0; }
    .sitemap-list li {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      margin-bottom: 35px;
      font-size: 14px; }
    .sitemap-list dl {
      margin-left: 20px; } }

@media (min-width: 48em) {
  .sitemap-list li {
    width: 33.333%; } }

@media (min-width: 64em) {
  .sitemap-list li {
    width: 20%; } }


	

.sub_top_visual{
	height:490px;
	overflow:hidden;
    position: relative;
   background-color: #000;
   color: #000;
}

.sub_top_visual .sub_top_visual_bg {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 490px;
    background: url(/rt_img/bg_dot.png);
    z-index: 1;
}


.sub_top_visual_txt{
	padding-top:180px;
	    padding-left: 10px;
	z-index: 2;
    position: absolute;
	text-align:center;
	/*color: #fff;*/
}

.sub_top_visual_txt .main_title span{
	position: relative;
	display:inline-block;
	zoom:1;
	*display:inline;
	font-size:60px;
	line-height: 60px;
	letter-spacing: 0px;
	color:#fff;
	text-transform: uppercase;

}
.sub_top_visual_txt .main_title span.y{
	padding-left:5px;
	padding-right:2px;
}
..sub_top_visual_txt .sub_title{
	margin-top:10px;
	position: relative;
	display:none;
	font-size:18px;
	line-height: 28px;
	letter-spacing: -0.01em;
	color:#fff;
	text-transform: uppercase;
}

* {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: none;
}
.sub_top_visual .sub_top_visual_txt{
	/*padding:0px;
	width: 100%;
    top: 200px;*/
	margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.sub_top_visual .sub_top_visual_txt .main_title{
	width:100%;
	text-align: center;
	letter-spacing: .4em;
}
.sub_top_visual .sub_top_visual_txt .main_title span{
	position: relative;
	display:inline-block;
	zoom:1;
	*display:inline;
	font-size:60px;
	line-height: 60px;
	letter-spacing: .2em;
	color:#fff;
	text-transform: uppercase;
	font-family: Open Sans,'Lato','notokr-medium',sans-serif;
	font-weight:700;
}
.sub_top_visual .sub_top_visual_txt .main_title span.y{
}
.sub_top_visual .sub_top_visual_txt .sub_title{
	width:100%;
	text-align: center;
	margin-top:10px;
	position: relative;
	display:none;
	font-size:14px;
	line-height: 20px;
	letter-spacing: .8em;
	color:#DBDBDB;
	text-transform: uppercase;
	font-family:'Lato','notokr-medium',sans-serif;
	font-weight:400;
}


@media (max-width:783px) {

.sub_top_visual .sub_top_visual_txt {
   padding-top: 220px;
   padding-left: 0px; 
    z-index: 2;
    position: absolute;
    text-align: center;
}


.sub_top_visual .sub_top_visual_txt .main_title span{
	position: relative;
	display:inline-block;
	zoom:1;
	*display:inline;
	font-size:25px;
	line-height: 30px;
	letter-spacing: .2em;
	color:#fff;
	text-transform: uppercase;
	font-family: 'Lato','notokr-medium',sans-serif;
	font-weight:900;
}

.sub_top_visual .sub_top_visual_txt .sub_title {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    position: relative;
    display: none;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 5px;
    color: #fff;
    text-transform: uppercase;
}


.sub_content {
   padding: 0px 0 0px;
   /* height: 100%; */
   /*min-height: 500px;*/
}


}


.content_container {
    position: relative;
    background: #fff;
}

.sub_wrap {
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.sub_wrap {
    max-width: 100%;
    margin: auto;
}

.sub_content {
    padding: 0px 0 0px;
   /* min-height: 600px;*/
}

.sub_1360 {
    max-width: 1260px;
    margin: auto;
    /*padding: 0 1.5%;*/
}





#TORAY {
  /*  background-image: url(/y_img/toray_01_bg.png);*/
   /*  max-width: 1540px;*/
}

#TOYOBO {

      /* border: 0px currentColor; */
   /*background-image: url(/y_img/as_top_bg.png);*/
   /* max-width: 1540px;*/
    /* background-position: 100%;*/
}


#TORAY .histr_txt {padding-top:380px; font-family: Lato, NotoSansCJKkr, 맑은고딕, sans-serif;    letter-spacing: -1px; }
#TORAY .histr_img {padding-top:207px;}

#TOYOBO .histr_txt { padding-top: 420px;
    /* padding-left: 100px; */
    font-family: Lato, NotoSansCJKkr, 맑은고딕,  'notokr-light',sans-serif;
    letter-spacing: -0.03em;
	color: #000;
	}
#TOYOBO .histr_img {padding-top:207px;}




#TORAY .histr_year {font-size:30px;color:#ccc;    font-family:Lato, 'notokr-light',sans-serif;}

#TOYOBO .histr_year {font-size:30px;color:#ccc;    font-family:Lato, 'notokr-light',sans-serif;}

.histr_ct {
    padding-top: 50px;
    padding-bottom: 0px;
    background-repeat: repeat-x;
}


#TOYOBO .histr_txt {
    padding-top: 0px;
}



.outer {
	width:100%;
	position:relative;
	margin-left:auto; 
	margin-right:auto;
}


.histr_gellery img {
    display: block;
    width: 100%;
}

.histr_slider {
    position: relative;
}



.histr_img {
    width: 580px;
}


img {
    /* border: 0px currentColor; */
    /* border-image: none; */
    /* vertical-align: top; */
}



.histr_txt h3 {
    margin-top: 15px;
    font-size: 38px;
font-family: Lato,'notokr-light',sans-serif;
	font-weight:400;
	letter-spacing: -0.03em;
}


.histr_body {
    clear: both;
    margin-top: 30px;
    font-size: 15px;
    text-align: justify;
       line-height: 2;
    font-family: Lato,'notokr-medium',sans-serif;
    font-weight: 400;
   letter-spacing: -0.03em;
	color: #888888;

}


.histr_body  span {
    margin-top: 33px;
    font-family: 'Lato','notokr-medium',sans-serif;
    font-weight: 400;
}

.histr_body .black {
   
    color: #000;
	font-weight:400;

}

#cs_img0301 { left:630px; top:0; }
#cs_img0201 {left: 910px;
    top: 40px;}
#cs_img0202 {     right: 630px;
        top: 510px; }
#cs_img0101 {right: 540px; top:0; }
#cs_img0102 { left:630px; top:140px; }
#cs_img0401 { left:620px; top:0; }
#cs_img0402 { right:630px; top:55px; }
#cs_img0501 { right:620px; top:0; }
#cs_img0502 { left:630px; top:195px; }

.histr_abs {
    position: absolute;
}


.histr_ct .inner {
    overflow: hidden;
}

.inner {
    max-width: 1260px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
	min-height: 810px;
}

.histr_right {
    float: right;
}

.histr_line {
    display: block;
    width: 36px;
    height: 1px;
    background: #c7c7c7;
    margin: 40px 0 35px 0;
}


.histr_txt {
      width: 52%;
}

.histr_left {
    float: left;
}



.histr_abs {
    position: absolute;
}

.histr_ct {
    padding-top: 0px;
    padding-bottom: 0px;
    background-repeat: repeat-x;
}

.histr_ct .inner {
    overflow: hidden;
}

.histr_gellery img { display:block; width:100%; }
.histr_slider {position:relative;}

.histr_left .histr_slider .bx-prev {left:0;}
.histr_left .histr_slider .bx-next {left:60px;}
.histr_right .histr_slider .bx-prev {right:60px;}
.histr_right .histr_slider .bx-next {right:0;}
.histr_slider .bx-prev {
	background: url("/rt_img/arrow_btn.png") no-repeat 0 0;
}

.histr_slider .bx-next {
	background: url("/rt_img/arrow_btn.png") no-repeat -50px 0;
}

.histr_slider .bx-prev:hover {
	background-position:0 -59px;
}

.histr_slider .bx-next:hover {
	background-position: -50px -59px;
}

.histr_slider .bx-controls-direction a {
	display:block;
	position:absolute;
	top:100%;
	margin-top:20px;
	width:50px; height:51px;
	text-indent:-9999px;
	z-index:10;
}


#TORAY .histr_txt {
    padding-top: 510px;
    font-family: "Lato", Open Sans, Helvetica, Arial, sans-serif;
    /* padding-right: 100px; */
}

#TORAY .histr_img,#TOYOBO .histr_img {
    padding-top: 248px;
}

@media all and (max-width:1099px) {
	.m_popup {display:none;}
	.inner {
	max-width:860px;
	width:100%;
	min-height: 100%;
	}



#TORAY .histr_img, #TOYOBO .histr_img, #concept03 .histr_img, #concept04 .histr_img, #concept05 .histr_img, #concept06 .histr_img {
    padding-top: 0;
}






.histr_left .histr_slider .bx-prev, .histr_left .histr_slider .bx-next, .histr_right .histr_slider .bx-prev, .histr_right .histr_slider .bx-next {
    right: auto;
    left: auto;
}

.histr_txt h3 {
    margin-top: 15px;
    font-size: 28px;
}
.histr_intro + .histr_ct {
    padding-top: 20px;
}

.histr_right .histr_slider .bx-controls-direction {
    text-align: right;
}

.histr_slider .bx-controls-direction a {
    width: 35px;
    height: 36px;
    position: relative;
    text-indent: 99999px;
    display: inline-block;
    top: 0;
    margin-top: 10px;
    background-size: 70px auto;
}
.histr_right .histr_slider .bx-controls-direction a {
    margin-left: 5px;
}

.histr_slider .bx-prev, .histr_slider .bx-prev:hover {
    background-position: 0 0;
}


.histr_slider .bx-next, .histr_slider .bx-next:hover {
    background-position: -35px 0;
}

.histr_ct {
    padding-top: 60px;
    padding-bottom: 120px;
    background-size: 1px 120px;
}


#TORAY .histr_txt {
    /* padding-top: 380px; */
  font-family: 'notokr-light',sans-serif;
}

#TORAY .histr_txt {
    /* padding-top: 380px; */
  font-family: 'notokr-light',sans-serif;
}



#TOYOBO .histr_txt {
    /* padding-top: 380px; */
  font-family: 'notokr-light',sans-serif;
}

#TOYOBO .histr_txt {
    /* padding-top: 380px; */
  font-family: 'notokr-light',sans-serif;
}






}



@media only screen and (max-width: 1300px)
{




.inner {
    width:1100px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
	    min-height: 760px;
}


.histr_txt {
    width: 470px;
}
.histr_img {
    width: 500px;
}

}



@media only screen and (max-width: 1099px)
{




.inner {
    width:1100px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
	    min-height: 760px;
}

/* 역사 */
.histr_intro {padding:70px 0 0 0;}
.histr_intro h2 {margin-bottom:20px;}
.histr_intro h2 img {height:35px;}
.histr_ct {padding-top:60px; padding-bottom:120px; background-size:1px 120px; }
.histr_left {width:47.5%;}
.histr_right {width:47.5%;}
.go_arrow {margin-top:40px;}
.histr_abs {display:none;}
.temp_br {display:none;}
.histr_year img {height:15px;}
.histr_txt h3 {margin-top:5px;}
.histr_tit_line1 img {height:22px}
.histr_tit_line2 img {height:50px}
.histr_line {margin:20px 0;}
.histr_body {margin-top:20px;}
#TOYOBO .histr_img,
#history02 .histr_img,
#history03 .histr_img,
#history04 .histr_img,
#history05 .histr_img,
#history06 .histr_img {padding-top:0;}
#TOYOBO .histr_txt, 
#TORAY .histr_txt, 
#history03 .histr_txt, 
#history04 .histr_txt, 
#history05 .histr_txt {/*padding-top:5%; margin-top:60px;*/}



#TOYOBO .histr_txt {
   /* padding-top: 5%;
    margin-top: 60px;*/
    font-family: 'Lato','notokr-medium',sans-serif;
    letter-spacing: -2px;
}










#history06 .histr_txt {padding-top:0;}
#history_founder {padding-top:60px;}
.founder_name h3 {font-size:1.875em; line-height:1em; }
.founder_name h3 span {font-size:14px;}
.founder_name h3 {margin-right:0px; line-height:1.5em;}
.founder_name h3:first-child {margin-right:25px;}
.founder_name h3 span {display:inline-block; margin-right:8px;}
.histr_left .histr_slider .bx-controls-direction {text-align:left;}
.histr_right .histr_slider .bx-controls-direction {text-align:right;}
.histr_left .histr_slider .bx-controls-direction a {margin-right:5px; }
.histr_right .histr_slider .bx-controls-direction a {margin-left:5px; }
.histr_slider .bx-controls-direction a { 
	width:35px; height:36px; 
	position:relative; 
	text-indent:99999px; 
	display:inline-block; 
	top:0; 
	margin-top:10px; 
	background-size:70px auto;
}
.histr_left .histr_slider .bx-prev, .histr_left .histr_slider .bx-next,
.histr_right .histr_slider .bx-prev, .histr_right .histr_slider .bx-next {right:auto; left:auto;}
.histr_slider .bx-prev, .histr_slider .bx-prev:hover {background-position:0 0;}
.histr_slider .bx-next, .histr_slider .bx-next:hover {background-position:-35px 0;}


.inner {
    max-width: 860px;
      width: 95.6%;
}
/*Margin*/
.t-mb0 { margin-bottom: 0px; }
.t-mb5 { margin-bottom: 5px; }
.t-mb10 { margin-bottom: 10px; }
.t-mb15 { margin-bottom: 15px; }
.t-mb20 { margin-bottom: 20px; }
.t-mb25 { margin-bottom: 25px; }
.t-mb30 { margin-bottom: 30px; }
.t-mb40 { margin-bottom: 40px; }
.t-mb50 { margin-bottom: 50px; }
.t-mb60 { margin-bottom: 60px; }
.t-mb70 { margin-bottom: 70px; }
.t-mb80 { margin-bottom: 80px; }

.t-mt0 { margin-top: 0px; }
.t-mt5 { margin-top: 5px; }
.t-mt10 { margin-top: 10px; }
.t-mt15 { margin-top: 15px; }
.t-mt20 { margin-top: 20px; }
.t-mt25 { margin-top: 25px; }
.t-mt30 { margin-top: 30px; }
.t-mt40 { margin-top: 40px; }
.t-mt50 { margin-top: 50px; }
.t-mt60 { margin-top: 60px; }
.t-mt70 { margin-top: 70px; }
.t-mt80 { margin-top: 80px; }

.t-ml0 { margin-left: 0px; }
.t-ml5 { margin-left: 5px; }
.t-ml10 { margin-left: 10px; }
.t-ml15 { margin-left: 15px; }
.t-ml20 { margin-left: 20px; }
.t-ml25 { margin-left: 25px; }
.t-ml30 { margin-left: 30px; }
.t-ml40 { margin-left: 40px; }
.t-ml50 { margin-left: 50px; }
.t-ml60 { margin-left: 60px; }
.t-ml70 { margin-left: 70px; }
.t-ml80 { margin-left: 80px; }
.t-ml85 { margin-left: 85px; }

.t-mr0 { margin-right: 0px; }
.t-mr2 { margin-right: 2px; }
.t-mr5 { margin-right: 5px; }
.t-mr10 { margin-right: 10px; }
.t-mr15 { margin-right: 15px; }
.t-mr20 { margin-right: 20px; }
.t-mr23 { margin-right: 23px; }
.t-mr25 { margin-right: 25px; }
.t-mr30 { margin-right: 30px; }
.t-mr40 { margin-right: 40px; }
.t-mr50 { margin-right: 50px; }
.t-mr60 { margin-right: 60px; }
.t-mr70 { margin-right: 70px; }
.t-mr80 { margin-right: 80px; }

/*Padding*/
.t-pd5 { padding: 5px; }
.t-pd10 { padding: 10px; }
.t-pd15 { padding: 15px; }
.t-pd20 { padding: 20px; }
.t-pd25 { padding: 25px; }
.t-pd30 { padding: 30px; }
.t-pd35 { padding: 35px; }
.t-pd40 { padding: 40px; }
.t-pd45 { padding: 45px; }
.t-pd50 { padding: 50px; }
.t-pd60 { padding: 60px; }
.t-pd70 { padding: 70px; }
.t-pd80 { padding: 80px; }

.t-pb0 { padding-bottom: 0px; }
.t-pb5 { padding-bottom: 5px; }
.t-pb10 { padding-bottom: 10px; }
.t-pb15 { padding-bottom: 15px; }
.t-pb20 { padding-bottom: 20px; }
.t-pb25 { padding-bottom: 25px; }
.t-pb30 { padding-bottom: 30px; }
.t-pb35 { padding-bottom: 35px; }
.t-pb40 { padding-bottom: 40px; }
.t-pb45 { padding-bottom: 45px; }
.t-pb50 { padding-bottom: 50px; }
.t-pb60 { padding-bottom: 60px; }
.t-pb70 { padding-bottom: 70px; }
.t-pb80 { padding-bottom: 80px; }

.t-pt0 { padding-top: 0px; }
.t-pt5 { padding-top: 5px; }
.t-pt10 { padding-top: 10px; }
.t-pt15 { padding-top: 15px; }
.t-pt20 { padding-top: 20px; }
.t-pt25 { padding-top: 25px; }
.t-pt30 { padding-top: 30px; }
.t-pt35 { padding-top: 35px; }
.t-pt40 { padding-top: 40px; }
.t-pt45 { padding-top: 45px; }
.t-pt50 { padding-top: 50px; }
.t-pt60 { padding-top: 60px; }
.t-pt70 { padding-top: 70px; }
.t-pt80 { padding-top: 80px; }

.t-pl0 { padding-left: 0px; }
.t-pl5 { padding-left: 5px; }
.t-pl10 { padding-left: 10px; }
.t-pl15 { padding-left: 15px; }
.t-pl17 { padding-left: 17px; }
.t-pl20 { padding-left: 20px; }
.t-pl25 { padding-left: 25px; }
.t-pl30 { padding-left: 30px; }
.t-pl40 { padding-left: 40px; }
.t-pl50 { padding-left: 50px; }
.t-pl60 { padding-left: 60px; }
.t-pl70 { padding-left: 70px; }
.t-pl80 { padding-left: 80px; }

.t-pr0 { padding-right: 0px; }
.t-pr3 { padding-right: 3px; }
.t-pr5 { padding-right: 5px; }
.t-pr10 { padding-right: 10px; }
.t-pr15 { padding-right: 15px; }
.t-pr16 { padding-right: 16px; }
.t-pr17 { padding-right: 17px; }
.t-pr20 { padding-right: 20px; }
.t-pr25 { padding-right: 25px; }
.t-pr30 { padding-right: 30px; }
.t-pr40 { padding-right: 40px; }
.t-pr50 { padding-right: 50px; }
.t-pr60 { padding-right: 60px; }
.t-pr70 { padding-right: 70px; }
.t-pr80 { padding-right: 80px; }

}










@media all and (max-width:767px) {
.histr_right .histr_slider .bx-controls-direction {
    text-align: right;
}



.inner {
    max-width: 860px;
    width: 100%;
}
.histr_slider .bx-controls-direction a {
    width: 35px;
    height: 36px;
    position: relative;
    text-indent: 99999px;
    display: inline-block;
    top: 0;
    margin-top: 10px;
    background-size: 70px auto;
}
.histr_right .histr_slider .bx-controls-direction a {
    margin-left: 5px;
}

	.label_list li {margin-bottom:10px;}
	/* sub visual */
	.sv { height:85px; padding-top:55px; }
	.sv img {height:28px;}
	.sv_line, .sv p {display:none;}
	/* 역사 */
	.go_arrow {display:none;}
	.scroll_nav_slt {display:block;}
	.histr_ct {padding-top:10%; background-size:1px 130px;}
	.histr_intro + .histr_ct {padding-top:20px;}
	.histr_left, .histr_right {width:100%; float:none;}
	#history01 .histr_txt, #history02 .histr_txt,  #history03 .histr_txt, 
	#history04 .histr_txt, #history05 .histr_txt {padding-top:0; margin-top:0;}


    #TORAY .histr_txt, #TOYOBO .histr_txt,  #concept03 .histr_txt, 
	#concept04 .histr_txt, #concept05 .histr_txt {padding-top:0; margin-top:0;}





	.histr_img > img {margin-bottom:15px;}
	.histr_left .histr_body, .histr_right .histr_body {text-align:justify;font-size: 14px;}
	.histr_left .histr_year, .histr_left h3 {text-align:left;}
	.histr_left .histr_line {float:none;}
	#founder_name h3 {margin-top:0;}
	.histr_left .histr_slider .bx-controls-direction {text-align:right;}
	.histr_left .histr_slider .bx-controls-direction a {margin-right:0px; margin-left:5px;}
	


#TOYOBO .histr_txt {
    padding-left: 0px;
    font-family: 'Lato','notokr-medium',sans-serif;
    letter-spacing: -2px;
}




#TOYOBO .histr_txt {
    /* padding-top: 380px; */
 font-family: 'notokr-light',sans-serif;
}

#TOYOBO .histr_txt {
    /* padding-top: 380px; */
font-family: 'notokr-light',sans-serif;
}



#TORAY .histr_txt {
    /* padding-top: 380px; */
 font-family: 'notokr-light',sans-serif;
}

#TORAY .histr_txt {
    /* padding-top: 380px; */
font-family: 'notokr-light',sans-serif;
}









}







@media all and (max-width:480px) {
	/* Font-size */
	.m_ft1 {font-size:1em; line-height:1.5em; }

	/*Margin*/
	.m-mb0 { margin-bottom: 0px; }
	.m-mb5 { margin-bottom: 5px; }
	.m-mb10 { margin-bottom: 10px; }
	.m-mb15 { margin-bottom: 15px; }
	.m-mb20 { margin-bottom: 20px; }
	.m-mb25 { margin-bottom: 25px; }
	.m-mb30 { margin-bottom: 30px; }
	.m-mb40 { margin-bottom: 40px; }
	.m-mb50 { margin-bottom: 50px; }
	.m-mb60 { margin-bottom: 60px; }
	.m-mb70 { margin-bottom: 70px; }
	.m-mb80 { margin-bottom: 80px; }

	.m-mt0 { margin-top: 0px; }
	.m-mt5 { margin-top: 5px; }
	.m-mt10 { margin-top: 10px; }
	.m-mt15 { margin-top: 15px; }
	.m-mt20 { margin-top: 20px; }
	.m-mt25 { margin-top: 25px; }
	.m-mt30 { margin-top: 30px; }
	.m-mt40 { margin-top: 40px; }
	.m-mt50 { margin-top: 50px; }
	.m-mt60 { margin-top: 60px; }
	.m-mt70 { margin-top: 70px; }
	.m-mt80 { margin-top: 80px; }

	.m-ml0 { margin-left: 0px; }
	.m-ml5 { margin-left: 5px; }
	.m-ml10 { margin-left: 10px; }
	.m-ml15 { margin-left: 15px; }
	.m-ml20 { margin-left: 20px; }
	.m-ml25 { margin-left: 25px; }
	.m-ml30 { margin-left: 30px; }
	.m-ml40 { margin-left: 40px; }
	.m-ml50 { margin-left: 50px; }
	.m-ml60 { margin-left: 60px; }
	.m-ml70 { margin-left: 70px; }
	.m-ml80 { margin-left: 80px; }

	.m-mr0 { margin-right: 0px; }
	.m-mr2 { margin-right: 2px; }
	.m-mr5 { margin-right: 5px; }
	.m-mr10 { margin-right: 10px; }
	.m-mr15 { margin-right: 15px; }
	.m-mr20 { margin-right: 20px; }
	.m-mr23 { margin-right: 23px; }
	.m-mr25 { margin-right: 25px; }
	.m-mr30 { margin-right: 30px; }
	.m-mr40 { margin-right: 40px; }
	.m-mr50 { margin-right: 50px; }
	.m-mr60 { margin-right: 60px; }
	.m-mr70 { margin-right: 70px; }
	.m-mr80 { margin-right: 80px; }

	/*Padding*/
	.m-pd5 { padding: 5px; }
	.m-pd10 { padding: 10px; }
	.m-pd15 { padding: 15px; }
	.m-pd20 { padding: 20px; }
	.m-pd25 { padding: 25px; }
	.m-pd30 { padding: 30px; }
	.m-pd35 { padding: 35px; }
	.m-pd40 { padding: 40px; }
	.m-pd45 { padding: 45px; }
	.m-pd50 { padding: 50px; }
	.m-pd60 { padding: 60px; }
	.m-pd70 { padding: 70px; }
	.m-pd80 { padding: 80px; }

	.m-pb0 { padding-bottom: 0px; }
	.m-pb5 { padding-bottom: 5px; }
	.m-pb10 { padding-bottom: 10px; }
	.m-pb15 { padding-bottom: 15px; }
	.m-pb20 { padding-bottom: 20px; }
	.m-pb25 { padding-bottom: 25px; }
	.m-pb30 { padding-bottom: 30px; }
	.m-pb35 { padding-bottom: 35px; }
	.m-pb40 { padding-bottom: 40px; }
	.m-pb45 { padding-bottom: 45px; }
	.m-pb50 { padding-bottom: 50px; }
	.m-pb60 { padding-bottom: 60px; }
	.m-pb70 { padding-bottom: 70px; }
	.m-pb80 { padding-bottom: 80px; }

	.m-pt0 { padding-top: 0px; }
	.m-pt5 { padding-top: 5px; }
	.m-pt10 { padding-top: 10px; }
	.m-pt15 { padding-top: 15px; }
	.m-pt20 { padding-top: 20px; }
	.m-pt25 { padding-top: 25px; }
	.m-pt30 { padding-top: 30px; }
	.m-pt35 { padding-top: 35px; }
	.m-pt40 { padding-top: 40px; }
	.m-pt45 { padding-top: 45px; }
	.m-pt50 { padding-top: 50px; }
	.m-pt60 { padding-top: 60px; }
	.m-pt70 { padding-top: 70px; }
	.m-pt80 { padding-top: 80px; }

	.m-pl0 { padding-left: 0px; }
	.m-pl5 { padding-left: 5px; }
	.m-pl10 { padding-left: 10px; }
	.m-pl15 { padding-left: 15px; }
	.m-pl17 { padding-left: 17px; }
	.m-pl20 { padding-left: 20px; }
	.m-pl25 { padding-left: 25px; }
	.m-pl30 { padding-left: 30px; }
	.m-pl40 { padding-left: 40px; }
	.m-pl50 { padding-left: 50px; }
	.m-pl60 { padding-left: 60px; }
	.m-pl70 { padding-left: 70px; }
	.m-pl80 { padding-left: 80px; }

	.m-pr0 { padding-right: 0px; }
	.m-pr3 { padding-right: 3px; }
	.m-pr5 { padding-right: 5px; }
	.m-pr10 { padding-right: 10px; }
	.m-pr15 { padding-right: 15px; }
	.m-pr16 { padding-right: 16px; }
	.m-pr17 { padding-right: 17px; }
	.m-pr20 { padding-right: 20px; }
	.m-pr25 { padding-right: 25px; }
	.m-pr30 { padding-right: 30px; }
	.m-pr40 { padding-right: 40px; }
	.m-pr50 { padding-right: 50px; }
	.m-pr60 { padding-right: 60px; }
	.m-pr70 { padding-right: 70px; }
	.m-pr80 { padding-right: 80px; }
}




.la_map_wrapper {
    position: relative;
    width: 100%;
    height: 300px;
    margin-bottom: 32px;
}



.entry-content {max-width: 100%; 
    /* margin: 0 auto; */
    /* padding: 60px 0 230px; */
    /* box-sizing: border-box; */}






.tea_map_wrapper  { position: relative; width: 100%; height: 500px; /*margin-bottom: 32px;  */}
.tea_map { float: left; position: relative; width: 100%; height: 100%; min-height: 350px; }
.tea_map_naver {width: 100%;}
.tea_map_naver > div { width: 100% !important; height: 100% !important; }
.tea_map_naver > div > div { width: 100% !important; height: 100% !important; }
.tea_map_address { width: 32%; padding: 100px 50px; border: 1px solid #DEDEDE; background: #FFFFFF; }

.la_location_traffic { float: left; overflow: hidden; position: relative;;width: 100%;}
.la_location_traffic ol { margin: 0 -20px;    padding: 0px; }
.la_location_traffic ol:after { clear: both; display: block; content: ''; }
.la_location_traffic ol > li {float: left;width: 50%;padding: 20px;box-sizing: border-box;}
.la_location_traffic ul {padding:0px;}
.la_location_traffic ul > li { position: relative; display: table; width: 100%; height: 100px; border-bottom: 1px solid #EDEDED; }
.la_location_traffic h3 { padding-bottom: 15px; border-bottom: 3px solid #7C826A;    font-size: 24px;
    font-weight: 700;color: #444444;text-align: left;font-family: Lato,'notokr-medium', 맑은고딕, sans-serif; letter-spacing: -0.03em;}
.la_location_traffic h4,
.la_location_traffic p { display: table-cell; padding: 25px 0; vertical-align: top; word-break: keep-all;font-family: Lato,'notokr-medium', 맑은고딕, sans-serif; font-weight:300; letter-spacing: -0.03em;}
.la_location_traffic h4 { font-size: 15px; line-height: 1.647; color: #666666; }
.la_location_traffic p { color: #666666;font-family: Lato,'notokr-medium', 맑은고딕, sans-serif; letter-spacing: -0.03em; }
.by_subway h4 { width: 83px; font-size: 15px; color: #FFFFFF;    text-align: left; }
.by_subway p { width: 497px;    text-align: left;font-size: 14px;font-weight: 400; }
.by_subway .line { display: inline-block; width: 62px; height: 32px; border-radius: 2px; line-height: 32px; text-align: center;letter-spacing: -0.03em; }
.by_subway .line_01 { background: #1414AC; }
.by_subway .line_02 { background: #30BB37;font-weight: 400; }
.by_subway .line_05 { background: #81027C; }
.by_subway .line_09 { background: #C8A018; }
.by_subway .line_etc { background: #F7BA21; }

.by_bus h4 { width: 160px;    text-align: left; }
.by_bus p { width: 420px;    text-align: left;font-size: 14px;font-family: Lato,'notokr-medium', 맑은고딕, sans-serif;font-weight: 400;letter-spacing: -0.03em;  }
.by_bus .main_line { color: #1C479E; }
.by_bus .branch_line { color: #118A1D; }
.by_bus .express_bus { color: #D10202; }




@media (max-width:480px) {
  

    /* location */
    .la_location_traffic ol > li { width: 100%; }

  
    /* LOCATION */
    .la_map_address { min-height: 0; }
    .la_map_address li { padding: 10px 0 20px; }
    .la_map_address h5 { padding: 5px 0; font-size: 16px; }
    .la_map_address address,
    .la_map_address address a { font-size: 14px; text-transform: uppercase; }
    .la_location_traffic ul > li { padding: 10px 0 5px; }
    .la_location_traffic li,
    .la_location_traffic h4,
    .la_location_traffic p { display: block; width: auto; height: auto; margin: 0; padding: 5px 0; }

}

@media (max-width: 783px){

.la_map_wrapper {
       min-height: 500px;
}
}





.box_local{position:relative;padding:20px;border:1px solid #EDEDED;background:#FAFAFA;margin-bottom: 32px;}
.box_local:after{content:"";display:block;clear:both;visibility:hidden;}
.box_local h2{position:relative;display:inline-block;padding:5px 20px;font-size:18px;line-height:20px;color:#06499d;font-weight:bold;}
.box_local h2:before,
.box_local h2:after{content:"";display:block;position:absolute;top:50%;margin-top:-26px;width:11px;height:51px;}
.box_local h2:before{left:-10px;background-position:0 -42px;}
.box_local h2:after{right:-10px;background-position:-12px -42px;}
.box_local h2 span{font-size:18px;line-height:20px;color:#06499d;font-weight:bold;font-family: Lato,'notokr-regular', 맑은고딕, sans-serif;}
.box_local .lst_local {
    float: left;
    display: inline-block;
    padding-top: 5px;
    padding: 0px;
    width: 100%;
}
.box_local .lst_local li{position:relative;text-align:left;letter-spacing: -0.03em;
    font-weight: 500;
    font-family: Lato,'notokr-medium', 맑은고딕, sans-serif;font-size: 14px;}
.box_local .lst_local li b {margin-right:5px;    letter-spacing: -1px;
    font-weight: 500;
    font-family: Lato,'notokr-medium', 맑은고딕, sans-serif;   font-size: 14px;}
.box_local .lst_local li.last {margin-top:10px;}
.box_local .lst_local li.last a {display:block;width:auto;height:auto;padding:20px 0;background-color:#413c29;color:#fff;font-size:13px;text-align:center;letter-spacing: -1px;
    font-weight: 500;
    font-family: Lato,'notokr-medium', 맑은고딕, sans-serif;}

.box_local .lst_local li .ico_local{}
.box_local .lst_local li .ico_local.ico3{display:block;width:32px;height:32px;margin:0 auto ;background-position:0 0;}


@media all and (min-width:600px) {
.box_local{padding:40px 150px 40px 50px;}
.box_local h2{float:left;padding:5px 15px;margin-right:35px;}
.box_local h2 span{display:block;}
.box_local .lst_local li.last {position:absolute;right:50px;top:50%;margin-top:-50px;}
.box_local .lst_local li.last a {display:inline-block;height:100px;width:100px;padding:20px 0 0;    box-sizing: border-box;}

}

.sub_part_content{

padding:70px 0px 70px 0px;

}

.shop_view_part_content {
    padding: 0px 0px 0px 0px;
}


.dpart_content {
    padding: 0px 0px 100px 0px;
	
}

.mypart_content {
    padding: 0px 0px 0px 0px;
}

.location_part_content{

padding:70px 0px 70px 0px;
box-sizing: border-box;
}


@media (min-width: 64em) {
  .tea_about {
   /* margin-bottom: 40px;*/
  }
}


@media (max-width: 768px){
.sub_1360 {
    max-width: 100%;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 9px;
    padding-right: 9px;
}

.product-list-top {
    padding: 4px 15px 14px;
}

.sub_part_content {
    padding: 0px 0px 70px 0px;
}


}


.top_visual {
  /*  height: 490px; */
    overflow: hidden;
    position: relative;
}

.top_visual  .top_visual_bg {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/rt_img/bg_dot.png);
    z-index: 1;
}

.gift-set .visual {position:relative:}
.gift-set .visual .count {position:absolute;width:80%;top:3%;left:10%;text-align:center; font-family: Lato,'notokr-medium', 맑은고딕, sans-serif;color:#000}
.gift-set .visual .count h3 {margin:1% 0;font-size:1.8em;color:#414141;font-size:3em}
.gift-set .visual .count ul {overflow:hidden;clear:both;margin-left:17%;font-size:1.4em;color:#000;font-size:2.5em}
.gift-set .visual .count ul li {float:left;border:1px solid #b7b7b7;width:10.9%;height:90%;margin-left:1%;background:#e8e3e3}
.gift-set .visual .count ul li:first-child {margin:0}
.gift-set .visual .count ul li.nco {background:none;border:none;width:auto;color:#000}
.gift-set .visual .pdtbox {margin:2% 0;font-size:1.5em; font-family: Lato,'notokr-medium', 맑은고딕, sans-serif;font-weight:bolder}
.gift-set .visual .pdtbox em {color:#e6004c}
.gift-set .visual .nbox {font-size:18px}
.gift-set .visual .nbox span {padding:0 3%;border-bottom:1px solid #222;}
@media all and (max-width: 320px) {
.gift-set .visual .count {width:84%;left: 6.5%;}
.gift-set .visual .count h3 {margin:0;font-size:2.5em}
.gift-set .visual .count ul {font-size:2em}
.gift-set .visual .pdtbox {font-size:1.2em}
}
@media all and (min-width: 321px) and (max-width: 768px) {
.gift-set .visual .count {width:84%;left: 6.5%;}
.gift-set .visual .count h3 {margin:0;font-size:2.5em}
.gift-set .visual .count ul {font-size:2em}
.gift-set .visual .pdtbox {font-size:1.2em}
}


.drawline {
  position: absolute;
  z-index: 2;
  background:#333376;
}

.drawline-left,
.drawline-right {
  width: 20px;
  height: 0;
}

.drawline-top,
.drawline-bottom {
  height: 20px;
  width: 0;
}

.drawline-top,
.drawline-right {
  top: 0;
}

.drawline-right,
.drawline-bottom {
  right: 0;
}

.drawline-bottom,
.drawline-left {
  bottom: 0;
}

.drawline-left,
.drawline-top {
  left: 0;
}

@media (min-width: 64em){

.util_menu {
    position: absolute;
    top: 55px;
    right: 0;
    bottom: 10px;
    height: 49px;
}
}

.util_menu {
    position: absolute;
    bottom: 0px;
    right: 11px;
}

.util_menu {
    float: right;
   /* margin-top: 24px; */
}

.util_menu .ico {
    display: inline-block;
    width: 18px;
    background: url(/rt_img/p_utilmenu.png) 0 0 no-repeat;
    text-indent: -999em;
    text-align: left;
}






.util_menu .ico.user {
    background-position: 1px -24px;
}

.util_menu a span {
    line-height: 40px;
}

.util_menu .ico.cart {
    background-position: -42px -24px;
}

.util_menu .ico.search {
    background-position: -83px -24px;
}



.util_menu > ul > li > a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 10px;
    color: #363636;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.util_menu > ul > li {
    min-width: 32px;
    max-width: 42px;
    text-align: right;
}

.util_menu > ul > li:last-child {
    min-width: 22px;
    max-width: 42px;
    text-align: right;
	padding-left: 10px;
}

.util_menu > ul > li:first-child {
    padding-right: 20px;
}



.util_menu > ul > li {
    float: left;
}





.mutil_menu {
 
}

.mutil_menu {
 
}

.mutil_menu .ico {
    display: inline-block;
    width: 32px;
    background: url(/rt_img/m_utilmenu.png) 0 0 no-repeat;
    text-indent: -999em;
    text-align: left;
}






.mutil_menu .ico.user {
    background-position: -21px -21px;
}

.mutil_menu a span {
    line-height: 40px;
}

.mutil_menu .ico.delivery{
    background-position: -92px -21px;
}

.mutil_menu .ico.location {
    background-position: -154px -21px;
}

.mutil_menu .ico.search {
    background-position: -220px -21px;
}


.mutil_menu > ul > li > a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 10px;
    color: #363636;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.mutil_menu > ul > li {
    min-width: 62px;
    max-width: 62px;
    text-align: right;
}

.mutil_menu > ul > li:last-child {
    min-width: 70px;
    max-width: 70px;
    text-align: right;
	/*padding-left: 10px;*/
}

.mutil_menu > ul > li:first-child {
    padding-right: 14px;
	padding-left: 14px;
}



.mutil_menu > ul > li {
    float: left;
}




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


.util_menu > ul > li:first-child {
      display:none;
}
.util_menu .ico.search {
   display:none;
}
.util_menu > ul > li {
    min-width: 32px;
    max-width: 42px;
    text-align: right;
	float:right;
}
.util_menu {
    position: absolute;
    bottom: 3px;
    right: 0px;
}
}



/* eheader
-------------------------------------------------- */

.eheader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background-color: #fff;
  z-index: 1001;
}

.eheader-wrap {
  border-top: 4px solid #4D4B48;
}

.eheader .nav_content {
  position: relative;
  height: 46px;
}

.eheader .logo {
  position: relative;
  margin: 0 auto;
  padding-top: 11px;
  max-width: 80px;
  font-size: 0;
  z-index: 5;
}



.eheader .logo-img-svg {
  display: none;
}

.inlinesvg .eheader .logo-img {
  display: none;
       width: 100%;
}

.inlinesvg .eheader .logo-img-svg {
  display: block;
      width: 100%;
	    margin: 0px auto 0;
   padding: 0px 0 0px 0;
}

.IE .eheader .logo-img {
  display: block;
   width: 100%;
   margin: 0px auto 0;
   padding: 0px 0 0px 0;
}

.IE .eheader .logo-img-svg {
  display: none;
}

.eheader .nav-toggle {
  position: absolute;
  top: -7px;
  left: -20px;
  z-index: 1;
}

.eheader .nav-toggle-a {
  position: relative;
  padding: 20px;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 2em;
  line-height: 0;
}

.eheader .nav-toggle-a .icon-menu:before {
  margin: 0;
}

.eheader .eheader-cart {
  position: absolute;
  right: -16px;
  top: -6px;
  z-index: 1;

}


.eheader .cart .n {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 2px;
    right: -9px;
    width: 18px;
    height: 18px;
    z-index: 1;
    border-radius: 100%;
    background-color: #c07226;
    color: #fff;
    font-size: 11px;
    line-height: 1.4;
    text-align: center;
}

.eheader .cart .n:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}


.eheader .header-cart-round {
position: absolute;
    right: -4px;
    top: -3px;
    width: 16px;
    height: 16px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    font-size: 11px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background:#4D4B48;
}


.eheader .eheader-cart-a {
 /*   position: relative;
    padding: 20px 18px;
    display: block;
    width: 24px;
    height: 20px;
    font-size: 2.4em;
    line-height: 0; */

position: relative;
    padding: 20px 18px;
    display: block;
    /* width: 24px; */
    /* height: 20px; 
	ine-height: 0;
	*/
    font-size: 12px;
    font-family: 'Lato','notokr-medium',sans-serif;
    font-weight: 700;
    line-height: 19px;

}

.eheader .eheader-cart-a img {
    margin: 0 5px 0 0;
    vertical-align: top;
}




.eheader .eheader-cart-a .icon-cart {
  display: inline-block;
  position: relative;
  top: -2px;
}

.eheader .eheader-cart-a .icon-cart:before {
  vertical-align: top;
  margin: 0;
}

.eheader .eheader-cart-badge {
  position: absolute;
  right: 9px;
  top: 16px;
  width: 16px;
  height: 16px;
  color: #fff;
  line-height: 16px;
  text-align: center;
  font-size: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  background: #b61c21;
}

@media (max-width: 63.99em) {
  .eheader {
    overflow: hidden;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
  }

  .model-shv-e300 .eheader {
    overflow: visible;
  }

  .eheader .nav_container {
    padding: 0 15px;
  }

  .eheader .logo {
    height: 100%;
    box-sizing: border-box;
  }


.eheader .logo {
    position: relative;
    margin: 0 auto;
    padding-top: 13px;
    max-width: 65px;
    font-size: 0;
    z-index: 5;
}

  .eheader .nav {
    display: none;
  }

  .eheader .nav-bg {
    display: none;
  }

  .eheader .utility-list {
    display: none;
  }
}

@media (min-width: 64em) {
  .eheader {
    border-top-width: 5px;
  }


 .eheader .nav_container{
    /*height: 120px;*/
	    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
  }


  .eheader .nav_content {
    height: 150px;

  }


  .eheader .logo {
    left: 0px;
    padding-top: 20px;
    max-width: 118px;
  }

  .eheader .nav-toggle,
  .eheader .eheader-cart {
    display: none;
  }

  .eheader .nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 4;

  }


.eheader .eheader-cart-a .icon-cart {
    display: inline-block;
    position: relative;
    top: -2px;
}

.eheader .eheader-cart-a {
    position: relative;
    padding: 20px 18px;
    display: block;
    width: 24px;
    height: 20px;
    font-size: 2.4em;
    line-height: 0;
}



  .eheader .nav a {
    text-decoration: none;
	text-transform:uppercase
  }

  .eheader .nav-bg {
    position: absolute;
    visibility: hidden;
    left: 0;
    right: 0;
    top: 100%;
    height: 45px;
    background: #1A1D12;
  }

  .eheader .nav-indicator {
    position: absolute;
    visibility: hidden;
    bottom: 0px;
    height: 2px;
    background: #1A1D12;
  }

  .eheader .nav-list {
    text-align: center;
  }

  .eheader .nav-item {
    display: inline-block;
  }

  .eheader .nav-item.is-current .nav-a {
    color: #9e9763;
  }

  .eheader .nav-a {
    position: relative;
    display: block;
    padding: 10px 17px 15px;
    color: #444;
    font-size: 1.4em;
    font-weight: 700;
    font-family: 'Lato','notokr-medium',sans-serif;
    letter-spacing: 0.23px;
    line-height: 20px;
    white-space: nowrap;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;

  }

  .eheader .nav-a:hover,
  .eheader .nav-item.is-active .nav-a,
  .eheader .nav-a:focus {
    color: #9e9763;
  }

  .eheader .nav-sub {
    position: absolute;
    visibility: hidden;
    left: -1px;
    margin-left: -50px;
    padding: 14px 50px 10px;
    white-space: nowrap;
  }

  .eheader .nav-sub-full {
    left: 0;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .eheader .nav-sub-item {
    display: inline-block;
    margin: 0 1px;
  }

  .eheader .nav-sub-item.is-current .nav-sub-a {
    color: #B7AF70;
    background:none;
  }

  .eheader .nav-sub-a {
    display: block;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
       line-height: 1.5;
    text-decoration: none;
     letter-spacing: 1.2px;
    font-family: 'Lato','notokr-medium',sans-serif;
	    font-weight: 900;


  }

  .eheader .nav-sub-a:hover,
  .eheader .nav-sub-item.is-active .nav-sub-a,
  .eheader .nav-sub-a:focus {
    color: #B7AF70 !important;
    /*background: #222 !important;*/
  }

  .eheader .utility {
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
  }

  .eheader .utility-list {
    zoom: 1;
    margin-left: -10px;
  }

  .eheader .utility-list:before {
    content: '';
    display: block;
  }

  .eheader .utility-list:after {
    content: '';
    display: table;
    clear: both;
  }

  .eheader .utility-list > li {
    position: relative;
    float: left;
    font-size: 1.2em;
  }

.eheader .utility-list > li img {
    margin: 0 5px 0 0;
    vertical-align: top;
}


  .eheader .utility-list > li > a {
    display: block;
    position: relative;
    padding-left: 10px;
    padding-right: 11px;
	font-family: 'Lato','notokr-medium',sans-serif;
    font-weight: 700;
	line-height: 19px;
  }

  .eheader .utility-list > li > a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 12px;
    margin-top: -5px;
    border-left: 1px solid #e0e0e0;
  }

  .eheader .utility-list > li > a:hover,
  .eheader .utility-list > li > a:focus {
    color: #222;
  }

  .eheader .utility-list > li > a > em {
    color: #727272;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
  }

  .eheader .utility-left,
  .eheader .utility-right {
    position: absolute;
    top: 0;
    z-index: 5;
  }

  .eheader .utility-left {
    left: 0;
  }

  .eheader .utility-left > li._last-child > a:after,
  .eheader .utility-left > li:last-child > a:after {
    display: none;
  }

  .eheader .utility-left > li > a {
    color: #727272;
  }

  .eheader .utility-right {
    right: 0;
  }

  .eheader .utility-right .utility-list {
    margin-right: 24px;
  }

  .eheader .utility-mypage.is-show .my {
    display: block;
  }

  .eheader .my {
    display: none;
    position: absolute;
    right: 0;
    top: 2em;
    width: 160px;
    background-color: #fff;
    font-size: 1.1em;
  }

  .eheader .my-info {
    border: 1px solid #e4e4e4;
    border-bottom: 0;
    padding: 0 10px 2px 10px;

  }

  .eheader .my-user {
    position: relative;
    padding: 12px 30px 12px 0;
    border-bottom: 1px solid #e4e4e4;
    color: #888;
		font-family: 'Lato','notokr-regular',sans-serif;
  }

  .eheader .my-user strong {
    color: #666;
	  font-weight: 700;
  }

  .eheader .my-user b {
    color: #333;
	    font-weight: 700;
  }

  .eheader .my-user .info {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12.5px;
  }

  .eheader .my-user .icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
	background: url('/rt_img/logout_ico.png') no-repeat 0px 0px;

    text-align: center;
    color: #dedddb;
    background-color: #b71c22;
  }

  .eheader .my-stat {
    margin-top: 10px;
  }

  .eheader .my-stat dt {
    position: absolute;
  }

  .eheader .my-stat dd {
    text-align: right;
    margin: 0.7em 0;
    color: #999;
  }

  .eheader .my-stat dd b {
    color: #333;
  }

  .eheader .my-links > li {
    position: relative;
    background-color: #4A4A4A;
    border-top: 1px solid #A4A4A4;
  }
  .eheader .my-links > li:first-child {
    border-top: 0px solid #A4A4A4;
}

  .eheader .my-links > li > a {
    display: block;
    padding: 7px 10px 8px 10px;
    color: #FFF;
    text-decoration: none;
  }

  .eheader .my-links > li > a:hover {
    background-color: #A4A4A4;
  }

  .eheader .my-links > li .icon {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    font-size: 9px;
  }

  .eheader.is-search .utility-right .utility-list {
    visibility: hidden;
  }

  .eheader.is-search .global-search {
    width: 170px;
    border-bottom-color: #666;
  }

  .eheader.is-search .global-search-query {
    margin-right: 10px;
    padding: 0 0 0 5px;
    width: 138px;
	font-family: 'Lato','notokr-regular',sans-serif;
    font-weight: 700;
	 height: 28px;
  }
  .eheader.is-search .global-search-query  [type="text"]{
    height: 28px;
 
}






  .eheader .global-search {
    zoom: 1;
    position: absolute;
    right: 0;
    top: 0;
    margin-left: 10px;
    margin-top: -8px;
    width: 17px;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    z-index: 11;
    -webkit-transition: width 0.5s cubic-bezier(0.2, 0.05, 0.05, 1), border 0.5s cubic-bezier(0.2, 0.05, 0.05, 1);
    -o-transition: width 0.5s cubic-bezier(0.2, 0.05, 0.05, 1), border 0.5s cubic-bezier(0.2, 0.05, 0.05, 1);
    transition: width 0.5s cubic-bezier(0.2, 0.05, 0.05, 1), border 0.5s cubic-bezier(0.2, 0.05, 0.05, 1);
  }

  .eheader .global-search:before {
    content: '';
    display: block;
  }

  .eheader .global-search:after {
    content: '';
    display: table;
    clear: both;
  }

  .eheader .global-search-query {
    float: left;
    width: 0;
    margin-top: 4px;
    padding: 0;
    border: 0;
    color: #444;
    font-size: 1.2em;
    line-height: 25px;
    -webkit-transition: margin 0.5s cubic-bezier(0.2, 0.05, 0.05, 1), padding 0.5s cubic-bezier(0.2, 0.05, 0.05, 1), width 0.5s cubic-bezier(0.2, 0.05, 0.05, 1);
    -o-transition: margin 0.5s cubic-bezier(0.2, 0.05, 0.05, 1), padding 0.5s cubic-bezier(0.2, 0.05, 0.05, 1), width 0.5s cubic-bezier(0.2, 0.05, 0.05, 1);
    transition: margin 0.5s cubic-bezier(0.2, 0.05, 0.05, 1), padding 0.5s cubic-bezier(0.2, 0.05, 0.05, 1), width 0.5s cubic-bezier(0.2, 0.05, 0.05, 1);
  }



  .eheader.is-search .global-search-query  [type="text"]{
    height: 28px;
 
}





  .eheader .global-search-query:focus {
    outline: none;
  }

  .eheader .global-search-submit {
    float: left;
    width: 34px;
    margin-left: -10px;
    margin-right: -7px;
    margin-bottom: -5px;
    padding: 10px 0;
    text-align: center;
    line-height: 0;
  }

  .eheader .global-search-submit:hover,
  .eheader .global-search-submit:focus {
    color: #b61c21;
  }

  .eheader .global-search-submit:hover {
    outline: none;
  }

  .eheader .global-search-submit .icon-search {
    font-size: 1.4em;
  }

  .eheader .global-search-submit .icon-search:before {
    margin: 0;
  }

  .eheader.is-compact .logo {
    left: -10px;
    margin: 0;
    padding-top: 16px;
    max-width: 94px;
  }


.IE .eheader.is-compact .logo-img {
     height: 60px;
    width: 60px;
    margin: -10px;
}

  .eheader.is-compact .logo-img-svg {
height: 45px;
  }



  .eheader.is-compact .utility {
    left: auto;
    z-index: 10;
  }

  .eheader.is-compact .utility-left,
  .eheader.is-compact .utility-right {
    position: relative;
    float: left;
  }

  .eheader.is-compact .utility-left {
    margin-right: 9px;
  }

  .eheader.is-compact .utility-left > li > a:after {
    display: block;
  }

  .eheader.is-compact .utility-hideable {
    display: none;
  }

  .eheader.is-compact.is-search .utility-left {
    visibility: hidden;
  }
}



.eheader .eheader-cart-a .icon-cart:before {
    vertical-align: top;
    margin: 0;
}

.icon-cart:before {
    content: '\e821';
}

.eheader .logo-link {
    display: block;
    margin:-19px auto 0;
    padding: 12px;
}

#bp {
  position: relative;
  z-index: 1;
}

@media (min-width: 25em) {
  #bp {
    z-index: 2;
  }
}

@media (min-width: 37.5em) {
  #bp {
    z-index: 3;
  }
}

@media (min-width: 48em) {
  #bp {
    z-index: 4;
  }
}

@media (min-width: 64em) {
  #bp {
    z-index: 5;
  }
}

@media (min-width: 80em) {
  #bp {
    z-index: 6;
  }
}

@media (min-width: 100em) {
  #bp {
    z-index: 7;
  }
}

.nav_content {
    max-width: 1260px;
    margin: 0 auto;
}

.nav_container {
  margin: 0;
}

.nav_container .l-wrap {
  max-width: 800px;
}

.nav_container .l-wrap.l-wide {
  max-width: 1000px;
}

.nav_container .l-wrap.l-large {
  max-width: 970px;
}

@media (max-width: 64.0525em) {
  .nav_container {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em) {
  .nav_container {
    /* margin: 0 40px; */
  }
}

@media (min-width: 80em) {
  .nav_container {
    /* margin: 0 50px; */
  }
}
.is-open #wrap:after {
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}

.csstransforms .is-open .mobile_nav {
  -webkit-transform: translateX(315px);
  -moz-transform: translateX(315px);
  -ms-transform: translateX(315px);
  -o-transform: translateX(315px);
  transform: translateX(315px);

}


 body.is-open {
    overflow: hidden;
}



.mobile_nav_section {

}

.mobile_nav_section {

 
}


.no-csstransforms .is-open .mobile_nav {
  left: 0;
}

.is-open .mobile_nav:before {
  opacity: 1;
}

.is-open .mobile_nav-close {
  display: block;
}

.mobile_nav {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -315px;
  width: 290px;
  background: #f3f3f3;
  z-index: 1001;
  outline: none;
  -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1);
  transition: all 0.3s cubic-bezier(0.5, 0, 0, 1);
}


.mobile_nav:before {
  content: "";
  position: absolute;
  top: -25px;
  bottom: -25px;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.mobile_nav.is-search .mobile_nav-search {
  top: 50px;
}

.mobile_nav.is-search .mobile_nav-utility {
  opacity: 0;
}

.mobile_nav.is-mypage .my {
  bottom: 50px !important;
}

.mobile_nav-container {
  padding-top: 50px;
  padding-bottom: 50px;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  
}

.mobile_nav-title {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #79746e;
  z-index: 2;
}

.mobile_nav-title-inner {
  position: relative;
  height: 50px;
  /*border-bottom: 1px solid #85817b;*/
  background: #4A4A4A;
  z-index: 2;
}

.mobile_nav-title .logo {
  display: block;
  padding: 8px 15px;
  margin-left:5px;
  /*width: 100%;*/
}

.mobile_nav-title .logo > img {
  display: block;
}

.mobile_nav-search {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 48px;
  padding-left: 20px;
  padding-right: 60px;
  background: #595959;
  z-index: 1;
  -webkit-transition: top 0.3s cubic-bezier(0, 0.5, 0.5, 1);
  -o-transition: top 0.3s cubic-bezier(0, 0.5, 0.5, 1);
  transition: top 0.3s cubic-bezier(0, 0.5, 0.5, 1);
}

.mobile_nav-search-toggle {
  position: absolute;
  right: 4px;
  top: 0;
  padding: 16px;
}

.mobile_nav-search-toggle .icon {
  overflow: visible !important;
  color: #fff;
  font-size: 1.75em;
}

.mobile_nav-search-toggle .icon:before {
  margin: 0;
}

.mobile_nav-search-query {
  padding: 14px 0 0px 0px;
  border: 0;
  color: #fff;
  font-size: 1.4em;
  line-height: 20px;
  background: none;
}

.mobile_nav-search-query::-ms-clear {
  display: none;
}

.mobile_nav-search-close .icon {
  font-size: 1.5em;
}

.mobile_nav-close {
  display: none;
  position: absolute;
  right: -37px;
  top: 0;
  margin-top: 0;
  padding: 15px;
  line-height: 0;
}

.mobile_nav-close [class^="icon-"]:before {
  margin: 0;
}

.mobile_nav-close .icon-close {
  color: #fff;
  font-size: 1.5em;
}

.mobile_nav-utility {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #79746e;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.mobile_nav-utility-inner {
  position: relative;
  padding: 10px 12px;
  background: #4A4A4A;
  z-index: 2;
}

.mobile_nav-utility .menu {
  zoom: 1;
  margin-left: -5px;
  text-align: center;
}

.mobile_nav-utility .menu:before {
  content: '';
  display: block;
}

.mobile_nav-utility .menu:after {
  content: '';
  display: table;
  clear: both;
}

.mobile_nav-utility .menu-item {
  float: left;
  width: 33.33333%;
}

.mobile_nav-utility .menu-link {
  display: block;
  margin-left: 5px;
  padding: 0;
  color: #fff;
  font-size: 1.1em;
  line-height: 30px;
  background:#727272;
  font-family: 'Lato','notokr-regular',sans-serif;
}

.mobile_nav-utility .menu-link:hover {
  text-decoration: none;
}

.mobile_nav .my {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -200px;
  padding: 10px 12px 10px;
  color: #fff;
  background: #595959;
  z-index: 1;
  -webkit-transition: bottom 0.3s cubic-bezier(0, 0.5, 0.5, 1);
  -o-transition: bottom 0.3s cubic-bezier(0, 0.5, 0.5, 1);
  transition: bottom 0.3s cubic-bezier(0, 0.5, 0.5, 1);
}

.mobile_nav .my-user {
  position: relative;
  padding-left: 7px;
  padding-bottom: 10px;
  font-size: 1.3em;
  line-height: 30px;
  border-bottom: 1px solid #818181;
      font-family: 'Lato','notokr-regular',sans-serif;
}

.mobile_nav .my-user-btn {
  position: absolute;
  right: 7px;
  top: 0;
  width: 30px;
  height: 30px;
  color: #fff;
  text-align: center;
  background-color: #b71c22;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;




}

.mobile_nav .my-user-btn .icon {
  vertical-align: top;
  
   

}


.mobile_nav .my-user-btn .icon.icon-logout {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    background: url(/rt_img/logout_ico.png) no-repeat 0px 3px;
    text-align: center;
    color: #dedddb;
    background-color: #b71c22;
}

.mobile_nav .my-user-btn .icon.icon-login {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    background: url(/rt_img/login_ico.png) no-repeat 0px 3px;
    text-align: center;
    color: #dedddb;
    background-color: #b71c22;
}


.mobile_nav .my-user-btn .icon:before {
  margin: 0;
  line-height: 30px;
}

.mobile_nav .my-stat {
  zoom: 1;
  margin-top: 25px;
  margin-bottom: 5px;
  text-align: center;
}

.mobile_nav .my-stat:before {
  content: '';
  display: block;
}

.mobile_nav .my-stat:after {
  content: '';
  display: table;
  clear: both;
}

.mobile_nav .my-stat-item {
  position: relative;
  float: left;
  width: 33.33333%;
}

.mobile_nav .my-stat-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid #7f7b75;
}

.mobile_nav .my-stat-item:first-child:before {
  display: none;
}

.mobile_nav .my-stat-link {
  display: block;
  text-decoration: none;
}

.mobile_nav .my-stat-name {
  display: block;
  color: #e8e8e8;
  font-size: 1.1em;
}

.mobile_nav .my-stat-val {
  display: block;
  color: #fff;
  margin-top: 5px;
  font-size: 1.2em;
}

.mobile_nav .my-stat-val .icon {
  position: relative;
  top: -1px;
  vertical-align: top;
  font-size: 1.16667em;
  line-height: 1.71429;
}

.mobile_nav .my-stat-val .icon:before {
  margin: 0;
}

.mobile_nav .my-stat-val > b {
  font-size: 1.33333em;
}

.mobile_nav .nav {
 overflow: hidden;
    position: relative;
    height: 100%;
}

.mobile_nav .nav a {
  text-decoration: none;
  text-transform:uppercase
}


.mobile_nav .nav a:hover {
    color:  #1A1D12;
}


.mobile_nav .nav-list {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile_nav .nav-item.is-has-sub .nav-a:after {
  position: absolute;
  font-family: "rt_font";
  content: '\e80e';
  font-size: 11px;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  line-height: 1;
}

.mobile_nav .nav-item.is-active .nav-a {
     color: #fff;
    background: #4D4B48;
}

.mobile_nav .nav-a {
  display: block;
  position: relative;
  padding-left: 20px;
  color: #827e79;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 45px;
  border-bottom: 1px solid #e5e5e5;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 700;
    font-family: 'Lato','notokr-medium',sans-serif;
    letter-spacing: 0.23px;
}

.mobile_nav .nav-a .icon {
  position: relative;
  top: -0.3em;
  line-height: 1.3;
  margin-left: 0.3em;
  font-size: 0.8em;
}

.mobile_nav .nav-text {
  display: inline-block;
  padding: 0 10px;
   /* border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px; */
  white-space: nowrap;
}

.mobile_nav .nav-d2 {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 120px;
  padding: 0 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  background: #fff;
}

.mobile_nav .nav-d2-h {
  color: #4D4B48;
  font-size: 1.6em;
     font-weight: 900;
    font-family: 'Lato','notokr-medium',sans-serif;
    letter-spacing: 0.23px;
  line-height: 44px;
  border-bottom: 1px solid #b2b2b2;
}

.mobile_nav .nav-d2-item {
  border-bottom: 1px solid #f2f2f2;
}

.mobile_nav .nav-d2-item a:hover {
   color:  #4D4B48;
}


.mobile_nav .nav-d2-item:first-child {
  border-top: none;
}

.mobile_nav .nav-d2-item.is-current .nav-d2-text {
  color:  #4D4B48;
  /*background: #aea59a;*/
}

.mobile_nav .nav-d2-item.is-active .nav-d2-a:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mobile_nav .nav-d2-item.is-has-sub {
  overflow: hidden;
}

.mobile_nav .nav-d2-item.is-has-sub .nav-d2-a {
  position: relative;
  background: #f0f0f0;
  z-index: 1;
}

.mobile_nav .nav-d2-item.is-has-sub .nav-d2-a:after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -0.5em;
  color: #aaa;
  font-family: 'rt_font';
  font-size: 10px;
  width: 1em;
  line-height: 1em;
  content: '\e807';
  -webkit-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
}

.mobile_nav .nav-d2-item.is-has-sub .nav-d2-text {
  color: #8C8E88;
  background: none;
}

.mobile_nav .nav-d2-a {
  display: block;
  font-size: 1.3em;
  padding: 8px 0;
      color: #A8AC9C;
}

.mobile_nav .nav-d2-text {
 /* color: #8C8E88;*/
  line-height: 29px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
    font-weight: 900;
    font-family: 'Lato','notokr-medium',sans-serif;
    letter-spacing: 0.23px;
}

.mobile_nav .nav-d3 {
  margin-top: -7px;
  padding: 0 10px;
}

.mobile_nav .nav-d3-item:first-child .nav-d3-a {
  border-top: none;
}

.mobile_nav .nav-d3-item.is-current .nav-d3-text {
  color: #fff;
  background: #aea59a;
}

.mobile_nav .nav-d3-a {
  display: block;
  font-size: 1.4em;
  padding: 7px 5px;
  border-top: 1px solid #ddd;
}

.mobile_nav .nav-d3-text {
  color: #79746e;
  line-height: 30px;
}

@media (max-height: 515px) {
  .mobile_nav .nav-a {
    line-height: 37px;
  }

  .mobile_nav .nav-d2-h {
    line-height: 36px;
  }

  .mobile_nav .nav-d2-text {
    line-height: 21px;
  }
}

@media (max-height: 440px) {
  .mobile_nav .nav-a {
    line-height: 25px;
  }
}


.is-open #wrap:after {
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}


#wrap:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background: transparent;
    z-index: 1001;
    -webkit-transition: height 0s, background 0.3s;
    -o-transition: height 0s, background 0.3s;
    transition: height 0s, background 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}



.icon-close:before {
    content: '\e82e';
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0 none;
    vertical-align: top;
}



.tea_wrap {
  position: relative;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 15px;
}

@media (min-width: 48em) {
  .tea_wrap {
    padding: 0 30px;
  }
}

.tea_container {
  margin: 0;
  position: relative;
  /*top: -150px;*/
}

.tea_container .tea_wrap {
  max-width: 800px;
}

.tea_container .tea_wrap.tea_wide {
  max-width: 1000px;
}

.tea_container .tea_wrap.tea_large {
  max-width: 970px;
}

@media (max-width: 64.0525em) {
  .tea_container {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em) {
  .tea_container {
   /* margin: 0 40px;*/
  }
}

@media (min-width: 80em) {
  .tea_container {
   /* margin: 0 50px;*/
  }
}

.tea_content {
  max-width: 1920px;
  margin: 0 auto;
}

.no-mediaqueries .tea_container {
  width: 1200px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}





.tea_main {
  padding-top: 0;
  /* .l-container {
		display: none;
	}
	.small {
		display: block;
	}
	@include mq(medium) {
		.l-container {
			display: block;
		}
		.small {
			display: none;
		}
	} */
}

.tea_main .is-ready {
  visibility: visible !important;
}

.tea_main .intro {
  overflow: hidden;
  position: relative;
  height: 100vh;
  text-align: center;
  background-size: cover;
}

.tea_main .intro-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0px;
  z-index: 1;
}

.tea_main .top_visual_bg {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/rt_img/bg_dot.png);
    z-index: 2;
}


.tea_main .intro-bg-list {
  height: 100%;
}

.tea_main .intro-bg-img {
  display: none;
  height: 100%;
  background: 50% 50%;
  background-size: cover;
}

.tea_main .intro-bg-img:first-child {
  display: block;
}

.tea_main .intro-bg .slick-initialized .intro-bg-img {
  display: block !important;
}

.tea_main .intro-bg .slick-list,
.tea_main .intro-bg .slick-track {
  height: 100%;
}

.tea_main .intro-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  z-index: 3;
  white-space: nowrap;
}

.tea_main .intro-inner .intro-txt {
  display: inline-block;
  min-width: 100%;
  vertical-align: middle;
  white-space: normal;
}

.tea_main .intro-inner:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.tea_main .intro-inner.is-ready {
  visibility: visible;
}

.tea_main .intro-h {
  display: inline-block;
  padding: 0.18em 0;
  color: #fff;
  font-size: 3.1em;
       font-family: 'Lato','notokr-demilight',sans-serif;
    font-weight: 500;
  line-height: 1.3;
  border-top: 0px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    text-shadow: 2px 4px 3px rgba(0,0,0,0.2);
}

.tea_main .intro-desc {
  margin: 2em 0 0;
  color: #DADCD2;
  font-size: 1.5em;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.2);
}

.tea_main .intro-continue {
  position: absolute;
  overflow: hidden;
  left: 50%;
  bottom: 60px;
  margin-left: -32.5px;
  padding: 0 10px;
  font-size: 4.5em;
  color: #fff;
  line-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.tea_main .intro-continue.is-ready {
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.tea_main .intro-continue .icon:before {
  margin: 0;
}

.tea_main .intro-continue:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=100);
  opacity: 1;
}

@media (min-width: 37.5em) {
  .tea_main .intro {
    height: 70vh;
  }

  .tea_main .intro-h {
   
       line-height: 1.6;
	    font-size: 55px;
      font-family: 'Lato','notokr-demilight',sans-serif;
    font-weight: 500;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.2);
  }

  .tea_main .intro-h br {
    display: none;
  }

  .tea_main .intro-desc {
    margin: 2em 0 0;
    color: #DADCD2;
       font-size: 16px;
  }

  .tea_main .intro-desc br {
    display: none;
  }

  .tea_main .intro-desc span {
    display: block;
  }
}

@media (min-width: 48em) {
  .tea_main .intro {
    height: 85vh;
  }
}

@media (min-width: 64em) {
  .tea_main .intro {
    height: 100vh;
  }

  .tea_main .intro-bg {
    top: 0px;
  }
}





.ptimg_wrap {

display:none;

}




@media (max-width: 1024px){
  .product-visual-pad {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
   /* margin-right: 0px;*/
}
  .product-visual-pad2 {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
   /* margin-right: 0px;*/
}

.product-visual-pad2 .btn_zoom{
display:none;
}

.product-visual-pad2{
display:none;
}

.ptimg_wrap {
    display: block;
}

.ptimg_wrap{width:100%; margin:0 auto; position:relative;}
.ptimg_wrap .img_view{position:relative;overflow:hidden;display:block;}
.ptimg_wrap .img_view ul{width:99999px; position:absolute; top:0; left:0; overflow:hidden;}
.ptimg_wrap .img_view ul li{display:block;float:left; width:100%;}
.ptimg_wrap .img_view ul li img{width:100%;}
.ptimg_paging{margin: 15px 0 20px;text-align:center;}
.ptimg_paging button{margin:0 4px;width:7px;height:7px;display: inline-block;background: url('/rt_img/mobil_ico_ball.png') no-repeat 0 0;background-size:100%;font-size:0;line-height:0;}
.ptimg_paging button.on{background-position:0 -15px;}




}
	  
.pro_view  .t-wrap {
    max-width: 1260px;
}

@media (min-width: 48em)
{
.t-wrap {
    padding: 0 30px;
}
.tt-wrap {
   padding: 0 30px;
}
}

.t-wrap {
    position: relative;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 15px; 
}

.tt-wrap {
    position: relative;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 15px;
}

.sub_h_600 {
    min-height: 600px;
}


.t-wrap, .row, .clearfix {
    zoom: 1;
}

.tt-wrap, .row, .clearfix {
    zoom: 1;
}


.pro_view .content-nav {
  font-size: 13px;
  margin-top: -1px;
  padding-top: 1px;
  border-bottom: 1px solid #e0e0e0;
  font-family: 'Lato','notokr-medium',sans-serif;
}

.pro_view .content-nav.is-fixed {
  position: fixed;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 7;
}

.pro_view .content-nav .nav-list {
  display: table;
  width: 100%;
  text-align: center;
}

.pro_view .content-nav .nav-item {
  display: table-cell;
  width: auto;
}

.pro_view .content-nav .nav-item.is-active .nav-link {
  color: #333;
  border-bottom-color: #4D4B48;

}

.pro_view .content-nav .nav-link {
    display: block;
    margin-bottom: -1px;
    padding: 15px 0;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    -webkit-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
    font-size: 15px;
    font-family: 'Lato','notokr-medium',sans-serif;
   
}

.pro_view .content-nav .nav-link:hover {
  border-bottom-color: #ccc;
}

.pro_view .info-inner {
  padding: 50px 0 10px;
}



.opt  {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
	padding: 8px 0;

}

.opt .row{
    position: relative;
    margin-top: 0px;
    padding-left: 70px;
}

.opt .row-name {
    position: absolute;
    left: 0;
    top: 50%;
    width: 70px;
    margin-top: -0.75em;
        font-size: 15px;
}


 .opt .vselectbox {
  display: block;
}



.eopt  {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;

}

.eopt .row{
    position: relative;
    margin-top: 10px;
    padding-left: 70px;
}

.eopt .row-name {
    position: absolute;
    left: 0;
    top: 50%;
    width: 70px;
    margin-top: -0.75em;
        font-size: 15px;
}


 .eopt .vselectbox {
  display: block;
}


.eopt .qnt-down, .eopt .qnt-up {
    width: 38px;
    background-color: #e5e5e5;
    font-size: 18px;
}

.eopt .qnt-up {
    right: 0;
}

.eopt .qnt-down, .eopt .qnt-up {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    padding: 2px 0;
    margin: 0;
    width: 30px;
    height: 100%;
    background-color: #e5e5e5;
    color: #888;
    text-align: center;
    line-height: 1.2;
}





.vselectbox .selector {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    text-align: left;
    vertical-align: middle;
   /* border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px; */
    outline: 0;
    -webkit-appearance: none;
    border: 1px solid #e8e8e8;
    border-top-color: #c9c9c9;
    border-bottom-color: transparent;
    background-color: #f7f7f7;
    -webkit-box-shadow: inset 0 1px 0 #e8e8e8;
    -moz-box-shadow: inset 0 1px 0 #e8e8e8;
    box-shadow: inset 0 1px 0 #e8e8e8;
}


.opt .vselectbox .selector {
  width: auto !important;
  padding: 0.4em 1em;
  color: #666;
  font-size: 15px;
  border: #aea59a 1px solid;
 /* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
  background-color: #fff;
  box-shadow: none;
}


.vselectbox .selectbox-option {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1001;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #555;
    border-top-color: #ccc;
    background-color: #fff;
    color: #777;
    outline: 0;
    -webkit-box-shadow: "0px 1px 1px rgba(0,0,0,0.2)";
    -moz-box-shadow: "0px 1px 1px rgba(0,0,0,0.2)";
    box-shadow: "0px 1px 1px rgba(0,0,0,0.2)";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.vselectbox .selector .icon {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -4px;
    font-size: 10px;
    line-height: 0;
}

 
 
 .vselectbox .selectbox-option a:hover, .vselectbox .selectbox-option a:focus, .vselectbox .selectbox-option li:hover, .vselectbox .selectbox-option li:focus, .vselectbox .selectbox-option li.is-current {
    color: #000;
    background-color: #f6f6f6;
}

.vselectbox .selectbox-option li {
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
}
 
 
 
 
 .icon-arr-bottom:before {
    content: '\e80d';
}
 
 
 
 
 
 
 
 .opt .vselectbox-option {
  margin-top: -1px;
  border: #aea59a 1px solid;
/* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
}

 .opt .vselectbox-val {
  padding: 0.4em 1em;
}



.shop_view_part_content .summary {
    background-color: #f2f2f2;
}

.shop_view_part_content .l-wrap {
  max-width: 860px;
}

.shop_view_part_content .rate {
  display: inline-block;
  letter-spacing: -0.2em;
  vertical-align: middle;
  line-height: 1;
}

.shop_view_part_content .rate .icon {
  color: #333;
}

.shop_view_part_content .rate .icon:before {
  margin: 0 0 0.1em -0.2em;
  width: 1.2em;
}

.shop_view_part_content .rate .icon-star-outline {
  color: #888;
}

.shop_view_part_content .price {
  font-size: 1.3em;
  letter-spacing: -0.05em;
  word-break: break-all;
}

.shop_view_part_content .price-item {
  display: inline-block;
  margin-right: 0.1em;
}

.shop_view_part_content .price-item-original.is-hidden {
  display: none;
}

.shop_view_part_content .price-current {
  color: #b61c21;
  font-size: 1.5em;
  line-height: 1;
}

.shop_view_part_content .price .icon {
  vertical-align: -0.1em;
  color: #888;
}

.shop_view_part_content .price .icon:before {
  margin-left: 0;
}

.shop_view_part_content .action .btn {
  float: left;
  width: 48.78049%;
  padding-left: 0;
  padding-right: 0;
}

.shop_view_part_content .action .btn + .btn {
  float: right;
}

.shop_view_part_content .action-cart[disabled] {
  background-color: #79746e;
}

.shop_view_part_content .action-buy[disabled] {
  border-bottom-color: transparent;
  background-color: #aea69b;
}

.shop_view_part_content .action .action-stopsale {
  width: 100%;
}

.shop_view_part_content .summary {
  background-color: #f2f2f2;
}

.shop_view_part_content .summary-pad {
  padding: 20px 0 0;
}

.shop_view_part_content .summary-img {
  position: relative;
  text-align: center;
}

.shop_view_part_content .summary-img-item {
  position: relative;
  display: none;
}

.shop_view_part_content .summary-img-item:first-child {
  display: block;
}

.shop_view_part_content .summary-img-inner {
  position: relative;
  height: 0;
  padding-bottom: 100%;
}

.shop_view_part_content .summary-img-icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 48px;
}

.shop_view_part_content .summary-img.slick-slider .summary-img-item {
  display: block;
}

.shop_view_part_content .summary-row {
  margin: 0;
  padding: 16px 0;
  border-top: 1px solid #d9d9d9;
}

.shop_view_part_content .summary-title {
  padding-top: 10px;
  border-top: none;
}

.shop_view_part_content .summary .h {
  color: #333;
  font-size: 2.5em;
  font-family: "Buri", serif;
  letter-spacing: -0.05em;
}

.shop_view_part_content .summary-desc {
  margin: 5px 0 0;
  color: #333;
  font-size: 1.5em;
  letter-spacing: -0.05em;
  line-height: 1.6;
}

.shop_view_part_content .summary-desc > p {
  display: inline;
  margin: 0;
}

.shop_view_part_content .summary .option {
  display: none;
  width: 100%;
}

.shop_view_part_content .summary .option-name {
  margin-bottom: 8px;
  font-size: 1.5em;
}

.shop_view_part_content .summary .option-item {
  display: table-cell;
  white-space: nowrap;
  vertical-align: top;
}

.shop_view_part_content .summary .option-item-wide {
  zoom: 1;
  width: 100%;
}

.shop_view_part_content .summary .option-item-wide:before {
  content: '';
  display: block;
}

.shop_view_part_content .summary .option-item-wide:after {
  content: '';
  display: table;
  clear: both;
}

.shop_view_part_content .summary .option-control {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.shop_view_part_content .summary .option-control:checked + .option-type {
  color: #fff;
  background-color: #aea59a;
}

.shop_view_part_content .summary .option-type {
  position: relative;
  padding: 0.4em 0.6em;
  color: #aea59a;
  font-size: 1.5em;
  border: #aea59a 1px solid;
/* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
  background-color: #fff;
}

.shop_view_part_content .summary .option-type.is-checked {
  color: #fff;
  background-color: #aea59a;
}

.shop_view_part_content .summary .option-type {
  display: inline-block;
  margin-right: 10px;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}

.shop_view_part_content .summary .option-count {
  float: right;
  width: 100%;
  max-width: 195px;
}

.shop_view_part_content .summary .option .spinner {
  font-size: 1.5em;
}

.shop_view_part_content .summary-shipping {
  font-size: 1.5em;
}

.shop_view_part_content .summary-review {
  border-bottom: none;
  font-size: 1.4em;
}

.shop_view_part_content .summary-review .rate {
  font-size: 1.1em;
}

.shop_view_part_content .summary-review-name {
  display: inline-block;
  margin-left: 0.5em;
  color: #333;
  vertical-align: middle;
  word-break: break-all;
}

.shop_view_part_content .summary-review-text {
  overflow: hidden;
  margin: 7px 0 0;
  color: #333;
  word-break: break-all;
  height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
}

.shop_view_part_content .summary-review .ticker-item {
  display: none;
}

.shop_view_part_content .summary-review .ticker-item:first-child {
  display: block;
}

.shop_view_part_content .summary-review .ticker.slick-slider .ticker-item {
  display: block;
}

.shop_view_part_content .summary .action {
  display: none;
}

@media (max-width: 47.99em) {
  .shop_view_part_content .summary .summary-label {
    display: block;
  }

  .shop_view_part_content .summary .summary-label .sign:first-child {
    margin-left: 0;
  }
}

@media (min-width: 48em) {
  .shop_view_part_content .summary-pad {
    padding: 0 0;
  }

  .shop_view_part_content .summary-inner {
    zoom: 1;
    position: relative;
  }

  .shop_view_part_content .summary-inner:before {
    content: '';
    display: block;
  }

  .shop_view_part_content .summary-inner:after {
    content: '';
    display: table;
    clear: both;
  }

  .shop_view_part_content .summary-img {
    float: left;
    width: 50%;
    padding-bottom: 75px;
  }

  .shop_view_part_content .summary-img-icon {
    font-size: 50px;
  }

  .shop_view_part_content .summary-content {
    float: right;
    width: 45%;
    padding: 70px 0px 0px 0px;
  }

  .shop_view_part_content .summary-title {
    padding-top: 0;
  }

  .shop_view_part_content .summary .h {
    margin-top: -0.2em;
    font-size: 3.4em;
  }

  .shop_view_part_content .summary-label {
    display: inline-block;
  }

  .shop_view_part_content .summary .option {
    display: table;
  }

  .shop_view_part_content .summary .price {
    font-size: 1.8em;
  }

  .shop_view_part_content .summary .price-current {
    font-size: 1.66667em;
  }

  .shop_view_part_content .summary-review {
    position: absolute;
    left: 0;
    bottom: 45px;
    width: 47.67442%;
    height: 0;
    padding: 0;
    border: 0;
  }

  .shop_view_part_content .summary-review-text {
    margin-top: 7px;
  }

  .shop_view_part_content .summary .action {
    display: block;
    position: absolute;
    right: 0;
    bottom: 45px;
    width: 47.67442%;
    height: 0;
  }
}

@media (min-width: 48em) and (max-width: 63.99em) {
  .shop_view_part_content .summary .option.option-small .option-type {
    margin-right: 5px;
    padding: 6px 4px;
    line-height: 22px;
    font-size: 1.2em;
    letter-spacing: -0.07em;
  }

  .shop_view_part_content .summary .option.option-small .spinner {
    min-width: 30px;
  }
}

@media (min-width: 64em) {
  .shop_view_part_content .summary .option.option-small .option-type {
    margin-right: 5px;
    padding-left: 0.3em;
    padding-right: 0.3em;
  }
}

.shop_view_part_content .purchase .panel-inner {
  padding-top: 25px;
}

.shop_view_part_content .purchase .row-name {
  position: absolute;
  left: 0;
  top: 50%;
  width: 70px;
  margin-top: -0.75em;
  font-size: 1.5em;
}

.shop_view_part_content .purchase .row-price {
  margin-top: 20px;
}

.shop_view_part_content .purchase .selectbox {
  display: block;
}

.shop_view_part_content .purchase .selectbox .selector {
  width: auto !important;
  padding: 0.4em 1em;
  color: #666;
  font-size: 15px;
  border: #aea59a 1px solid;
/* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
  background-color: #fff;
  box-shadow: none;
}

.shop_view_part_content .purchase .selectbox-option {
  margin-top: -1px;
  border: #aea59a 1px solid;
/* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
}

.shop_view_part_content .purchase .selectbox-val {
  padding: 0.4em 1em;
}

.shop_view_part_content .purchase .spinner {
  font-size: 1.5em;
}

.shop_view_part_content .purchase .spinner-num {
  padding: 0.367em 0;
}

.shop_view_part_content .purchase .price {
  text-align: right;
}

.shop_view_part_content .purchase .action {
  overflow: hidden;
  margin-top: 20px;
  padding: 0;
}

.shop_view_part_content .purchase.is-folded .panel-inner {
  padding-top: 15px;
}

.shop_view_part_content .purchase.is-folded .action {
  margin-top: 0;
}

.shop_view_part_content .purchase.is-folded .action-cart {
  display: none;
}

.shop_view_part_content .purchase.is-folded .action-buy {
  width: 100%;
}

@media (min-width: 48em) {
  .shop_view_part_content .purchase {
    display: none;
  }
}




select.input-shop {
   /* padding: 6px 30px 6px 15px;*/
    border: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    /* width: 180px; */
	color: #4D4B48;
	font-family: 'Lato','notokr-medium',sans-serif;
	    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

}

.input-shop {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.input-shop select, .input-shop .selectbox .selector {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    text-align: left;
    vertical-align: middle;
/* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
    outline: 0;
    -webkit-appearance: none;
    border: 1px solid #e8e8e8;
    border-top-color: #c9c9c9;
    border-bottom-color: transparent;
    background-color: #f7f7f7;
    -webkit-box-shadow: inset 0 1px 0 #e8e8e8;
    -moz-box-shadow: inset 0 1px 0 #e8e8e8;
    box-shadow: inset 0 1px 0 #e8e8e8;
}

select {
    display: inline-block;
    padding: 6px 30px 6px 15px;
    background-image: url(/rt_img/select_down.png);
    background-position: right 50%;
    background-repeat: no-repeat;
    background-size: 20px auto;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}


.t-wide {
    position: relative;
    max-width: 1260px;
    margin: 0 auto;
}



.mqnt-box  .qnt-down, .mqnt-box  .qnt-up {
    width: 38px;
    background-color: #e5e5e5;
    font-size: 18px;
}

.mqnt-box .qnt-up {
    right: 0;
}


.mqnt-box .qnt-down, .mqnt-box  .qnt-up {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    padding: 2px 0;
    margin: 0;
    width: 30px;
    height: 100%;
    background-color: #e5e5e5;
    color: #888;
    text-align: center;
    line-height: 1.2;
}


.mqnt-box .input-qnt {
  background-color: rgba(85, 85, 85, 0.3);
    color: #ccc;
}


 .mqnt-box {
    padding: 0 38px;
    width: 100px;
    height: 38px;
	    border: 1px solid #444444;
/* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
}


.mqnt-box  .qnt-up, .mqnt-box  .qnt-down {
    background-color: rgba(85, 85, 85, 0.5);
    font-size: 21px;
    font-weight: bold;
	width: 38px;
}

.cart-layer .line-left {
    padding-left: 1px;
}

.purchase-info-inner {
  padding: 50px 0;
      font-family: 'Lato','notokr-medium',sans-serif;
}

.purchase-info .h {
  margin-top: -1px;
  padding: 0.5em 14px;
  color: #333;
  font-size: 1.6em;
  border: 1px solid #e0e0e0;
  background: #f6f6f6;
}

.purchase-info .row-h {
  padding: 0.5em 14px;
  margin-top: -1px;
  font-size: 1.5em;
  border: 1px solid #e0e0e0;
}

.purchase-info .row-list {
  margin-top: -1px;
  padding: 1.5em 14px;
  color: #888;
  font-size: 1.4em;
  border: 1px solid #e0e0e0;
  font-family: 'Lato','notokr-demilight',sans-serif;
}

.purchase-info .row-list > dt,
.purchase-info .row-list > li {
  margin-top: 1em;
  padding-left: 0.8em;
}

.purchase-info .row-list > dt:before,
.purchase-info .row-list > li:before {
  content: " · ";
  display: inline-block;
  width: 0.8em;
  margin-left: -0.8em;
}

.purchase-info .row-list > dt:first-child,
.purchase-info .row-list > li:first-child {
  margin-top: 0;
}

.purchase-info .row-list > dt {
  font-weight: 500;
}

.purchase-info .row-list > dd > ul > li {
  position: relative;
  padding-left: 10px;
}

.purchase-info .row-list > dd > ul > li:before {
  content: "-";
  position: absolute;
  left: 0;
}

@media (min-width: 48em) {
  .purchase-info-inner {
    padding-top: 9.30233%;
    padding-bottom: 11.62791%;
  }

  .purchase-info .h {
    padding-left: 29px;
    padding-right: 29px;
  }

  .purchase-info .row-spec {
    position: relative;
    margin-top: -1px;
    padding-left: 130px;
    border: 1px solid #e0e0e0;
  }

  .purchase-info .row-spec .row-h,
  .purchase-info .row-spec .row-list {
    border: none;
  }

  .purchase-info .row-spec .row-h {
    position: absolute;
    left: 0;
    top: 0;
    padding: 1.96em 29px;
  }

  .purchase-info .row-spec .row-list {
    padding: 2.1em;
  }

  .purchase-info .row-list {
    padding: 2.1em 29px;
  }

  .purchase-info .row-list > dd {
    margin-left: 12.2em;
    margin-top: -1.5em;
    min-height: 1.5em;
  }
}


.product-sorting .selectbox {
    border-color: transparent;
}


.product-sorting .selectbox.input--wide {
    width: 100%;
}

.product-sorting .product-sorting .selectbox {
    border-color: transparent;
}

.product-sorting .selectbox.input--wide {
    width: 100%;
}

.product-sorting .selectbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    z-index: 10;
    height: 40px;
   /* border: 1px solid #ccc; */
    background: #fff;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
    -webkit-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
    cursor: pointer;
}

.product-sorting .selectbox .selectbox-option a, .product-sorting .selectbox .selectbox-option label {
    display: block;
    padding: 7px 10px 6px 15px;
    color: inherit;
    line-height: 1.4;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    font-family: 'Lato','notokr-regular',sans-serif;
    font-weight: 900;
}

.product-sorting .selectbox .selectbox-option {
     visibility: hidden;
    position: absolute;
    top: 100%;
    left: -1px;
    z-index: 101;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #ccc;
    /* border-top-color: #ccc; */
    background-color: #fff;
    color: #888;
    outline: 0;
    width: 100%;
    -webkit-box-shadow: "0px 1px 1px rgba(0,0,0,0.2)";
    -moz-box-shadow: "0px 1px 1px rgba(0,0,0,0.2)";
    box-shadow: "0px 1px 1px rgba(0,0,0,0.2)";
}



.product-sorting .selectbox .selector-text {
    display: inline-block;
    white-space: nowrap;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    vertical-align: middle;
	    font-family: 'Lato','notokr-regular',sans-serif;
    font-weight: 900;
}


.product-sorting .selectbox .selector {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 10px 40px 0 15px;
    height: 100%;
    margin: 0;
    color: #333;
    line-height: 1.1;
    font-weight: normal;
    vertical-align: middle;
	    font-family: 'Lato','notokr-regular',sans-serif;
    font-weight: 900;
}

.product-sorting .selectbox.has-bar:before {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    bottom: 0;
    width: 1px;
    height: 22px;
    margin: auto;
    background-color: #e5e5e5;
}

.product-sorting .selectbox.has-bar:before {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    bottom: 0;
    width: 1px;
    height: 22px;
    margin: auto;
    background-color: #e5e5e5;
}

.selectbox.input--wide {
    width: 100%;
}

.order {
  font-size: 1.4em;
}

.order .t-wrap {
  max-width: 970px;
}

.order-header {
  padding: 30px 0;
  background: #4D4B48;
}


.member-header {
  padding: 39px 0;
  background: #4D4B48;
}

.member-header .h {
  color: #fff;
  font-size: 1.1em;
  line-height: 1.2;
}

.member-header .h strong {
  display: block;
  font-size: 32px;
  font-weight: normal;
}

.member-header .step {
  position: relative;
}

.member-header .step ul {
  position: absolute;
  top: 50%;
  right: 0;
}


.member-header .step li {
  position: relative;
  display: inline-block;
  line-height: 1.4;
  text-align: left;
}


.member-header .step.step-shop ul {
  margin-top: -28px;
}

.member-header .step.step-shop li {
  color: #d2cdc7;
  font-size: 14px;
  line-height: 1.4;
  margin-left: 20px;
    font-family: Lato,NotoSansCJKkr, 맑은고딕, sans-serif;
    font-weight: 700;
    letter-spacing: 0.025em;

}



.member-header .step.step-shop li .number {
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  width: 19px;
  height: 19px;
  line-height: 19px;
  border-radius: 50%;
  border: 1px solid #d2cdc7;
  background-color: transparent;
}

.member-header .step.step-shop li.is-current {
  color: #FFF;
    font-family: Lato,NotoSansCJKkr, 맑은고딕, sans-serif;
    font-weight: 700;
    letter-spacing: 0.025em;
}

.member-header .step.step-shop li.is-current .number {
  color: #827e79;
  border-color: #FFF;
  background-color: #FFF;
}

.member-header .step.step-mypage ul {
  margin-top:-53px;
}

.member-header .step.step-mypage ul:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(229, 223, 217, 0.2);
}

.member-header .step.step-mypage li {
  color: #FFF;
  padding: 0 20px;
  text-align: center;
}



.member-header .step.step-mypage li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(229, 223, 217, 0.2);
}

.member-header .step.step-mypage li .tl {
  display: block;
  color: #e8e8e8;
  font-size: 1em;
}

.member-header .step.step-mypage li .sl {
  font-size: 24px;
}

















































.order-header .h {
  color: #fff;
  font-size: 1.1em;
  line-height: 1.2;
}

.order-header .h strong {
  display: block;
  font-size: 32px;
  font-weight: normal;
}

.order-header .step {
  position: relative;
}

.order-header .step ul {
  position: absolute;
  top: 50%;
  right: 0;
}

.order-header .step li {
  position: relative;
  display: inline-block;
  line-height: 1.4;
  text-align: left;
}

.order-header .step.step-shop ul {
  margin-top: -28px;
}

.order-header .step.step-shop li {
  color: #d2cdc7;
  font-size: 14px;
  line-height: 1.4;
  margin-left: 20px;
    font-family: Lato,NotoSansCJKkr, 맑은고딕, sans-serif;
    font-weight: 700;
    letter-spacing: 0.025em;

}

.order-header .step.step-shop li .number {
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  width: 19px;
  height: 19px;
  line-height: 19px;
  border-radius: 50%;
  border: 1px solid #d2cdc7;
  background-color: transparent;
}

.order-header .step.step-shop li.is-current {
  color: #FFF;
    font-family: Lato,NotoSansCJKkr, 맑은고딕, sans-serif;
    font-weight: 700;
    letter-spacing: 0.025em;
}

.order-header .step.step-shop li.is-current .number {
  color: #827e79;
  border-color: #FFF;
  background-color: #FFF;
}

.order-header .step.step-mypage ul {
  margin-top:-53px;
}

.order-header .step.step-mypage ul:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(229, 223, 217, 0.2);
}

.order-header .step.step-mypage li {
  color: #FFF;
  padding: 0 20px;
  text-align: center;
}



.order-header .step.step-mypage li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(229, 223, 217, 0.2);
}

.order-header .step.step-mypage li .tl {
  display: block;
  color: #e8e8e8;
  font-size: 1em;
}

.order-header .step.step-mypage li .sl {
  font-size: 24px;
}

.order-section {
  position: relative;
}

.order-section .txt-align {
  position: absolute;
  right: 0;
  top: 0;
}

.order-section .txt-align .checkbox {
  margin-right: 0;
}

.order-section .checkbox span {
  display: inline-block;
  margin-left: 30px;
}

.order-section .checkbox img {
  position: static;
  margin: -3px 7px 0 0;
  vertical-align: middle;
}

@media (max-width: 56.24em) {
  .order-section.alt .from-box {
    border-left: 1px solid #e4e4e4;
  }

  .order-section.alt .item-label {
    display: none;
  }

  .order-section .checkbox span {
    display: block;
    position: relative;
    margin-left: 0;
    padding-left: 30px;
  }

  .order-section .checkbox img {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
  }
}






.order-list {
  font-size: 1.1em;
  border: 1px solid #e4e4e4;
 

}

.order-list .item {
  zoom: 1;
  position: relative;
  padding: 0 20px;
  border-bottom: 1px solid #e4e4e4;
  background-color: #fff;
}

.order-list .item:before {
  content: '';
  display: block;
}

.order-list .item:after {
  content: '';
  display: table;
  clear: both;
}

.order-list .item:last-child {
  border-bottom: 0;
}

.order-list .item-inner {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 15px 0;
      font-size: 14px;
}

.order-list .item-col {
  position: relative;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  margin: 0 1%;
}

.order-list .item-head {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e4e4e4;
}

.order-list .item-head .item-inner {
  color: #827e79;
  padding: 13px 0;
    font-weight: 500;
}

.order-list .item-head .item-col {
  text-align: center !important;
}

.order-list .item-cont .t-amount {
  font-size: 1em;
}

.order-list .item-cont .tt-date {
    font-size: 1em;
}

.order-list .item-cont .t-amount b {
  color: #333;
      font-weight: bold;
}

.order-list .item-cont .t-comment .td-cont a,
.order-list .item-cont .t-comment .d-comment {
  word-break: break-all;
}

.order-list .item-cont .t-volume .td-cont {
  color: #333;
}

.order-list .item-cont .t-volume .td-cont.txt_left {
    color: #333;
	text-align:left;
}


.order-list .item-cont .t-price .m-price {
  color: #333;
}

.order-list .item-cont .t-price .m-price b {
  font-weight: bold;
}

.order-list .item-cont .t-price .m-price u {
  color: #999;
  text-decoration: line-through;
}

.order-list .item-cont .t-title {
  text-align: left;
}

.order-list .item-cont .ct-title {
  text-align: left;
}

.order-list .item-cont .t-title .td-cont a {
  text-decoration: none;
}

.order-list .item-cont .t-title .td-cont .m-title {
  font-size: 13px;
  color: #333;
  font-weight: 500;
      margin-left: 20px;
	      font-family: 'Lato','notokr-medium',sans-serif;
}

.order-list .item-cont .ct-title .td-cont .m-title {
  font-size: 13px;
  color: #333;
  font-weight: 500;
      margin-left: 20px;
	      font-family: 'Lato','notokr-medium',sans-serif;
}



.order-list .item-cont .t-title .td-cont .c-title {
  font-size: 13px;
  color: #827e79;
  font-weight: bold;
      margin-left: 20px;
	      letter-spacing: 0.23px;
	      font-family: 'Lato','notokr-medium',sans-serif;
}


.order-list .item-cont .ct-title .td-cont .c-title {
  font-size: 13px;
  color: #827e79;
  font-weight: bold;
      margin-left: 20px;
	      letter-spacing: 0.23px;
	      font-family: 'Lato','notokr-medium',sans-serif;
}


.order-list .item-cont .t-title .td-cont .c-title a{
  font-size: 13px;
  color: #827e79;
  font-weight: bold;

}
.order-list .item-cont .ct-title .td-cont .c-title a{
  font-size: 13px;
  color: #827e79;
  font-weight: bold;

}



.order-list .item-cont .t-title .td-cont .m-capacity {
  display: block;
      margin-left: 20px;
	 font-size: 13px;
	 color: #827e79;
	     letter-spacing: 0.23px;
	     font-family: 'Lato','notokr-medium',sans-serif;
}

.order-list .item-cont .t-title .td-cont .old-list li {
  position: relative;
  padding-right: 100px;
}

.order-list .item-cont .t-title .td-cont .old-list li .m-price {
  position: absolute;
  right: 0;
  top: 0;
}

.order-list .item-cont .t-thumb {
  zoom: 1;
}

.order-list .item-cont .t-thumb:before {
  content: '';
  display: block;
}

.order-list .item-cont .t-thumb:after {
  content: '';
  display: table;
  clear: both;
}

.order-list .item-cont .t-thumb .td-thumb {
  float: left;
}

.order-list .item-cont .t-thumb .td-cont {
  white-space: nowrap;
}

.order-list .item-cont .t-thumb .td-cont-cell {
  display: inline-block;
  min-width: 100%;
  vertical-align: middle;
  white-space: normal;
}

.order-list .item-cont .t-thumb .td-cont:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.order-list .item-cont .t-step .td-cont {
  color: #333;
  font-weight: 700;

}

.order-list .item-soldout,
.order-list .item-stopsale {
  position: relative;
}

.order-list .item-soldout:before,
.order-list .item-stopsale:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.7);
}

.order-list .item-soldout .t-care:before,
.order-list .item-stopsale .t-care:before {
  display: none;
}

.order-list .item-not {
  text-align: center;
}

.order-list .item-not .item-inner {
  padding: 100px 0 !important;
}

.order-list .item-not .icon {
  color: #827e79;
  font-size: 30px;
}

@media (max-width: 56.24em) {
  .order-list {

  }

.mypage-info-menu .icon {
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    height: 100%;
    vertical-align: middle;
    margin-top: 8px;
    color: #555;
    font-size: 3em;
}



  .order-list .item {
    padding: 0 10px;
  }

  .order-list .item-head {
    letter-spacing: -1.5px;
  }


.order-list .item:last-child {
    /* border-bottom: 0; */
   /* border-bottom: 1px solid #e4e4e4;*/
}

  .order-list.order-list-total,
  .order-list.order-list-accept,
  .order-list.order-list-old,
  .order-list.order-list-oldview,
  .order-list.order-list-coupon,
  .order-list.order-list-comment,
  .order-list.order-list-experience,
  .order-list.order-list-address,
  .order-list.order-list-cart,
  .order-list.order-list-order {
    border: 0;
  }

  .order-list.order-list-total .item,
  .order-list.order-list-accept .item,
  .order-list.order-list-old .item,
  .order-list.order-list-oldview .item,
  .order-list.order-list-coupon .item,
  .order-list.order-list-comment .item,
  .order-list.order-list-experience .item,
  .order-list.order-list-address .item,
  .order-list.order-list-cart .item,
  .order-list.order-list-order .item {
    position: relative;
    padding: 0;
    margin-bottom: 5px;
    border: 1px solid #e4e4e4;
  }

  .order-list.order-list-total .item-inner,
  .order-list.order-list-accept .item-inner,
  .order-list.order-list-old .item-inner,
  .order-list.order-list-oldview .item-inner,
  .order-list.order-list-coupon .item-inner,
  .order-list.order-list-comment .item-inner,
  .order-list.order-list-experience .item-inner,
  .order-list.order-list-address .item-inner,
  .order-list.order-list-cart .item-inner,
  .order-list.order-list-order .item-inner {
    display: block;
    table-layout: auto;
    width: auto;
    padding: 0;
  }

.dpart_content {
    padding: 0px 0px 40px 0px;
}


.mpart_content {
    padding: 0px 0px 0px 0px;
}


  .order-list.order-list-total .item-col,
  .order-list.order-list-accept .item-col,
  .order-list.order-list-old .item-col,
  .order-list.order-list-oldview .item-col,
  .order-list.order-list-coupon .item-col,
  .order-list.order-list-comment .item-col,
  .order-list.order-list-experience .item-col,
  .order-list.order-list-address .item-col,
  .order-list.order-list-cart .item-col,
  .order-list.order-list-order .item-col {
    display: block;
    height: auto;
    margin: 0;
  }

  .order-list.order-list-total .item-head,
  .order-list.order-list-accept .item-head,
  .order-list.order-list-old .item-head,
  .order-list.order-list-oldview .item-head,
  .order-list.order-list-coupon .item-head,
  .order-list.order-list-comment .item-head,
  .order-list.order-list-experience .item-head,
  .order-list.order-list-address .item-head,
  .order-list.order-list-cart .item-head,
  .order-list.order-list-order .item-head {
    display: none;
  }

  .order-list.order-list-total .item-cont .td-label,
  .order-list.order-list-accept .item-cont .td-label,
  .order-list.order-list-old .item-cont .td-label,
  .order-list.order-list-oldview .item-cont .td-label,
  .order-list.order-list-coupon .item-cont .td-label,
  .order-list.order-list-comment .item-cont .td-label,
  .order-list.order-list-experience .item-cont .td-label,
  .order-list.order-list-address .item-cont .td-label,
  .order-list.order-list-cart .item-cont .td-label,
  .order-list.order-list-order .item-cont .td-label {
    position: absolute;
    left: 15px;
    color: #827e79;
    font-weight: 500;
  }


.list-summary {
 /* display: none; */
}

  .order-list.order-list-total .item-cont .t-thumb,
  .order-list.order-list-accept .item-cont .t-thumb,
  .order-list.order-list-old .item-cont .t-thumb,
  .order-list.order-list-oldview .item-cont .t-thumb,
  .order-list.order-list-coupon .item-cont .t-thumb,
  .order-list.order-list-comment .item-cont .t-thumb,
  .order-list.order-list-experience .item-cont .t-thumb,
  .order-list.order-list-address .item-cont .t-thumb,
  .order-list.order-list-cart .item-cont .t-thumb,
  .order-list.order-list-order .item-cont .t-thumb {
    padding: 0 15px 0 0;
  }

  .order-list.order-list-total .item-cont .t-thumb .td-thumb,
  .order-list.order-list-accept .item-cont .t-thumb .td-thumb,
  .order-list.order-list-old .item-cont .t-thumb .td-thumb,
  .order-list.order-list-oldview .item-cont .t-thumb .td-thumb,
  .order-list.order-list-coupon .item-cont .t-thumb .td-thumb,
  .order-list.order-list-comment .item-cont .t-thumb .td-thumb,
  .order-list.order-list-experience .item-cont .t-thumb .td-thumb,
  .order-list.order-list-address .item-cont .t-thumb .td-thumb,
  .order-list.order-list-cart .item-cont .t-thumb .td-thumb,
  .order-list.order-list-order .item-cont .t-thumb .td-thumb {
    width: 130px;
  }

  .order-list.order-list-total .item-cont .t-thumb .td-thumb img,
  .order-list.order-list-accept .item-cont .t-thumb .td-thumb img,
  .order-list.order-list-old .item-cont .t-thumb .td-thumb img,
  .order-list.order-list-oldview .item-cont .t-thumb .td-thumb img,
  .order-list.order-list-coupon .item-cont .t-thumb .td-thumb img,
  .order-list.order-list-comment .item-cont .t-thumb .td-thumb img,
  .order-list.order-list-experience .item-cont .t-thumb .td-thumb img,
  .order-list.order-list-address .item-cont .t-thumb .td-thumb img,
  .order-list.order-list-cart .item-cont .t-thumb .td-thumb img,
  .order-list.order-list-order .item-cont .t-thumb .td-thumb img {
    width: 130px;
  }

  .order-list.order-list-total .item-cont .t-thumb .td-cont,
  .order-list.order-list-accept .item-cont .t-thumb .td-cont,
  .order-list.order-list-old .item-cont .t-thumb .td-cont,
  .order-list.order-list-oldview .item-cont .t-thumb .td-cont,
  .order-list.order-list-coupon .item-cont .t-thumb .td-cont,
  .order-list.order-list-comment .item-cont .t-thumb .td-cont,
  .order-list.order-list-experience .item-cont .t-thumb .td-cont,
  .order-list.order-list-address .item-cont .t-thumb .td-cont,
  .order-list.order-list-cart .item-cont .t-thumb .td-cont,
  .order-list.order-list-order .item-cont .t-thumb .td-cont {
    padding-left: 130px;
    height: 130px;
  }

  .order-list.order-list-total .item-cont .t-thumb .td-cont a,
  .order-list.order-list-accept .item-cont .t-thumb .td-cont a,
  .order-list.order-list-old .item-cont .t-thumb .td-cont a,
  .order-list.order-list-oldview .item-cont .t-thumb .td-cont a,
  .order-list.order-list-coupon .item-cont .t-thumb .td-cont a,
  .order-list.order-list-comment .item-cont .t-thumb .td-cont a,
  .order-list.order-list-experience .item-cont .t-thumb .td-cont a,
  .order-list.order-list-address .item-cont .t-thumb .td-cont a,
  .order-list.order-list-cart .item-cont .t-thumb .td-cont a,
  .order-list.order-list-order .item-cont .t-thumb .td-cont a {
    font-size: 1.1em;
  }

  .order-list.order-list-total .item-cont .d-comment,
  .order-list.order-list-accept .item-cont .d-comment,
  .order-list.order-list-old .item-cont .d-comment,
  .order-list.order-list-oldview .item-cont .d-comment,
  .order-list.order-list-coupon .item-cont .d-comment,
  .order-list.order-list-comment .item-cont .d-comment,
  .order-list.order-list-experience .item-cont .d-comment,
  .order-list.order-list-address .item-cont .d-comment,
  .order-list.order-list-cart .item-cont .d-comment,
  .order-list.order-list-order .item-cont .d-comment {
    display: block;
  }

  .order-list.order-list-total .item-cont .d-star,
  .order-list.order-list-accept .item-cont .d-star,
  .order-list.order-list-old .item-cont .d-star,
  .order-list.order-list-oldview .item-cont .d-star,
  .order-list.order-list-coupon .item-cont .d-star,
  .order-list.order-list-comment .item-cont .d-star,
  .order-list.order-list-experience .item-cont .d-star,
  .order-list.order-list-address .item-cont .d-star,
  .order-list.order-list-cart .item-cont .d-star,
  .order-list.order-list-order .item-cont .d-star {
    margin-bottom: 7px;
  }

  .order-list.order-list-total .item-cont .d-star .icon,
  .order-list.order-list-accept .item-cont .d-star .icon,
  .order-list.order-list-old .item-cont .d-star .icon,
  .order-list.order-list-oldview .item-cont .d-star .icon,
  .order-list.order-list-coupon .item-cont .d-star .icon,
  .order-list.order-list-comment .item-cont .d-star .icon,
  .order-list.order-list-experience .item-cont .d-star .icon,
  .order-list.order-list-address .item-cont .d-star .icon,
  .order-list.order-list-cart .item-cont .d-star .icon,
  .order-list.order-list-order .item-cont .d-star .icon {
    color: #333;
    font-size: 15px;
  }

  .order-list.order-list-total .item-cont .d-star .icon:before,
  .order-list.order-list-accept .item-cont .d-star .icon:before,
  .order-list.order-list-old .item-cont .d-star .icon:before,
  .order-list.order-list-oldview .item-cont .d-star .icon:before,
  .order-list.order-list-coupon .item-cont .d-star .icon:before,
  .order-list.order-list-comment .item-cont .d-star .icon:before,
  .order-list.order-list-experience .item-cont .d-star .icon:before,
  .order-list.order-list-address .item-cont .d-star .icon:before,
  .order-list.order-list-cart .item-cont .d-star .icon:before,
  .order-list.order-list-order .item-cont .d-star .icon:before {
    margin: 0;
  }

  .order-list.order-list-total .item-gift,
  .order-list.order-list-accept .item-gift,
  .order-list.order-list-old .item-gift,
  .order-list.order-list-oldview .item-gift,
  .order-list.order-list-coupon .item-gift,
  .order-list.order-list-comment .item-gift,
  .order-list.order-list-experience .item-gift,
  .order-list.order-list-address .item-gift,
  .order-list.order-list-cart .item-gift,
  .order-list.order-list-order .item-gift {
    font-size: 0.9em;
    padding: 15px 20px;
    border-top: 1px solid #e4e4e4;
    background-color: #f7f7f7;
  }

  .order-list.order-list-total .item-gift .icon,
  .order-list.order-list-accept .item-gift .icon,
  .order-list.order-list-old .item-gift .icon,
  .order-list.order-list-oldview .item-gift .icon,
  .order-list.order-list-coupon .item-gift .icon,
  .order-list.order-list-comment .item-gift .icon,
  .order-list.order-list-experience .item-gift .icon,
  .order-list.order-list-address .item-gift .icon,
  .order-list.order-list-cart .item-gift .icon,
  .order-list.order-list-order .item-gift .icon {
    display: none;
  }

  .order-list.order-list-total .t-date {
    text-align: left;
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #e4e4e4;
  }


.order-list.order-list-total .c-date {
    text-align: right;
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #e4e4e4;
}


  .order-list.order-list-total .t-no {
    position: absolute;
    top: 10px;
    left: 105px;
    padding-left: 20px;
    text-align: left;
  }

  .order-list.order-list-total .t-no:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: #cbcbcb;
  }

  .order-list.order-list-total .t-no a {
    text-decoration: none;
  }

  .order-list.order-list-total .t-amount,
  .order-list.order-list-total .t-way,
  .order-list.order-list-total .t-step {
    text-align: right;
    padding: 5px 15px;
    background-color: #f7f7f7;
  }


.order-list.order-list-total .c-title{
    text-align: right;
    padding: 7px 7px;
    background-color: #fff;
	color: #333;
}

.order-list.order-list-cart .q-title {
    text-align: left;
    padding: 7px 7px;
    background-color: #fff;
    color: #333;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
}

.order-list.order-list-total .c-date{
    text-align: right;
    padding: 7px 7px;
    background-color: #f7f7f7;
}



  .order-list.order-list-total .t-amount {
    padding-top: 7px;
    padding-bottom: 7px;
    border-top: 1px solid #e4e4e4;

  }

  .order-list.order-list-total .t-step {
    padding-bottom: 13px;
  }

  .order-list.order-list-accept .t-price,
  .order-list.order-list-accept .t-volume,
  .order-list.order-list-accept .t-amount {
    text-align: right;
    padding: 5px 15px;
    background-color: #f7f7f7;
  }

  .order-list.order-list-accept .t-price {
    padding-top: 13px;
    border-top: 1px solid #e4e4e4;
  }

  .order-list.order-list-accept .t-amount {
    padding-bottom: 13px;
  }

  .order-list.order-list-accept .t-amount .td-cont b {
    font-size: 1.2em;
  }

  .order-list.order-list-accept .t-amount .td-label {
    margin-top: 4px;
  }

  .order-list.order-list-old .t-date,
  .order-list.order-list-old .t-number,
  .order-list.order-list-old .t-price,
  .order-list.order-list-old .t-step {
    text-align: right;
    padding: 5px 15px;
    background-color: #f7f7f7;
  }

  .order-list.order-list-old .t-date {
    padding-top: 13px;
  }

  .order-list.order-list-old .t-date br {
    display: none;
  }

  .order-list.order-list-old .t-number {
    padding-bottom: 13px;
    border-bottom: 1px solid #e4e4e4;
  }

  .order-list.order-list-old .t-title .td-cont {
    padding: 10px 15px;
  }

  .order-list.order-list-old .t-step {
    padding-top: 13px;
    padding-bottom: 13px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
  }

  .order-list.order-list-old .t-step .td-cont b {
    font-size: 1.2em;
  }

  .order-list.order-list-old .t-step .td-label {
    margin-top: 4px;
  }

  .order-list.order-list-old .t-etc {
    text-align: center;
    padding: 13px 0;
  }

  .order-list.order-list-oldview .t-code,
  .order-list.order-list-oldview .t-option,
  .order-list.order-list-oldview .t-coupon,
  .order-list.order-list-oldview .t-price,
  .order-list.order-list-oldview .t-volume,
  .order-list.order-list-oldview .t-amount,
  .order-list.order-list-oldview .t-step {
    text-align: right;
    padding: 5px 15px;
    background-color: #f7f7f7;
  }

  .order-list.order-list-oldview .t-code {
    padding-top: 13px;
    padding-bottom: 13px;
    border-bottom: 1px solid #e4e4e4;
  }

  .order-list.order-list-oldview .t-title .td-cont {
    padding: 10px 15px;
  }

  .order-list.order-list-oldview .t-option {
    padding-top: 13px;
    border-top: 1px solid #e4e4e4;
  }

  .order-list.order-list-oldview .t-amount .td-cont b {
    font-size: 1.2em;
  }

  .order-list.order-list-oldview .t-amount .td-label {
    margin-top: 4px;
  }

  .order-list.order-list-oldview .t-step {
    padding-bottom: 13px;
  }

  .order-list.order-list-coupon .t-benefit,
  .order-list.order-list-coupon .t-terms,
  .order-list.order-list-coupon .t-date,
  .order-list.order-list-coupon .t-step {
    background-color: #FFF;
    text-align: left;
    padding: 5px 15px 5px 100px;
  }

  .order-list.order-list-coupon .t-benefit {
    padding-top: 13px;
  }

  .order-list.order-list-coupon .t-step {
    padding-bottom: 13px;
  }

  .order-list.order-list-coupon .t-title {
    background-color: #f7f7f7;
    border-bottom: 1px solid #e4e4e4;
  }

  .order-list.order-list-coupon .t-title .td-cont {
    color: #827e79;
    padding: 12px 15px;
    font-weight: 500;
  }

  .order-list.order-list-gift .t-date {
    width: 23%;
  }

  .order-list.order-list-gift .t-phrase {
    width: 18%;
  }

  .order-list.order-list-gift .t-sort {
    display: none;
  }

  .order-list.order-list-gift .t-point {
    width: 28%;
    text-align: right !important;
  }

  .order-list.order-list-gift .t-point .td-cont {
    padding: 0 20px 0 0;
  }

  .order-list.order-list-gift .t-extinct {
    width: 23%;
  }

  .order-list.order-list-comment .t-no {
    padding: 10px 15px 3px 15px;
    text-align: left;
    background-color: #f7f7f7;
  }

  .order-list.order-list-comment .t-title {
    padding: 3px 15px 10px 15px;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    background-color: #f7f7f7;
  }

  .order-list.order-list-comment .t-comment {
    padding: 12px 15px;
    text-align: left;
  }

  .order-list.order-list-comment .t-date {
    display: none;
  }

  .order-list.order-list-comment .t-care {
    margin: 0 15px;
    padding: 15px 0;
    border-top: 1px solid #e4e4e4;
  }

  .order-list.order-list-experience .t-experience {
    padding: 10px 15px 3px 15px;
    text-align: left;
    background-color: #f7f7f7;
  }

  .order-list.order-list-experience .t-experience .td-cont:before {
    content: '[';
  }

  .order-list.order-list-experience .t-experience .td-cont:after {
    content: ']';
  }

  .order-list.order-list-experience .t-program {
    padding: 3px 15px 10px 15px;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    background-color: #f7f7f7;
  }

  .order-list.order-list-experience .t-comment {
    padding: 12px 15px;
    text-align: left;
  }

  .order-list.order-list-experience .t-date {
    display: none;
  }

  .order-list.order-list-experience .t-care {
    margin: 0 15px;
    padding: 15px 0;
    border-top: 1px solid #e4e4e4;
  }

  .order-list.order-list-address .t-checkbox {
    position: absolute;
    padding: 10px 15px;
  }

  .order-list.order-list-address .t-phrase {
    padding: 10px 15px 10px 50px;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    background-color: #f7f7f7;
  }

  .order-list.order-list-address .t-name {
    padding: 10px 15px 5px 15px;
    text-align: left;
  }

  .order-list.order-list-address .t-address {
    padding: 5px 15px;
    text-align: left;
  }

  .order-list.order-list-address .t-tel {
    padding: 5px 15px 10px 15px;
    text-align: left;
  }

  .order-list.order-list-address .t-tel .d-tel:before {
    content: '/ ';
  }

  .order-list.order-list-address .t-care {
    margin: 0 15px;
    padding: 15px 0;
    border-top: 1px solid #e4e4e4;
  }

  .order-list.order-list-cart .t-checkbox {
    text-align: left;
    padding: 10px 15px;
    border-bottom: 1px solid #e4e4e4;
  }

  .order-list.order-list-cart .t-price,
  .order-list.order-list-cart .t-volume,
  .order-list.order-list-cart .tt-date,
  .order-list.order-list-cart .t-amount {
    text-align: right;
    padding: 5px 15px;
    background-color: #f7f7f7;
	color: #333;
  }


  .order-list.order-list-cart .mo-title {
    text-align: right;
    padding: 5px 15px;
    background-color: #f7f7f7;
	color: #333;
  }


  .order-list.order-list-cart .t-price {
    padding-top: 7px;
	padding-bottom: 7px;
    border-top: 1px solid #e4e4e4;
  }

  .order-list.order-list-cart .t-price .td-label {
    top: 50%;
    margin-top: -10px;
  }

  .order-list.order-list-cart .t-volume .td-label {
    margin-top: 0px;
  }

  .order-list.order-list-cart .t-volume .spinner {
    display: inline-block;
    max-width: 80px;
  }

  .order-list.order-list-cart .t-amount {
    padding-bottom: 7px;
  }


  .order-list.order-list-cart .tt-date {
    padding-bottom: 7px;
	border-bottom: 1px solid #e4e4e4;
  }



  .order-list.order-list-cart .t-amount .td-cont b {
    font-size: 13px;
  }

  .order-list.order-list-cart .t-care {
    position: static;
  }

  .order-list.order-list-cart .t-care .d-de {
    display: none;
  }

  .order-list.order-list-cart .t-care .d-mo {
    position: absolute;
    right: 0;
        top: 10px;
    font-size: 18px;
    z-index: 10;
  }

  .order-list.order-list-cart .item-soldout:after,
  .order-list.order-list-cart .item-stopsale:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 12;
    color: #fff;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    text-align: center;
    line-height: 70px;
    border-radius: 50%;
    background-color: #79746e;
  }

  .order-list.order-list-cart .item-soldout:after {
    content: '일시품절';
  }

  .order-list.order-list-cart .item-stopsale:after {
    content: '판매중단';
  }

  .order-list.order-list-order .t-price,
  .order-list.order-list-order .t-volume,
  .order-list.order-list-order .t-amount {
    text-align: right;
    padding: 5px 15px;
    background-color: #f7f7f7;
  }

  .order-list.order-list-order .t-price {
    padding-top: 13px;
    border-top: 1px solid #e4e4e4;
  }

  .order-list.order-list-order .t-price .td-label {
    top: 50%;
    margin-top: -8px;
  }

  .order-list.order-list-order .t-amount {
    padding-bottom: 13px;
  }

  .order-list.order-list-order .t-amount .td-cont b {
    font-size: 1.2em;
  }

  .order-list.order-list-listen .t-listen,
  .order-list.order-list-listen .t-date {
    display: none;
  }

  .order-list.order-list-listen .t-title {
    overflow: hidden;
    width: 72.22222%;
    padding-right: 15px;
  }


  .order-list.order-list-listen .mo-title {
    overflow: hidden;
    width: 72.22222%;
    padding-right: 15px;
  }

  .order-list.order-list-listen .t-title a {
    display: inline-block;
    overflow: hidden;
    height: 23px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
  }


  .order-list.order-list-listen .mo-title a {
    display: inline-block;
    overflow: hidden;
    height: 23px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
  }



  .order-list.order-list-listen .t-comment {
    width: 24.07407%;
  }
}

@media (min-width: 56.25em) {
  .order-list {
    /* buy-list *****************/
    /* buy-accept *****************/
    /* buy-old *****************/
    /* buy-old-view *****************/
    /* coupon-list *****************/
    /* gift-list *****************/
    /* comment-list *****************/
    /* experience-list *****************/
    /* address-list *****************/
    /* cart-list *****************/
    /* order-list *****************/
    /* listen-list *****************/
  }

  .order-list .item-cont .td-label {
    display: none;
  }

  .order-list .item-cont .t-price .td-cont,
  .order-list .item-cont .t-amount .td-cont {
   /* padding-right: 20px; */
  }

  .order-list .item-cont .t-thumb .td-thumb {
    width: 110px;
  }

  .order-list .item-cont .t-thumb .td-thumb img {
    width: 110px;
  }

  .order-list .item-cont .t-thumb .td-cont {
    padding-left: 110px;
    height: 110px;
  }

  .order-list .item-gift {
    position: relative;
    padding: 10px 0 10px 35px;
    border-top: 1px solid #f1f1f1;
  }

  .order-list .item-gift .icon {
    position: absolute;
    left: 0;
    top: 9px;
    font-size: 18px;
    color: #898681;
  }

  .order-list.order-list-total .t-date {
    width: 9%;
  }

.order-list.order-list-total .c-date {
    width: 9%;
}


  .order-list.order-list-total .t-no {
    width: 10%;
  }

  .order-list.order-list-total .t-title {
    width: 32%;
    text-align: left;
  }

.order-list.order-list-total .c-title {
    width: 32%;
    text-align: left;
}


  .order-list.order-list-total .t-amount {
    width: 14%;
    text-align:center;
  }

  .order-list.order-list-total .t-way {
    width: 13%;
  }

  .order-list.order-list-total .t-step {
    width: 10%;
  }

  .order-list.order-list-accept .t-title {
    width: 40%;
    text-align: left;
  }

    .order-list.order-list-accept .c-title {
    width: 40%;
    text-align: left;
  }

  .order-list.order-list-accept .mo-title {
    width: 40%;
    text-align: left;
  }
  .order-list.order-list-accept .t-price {
    width: 23%;
    text-align: right;
  }

  .order-list.order-list-accept .t-price .td-cont {
       /* padding-right: 20px; */
    text-align: center;
  }

  .order-list.order-list-accept .t-volume {
    width: 13%;
  }

  .order-list.order-list-accept .t-amount {
    width: 16%;
 
    text-align: center;
  }

  .order-list.order-list-accept .t-amount .td-cont {
       /* padding-right: 20px; */
    text-align: center;
  }

  .order-list.order-list-accept .item-gift {
    margin-left: 110px;
  }

  .order-list.order-list-old .t-date {
    width: 8%;
  }

  .order-list.order-list-old .t-number {
    width: 15%;
  }

  .order-list.order-list-old .t-title {
    width: 45%;
    text-align: left;
  }

  .order-list.order-list-old .mo-title {
    width: 45%;
    text-align: left;
  }


  .order-list.order-list-old .t-step {
    width: 11%;
  }

  .order-list.order-list-old .t-etc {
    width: 11%;
  }

  .order-list.order-list-old .item-head .t-title {
    width: 33%;
  }

  .order-list.order-list-old .item-head .mo-title {
    width: 33%;
  }


  .order-list.order-list-old .item-head .t-price {
    width: 10%;
  }

  .order-list.order-list-oldview .t-code {
    width: 11%;
  }

  .order-list.order-list-oldview .t-title {
    width: 25%;
    text-align: left;
  }

  .order-list.order-list-oldview .mo-title {
    width: 25%;
    text-align: left;
  }


  .order-list.order-list-oldview .t-option {
    width: 6%;
  }

  .order-list.order-list-oldview .t-coupon {
    width: 6%;
  }

  .order-list.order-list-oldview .t-price {
    width: 11%;
    text-align: right;
  }

  .order-list.order-list-oldview .t-price .td-cont {
    padding-right: 20px;
  }

  .order-list.order-list-oldview .t-volume {
    width: 6%;
  }

  .order-list.order-list-oldview .t-amount {
    width: 11%;
    text-align: right;
  }

  .order-list.order-list-oldview .t-amount .td-cont {
    padding-right: 20px;
  }

  .order-list.order-list-oldview .t-step {
    width: 8%;
  }

  .order-list.order-list-coupon .t-title {
    width: 25%;
    text-align: left;
  }

  .order-list.order-list-coupon .mo-title {
    width: 25%;
    text-align: left;
  }

  .order-list.order-list-coupon .t-benefit {
    width: 18%;
  }

  .order-list.order-list-coupon .t-terms {
    width: 18%;
    text-align: left;
  }

  .order-list.order-list-coupon .t-date {
    width: 16%;
  }

  .order-list.order-list-coupon .t-step {
    width: 13%;
  }

  .order-list.order-list-gift .t-date {
    width: 17%;
  }

  .order-list.order-list-gift .t-phrase {
    width: 15%;
  }

  .order-list.order-list-gift .t-sort {
    width: 23%;
  }

  .order-list.order-list-gift .t-point {
    width: 18%;
    text-align: right !important;
  }

  .order-list.order-list-gift .t-point .td-cont {
    padding: 0 30px 0 0;
  }

  .order-list.order-list-gift .t-extinct {
    width: 17%;
  }

  .order-list.order-list-comment .t-no {
    width: 13%;
  }

  .order-list.order-list-comment .t-no .d-date {
    display: block;
    color: #999;
  }

  .order-list.order-list-comment .t-title {
    width: 23%;
    text-align: left;
  }


  .order-list.order-list-comment .ct-title {
    width: 33%;
    text-align: left;
  }



  .order-list.order-list-comment .mo-title {
    width: 23%;
    text-align: left;
  }

  .order-list.order-list-comment .t-title .td-cont {
    padding-left: 10px;
  }

  .order-list.order-list-comment .t-title .d-capacity {
    color: #999;
  }

  .order-list.order-list-comment .t-comment {
    width: 30%;
    text-align: left;
  }

  .order-list.order-list-comment .t-comment .td-cont {
    padding-left: 10px;
  }

  .order-list.order-list-comment .t-date {
    width: 13%;
  }

  .order-list.order-list-comment .t-care {
    width: 11%;
  }

  .order-list.order-list-comment .t-care .td-cont .btn {
    width: 78px;
    margin: 2px 0;
  }

  .order-list.order-list-experience .t-experience {
    width: 15%;
    text-align: left;
  }

  .order-list.order-list-experience .t-experience .td-cont {
    padding-left: 10px;
  }

  .order-list.order-list-experience .t-program {
    width: 20%;
    text-align: left;
  }

  .order-list.order-list-experience .t-program .td-cont {
    padding-left: 10px;
  }

  .order-list.order-list-experience .t-comment {
    width: 31%;
    text-align: left;
  }

  .order-list.order-list-experience .t-comment .td-cont {
    padding-left: 10px;
  }

  .order-list.order-list-experience .t-date {
    width: 13%;
  }

  .order-list.order-list-experience .t-care {
    width: 11%;
  }

  .order-list.order-list-experience .t-care .td-cont .btn {
    width: 75px;
    margin: 2px 0;
  }

  .order-list.order-list-address .t-checkbox {
    width: 3%;
  }

  .order-list.order-list-address .t-checkbox .checkbox {
    margin-right: 0;
  }

  .order-list.order-list-address .t-phrase {
    width: 13%;
  }

  .order-list.order-list-address .t-name {
    width: 11%;
  }

  .order-list.order-list-address .t-address {
    width: 35%;
    text-align: left;
  }

  .order-list.order-list-address .t-address .td-cont {
    padding: 0 10px;
  }

  .order-list.order-list-address .t-address .d-zipcode {
    display: block;
  }

  .order-list.order-list-address .t-tel {
    width: 13%;
  }

  .order-list.order-list-address .t-tel .d-tel {
    display: block;
  }

  .order-list.order-list-address .t-care {
    width: 13%;
  }

  .order-list.order-list-address .t-care .td-cont .btn {
    width: 75px;
    margin: 2px 0;
  }

  .order-list.order-list-cart .t-checkbox {
    width: 3%;
  }

  .order-list.order-list-cart .t-title {
    width: 26%;
    text-align: left;
  }

.order-list.order-list-cart .q-title {
    width: 26%;
    text-align: left;
}


  .order-list.order-list-cart .m-title {
   /* width: 26%;*/
    text-align: left;
  }

  .order-list.order-list-cart .mo-title {
    width: 26%;
    text-align: left;
  }


  .order-list.order-list-cart .t-price {
    width: 18%;
    text-align: right;
  }

  .order-list.order-list-cart .t-price .td-cont {
    /*padding-right: 30px;*/
	text-align:center;
  }

  .order-list.order-list-cart .t-volume {
    width: 10%;
  }

  .order-list.order-list-cart .t-amount {
    width: 13%;
    text-align:center;
  }

.order-list.order-list-cart .tt-date {
    width: 13%;
    text-align: center;
}


  .order-list.order-list-cart .t-amount .td-cont {
    /*padding-right: 30px;*/
  }

  .order-list.order-list-cart .t-care {
    width: 8%;
  }

  .order-list.order-list-cart .t-care .btn {
    width: 75px;
    margin: 2px 0;
  }

  .order-list.order-list-cart .t-care .d-mo {
    display: none;
  }

  .order-list.order-list-cart .item-soldout .t-care,
  .order-list.order-list-cart .item-stopsale .t-care {
    z-index: 10;
  }

  .order-list.order-list-cart .item-gift {
    margin-left: 140px;
  }

  .order-list.order-list-order .t-title {
    width: 40%;
    text-align: left;
  }


  .order-list.order-list-order .m-title {
    width: 40%;
    text-align: left;
  }

  .order-list.order-list-order .mo-title {
    width: 40%;
    text-align: left;
  }


  .order-list.order-list-order .t-price {
    width: 23%;
    text-align: center;
  }

  .order-list.order-list-order .t-price .td-cont {
    /*padding-right: 20px;*/
  }

  .order-list.order-list-order .t-volume {
    width: 13%;
  }

  .order-list.order-list-order .t-amount {
    width: 16%;
    text-align: center;
  }

  .order-list.order-list-order .t-amount .td-cont {
    /*padding-right: 20px;*/
  }

  .order-list.order-list-order .item-gift {
    margin-left: 110px;
  }

  .order-list.order-list-listen .t-listen {
    width: 16%;
  }

  .order-list.order-list-listen .t-title {
    width: auto;
  }

  .order-list.order-list-listen .m-title {
    width: auto;
  }

  .order-list.order-list-listen .mo-title {
    width: auto;
  }


  .order-list.order-list-listen .t-title .td-cont {
    padding-left: 40px;
  }


 .order-list.order-list-listen .m-title .td-cont {
    padding-left: 40px;
  }

   .order-list.order-list-listen .mo-title .td-cont {
    padding-left: 40px;
  }

  .order-list.order-list-listen .t-comment {
    width: 13%;
  }

  .order-list.order-list-listen .t-comment .td-cont {
    font-size: 0.86em;
  }

  .order-list.order-list-listen .t-date {
    width: 13%;
  }
}

.order-total {
  font-size: 1.1em;
  border: 1px solid #e4e4e4;
  background-color: #F8F8F8;
  margin-top: -1px;
}

.order-total-bill {
  color: #333;
  font-size: 14px;
}

.order-total-bill .item {
  font-size: 1.1em;
}

.order-total-bill .icon {
  font-size: 12px;
  margin: 0 5px;
  color: #666;
}

.order-total-pay {
  border-top: 1px solid #E4E4E4;
}

.order-total-pay .total-price strong {
  margin-left: .5em;
}

.order-total-pay .total-point {
  margin-top: .5em;
}

@media (max-width: 56.24em) {
  .order-total {
    padding: 0 15px;
  }

  .order-total-item {
    padding: 15px 0;
  }

  .order-total-bill .item {
    position: relative;
    text-align: right;
    margin: 5px 0;
  }




  .order-total-bill .icon {
    display: none;
  }

  .order-total-bill dt {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    color: #827e79;
    font-weight: 500;
  }

  .order-total-pay {
    text-align: center;
  }

  .order-total-pay .total-price {
    color: #444;
    font-size: 1.3em;
  }
}

@media (min-width: 56.25em) {
  .order-total {
    padding: 0 40px;
    text-align: center;
  }

  .order-total-item {
    padding: 30px 0;
  }

  .order-total-item .item,
  .order-total-item dt,
  .order-total-item dd {
    display: inline-block;
  }

  .order-total-bill .icon {
    display: inline-block;
  }

  .order-total-bill .minus {
    display: none;
  }

   .order-total-bill .plus {
    display: none;
  }

  .order-total-pay .total-price {
    font-size: 2em;
  }
}
@media (min-width: 48em) {
  .order-history,
  .order-h {
    display: none;
  }

  .order-section {
    margin: 40px 0;
  }

  .order-func {
    margin: 40px 0;
  }

  .order-func .btn {
    width: 160px;
  }
}


.order-func {
  zoom: 1;
  text-align: center;
}

.order-func:before {
  content: '';
  display: block;
}

.order-func:after {
  content: '';
  display: table;
  clear: both;
}

.order-func .btn {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 56.24em) {
  .order-tabs {
    display: none;
  }

  .order-contents {
    margin-top: 20px;
  }
}

@media (max-width: 47.99em) {
  .order-header {
    display: none;
  }

  .member-header {
    display: none;
  }


  .order-section {
    margin: 20px 0;
  }

  .order-section:first-child {
    margin-top: 0;
  }

  .order-func {
    margin: 20px 0;
  }

  .order-func .btn {
    width: 100%;
  }

  .order-func .btn + .item {
    margin-top: 6px;
  }

  .notice-section {
  margin-bottom: 0px;
}

  .order-func .item {
    zoom: 1;
    display: block;
  }

  .order-func .item:before {
    content: '';
    display: block;
  }

  .order-func .item:after {
    content: '';
    display: table;
    clear: both;
  }

  .order-func .item + .item {
    margin-top: 2px;
  }

  .order-func .item + .btn {
    margin-top: 2px;
  }

  .order-func .item .btn {
    width: 49.77%;
    float: left;
  }

  .order-func .item .btn-c {

    float: none;
  }


  .order-func .item .col--right {
    padding-left: 1px;
}

  .order-func .item .btn + .btn {
    float: right;
  }
}

.order-h {
  color: #FFF;
  font-size: 1.6em;
  text-align: center;
  margin-bottom: 20px;
  padding: 9px 0;
  background: #4D4B48;
}


.cart_qnt-box {
    position: relative;
    z-index: 10;
    /* float: left; */
    display: inline-block;
    width: 36px;
    height: 30px;
    margin: 0 0.15em;
    padding: 0 30px;
    line-height: 1;
    vertical-align: middle;
	    border: 1px solid #e0e0e0;
border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}




.cart_qnt-box .qnt-down, .cart_qnt-box .qnt-up {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  padding: 2px 0;
  margin: 0;
  width: 30px;
  height: 30px;
  background-color: #fff;
    color: #000;
    text-align: center;
    line-height: 1.2;
    font-weight: 700;
	    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	
	
	}

.cart_qnt-box .qnt-down{

   border-top-left-radius: 3px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0px;

}
.cart_qnt-box .qnt-up {
      border-top-left-radius: 0px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 3px;
}



  .qnt-down:focus, .qnt-up:focus {
    color: #4D4B48;

	}

  .qnt-down:hover, .qnt-up:hover {
    color: #fff;
	background-color:#222;
	}

  .qnt-down[disabled], .qnt-up[disabled] {
    background-color: #f2f2f2;
    pointer-events: none; }

.cart_qnt-box .qnt-down {
  left: 0; 
   border-right: 1px solid #e0e0e0;

  }

.cart_qnt-box .qnt-up {
  right: 0;
  border-left: 1px solid #e0e0e0;

  }

.cart_qnt-box .input-qnt {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  color: #555;
  background-color: #fff;
  font-size: 12px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: textfield; }
  .input-qnt[disabled] {
    background-color: #fafafa;
    color: #999;
    pointer-events: none; }


.btn-s {
    font-size: 12px;
    line-height: 15px;
    padding: 7px 15px;
	height:30px;
	width:75px;
	min-width:0px;
/* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
}


.btn-e {
    font-size: 12px;
    line-height: 15px;
    padding: 7px 15px;
    height: 30px;
    width: 98px;
    min-width: 0px;
/* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
	    margin: 4px 0.15em;
  color:#727272;
}

.td-cont button{

 background-color: #fff;

}


caption {
    position: relative;
    left: -5000px;
    height: 0;
    line-height: 0;
    text-indent: -5000px;
}

.tea_info{border-top:1px solid #414040;margin-bottom: 10px;}
.tea_info.line{border-top:none;}
.tea_info thead th{padding:14px 0;font-size:14px;line-height: 1.2em;    text-align: left;border-bottom:1px solid #e3e3e3;vertical-align:middle;    font-weight: 500;padding-left:20px;
    margin-bottom: 5px;
    color: #444;}


.tea_info tbody th, .tea_info tbody td{padding:15px 0;font-size:14px;line-height: 1.4em;text-align:left;border-bottom:1px solid #e3e3e3;vertical-align:middle;    font-weight: 500;padding-left:20px;
    margin-bottom: 5px;
    color: #727272;}


.tea_info thead th{background:#f5f5f5;    font-weight: 700;    border-left: 1px solid #e3e3e3;
    margin-bottom: 5px;
    color: #444;}

.tea_info thead th:first-child{background:#f5f5f5;    font-weight: 700;    border-left: 0px solid #e3e3e3;
    margin-bottom: 5px;
    color: #444;}

.tea_info tbody td{font-size:13px;border-left:1px solid #e3e3e3;    font-weight:500;
    margin-bottom: 5px;
    color: #727272;}
.tea_info.none td{padding:10px;border-left:none;font-size:12px;line-height:18px;}
.tea_info.none td .date{display:block;color:#555;font-size:11px;}
.tea_info.none td.tlt{text-align:left;}
.tea_info.none td.tlt a{display:block;overflow:hidden;}
.tea_info.none td.txt_s{color:#222;font-size:11px;}
.tea_info.none td.left_txt{text-align:left;font-size:11px;border-left:1px solid #e3e3e3}
.tea_info.none td .won{display:block;}
.tea_info.none td .store{display:block;}
.tea_info.none .info td{padding:0;font-size:11px;text-align:left;background:#f5f5f5;border-bottom:none;}
.tea_info.none .info td .an_view{padding:15px;border-bottom:1px solid #e3e3e3;}

.tea_info.none .cp_date .date{color:#222;font-size:11px;}
.tea_info.none .cp_date .tlt{margin-top:5px;color:#999;font-size:11px;}
.tea_info.none.bl tbody td{border-left:1px solid #e3e3e3!important;} /*mapage > vvip*/

.tea_info.none.bl tbody td.td-h{height:150px;}/*mapage > vvip: 높이값 정의_20170131*/
.tea_info.none.bl tbody td.td-h1{height:110px;}
.tea_info.none.bl tbody td.td-h2{height:180px;}
.tea_info.none.bl tbody td.td-h3{height:200px;}


.btn-l {
    font-size: 16px;
    line-height: 24px;
    padding: 7px 40px;
}


select {
    padding: 3px 20px 6px 8px;
    width: 100%;
    height: 35px;
    font-size: 12px;
    border: 1px solid #e3e3e3;
    vertical-align: top;
    margin-top: 1px\9;
    background: #fff url(/tea_img/select_arrow.png) right -33px no-repeat;
    background-size: 29px 64px;
    line-height: 26px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
}


.qty_sel{position:relative;padding:0 34px 0 34px;}
.qty_sel a{position:absolute;top:0;width:34px;height:34px;float:left;background:url('/tea_img/btn_select.png') 0 0 no-repeat ;background-size:34px 68px;text-indent: -999em;overflow:hidden;}




.qty_sel input{width:100%;height:32px;text-indent:0!important;text-align:center;border:1px solid #e3e3e3;}
.qty_sel .left{left:0;   

    border-top-left-radius: 3px;
    /* border-top-right-radius: 3px; */
    border-bottom-left-radius: 3px;
    /* border-bottom-right-radius: 3px; */
    /* -webkit-border-radius: 3px; */
    -moz-border-radius: 3px;
   
   }
.qty_sel .right{right:0;background-position:0 -34px;  

    /* border-top-left-radius: 3px; */
    border-top-right-radius: 3px;
    /* border-bottom-left-radius: 3px; */
    border-bottom-right-radius: 3px;
    /* -webkit-border-radius: 3px; */
    /*-moz-border-radius: 3px;*/
	
	
	}


.qty_sel input[type=text],.qty_sel input[type=number] {
    height: 34px;
    font-size: 13px;
    text-indent: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    -webkit-appearance: none;
}


.order-sh {

    color: #827e79;
    font-weight: 400;
    margin-bottom: 10px;
	letter-spacing: 0.23px;
    font-size: 15px;
    line-height: 1.6;
    font-family: 'Lato','notokr-medium',sans-serif;
}

.order-sh h2{

    font-size: 15px;

}

.cs-search [type="text"]{
    height: 40px;
    padding: .7em 1em;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    line-height: 1.3;
    letter-spacing: 0;
    vertical-align: middle;
    outline: 0;
    -webkit-appearance: none;
       border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}



.Tpaging{margin-top:40px;text-align: center;line-height: 20px; font-size: 12px;}


.Tpaging span {
    font-size: inherit;
}

.Tpaging > a{display:inline-block;width:24px;height:13px;background: url("/rt_img/paging_ico.png") 0 0 no-repeat;text-indent: -999em;    color: #444;
    outline: none;}
.Tpaging .prev{background-position: -25px -4px;}
.Tpaging .next{background-position: -52px -4px;}
.Tpaging .prev2{background-position: 0 -4px;}
.Tpaging .next2{background-position: -76px -4px;}
.Tpaging .num{margin-top:-4px;margin-top:-3px\9;display:inline-block;line-height: 20px;vertical-align: top;}
.Tpaging .num a{display: inline-block;padding:0 5px;vertical-align: top;    font-size: 12px;}
.Tpaging .num a.on{font-weight:700;color:#000}




/* membership > join - 회원가입
------------------------------------------------------------------------------*/
 .web {
  display:block;
}
 .mob {
  display:none;
}



.order-sh.logo {
  padding-top:40px; 
  padding-left:0px; 
  margin-bottom: 10px;
    font-size: 26px;
    color: #222222;
  font-weight: 500;
  line-height: 1.316;
}

.order-sh.logo small {
    font-size: 15px;
    color: #666666;
	 font-weight: 500;
}

.order-sh.logo sup {
    vertical-align: middle;
}
.order-sh.logo sup {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 2px;
    vertical-align: top;
    text-indent: 30px;
    color: #B60005;
}
.order-sh.logo sup:after {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 10px;
    text-indent: 0;
    content: '＊';
}

.order-sh.logo:first-child {
    padding-top: 0px;
    padding-left: 0px;
    margin-bottom: 10px;
    font-size: 26px;
    color: #222222;
}

 .l-misc {
  white-space: nowrap;
  max-width: 340px;
  margin: 0 auto;
  min-height: 400px;
}

 .l-misc-cell {
  display: inline-block;
  min-width: 100%;
  vertical-align: middle;
  white-space: normal;
}

 .l-misc:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.join_agree {
  border:none;
  background:none;
  padding-bottom:40px;
}

.join_agree .item {
  border-top:1px solid #fff;
  border-bottom:1px solid #e5e5e5;

}


.join_agree .item.center {
  text-align:center;
}

.join_agree .item:first-child {
  border-top:2px solid #7C826A; 
}
.join_agree .item:last-child {

}

.join_agree .item-cont {
  padding-bottom:0;
  border-bottom:1px solid #fff;
}

.join_agree .item ul.msg-box {
  display:inline-block;
  padding:10px 0;
  width:100%;
  background:;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.join_agree .item ul.msg-box li {
  box-sizing:border-box;
  display:inline-block;
  padding-left:10px;
  float:left;
  width:50%;
}
.join_agree .item ul.msg-box.full li {
  clear:both;
  width:auto;
}

.join_agree .item.item-id .id-search {
  display: block;
  position: relative;
}

.join_agree .item.item-address .d-zipcode {
  display: block;
  position: relative;
}

.join_agree .item.item-address .d-zipcode .input-shop {
  width:auto;
}

.join_agree .item .input-shop.w300 {
  width:300px;
}

.join_agree.agree .item .item-inner>div {
  box-sizing:border-box;
  display:inline-block;
  padding:10px;
  width:100%;
  max-height:200px;
  background:#FCFCFC;
  border:1px solid #e5e5e5;
  overflow-y:scroll;
  font-size:13px;
  border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.join_agree.agree.id-search .item-cel .item {
  border-top:1px solid #fff;
}

.join_agree.agree.id-search .item-cont:first-child .item {
  padding:30px 0;
  text-align:center;
}

.join_agree .item h1.h1 {
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    color: #222;
    font-family: 'Lato','notokr-medium',sans-serif;
}

.join_agree .item h2.h2 {
  font-size:14px;
   line-height:20px;
}



.join_agree .item h2.h2 span {
  font-weight:500;
}

.join_agree .item p {
 
   line-height:20px;
}


.join_agree .item h3.h3 {
  display: inline-block;
  padding: 10px 0;
  color: #4D4B48;
  border-width: 1px;
  line-height: 1.35;
  letter-spacing: -0.05em;
  font-size:18px;
  border-color: rgba(179, 154, 120, 0.4);
}

.join_agree .item h4.h4 {
  font-size:1.25em;
}

.join_agree .item .gudie-msg {
  font-size: 0.9em;
  float: right;
  color: #000;
}

 a {
  text-decoration:none;
}

 .big_btn {
  padding:25px 0;
  text-align:center;
  color:#fff;
  background:#ada39a;
  font-size:1.3em;
  font-weight:700;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

 .big_btn .icon {
  margin-left:5px;
  display:inline-block;
  width:27px;
  height:30px;

}

 .big_btn.mt40 {
  margin-top:40px;
}

#ui-datepicker-div {
  min-width:200px;
  font-size:1.5em;
}

@media (max-width: 47.99em) {
/*----------------------------------------------------------------------------*/
 .web {
  display:none;
}

 .mob {
  /*display:block;*/
}

.join_agree .item {
  padding:0;
}

.join_agree .item .gudie-msg {
  float:none;
}

.join_agree .item ul.msg-box {
 
}

.join_agree .item.item-id .id-search {
  display: block;
  position: relative;
  padding-right: 100px;
}

.join_agree .item.item-id .id-search .btn {
  position: absolute;
  top: 0;
  right: 0;
}

.join_agree .item.item-address .d-zipcode {
  display: block;
  position: relative;
  padding-left: 100px;
}

.join_agree .item.item-address .d-zipcode .input-shop {
  width:100%;
}

.join_agree .item.item-address .d-zipcode .btn {
  position: absolute;
  left: 0;
}

.join_agree .item .input-shop.w300 {
  width:100%;
}

.join_agree.agree .item .item-inner>div {
  /*display:none;*/
}

.join_agree.agree .item-cel:last-child .item {
  border-top:1px solid #fff;
}

.join_agree .item ul.msg-box li {
  clear:both;
  width:auto;
}

.order-func .item .btn.full {
  width:100%;
}
/*----------------------------------------------------------------------------*/
}
.join_agree.agree .item-cel:last-child .item {
    border-top: 1px solid #fff;
}
@media (max-width: 64em) {
/*----------------------------------------------------------------------------*/
.join_agree.agree .item-cel:last-child .item {
  border-top:1px solid #fff;
}

.join_agree .item ul.msg-box li {
  clear:both;
  width:auto;
}

/*----------------------------------------------------------------------------*/
}



.misc-header {
  margin-bottom: 3em;
  text-align: center;
  line-height: 1;
}

.misc-h {
  display: inline-block;
  padding: 0.08em 0 0;
  color:#4D4B48;
  font-size: 40px;

  border-width: 1px;
  line-height: 1.35;
  letter-spacing: -0.05em;
  border-bottom: 1px solid #4D4B48;
  border-color:#4D4B48;
}



.order-contents{

min-height:600px;

}


.join_agree .checkbox label {
    display: inline-block;
    padding: 10px 1px 10px 1px;
    line-height: 1.3;
    cursor: pointer;
	font-size:15px;
    white-space: nowrap;
}




.dash-list li {
    position: relative;
    margin-top: 10px;
    /* padding-left: 10px; */
    line-height: 1.5;
    text-align: left;
    word-break: keep-all;
    word-wrap: break-word;
}


.security {
    display: inline-block;
    padding:0px 0px 10px 0px;
    color:#5b7005;
	font-weight:500;

}


@media (min-width: 48em) {
 
  .login-checkbox {
    padding-bottom: 4.54545%;
  }


}



.regist_form {
  border:none;
  background:none;
  padding-bottom:0;
    font-size: 13px;

}

 .regist_form .item {
 /* border-top:1px solid #fff; */
  border-bottom:1px solid #e5e5e5;
}

 .regist_form .item.center {
  text-align:center;
}

 .regist_form .item:first-child {
  border-top:2px solid #7C826A;
}

.regist_form #bodyPass .item:first-child {
    border-top: 0px ;
	margin-top:1px;
}

 .regist_form .item:last-child {
}

 .regist_form .item-cont {
  padding-bottom:0;
  border-bottom:1px solid #fff;
}

 .regist_form .item ul.msg-box {
  display:inline-block;
  padding:10px 0;
  width:100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

 .regist_form .item ul.msg-box li {
  box-sizing:border-box;
  display:inline-block;
  padding-left:10px;
  float:left;
  width:50%;
}
 .regist_form .item ul.msg-box.full li {
  clear:both;
  width:auto;
}

 .regist_form .item.item-id .id-search {
  display: block;
  position: relative;
}


.regist_form .item.item-id .id {
    display: block;
    position: relative;
}

 .regist_form .item.item-address .d-zipcode {
  display: block;
  position: relative;
}

 .regist_form .item.item-address .d-zipcode .input-shop {
  width:auto;
}

 .regist_form .item .input-shop.w300 {
  width:300px;
}

 .regist_form.agree .item .item-inner>div {
  box-sizing:border-box;
  display:inline-block;
  padding:10px;
  width:100%;
  max-height:200px;
  overflow-y:scroll;
  font-size:0.8em;
}

 .regist_form.agree.id-search .item-cel .item {
  border-top:1px solid #fff;
}

 .regist_form.agree.id-search .item-cont:first-child .item {
  padding:30px 0;
  text-align:center;
}

 .regist_form .item h1.h1 {
  font-size:1.25em;
  font-weight:700;
}

 .regist_form .item h2.h2 {
  font-size:1.25em;
}

 .regist_form .item h2.h2 span {
  font-weight:700;
}

 .regist_form .item h3.h3 {
  display: inline-block;
  padding: 0.2em 0;
  color: #b39a78;
  border-width: 1px;
  line-height: 1.35;
  letter-spacing: -0.05em;
  border-color: rgba(179, 154, 120, 0.4);
}

 .regist_form .item h4.h4 {
  font-size:1.25em;
}


@media (min-width: 48em)
{
 .regist_form .item-inner {
    display: table;
    table-layout: fixed;
    width: 100%;
}
}

 .regist_form .item-inner {
    padding: 12px 0;
}



@media (min-width: 48em)
{
 .regist_form .item-inner .td-label {
    width: 130px;
    vertical-align: top;
    padding-top: 0px;
}
}
@media (min-width: 48em)
{
 .regist_form .item-inner .td-label,  .regist_form .item-inner .td-cont {
    display: table-cell;
    vertical-align: middle;
}
}

 .regist_form .item-inner .td-label {
     color: #827e79;
    /* font-weight: bold; */
    font-size: 16px;
}
}


 .regist_form .button {
    font-size: 14px;
    line-height: 20px;
    padding: 7px 20px;
/* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
    border-bottom: 1px solid #625d59;
    background-color: #79746e;
}


 .regist_form  .button:hover, .regist_form  .button:focus {
    color: #fff;
    border-color: #222;
    background: #222;
	
	
	
	}



 .regist_form .button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
    -o-transition: color 0.3s, background 0.3s, border 0.3s;
    transition: color 0.3s, background 0.3s, border 0.3s;
	    border-color: #4D4B48;
    background-color: #4D4B48;
}
 .regist_form .item {
    padding: 0 10px;
}



@media (min-width: 25em)
{
 .regist_form .item.item-phone .input-shop,  .regist_form .item.item-tel .input-shop {
    width: 75px !important;
}


 .regist_form .item.item-birth .input-shop {
    width: 95px !important;
}


 .regist_form .item.item-email .input-shop {
    width: 95px !important;
}
.regist_form .item.item-email select.input-shop  {
    width: 120px !important;
}
.regist_form .item.item-bank select.input-shop {
    width: 170px !important;
}
}

 .regist_form select.input-shop {
    
	/*padding: 6px 30px 6px 15px;*/
	
	padding: 0px 30px 0px 10px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

 .regist_form .input-shop {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

 .regist_form .input,  .regist_form .input-shop,  .regist_form select,  .regist_form .selectbox .selector {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    text-align: left;
    vertical-align: middle;
border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
    outline: 0;
    -webkit-appearance: none;
    border: 1px solid #e8e8e8;
    border-top-color: #c9c9c9;
    border-bottom-color: transparent;
    background-color: #f7f7f7;
    -webkit-box-shadow: inset 0 1px 0 #e8e8e8;
    -moz-box-shadow: inset 0 1px 0 #e8e8e8;
    box-shadow: inset 0 1px 0 #e8e8e8;
}

 .regist_form .item .gudie-msg {
    /* font-size: 13px; */
    float: right;
    color: #222;
	vertical-align:middle;
	margin-top: 9px;
}

 .regist_form .item.item-address .d-zipcode {
    display: block;
    position: relative;
}

 .regist_form .input-shop {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

 .regist_form .item.item-address .input-shop {
    width: 100%;
}

 .regist_form .item.item-address .d-zipcode .btn {
    position: absolute;
    left: 0;
}

 .regist_form .item.item-address .d-br {
    display: block;
    margin-top: 5px;
}

 .regist_form .input:focus,
 .regist_form .input-shop:focus,
 .regist_form select:focus,
 .regist_form .selectbox .selector:focus {
  padding: 5px 9px;
  border-width: 2px;
  border-color: #7C826A;
}

.button {
    font-size: 14px;
    line-height: 20px;
    padding: 7px 20px;
 border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
    border-bottom: 1px solid #625d59;
    background-color: #79746e;
}
.button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
    -o-transition: color 0.3s, background 0.3s, border 0.3s;
    transition: color 0.3s, background 0.3s, border 0.3s;
}

 .regist_form .td-cont button {
  /*   background-color: #79746e; */
}



 .regist_form .checkbox label {
 font-size: 16px;
 color:#827e79;
  line-height:1.9;
}

@media (max-width: 47.99em)
{
 .regist_form .item.item-id .id-search {
    display: block;
    position: relative;
    padding-right: 100px;
}

.regist_form .item.item-id .id {
    display: block;
    position: relative;
    /* padding-right: 100px; */
}


 .regist_form .item .gudie-msg {
    float: none;
}
 .regist_form .item-inner .td-cont .input-shop {
    width: 100%;
	margin-bottom: 5px;
}


 .regist_form .item-inner .td-cont .input-shop.x-email1{
    width: 100%;
	margin-bottom: 0px;
}

 .regist_form .item-inner .td-cont .input-shop.x-email2{
    width: 100%;
	margin-top: 5px;
}

 .regist_form .item-inner .td-cont .input-shop.x-email3{
    width: 100%;
	margin-top: 5px;
}


 .regist_form .item-inner .td-cont .input-shop.x-01{
    width: 100%;
	margin-bottom: 0px;
}

 .regist_form .item-inner .td-cont .input-shop.x-02{
    width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}

 .regist_form .item-inner .td-cont .input-shop.x-02{
    width: 100%;
	margin-top: 0px;
}

 .regist_form .item-inner .td-cont .input-shop.x-03{
    width: 100%;
	margin-bottom: 0px;
}


 .regist_form .item.item-id .id-search .button {
    position: absolute;
    top: 0;
    right: 0;
}

 .regist_form .item.item-address .d-zipcode .button {
    position: absolute;
    left: 0;
}



 .regist_form .item-inner .td-label {
    display: block;
    margin-bottom: 5px;
}

 .regist_form .item.item-address .d-zipcode {
    display: block;
    position: relative;
    padding-left: 100px;
}
 .regist_form .item.item-address .d-zipcode .btn {
    position: absolute;
    left: 0;
}
 .regist_form .item.item-address .d-zipcode .input-shop {
    width: 100%;
}
 .regist_form .item.item-text .input-shop {
    width: 100%;
}
 .regist_form .item.item-bank .input-shop {
    width: 100%;
}

}


.wish-func{
    margin-top: 20px;
    text-align: center;
}

.wish-func  .btn-em {
    background-color: #b71c22;
	border-color: #b71c22;

}

.wish-func  .btn-em:hover,
.wish-func  .btn-em:focus {


  background-color: #a6191f;
}










.order-func  .btn-em {
    background-color: #b71c22;
	border-color: #b71c22;

}

.order-func  .btn-em.black {
 border-color: #4d4b48;
 background-color: #4d4b48;

}

.order-func  .btn-em:hover,
.order-func  .btn-em:focus {


  background-color: #a6191f;
}

.order-func  .btn-em.black:hover,
.order-func  .btn-em.black:focus {

  background-color: #000;
border-color: #000;
}



.order-tabs {
  zoom: 1;
  position: relative;
  margin: 40px 0;
}

.order-tabs:before {
  content: '';
  display: block;
}

.order-tabs:after {
  content: '';
  display: table;
  clear: both;
}

.order-tabs:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  z-index: 1;
  background-color: #333;
}

.order-tabs li {
  float: left;
  width: 12.5%;
  text-align: center;
  overflow: hidden;
  border-bottom: 2px solid;
}

.order-tabs li .tab {
  display: block;
  font-size: 1.1em;
  padding: 10px 0 12px 0;
  margin-left: 0px;
  border: 1px solid #e4e4e4;
  border-bottom: 0;
  background-color: #f0f0f0;
  text-decoration: none;
  position: relative;
  z-index: 2;
}

.order-tabs li .tab:hover {
  background: #fbfbfb;
}

.order-tabs li:first-child .tab {
  margin-left: 0;
}

.order-tabs li.is-current:before {
  display: none;
}

.order-tabs li.is-current .tab {
  color: #333;
  font-family: 'Lato','notokr-regular',sans-serif;
  font-weight: 700;
  padding-top: 9px;
  border: 2px solid #333;
  border-bottom-color: #FFF;
  background-color: #FFF;
  margin-left: 0;
  z-index: 3;
}




.join-heading {margin:30px 0 15px; text-align:center;}
.join-heading-tit {font-size:25px;line-height:1.25; color:#332c29;}
.join-heading-sub {margin-top:10px;font-size: 13px;}

.screen_p {
    display: none;
}


@media all and (min-width: 768px) {
	.step1-2 {}
	.step1-2 .join-heading-tit {font-size:28px;}
	.step1-2 .exist {margin:-45px 0 39px;}
	.step1-2 .exist_inis {margin-top:-2px;}
	.step1-2 .exist:after {content:"";display:block;clear:both}
	.step1-2 .exist dt {margin-bottom:0;}
	.step1-2 .exist li {float:left;width:33.3%;padding:49px 0;border:none; margin:0;}
	.step1-2 .exist dl {border-left:1px solid #d3dbe8;font-size:13px;}
	.step1-2 .exist li:first-child dl {border:none;}
	.step1-2 .join-heading-sub {margin:0; font-size:15px; position:absolute;top:85px;left:0; width:100%;}
	.join-heading-sub {font-size:15px;}
	.step1-2-btns {max-width:none; text-align:center;}
	.step1-2-btns .btn_rounded {margin:0 5px;}
	.step1-2-btns .btn_rounded  span {width:120px}
	.step1-2-btns .btn_rounded_black span {width:120px}
}


@media all and (min-width: 768px) {
	.screen_m {display:none}
	.screen_m-inline {display:none;}
	.screen_p {display:block}
	/*.ui-btn {width:111px;height:24px;font-size:12px;line-height:24px;}*/
	.ui-btn-type01 {width:128px; height:32px; line-height:32px; font-size:15px;}
}


@media all and (min-width: 768px) {
	.step1 .join-heading {margin-bottom:130px;}
	.step1 .join-heading-sub {margin-top:40px;position:absolute;top:60px;width:100%;}
	.step1 .certify {position:static;}
	.step1 .certify .other-people {margin-top:0;}
	.certify-notice {margin:20px 0 44px 0;}
	.certify-notice2 {}
	.certify-notice2 h3 {margin-top:35px; font-size:15px;}
	.step1 .btn_rounded_black > span {width:120px;}
	.step1 .btn_rounded_black .screen_p {display:inline;}
	.join-heading-tit > span {font-size:23px;}
}


@media all and (min-width: 768px) {
	.stepWrap {width:701px;margin: 0 auto;}
	.join-indicator {width:701px;margin:20px auto;}
	.join-indicator li {margin:0; width:152px; margin-left:26px;}
	.join-indicator li:first-child {width:167px;}
	.join-indicator strong {font-size:22px;font-family: arburi,sans-serif;}
	.join-indicator li .screen_p {font-family: arm,sans-serif; font-size:13px;}
	.join-indicator span {display:block;margin-bottom:8px;font-size:12px;}
	.join-indicator li img.an {height:auto; right:-22px; top:18px}

	.join-heading {margin:55px 0 25px;}
	.join-heading-tit {}
	.join-heading-tit br {}
	.join-heading-sub {margin-top:20px;}
	.join-heading-tit {font-size:30px;}
}


/* STEP4 가입완료 */
.step4 {margin-bottom:50px; text-align:center;}
.step4 .ico_mail {width:141px; padding-right:21px;}
.step4 .btn_rounded_black span {width:120px}
.step4 .join-heading {margin:25px auto 35px}
.step4 .join-heading-sub {margin-top:15px;}
@media all and (min-width: 768px) {
	.step4 {margin-bottom:100px;}
	.step4 .ico_mail {width:197px;margin:60px auto 0;}
	.step4 .btn_rounded_black {margin:0 4px;}
    .step4 .join-heading {margin:39px auto 35px}
}


.btn_rounded {display:inline-block;border:1px solid #4D4B48;}
.btn_rounded > span{display:inline-block;min-width:80px;height:40px;padding:0 10px;font-size:15px;font-weight:normal;line-height:40px;text-align:center; color:#6986ac;}
.btn_rounded_black {background-color:#4D4B48; background-image:none;}
.btn_rounded_black > span {color:#fff;}
@media all and (max-width: 768px) {
	.btn_rounded > span{font-size:13px;}
}


.login_txt{
padding-bottom: 10px;
}





.order-box {
  zoom: 1;
  background-color: #FFF;
  border: 1px solid #e4e4e4;
  font-size: 15px;
  font-family: Lato,'notokr-medium', "맑은 고딕","돋움", dotum, sans-serif;
}

.order-box:before {
  content: '';
  display: block;
}

.order-box:after {
  content: '';
  display: table;
  clear: both;
}

.order-box .item {
  position: relative;
  box-sizing: border-box;
}

.order-box .item-inner {
  padding: 8px 0;
}

.order-box .item-inner .td-label {
  color: #827e79;
  font-weight: 500;
}

.order-box .item-head {
  padding: 5px 0;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e4e4e4;
}

.order-box .item-cont {
  padding: 10px 0;
}

.order-box .item.item-phone input.input-shop,
.order-box .item.item-tel input.input-shop {
  text-align: center;
}

.order-box .item.item-address .input-shop {
  width: 100%;
}

.order-box .item.item-address .d-zipcode {
  display: block;
  position: relative;
  padding-left: 100px;
}
.order-box .item.item-address .d-coupon {
    display: block;
    position: relative;
    padding-left: 0px;
}
.order-box .item.item-address .d-zipcode .btn {
  position: absolute;
  left: 0;
}

.order-box .item.item-address .d-coupon .btnwrap {
    float: right;
    margin-top: 0;
}

.order-box .item.item-address .d-coupon .btn {
  position: absolute;
  left: 0;
}
.order-box .item.item-address .d-br {
  display: block;
  margin-top: 5px;
}

.order-box.order-box-comment .item.item-star .d-star .icon {
  color: #333;
  font-size: 17px;
}

.order-box.order-box-comment .item.item-star .d-star .icon:before {
  margin: 0;
}

.order-box.order-box-comment .item.item-comment textarea.input-shop {
  height: 175px;
}

.order-box.order-box-gift .item-head .td-label {
  padding-top: 0;
}

.order-box.order-box-sale {
  margin-top: -1px;
}

.order-box.order-box-sale .item-head .td-label {
  padding-top: 0;
}

.order-box.order-box-sale .item .s-info .tl:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 10px;
  background-color: #e0e0e0;
}

.order-box.order-box-means .item-head .td-label {
  display: none;
}

.order-box.order-box-means .item-cont .td-label,
.order-box.order-box-means .item-cont .td-cont {
  display: block;
  margin-bottom: 7px;
}

.order-box.order-box-means .item-cont .d-messege {
  margin-top: 7px;
  font-size: 0.9em;
}

.order-box.order-box-means .item-cont .input-shop {
  margin-top: 7px;
}

.order-box.order-box-means .item-cont .advice-list {
  margin: 10px 0;
}

.order-box.order-box-product .item-head .td-label {
  padding-top: 0;
}

.order-box.order-box-product .item-cont .item {
  padding: 0;
}

.order-box.order-box-product .item-cont .item-inner {
  padding: 0;
}

.order-box.order-box-product .item-cont .item-thumb {
  zoom: 1;
  text-align: left;
}

.order-box.order-box-product .item-cont .item-thumb:before {
  content: '';
  display: block;
}

.order-box.order-box-product .item-cont .item-thumb:after {
  content: '';
  display: table;
  clear: both;
}

.order-box.order-box-product .item-cont .item-thumb .td-thumb,
.order-box.order-box-product .item-cont .item-thumb .td-cont {
  display: table-cell;
  vertical-align: middle;
}

.order-box.order-box-product .item-cont .item-thumb .td-thumb {
  width: 120px;
}

.order-box.order-box-product .item-cont .item-thumb .td-cont {
  padding-right: 20px;
}

@media (max-width: 47.99em) {
  .order-box .item {
    padding: 0 15px;
  }

  .order-box .item-inner .td-label {
    display: block;
    margin-bottom: 5px;
  }

  .order-box .item-inner .td-cont .input-shop {
    width: 100%;
  }

  .order-box .item.item-letter textarea.input-shop {
    height: 100px;
  }

  .order-box.order-box-comment .item.item-thumb {
    padding: 0;
  }

  .order-box.order-box-comment .item.item-thumb .item-inner {
    padding: 0;
  }

  .order-box.order-box-comment .item.item-thumb .td-thumb,
  .order-box.order-box-comment .item.item-thumb .td-cont {
    display: table-cell;
    vertical-align: middle;
  }

  .order-box.order-box-comment .item.item-thumb .td-cont {
    padding-right: 20px;
  }

  .order-box.order-box-comment .item.item-thumb .td-thumb {
    width: 120px;
  }

  .order-box.order-box-comment .item.item-star .td-label,
  .order-box.order-box-comment .item.item-star .td-cont {
    display: table-cell;
    vertical-align: middle;
  }

  .order-box.order-box-comment .item.item-star .td-label {
    width: 60px;
  }

  .order-box.order-box-comment .item.item-star .d-star .icon {
    font-size: 25px;
  }

  .order-box.order-box-deliver .item-head .d-de {
    /*display: none;*/
  }
}

@media (max-width: 24.99em) {
  .order-box .item.item-phone .input-shop,
  .order-box .item.item-tel .input-shop {
    width: 30% !important;
  }

  .order-box.order-box-gift .item-gift .td-cont .btn {
    width: 100%;
    margin-top: 7px;
  }

  .order-box.order-box-sale .item .td-cont .s-info {
    width: 100%;
    margin-top: 7px;
  }

  .order-box.order-box-sale .item-saved {
    border-top: 1px solid #e4e4e4;
  }
}

@media (min-width: 25em) {
  .order-box .item.item-phone .input-shop,
  .order-box .item.item-tel .input-shop {
    width: 75px !important;
  }

  .order-box.order-box-gift .item .td-cont {
    position: relative;
  }

  .order-box.order-box-gift .item .td-cont .input-shop {
    width: 210px;
  }

  .order-box.order-box-gift .item .td-cont .button {
    position: absolute;
    top: 0;
    left: 220px;
  }

  .order-box.order-box-sale .item .td-cont {
    position: relative;
  }

  .order-box.order-box-sale .item .td-cont .input-shop {
    width:100%;
  }
.order-box.order-box-sale .item .td-cont .input-shop.x-coupon{
    width: 100%;
}
  .order-box.order-box-sale .item .td-cont .s-info {
    margin-top: 7px;
  }


}

@media (min-width: 48em) {
  .order-box .item {
    padding: 0 20px;
  }

  .order-box .item-inner {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  .order-box .item-inner .td-label,
  .order-box .item-inner .td-cont {
    display: table-cell;
    vertical-align: middle;
  }

  .order-box .item-inner .td-label {
    width: 130px;
    vertical-align: top;
    padding-top: 5px;
  }


.order-box .item-inner .td-label.top {
    width: 130px;
    vertical-align: top;
    padding-top: 0px;
}

  .order-box .item-cont {
    zoom: 1;
  }

  .order-box .item-cont:before {
    content: '';
    display: block;
  }

  .order-box .item-cont:after {
    content: '';
    display: table;
    clear: both;
  }

  .order-box .item.item-letter textarea.input-shop {
    height: 35px;
  }

  .order-box.order-box-comment .item-head,
  .order-box.order-box-comment .item-cont {
    display: table-cell;
    vertical-align: middle;
  }

  .order-box.order-box-comment .item-head {
    padding: 0;
    width: 180px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 0;
  }

  .order-box.order-box-comment .item-head .item {
    padding: 0;
  }

  .order-box.order-box-comment .item-head .item-inner {
    padding: 0;
  }

  .order-box.order-box-comment .item-head .td-thumb,
  .order-box.order-box-comment .item-head .td-cont {
    display: block;
  }

  .order-box.order-box-comment .item-head .td-cont {
    padding: 15px;
    border-top: 1px dashed #cbcbcb;
  }

  .order-box.order-box-deliver .item-head .d-mo {
    display: none;
  }

  .order-box.order-box-deliver .item-head .td-label {
    display: none;
  }

  .order-box.order-box-gift .item .td-cont .input-shop,
  .order-box.order-box-sale .item .td-cont .input-shop {
    width: 320px;
  }

.order-box.order-box-sale .item .td-cont .input-shop.x-coupon{
    width: 320px;
}


  .order-box.order-box-gift .item .td-cont .s-info,
  .order-box.order-box-gift .item .td-cont .button,
  .order-box.order-box-sale .item .td-cont .s-info,
  .order-box.order-box-sale .item .td-cont .btn {
    position: absolute;
    top: 0;
    left: 330px;
  }

  .order-box.order-box-sale .item .d-zipcode .td-cont .s-info
   {
    position: absolute;
    top: 0;
    left: 230px;
  }


  .order-box.order-box-gift .item .td-cont .s-info,
  .order-box.order-box-sale .item .td-cont .s-info {
    margin-top: 5px;
  }

  .order-box.order-box-product .item-head .td-cont {
    text-align: right;
  }

  .order-box.order-box-product .item-cont {
    zoom: 1;
  }

  .order-box.order-box-product .item-cont:before {
    content: '';
    display: block;
  }

  .order-box.order-box-product .item-cont:after {
    content: '';
    display: table;
    clear: both;
  }

  .order-box.order-box-product .item-cont .item {
    float: left;
    width: 33.33333%;
  }
}

@media (min-width: 64em) {
  .order-box .item-row {
    zoom: 1;
  }

  .order-box .item-row:before {
    content: '';
    display: block;
  }

  .order-box .item-row:after {
    content: '';
    display: table;
    clear: both;
  }

  .order-box .item-cel {
    float: left;
    width: 50%;
  }

  .order-box .item-cel .item-address .d-br {
    margin-top: 16px;
  }
}

.pay-type-detail {
  display: none;
      border-top: 1px solid #e4e4e4;
}

.pay-type-detail.is-active {
  display: block;
}

.order-box + .advice-list,
.order-total + .advice-list,
.from-box + .advice-list {
  margin-top: 0.5em;
}




  .order-box .item.item-address .input-shop {
    width: 100%;
}

  .order-box .input-shop {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

  .order-box .input,   .order-box .input-shop,   .order-box select,   .order-box .selectbox .selector {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    text-align: left;
    vertical-align: middle;
/* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
    outline: 0;
    -webkit-appearance: none;
    border: 1px solid #e8e8e8;
    border-top-color: #c9c9c9;
    border-bottom-color: transparent;
    background-color: #f7f7f7;
    -webkit-box-shadow: inset 0 1px 0 #e8e8e8;
    -moz-box-shadow: inset 0 1px 0 #e8e8e8;
    box-shadow: inset 0 1px 0 #e8e8e8;
}

  .order-box .td-cont button {
    /* background-color: #79746e; */
}

  .order-box .button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
    -o-transition: color 0.3s, background 0.3s, border 0.3s;
    transition: color 0.3s, background 0.3s, border 0.3s;
    border-color: #4D4B48;
    background-color: #4D4B48;
}

  .order-box  .button:hover,   .order-box   .button:focus {
    color: #fff;
    border-color: #222;
    background: #222;
	
	
	
	}

  .order-box .input:focus,
  .order-box .input-shop:focus,
  .order-box select:focus,
  .order-box.selectbox .selector:focus {
  padding: 5px 9px;
  border-width: 2px;
  border-color: #7C826A;
}



  .order-box .select-wide,   .order-box  .input-wide, textarea {
    display: block;
    width: 100%;
}


  .order-box .input,   .order-box  .input-shop, select,   .order-box  .selectbox .selector {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    text-align: left;
    vertical-align: middle;
/* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
    outline: 0;
    -webkit-appearance: none;
    border: 1px solid #e8e8e8;
    border-top-color: #c9c9c9;
    border-bottom-color: transparent;
    background-color: #f7f7f7;
    -webkit-box-shadow: inset 0 1px 0 #e8e8e8;
    -moz-box-shadow: inset 0 1px 0 #e8e8e8;
    box-shadow: inset 0 1px 0 #e8e8e8;
}

  .order-box .input-shop {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.order-box .item.item-address .d-zipcode .button {
    position: absolute;
    left: 0;
}


.order-box .item.item-email .input-shop {
    width: 95px !important;
}
.order-box .item.item-email select.input-shop  {
   /* width: 120px !important; */
}



@media (max-width: 24.99em) {
.order-box .item.item-phone .input-shop,
.order-box .item.item-email .input-shop,
.order-box .item.item-tel .input-shop {
    width: 30% !important;
  }


}


@media (max-width: 47.99em)

.order-box  .item-inner .td-cont .input-shop {
    width: 100%;
    margin-bottom: 5px;
}


}


.order-box .item-head {
    padding: 5px 0;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e4e4e4;
}


.order-box..order-box-deliver .item-head .td-label {
    display: none;
  }


  .advice-list li:first-child {
    margin-top: 0;
}

.advice-list li {
    position: relative;
    margin-top: 5px;
    padding-left: 0px;
    text-align: left;
    color: #888;
    word-break: keep-all;
    word-wrap: break-word;font-size:13px;
}


.order-list .item:last-child {
    /*border-bottom: 0;*/
}



.notice-section {
  margin-top: 50px;
  margin-bottom: 40px;
}

.notice-set {
  background-color: #f7f7f7;
}

.notice-item {
  padding: 30px 40px;
  border-top: 1px dashed #ddd;
}

.notice-item:first-child {
  border-top: 0;
}

.notice-item .h {
  color: #333;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1em;
}

.notice-item .exchange-list .item {
  position: relative;
  padding-left: 150px;
}

.notice-item .exchange-list .item + .item {
  margin-top: 20px;
}

.notice-item .exchange-list .tl {
  position: absolute;
  top: 0;
  left: 0;
    font-size: 20px;
    color: #333;
  font-weight: 500;

}

.notice-more {
  zoom: 1;
  margin: 0 -15px;
}

.notice-more:before {
  content: '';
  display: block;
}

.notice-more:after {
  content: '';
  display: table;
  clear: both;
}

.notice-more .more {
  position: relative;
  display: block;
  float: left;
  width: 50%;
  background-color: #f7f7f7;
  border-top: 1px solid #ddd;
  text-decoration: none;
}

.notice-more .more span {
  display: block;
  padding: 11px;
  border-left: 1px solid #ddd;
}

.notice-more .more .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
  font-size: 8px;
}

@media (max-width: 63.99em) {
  .notice-set {
    margin-bottom: 50px;
  }
}

@media (max-width: 47.99em) {
 

.notice-item .exchange-list .tl{
    display: block;
    margin-bottom: 5px;
    position: relative;
}
  

.notice-item .exchange-list .item {
    position: relative;
    padding-left: 0px;
}

}

@media (min-width: 48em) {
  .notice-more {
    display: none;
  }
}


.dot-list li:first-child {
    margin-top: 0;
}

.dot-list li {
    position: relative;
    margin-top: 10px;
    /* padding-left: 10px; */
    line-height: 1.5;
    text-align:left;
    word-break: keep-all;
    word-wrap: break-word;
    font-size: 13px;
    font-family: Lato,'notokr-medium', "맑은 고딕","돋움", dotum, sans-serif;
}



.cbottom_table .dot-list li {

    text-align: center;

}



.dot-list li:before {
/*    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #666;  */
}



.order-verify {
  font-size: 1.1em;
  text-align: center;
  padding: 20px 15px;
  border: 5px solid #f1f1f1;
  background-color: #fff;
}

.order-verify .checkbox {
  margin-right: 0;
}

.order-verify .v-label {
  white-space: normal;
  padding: 0 0 0 30px;
  font-size: 15px;
}

.order-verify .v-label:before {
  margin-left: -30px;
}


.order-box-means .item-head {
    padding: 5px 0;
    background-color: #f7f7f7;
    border-bottom: 0px solid #e4e4e4;
}

.order-box .item-escrow select{
    border: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	width: 275px !important;
}


.layer_wrap {
    display: none;
    position: absolute;
    left: 0;
    top: 71px;
    width: 100%;
    z-index: 9998;
}

.layer_cont {
    padding: 30px 50px;
    text-align: left;
    display: none;
}


.layer_cont .layer_title {
    margin-bottom: 40px;
    font-size: 24px;
    color: #333;
    text-align: center;
}

.layer_cont_wrap .btn_layer_close {
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px #dfdfdf;
    border-bottom: solid 1px #dfdfdf;
}


@media screen and (max-width:1024px){

.layer_wrap{top:65px;}


}

@media screen and (max-width:1023px){
	

}

@media screen and (max-width:940px){
 .layer_cont_wrap{margin:0 20px}

	
}




.order-policy .item {
  position: relative;
}

.order-policy .item-cont {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 150px;
  font-size: 13px;
}

.order-policy .item-cont .h3 {
    font-size: 13px;
    font-weight: 500;
  margin-top: 3em;
  margin-bottom: 1em;
}

.order-policy .item-cont .h3:first-child {
  margin-top: 0;
}

.order-policy .item-cont .h4 {
    font-size: 13px;
    font-weight: 500;
  margin-top: 1.5em;
  margin-bottom: 1em;
}

.order-policy .item-cont .depth {
  margin: 5px 0 5px 17px;
}

.order-policy .item-cont ul li {
  margin-bottom: 5px;
}

.order-policy .item-foot {
  padding-left: 40px;
  padding-right: 40px;
  margin-top: -1px;
  padding: 15px;
  border-top: 1px solid #e4e4e4;
  background-color: #f9f9f9;
  font-size: 13px;
}

.order-policy-head {
  font-size: 1.1em;
  text-align: center;
  padding: 30px 15px;
  border: 5px solid #f1f1f1;
  background-color: #fff;
  font-size: 15px;
}

.order-policy-head .checkbox {
  margin-right: 0;
}

.order-policy-head .v-label {
  white-space: normal;
  padding: 0 0 0 30px;
}

.order-policy-head .v-label:before {
  margin-left: -30px;
}

@media (max-width: 47.99em) {
  .order-policy .item {
    margin-top: 1em;
    border: 1px solid #e4e4e4;
  }

  .order-policy .item:first-child {
    margin-top: 0;
  }

  .order-policy .item-head {
    position: relative;
    padding: 11px 15px;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
  }

  .order-policy .item-head .icon {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
    font-size: 12px;
  }

  .order-policy .item-head .icon-arr-bold-top {
    display: none;
  }

  .order-policy .item-head .order-sh {
    margin-bottom: 0;
  }

  .order-policy .item-cont {
    padding: 20px 15px;
  }

  .order-policy .item.on .item-head {
    background-color: #f1f1f1;
  }

  .order-policy .item.on .item-head .icon-arr-bold-top {
    display: inline-block;
  }

  .order-policy .item.on .item-head .icon-arr-bold-bottom {
    display: none;
  }
}

@media (min-width: 48em) {
  .order-policy .item {
    margin-top: 70px;
  }

  .order-policy .item:first-child {
    margin-top: 0;
  }

  .order-policy .item-head .icon {
    display: none;
  }

  .order-policy .item-cont {
    padding: 30px 40px;
    border: 1px solid #e4e4e4;
  }

  .order-policy .item-foot {
    border: 1px solid #e4e4e4;
  }
}


/* list table */

.list-table {
  font-size: 1em;
  line-height: 1.4;
  border: 1px solid #ccc;
  border-left: 0;
  background: #fff;
}

.list-table tr {
  position: relative;
}

.list-table th,
.list-table td {
  letter-spacing: 0;
  background-clip: padding-box !important;
}

.list-table th {
  font-weight: bold;
  white-space: nowrap;
}

@media (min-width: 48em) {
  .list-table th,
  .list-table td {
    text-align: center;
    border-left: 1px solid #ccc;
  }

  .list-table th {
    padding: 10px 5px;
    background: #f7f7f7;
    border-bottom: 2px solid #666;
  }

  .list-table td {
    padding: 15px 5px;
    border-top: 1px solid #ddd;
  }

  .list-table td:last-child {
    padding-right: 20px;
  }

  .list-table td .label {
    display: none;
  }

  .list-table td .data {
    display: block;
    min-width: 80px;
  }

  .list-table tr:first-child td {
    border-top: 0;
  }
}

@media (max-width: 47.99em) {
  .list-table {
    border-left: 1px solid #ccc;
  }

  .list-table tr {
    display: block;
    padding: 0 15px;
    border-top: 1px solid #e0e0e0;
  }

  .list-table tr:first-child {
    border-top: 0;
  }

  .list-table tr td:first-child {
    border-top: 0;
  }

  .list-table colgroup,
  .list-table th {
    display: none;
  }

  .list-table td {
    display: block;
    position: relative;
    padding: 10px 0 10px 100px;
    text-align: left;
    border-top: 1px solid #ddd;
  }

  .list-table td .label {
    display: inline-block;
    position: absolute;
    left: 0;
  }

  .list-table td .data {
    display: inline-block;
    text-align: left;
    width: 100%;
  }
}


.icon-arr-bold-bottom:before {
    content: '\e80c';
}

.icon-arr-bold-top:before {
    content: '\e80b';
}

.item-form-footer ul.item-form-btn { padding:0px; margin:0px; list-style:none; overflow:hidden; margin:0px;box-sizing: border-box;  }
.item-form-footer ul.item-form-btn li { float:left; 
padding-left: 1px;
    padding-right: 1px;

	}
.item-form-footer ul.item-form-btn li:first-child { float:left;padding-right: 2px;padding-left: 0px;  }
.item-form-footer ul.item-form-btn li:last-child { float:right;padding:0px 0px 0px; padding-left: 1px; }
.item-form-footer ul.item-form-btn li{width:33%;height: 50px;padding-top:0;padding-bottom:0;font-size:13px;}
.text-center {
    position: relative;

    width: 100%;
    padding: 0px 0px 0 0px;
    

	     box-sizing: border-box;
}

 .text-center {
    text-align: center;
	
}

.item-form-footer .item-form-btn input[type=submit].btn-block, .item-form-btn  input[type=reset].btn-block, .item-form-btn  input[type=button].btn-block {
    width: 100%;
	    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.item-form-btn button, html .item-form-btn  input[type=button], .item-form-btn  input[type=reset], .item-form-btn  input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}



.item-form-footer .item-form-btn .fs_btn {
    border: 1px solid #444;
    color: #444;
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: #fff;
    font-weight: 700;
    height: 50px;
	 font-family: Lato,'notokr-regular', "맑은 고딕","돋움", dotum, sans-serif;
		 font-size:15px;
}

.item-form-footer .item-form-btn .fs_btn0 {
    background-color: #444;
    color: #fff;
    font-weight: 700;
    transition: all .3s;
}


.item-form-footer .item-form-btn .fs_btn0:hover{background-color:#74824C;color:#fff;font-weight:700;border-color:#74824C;}

.item-form-footer .item-form-btn .btn-block {
    display: block;
    width: 100%;
}




.order-result {
  position: relative;
  border: 1px solid #e4e4e4;
}

.order-result .result-head {
  font-size: 14px;
  text-align: center;
  padding: 30px 10px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e4e4e4;
}

.order-result .result-head .h {
  color: #333;
  font-weight: normal;
  font-size: 1.2em;
}

.order-result .result-head .h .icon {
  font-size: 24px;
  color: #827e79;
}

.order-result .result-head a {
  border-bottom: 1px solid #888;
}

.order-result .result-head p {
  margin-bottom: 0;
}

.order-result .result-cont {
  padding: 0 15px;
}

.order-result .from-box {
  border-bottom: 0;
  overflow: hidden;
}

.order-result .from-box .item-label {
  width: 90px;
}

.order-result .from-box .item-cel:first-child {
  margin-top: -1px;
}

@media (min-width: 48em) {
  .order-result .result-head {
    padding: 50px 30px;
  }

  .order-result .result-head .h {
    font-size: 2.3em;
    padding-bottom: 10px;
  }

  .order-result .result-head .h .icon {
    height: 32px;
    margin-top: -2px;
    font-size: 32px;
  }

  .order-result .result-head br {
    display: none;
  }

  .order-result .result-cont {
    padding: 5.15464% 8.24742%;
  }
}



.from-box {
  zoom: 1;
  background-color: #FFF;
  border-bottom: 1px solid #e4e4e4;
  font-size: 1.1em;
}

.from-box:before {
  content: '';
  display: block;
}

.from-box:after {
  content: '';
  display: table;
  clear: both;
}

.from-box .item {
  position: relative;
  box-sizing: border-box;
  border-top: 1px solid #e4e4e4;
}

.from-box .item-inner {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.from-box .item-label,
.from-box .item-cont {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.from-box .item-label {
  color: #827e79;
  font-weight: 500;
    font-size: 14px;
}

.from-box .item-cont {
  padding: 12px 12px 12px 20px;
      font-size: 14px;

}

.from-box .item-cont .b .icon {
  color: #666;
}

.from-box .item-cont em {
  font-weight: bold;
}

.from-box .item-cont .txt-tip {
  display: inline-block;
  color: #999;
  letter-spacing: -1.1px;
}

.from-box .item.item-bank .br {
  display: inline-block;
}

.from-box .item.item-bank .br .input-wide {
  width: 250px;
}

.from-box .item.item-address .br {
  display: block;
  margin-top: 5px;
}

.from-box .item.item-address .br:first-child {
  margin-top: 0;
}

.from-box.fill-box {
  border-right: 1px solid #e4e4e4;
}

.from-box.fill-box .item-label {
  text-align: center;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  background-color: #f7f7f7;
}

@media (max-width: 63.99em) {
  .from-box .item-label {
    width: 110px;
  }

  .from-box .item.item-letter .input-shop {
    height: 55px;
  }

  .from-box .item.item-letter .letter {
    display: block;
    margin-top: 5px;
    text-align: right;
    font-size: 0.9em;
  }

  .from-box.fill-line {
    border: 1px solid #e4e4e4;
    padding: 10px 0;
  }

  .from-box.fill-line .item {
    padding: 5px 15px;
    border: 0;
    border-top: 0;
  }

  .from-box.fill-line .item-label {
    display: block;
    width: auto;
    text-align: left;
    background-color: transparent;
    border: 0;
    padding: 0;
    padding-bottom: 10px;
  }

  .from-box.fill-line .item-cont {
    display: block;
    border: 0;
    padding: 0;
  }
}

@media (max-width: 37.49em) {
  .from-box .item.item-account .br {
    display: block;
    margin-top: 5px;
  }

  .from-box .item.item-account .br:first-child {
    margin-top: 0;
  }

  .from-box .item.item-account .br .input-shop {
    width: 100%;
  }
}

@media (min-width: 37.5em) {
  .from-box .item.item-account .br {
    display: inline-block;
  }

  .from-box .item.item-account .br .input-wide {
    width: 250px;
  }
}

@media (min-width: 64em) {
  .from-box .item-label {
    width: 140px;
  }

  .from-box .item-cel {
    display: table;
    table-layout: fixed;
  }

  .from-box .item-cel .item {
    display: table-cell;
    width: 50%;
    height: 100%;
    vertical-align: middle;
  }

  .from-box .item-cel .item-inner {
    height: 100%;
  }

  .from-box .item.item-letter {
    position: relative;
    padding-right: 80px;
  }

  .from-box .item.item-letter .input-shop {
    height: 35px;
  }

  .from-box .item.item-letter .letter {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    font-size: 0.9em;
  }
}


.from-box .item-cont em {
    font-weight: bold;
	    color: #ed1c24;
}









.order-detail-alarm {
    font-size: 1.1em;
    margin-bottom: 20px;
}


.order-detail-alarm .item p {
    margin: 1em 0;
}


.order-detail-alarm .item {
  text-align: center;
  border: 1px solid #e4e4e4;
  background-color: #f7f7f7;
  padding: 10px 20px;
}



@media (min-width: 48em) {
.order-detail-alarm {
  font-size: 1.1em;
  margin-bottom: 20px;
}

.order-detail-alarm .item {
  text-align: center;
  border: 1px solid #e4e4e4;
  background-color: #f7f7f7;
  padding: 10px 20px;
}

.order-detail-alarm .item p {
    display: inline-block;
}
.order-detail-alarm .item .btn {
    margin-left: 1em;
}
}


.order-detail-alarm .btn {
    font-size: 14px;
    line-height: 20px;
    padding: 7px 20px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-bottom: 1px solid #625d59;
    background-color: #79746e;
}

.order-detail-alarm .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
    -o-transition: color 0.3s, background 0.3s, border 0.3s;
    transition: color 0.3s, background 0.3s, border 0.3s;
}

.t-step em {
    color: #d83037;
	font-weight:500;
	    font-family: Lato,'notokr-medium', "맑은 고딕","돋움", dotum, sans-serif;
}



.notice-section {
  margin-top: 50px;
}

.notice-set {
  background-color: #f7f7f7;
}

.notice-item {
  padding: 30px 40px;
  border-top: 1px dashed #ddd;
}

.notice-item:first-child {
  border-top: 0;
}

.notice-item .h {
  color: #333;
  font-size: 18px;
  font-weight: 500;
   font-family: Lato,'notokr-medium', "맑은 고딕","돋움", dotum, sans-serif;
  margin-bottom: 1em;
}

.notice-item .exchange-list .item {
  position: relative;
  padding-left: 150px;
}

.notice-item .exchange-list .item + .item {
  margin-top: 20px;
}

.notice-item .exchange-list .tl {
position: absolute;
    top: 0;
    left: 0;
    color: #333;
    font-weight: 500;
    font-family: Lato,'notokr-medium', "맑은 고딕","돋움", dotum, sans-serif;
    font-size: 17px;
    line-height: 18px;
}

.notice-more {
  zoom: 1;
  margin: 0 -15px;
}

.notice-more:before {
  content: '';
  display: block;
}

.notice-more:after {
  content: '';
  display: table;
  clear: both;
}

.notice-more .more {
  position: relative;
  display: block;
  float: left;
  width: 50%;
  background-color: #f7f7f7;
  border-top: 1px solid #ddd;
  text-decoration: none;
}

.notice-more .more span {
  display: block;
  padding: 11px;
  border-left: 1px solid #ddd;
}

.notice-more .more .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
  font-size: 8px;
}

@media (max-width: 63.99em) {
  .notice-set {
    margin-bottom: 50px;
  }
}

@media (max-width: 47.99em) {
  .notice-set {
    display: none;
  }
}

@media (min-width: 48em) {
  .notice-more {
    display: none;
  }
}



.deliver-step {
  zoom: 1;
  text-align: center;
}

.deliver-step:before {
  content: '';
  display: block;
}

.deliver-step:after {
  content: '';
  display: table;
  clear: both;
}

.deliver-step .tl {
  display: block;
  margin-top: 1em;
  color: #222;
   font-weight: 500;
   font-family: Lato,'notokr-medium', "맑은 고딕","돋움", dotum, sans-serif;
}

.deliver-step .date,
.deliver-step .p {
  margin-top: 0.3em;
  margin-bottom: 0;
  font-size: 13px;
}

.deliver-step .date {
  display: none;
}

.deliver-step .icon {
  text-align: center;
  width: 89px;
  height: 89px;
  border-radius: 50%;
  background-color: #FFF;
  border: 1px solid #ddd;
}

.deliver-step .icon:before {
  font-size: 38px;
  margin-top: 25px;
}

.deliver-step .item {
  position: relative;
  display: inline-block;
  width: 15.66667%;
  text-align: center;
  vertical-align: top;
  color: #888;
}

.deliver-step .item:before {
  content: '';
  position: absolute;
  top: 35px;
  left: -10px;
  font-size: 16px;
  font-family: "rt_font";
  content: '\e80e';
}

.deliver-step .item:first-child:before {
  display: none;
}

.deliver-step .item.is-current .tl {
  color: #b61c21;
}

.deliver-step .item.is-current .date {
  display: block;
}

.deliver-step .item.is-current .icon {
  color: #FFF;
  background-color: #b61c21;
  border-color: #b61c21;
}

.deliver-step .item.is-active .tl {
  color: #79746e;
}

.deliver-step .item.is-active .date {
  display: block;
}

.deliver-step .item.is-active .icon {
  color: #FFF;
  background-color: #4D4B48;
  border-color: #4D4B48;
}

.deliver-step-list .item {
  width: 19%;
}

.deliver-step-list .item .icon {
  border: 0;
}

.icon-message:before {
    content: '\e842';
}

.icon-payment:before {
    content: '\e839';
}

.icon-product:before {
    content: '\e836';
}

.icon-delivery-completed:before {
    content:'\e837';
}
.icon-confirm:before {
    content: '\e81D';
}

.order-step-head {
  margin-bottom: 20px;
  border: 1px solid #e4e4e4;
}

.order-step-head .item-head {
  padding: 8px 15px;
  border-bottom: 1px solid #e4e4e4;
  background-color: #f7f7f7;
}

.order-step-head .item-cont {
  padding: 20px 15px;
}

.order-step-head .range-list dl {
  position: relative;
  margin: 5px 0;
  font-size: 1.1em;
}

.order-step-head .range-list dt {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  color: #827e79;
  }

.order-step-head .range-list dd {
  padding-left: 80px;
}

.order-step-head .range-list dd strong {
  display: block;
  color: #333;
  font-weight: 500;
}



.mypage-order .deliver-step .tl {
  display: inline-block;
  margin-top: 1em;
  color: #222;
   font-weight: 500;
   font-family: Lato,'notokr-medium', "맑은 고딕","돋움", dotum, sans-serif;
}


@media (min-width: 48em)
{
.mypage-order .deliver-step .icon {
    width: 70px;
    height: 70px;
    font-size: 2.8em;
    line-height: 1.85;
}
}

@media (min-width: 30em)

.mypage-order .deliver-step .icon {
    width: 50px;
    height: 50px;
    font-size: 2em;
    line-height: 1.9;
}

.mypage-order .deliver-step .icon {
    text-align: center;
     width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #FFF;
    border: 1px solid #ddd;
    display: block;
    margin: 0 auto;
}











}
@media (min-width: 25.875em)

.mypage-order .deliver-step .icon {
    font-size: 3em;
}

}

.mypage-order .deliver-step .tl {
    display: inline-block;
    margin-top: 1em;
    color: #222;
    font-weight: 500;
    font-family: Lato,'notokr-medium', "맑은 고딕","돋움", dotum, sans-serif;
}


.mypage-order .deliver-step .icon {
    text-align: center;
    width: 89px;
    height: 89px;
    border-radius: 50%;
    background-color: #FFF;
    border: 1px solid #ddd;
    display: block;
	margin: 0 auto;
}



@media (max-width: 56.24em) {
  .order-step-head {
    margin-top: 20px;
  }

  .order-step-head .item-cont .deliver-step {
    display: none;
  }

.mypage-order .deliver-step .item.is-active .icon {
color: #333;
    font-size: 3em;
    line-height: 1.2;
    background-color: transparent;
}

.deliver-step .item.is-active .icon {
    color: #FFF;
    background-color: #fff;
    border-color: #fff;
}

.deliver-step [class^="icon-"]:before, .deliver-step [class*=" icon-"]:before {
    font-family: "rt_font";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    width: 1em;
    color: inherit;
    font-size: 1em;
    text-align: center;
    text-indent: 0;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.deliver-step .icon:before {
    margin-top: 9px;
}

.deliver-step .icon {
    width: 35px;
    height: 35px;
    margin: 0 auto;
    color: #fff;
    font-size: 1.4em;
    line-height: 45px;
    border-radius: 100%;
    background-color: #ccc;
}


.mypage-order .deliver-step .icon {
    text-align: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
   background-color: none; 
   border: none;
}

	.notice-section {
    margin-bottom: 0px;
}


}

@media (max-width: 42.49em)
{
.mypage-order .deliver-step .em {
    display: block;
	  font-size: 12px;
}

.mypage-order .deliver-step em {
    position: static;
}
.mypage-order .deliver-step .tl {
    display: inline-block;
    margin-top: 1em;
    color: #222;
    font-weight: 500;
    font-size: 12px;
    font-family: Lato,'notokr-medium', "맑은 고딕","돋움", dotum, sans-serif;
}




}


@media (min-width: 56.25em) {
  .order-step-head .item-head {
    padding-left: 40px;
    padding-right: 40px;
  }

  .order-step-head .item-cont {
    padding: 40px;
  }

  .order-step-head .item-cont .range-list {
    display: none;
  }

  .order-step-head .range-list dl {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    padding-left: 20px;
  }

  .order-step-head .range-list dl:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    display: block;
    width: 1px;
    height: 14px;
    background-color: #cacaca;
  }

  .order-step-head .range-list dl:first-child {
    margin-left: 0;
    padding-left: 0;
  }

  .order-step-head .range-list dl:first-child:before {
    display: none;
  }
}



.inquiry-box {
  padding: 15px;
  background-color: #f6f6f6; }
  .inquiry-box button {
    min-width: 0; }

.inquiry-pad {
  overflow: hidden;
  position: relative;
  margin: 0 auto; }

.inquiry .set-period {
  width: 25%;
  padding-left: 0;
  padding-right: 0; 
  }

.inquiry .input-wrap {
  width: 48%;
  display: inline-block;
  vertical-align: middle; }

.inquiry .input-date {
  width: 100%; }

@media (min-width: 25.875em) {
  .inquiry-box {
    margin: -5px 0 15px; } }

@media (min-width: 37.5em) {
  .inquiry-pad {
    text-align: center; }
  .inquiry .btn-group {
    display: inline-block;
    width: 177px; }
  .inquiry .input-group {
    display: inline-block;
    margin: 0 3px; }
  .inquiry .input-wrap {
    width: 124px; }
  .inquiry .input-date {
    padding-left: 0.8em;
    padding-right: 0.8em; } 
	
	 .inquiry	[type="text"]{
    height: 40px;
  
}
	
	
	}

@media (min-width: 48em) {
  .inquiry-box {
    margin: 0 0 20px;
    padding: 20px; }
  .inquiry .btn-group {
    width: 239px; }
  .inquiry .input-wrap {
    width: 140px; }
  .inquiry .input-date {
    padding-left: 1em;
    padding-right: 1em; } 
	
  .inquiry	[type="text"]{
    height: 40px;
}
	
	
	
	}

@media (max-width: 37.49em) {
  .inquiry-pad {
    max-width: 360px;
    padding-top: 50px; }
    .inquiry-pad > button {
      position: absolute;
      top: 50px;
      right: 0;
      min-width: 0;
      width: 24.5%;
      padding-left: 0;
      padding-right: 0; }
  .inquiry .btn-group {
    max-width: none;
    width: 75%; }
  .inquiry .date-to-wrap {
    float: right; }
  .inquiry .input-group {
    position: absolute;
    top: 0;
    left: 0; } 

.mypage-order .deliver-step .icon {
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: none;
    border: none;
}
	.mypage-order .deliver-step .item.is-active .icon {
    color: #333;
    font-size: 2em;
    line-height: 1.2;
    background-color: transparent;
}
	
	
	
	}

@media (max-width: 47.99em)
{
.list--cs-notice td {
    padding: 1px 0;
    border-top: 0;
}
}
@media (max-width: 47.99em)
{
.blist-table td {
    zoom: 1;
    position: relative;
    padding: 8px 0 8px 100px;
    min-height: 24px;
    text-align: left;
}
}
@media (max-width: 47.99em)
{
.blist-table, .blist-table tbody, .blist-table tr, .blist-table td {
    display: block;
    width: auto;
}
}

/* list table */
.blist-table {
  font-size: 13px;
  border-top: 1px solid #727272;
  border-bottom: 1px solid #ccc;
  background-color: #fff; }
  .blist-table th {
    font-weight: normal;
    white-space: nowrap; }
  .blist-table .t-title .m-cave-name {
    font-size: 14px; }
  .blist-table td.t-total .price {
    color: #333;
    font-size: 14px; }
  .blist-table td.t-total b.price {
    font-size: 16px; }
  .blist-table a.num {
    color: #758246;
    font-weight: bold;
    text-decoration: underline; }
  .blist-table .func {
    margin-top: 0; }
  .blist-table .empty-msg td {
    padding: 5em 0; }
  .blist-table .gift-row td {
    text-align: left; }
  .blist-table .gift-row-list {
    position: relative;
    background-color: #f6f6f6;
    background-image: url(../images/a/arr_gift.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 10px 10px 10px 36px; }
    .blist-table .gift-row-list li {
      margin: 8px 0; }
  .blist-table .gift-row .freebie {
    margin: 0;
    padding: 10px 0; }
  .blist-table .list-cell {
    padding: 0; }
  @media (min-width: 48em) {
    .blist-table th, .list-table td {
      padding: 14px 4px;
      text-align: center; }
    .blist-table th {
      color: #888;
      font-weight: normal; }
    .blist-table td {
      border-top: 1px solid #e5e5e5; }
    .blist-table td:last-child.t-total,
    .blist-table th:last-child.t-total {
      padding-right: 40px; }
    .blist-table tr:first-child td {
      border-top-color: #ccc; }
    .blist-table .t-title {
      text-align: left; }
    .blist-table .t-option .option {
      display: inline-block; }
    .blist-table .t-option .checkbox {
      display: block;
      margin-right: 0; }
      .blist-table .t-option .checkbox + .checkbox {
        margin-left: 0; }
    .blist-table .t-option .price {
      text-align: center; }
    .blist-table .t-total b.price {
      margin-bottom: .3em; }
    .blist-table .label {
      display: none; }
    .blist-table .btn + .btn {
      margin-top: 5px; }
    .blist-table .num {
      display: block; }
    .blist-table .t-total .price {
      display: block;
      text-align: right;
      padding-left: 10px;
      margin-right: 5px;
      white-space: nowrap; }
    .blist-table .gift-row td {
      padding: 0 10px 10px 10px;
      border-top: 0; }
    .blist-table .gift-row-list {
      padding: 5px 10px 5px 95px;
      background-position: 60px center; }
    .blist-table .gift-row li {
      float: left;
      width: 50%; }
    .shop .blist-table {
      border-top: 0;
      border-bottom: 0; } }
  @media (max-width: 47.99em) {
    .blist-table, .blist-table tbody, .blist-table tr, .blist-table td {
      display: block;
      width: auto; }
    .blist-table colgroup, .blist-table thead, .blist-table .no {
      display: none; }
    .blist-table tr {
      position: relative;
      padding: 4px 15px;
      border-top: 1px solid #ddd; }
      .blist-table tr:first-child {
        border-top: 0; }
    .blist-table td {
      zoom: 1;
      position: relative;
      padding: 8px 0 8px 100px;
      min-height: 24px;
      text-align: left; }
      .blist-table td:before {
        content: '';
        display: block; }
      .blist-table td:after {
        content: '';
        display: table;
        clear: both; }
    .blist-table .in {
      border-top: 0;
      padding-left: 0;
      display: inline-block; }
    .blist-table b.price {
      display: inline-block; }
    .blist-table .state {
      color: #333; }
    .blist-table .t-title {
      display: block;
      padding-left: 0; }
    .blist-table .t-option {
      display: block; }
    .blist-table .btn--mini {
      float: right;
      margin-top: -3px; }
    .blist-table .func {
      margin-top: .3em;
      text-align: left; }
      .blist-table .func:first-child {
        margin-top: 0; }
      .blist-table .func .btn--mini {
        float: none;
        margin-top: 0; }
    .blist-table .label {
      position: absolute;
      left: 0;
      top: 10px; }
      .blist-table .label + span,
      .blist-table .label + .price,
      .blist-table .label ~ .option {
        float: right; }
      .blist-table .label ~ .option .checkbox {
        float: right;
        margin-right: 0; }
    .blist-table .point {
      clear: both;
      text-align: right; }
      .blist-table .point .price + .price {
        margin-left: 8px; }
    .blist-table .num,
    .blist-table .price {
      clear: both;
      display: inline-block;
      text-align: left; }
    .blist-table .empty-msg td {
      text-align: center; }
    .blist-table .gift-row {
      margin-left: -15px;
      margin-right: -15px;
      border-top: 0;
      padding: 0 15px; }
      .blist-table .gift-row td {
        padding: 0; }
      .blist-table .gift-row li {
        display: inline-block;
        width: 245px; }
    .blist-table .list-cell + .in {
      padding-left: 60px; }
    .blist-table .list-cell .t-total {
      padding: 8px;
      margin-top: 8px;
      text-align: right;
      background-color: #f6f6f6; }
      .blist-table .list-cell .t-total .label {
        position: static; } }




@media (min-width: 48em)
{
.blist-table td {
    border-top: 1px solid #e5e5e5;
}
}
@media (min-width: 48em)
{
.blist-table th, .blist-table td {
    padding: 14px 4px;
    text-align: center;
}
}
@media (max-width: 47.99em)
{

.blist-table, .blist-table tbody, .blist-table tr, .blist-table td {
    display: block;
    width: auto;
}

.blist-table tr {
    position: relative;
    padding: 4px 15px;
    border-top: 1px solid #ddd;
}

.list--cs-notice tr {
    padding: 10px 15px;
}
.list--cs-notice td {
    padding: 1px 0;
    border-top: 0;
}
}


.policy_content { line-height:24px; word-break: keep-all; word-wrap: break-word;  font-family: Lato,'notokr-medium', "맑은 고딕","돋움", dotum, sans-serif;margin-top:40px;font-size:13px; }
	.policy_content .article-title { color:#000; font-weight:500; padding-top:30px; padding-bottom:10px;font-size:15px;font-family: Lato,'notokr-medium', "맑은 고딕","돋움", dotum, sans-serif; }
	.policy_content ul { list-style:none; padding:0px; margin:0px; font-weight:normal; }
	.policy_content ol { margin-top:0px; margin-bottom:0px; }
	.policy_content ol > li > ol > li {  list-style:disc; }
	.policy_content p { margin:0 0 15px; padding:0; }




	@media only all and (min-width:1600px){.seoulista-section{font-size:1.3em}
}
.about-mizium img{vertical-align:top}

.mizium-section img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

.mizium-section{position:relative;margin-bottom:2%}
.mizium-section-visual{position:relative}
.mizium-section-des{max-width:1100px;margin:13px auto 0;color:#999;font-size:13px}
.mizium-section-des strong{color:#666;font-weight:400;}
.mizium-section .cont{position:relative;width:100%;max-width:1040px;min-height:340px;margin:0 auto}
.mizium-section .mizium-h{position:relative;    border-bottom: 2px solid #C50502;z-index:3}
.mizium-section .floating{position:absolute;top:0;left:0;width:50%}
.mizium-section .text-box{position:relative;padding-top:50px;color: #666;font-size:1.3em;word-spacing:2px;z-index:3}
.mizium-section .cont-alt .floating{left:inherit;right:0;margin-left:50%}
.mizium-section .cont-alt .mizium-box{margin-left:0;margin-right:50%}
@media only all and (min-width:1280px){.mizium-section .text-box{font-size:1.3em}
}
.mizium-box{width:60%;margin-left: 45%;}
.mizium-m1{margin-bottom:5%}
.mizium-m1 .mizium-h{position:absolute;top:50%;left:50%;width:172px;height:172px;margin-top:-96px;margin-left:-96px}
.mizium-m1 .mizium-h>img{width:100%}
.mizium-m2 .mizium-h{padding-top:100px}
.mizium-m2 .text-box{margin-left:150px;margin-right:60px}
.mizium-m2 .cont-alt{margin-top:50px}
.mizium-m2 .cont-alt .text-box{margin-left:40px;margin-right:150px}
.mizium-m3 .mizium-h{padding-top:120px}
.mizium-m3 .text-box{margin-left:150px}
.mizium-m4 .mizium-h{padding-top:60px}
.mizium-m4 .text-box{margin-left:40px;margin-right:120px}
.mizium-report{max-width:960px;margin:65px auto 0}
.mizium-report-wrap{margin-left:-25px;letter-spacing:-4px}
.mizium-report-box{display:inline-block;*display:inline;*zoom:1;width:25%}
.mizium-report-content{display:block;position:relative;margin-left:25px;letter-spacing:0}
.mizium-report-content .report-img{-webkit-box-shadow:2px 2px 2px 0 #f5f5f5;-moz-box-shadow:2px 2px 2px 0 #f5f5f5;box-shadow:2px 2px 2px 0 #f5f5f5}
.mizium-report-content:focus .mizium-report-cover,.mizium-report-content:hover .mizium-report-cover{-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);opacity:1;z-index:1}
.mizium-report-cover{position:absolute;top:0;left:0;padding-bottom:1px;-ms-filter:alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
@media only all and (max-width:1023px){.mizium-section{margin-bottom:3em}
.mizium-section .floating{position:static;width:auto;text-align:center}
.mizium-section .text-box{margin-left:0;margin-right:0;padding-top:3%}
.mizium-section .cont-alt .mizium-box{margin-right:0}
.mizium-section .cont-alt .text-box{margin-left:0;margin-right:0}
.mizium-section .cont-alt .floating{margin-left:0}
.mizium-section .mizium-h{max-width:440px;width:80%;margin-bottom:1em;padding-top:1.5em}
.mizium-section-visual .mizium-h{width:120px;height:120px;margin-left:-60px;margin-top:-60px;padding-top:0}
.mizium-box{width:auto;margin-left:0}
.mizium-report{max-width:480px;margin:0 auto}
.mizium-report-box{width:46%;margin:4% 2% 0}
.mizium-report-box:first-child{margin-left:2%}
.mizium-m2 .cont-alt{margin-top:8%}
}


@media only all and (max-width:1023px){.mizium-section{margin-bottom:3em}
.mizium-section .floating{position:static;width:auto;text-align:center}
.mizium-section .text-box{margin-left:0;margin-right:0;padding-top:3%}
.mizium-section .cont-alt .mizium-box{margin-right:0}
.mizium-section .cont-alt .text-box{margin-left:0;margin-right:0}
.mizium-section .cont-alt .floating{margin-left:0}
.mizium-section .mizium-h{max-width:440px;width:80%;margin-bottom:1em;padding-top:1.5em}
.mizium-section-visual .mizium-h{width:120px;height:120px;margin-left:-60px;margin-top:-60px;padding-top:0}
.mizium-box{width:auto;margin-left:0}
.mizium-report{max-width:480px;margin:0 auto}
.mizium-report-box{width:46%;margin:4% 2% 0}
.mizium-report-box:first-child{margin-left:2%}
.mizium-m2 .cont-alt{margin-top:8%}
}
@media only all and (max-width:480px){.mizium-section-visual .mizium-h{width:100px;height:100px;margin-left:-50px;margin-top:-50px;padding-top:0}
}


/* legacy browser message */
#legacy-browser {
  overflow: hidden;
  position: fixed;
  top: 120px;
  left: 50%;
  width: 840px;
  padding-left: 220px;
  padding-right: 100px;
  margin-left: -580px;
  z-index: 1001;
  background-color: #758246;
  color: #fff;
  font-size: 14px; }
  #legacy-browser p {
    margin: 0 0 10px; }
  #legacy-browser a {
    color: #fff;
    text-decoration: underline; }

.legacy-pad {
  padding: 20px; }

#close-browser-guide {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -16px;
  border: 1px solid #fff; }
  #close-browser-guide .icon:before {
    content: 'X';
    margin-left: 5px; }


.inlinesvg .header .logo-img {
    display: none;
}




 .pop_txt {
    display: block;
    position: relative;
    padding-left: 10px;
    padding-right: 11px;
    font-family: 'Lato','notokr-regular',sans-serif;
    font-weight: 700;
	font-size:13px;
}





@media (min-width: 736px)
{
._myci9 {
    margin-bottom: 0px;
}
._t5r8b {
    margin-right: 0px;
}


}

       #instaPics {  
  
            overflow: hidden;  
       }  
    

@media (max-width: 480px)
{
.order-sh.logo small {
    display: block;
    margin-top: 10px;

}
}



.inquiry_privacy {margin-top: 30px; margin-bottom: 30px; padding-bottom: 40px; border-bottom: 3px solid #DEDEDE; }
.inquiry_privacy h2 {  font-size: 18px;
    font-weight: 100;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-family:Lato,'notokr-medium', NotoSansCJKkr, 맑은고딕, sans-serif;}
.inquiry_privacy_textarea { overflow-y: auto; /* width: 100%; */ height: 104px; padding: 30px; border: 1px solid #DEDEDE; font-weight: 400;font-family: Lato,'notokr-medium', 맑은고딕, sans-serif;margin-left:10px;margin-right:10px;border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;}

.inquiry_privacy_textarea h4{  font-weight: 400;font-family: Lato,'notokr-medium', 맑은고딕, sans-serif;font-size: 15px;}
.inquiry_privacy_textarea strong {     color: #444444; font-weight: 400;}
.inquiry_privacy_textarea pre {   font-family: Lato,'notokr-regular','NotoSansCJKkr', 맑은고딕, sans-serif;     font-size: 14px;
    line-height: 1.1em;color: #888888;letter-spacing: -0.03em; font-weight: 400;overflow: hidden;}
.inquiry_privacy_checkbox { padding: 15px 0; text-align: right; }
.inquiry_privacy_checkbox span { font-size: 15px; color: #888888; }
.inquiry_privacy .checkbox label {
    font-size: 14px;
    color: #827e79;
    line-height: 1.9;
}


figure{  
  width:100%;
  overflow: hidden;
  margin:0;  
}
figure img{
  display:block; 
  width:100%;
}


.change-ratio img{
   margin:0 -38.885%;
   width:277.777%;  
}


.customer_site {
    max-width: 1260px;
    margin: 0 auto;
}

  .customer_site .slick-list{margin:0 30px;}
  .customer_site .slick-slide a{display:block;margin:10px 25px;text-align:center}
  .customer_site .slick-slide a img{display:inline}

  .bottom_wrap{
    border-top: 1px solid #e5e5e5;
}
  .bottom_wrap .slick-prev, .bottom_wrap .slick-next {
    z-index: 1000;
    display: block;
    position: absolute;
    top: 50%;
    width: 25px;
    height: 25px;
    margin-top: -12px;
    text-indent: 100%;
    white-space: nowrap;
    background: url(/tea_img/footer_btn_prev.png) no-repeat left top;
    background-size: 100%;
    overflow: hidden;
}
.bottom_wrap .slick-prev {
    left: 5px;
}

  .bottom_wrap .slick-next {
    right: 5px;
}

  .bottom_wrap .slick-next {
    background-image: url(/tea_img/footer_btn_next.png);
    background-size: 100%;
}


  .bottom_wrap .slick-initialized .slick-slide {
    display: block;
}

  .bottom_wrap .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}



.partner .partner_list {
    overflow: hidden;
    box-sizing: border-box;
    border-top: 1px solid #e6e9ed;
    border-left: 1px solid #e6e9ed;
	padding: 0px;
}


.partner .partner_list li {
    float: left;
    box-sizing: border-box;
    width: 20%;
    border-right: 1px solid #e6e9ed;
    border-bottom: 1px solid #e6e9ed;
    text-align: center;
}



.partner .partner_list li img{
    vertical-align: middle;
    border: 0;
	width:100%;
}


.mar_t30 {
    margin-top: 30px !important;
}



.partner .partner_list li .txt_box {
    box-sizing: border-box;
    height: 100px;
    padding: 16px 0 26px 25px;
    background: #f9f9f9;
    text-align: left;
}


.partner .partner_list li .txt_box2 {
    box-sizing: border-box;
    height: 55px;
    padding: 16px 0 16px 25px;
    background: #f9f9f9;
    text-align: left;
}

.partner .partner_list li .txt_box2 .tit {
    display: block;
    font-size: 13px;
    line-height: 22px;
    color: #222;
	font-family: 'Lato','맑은고딕',sans-serif;
    font-weight: 900;
	letter-spacing: 0.025em;
	
}

.partner .partner_list li .txt_box .tit {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #222;
	font-family: 'Lato','맑은고딕',sans-serif;
    font-weight: 900;
	letter-spacing: 0.025em;
	
}

.partner  .partner_list li .txt_box .txt {
    margin: 2px 0 0;
    font-size: 13px;
    line-height: 24px;
  
	font-family: 'Lato','맑은고딕',sans-serif;
    font-weight: 700;
	    letter-spacing: 0.025em;
}

.more_btn a {
    display: inline-block;
    height: 36px;
    padding: 0 0 0 35px;
    background: url(/rt_img/more_btn.png) no-repeat left center;
    font-size: 13px;
    color: #666;
    line-height: 36px;
}

.partner  .more_btn {
    text-align: center;
    margin: 40px auto 0;
	
}

.more_btn {
    margin: 30px auto 0;
    width: 80px;
	position: relative;
    z-index: 100;
	background: #fff;
}

.more_btn {
    /* display: inline-block; */
    width: 100%;
    max-width: 80px;
    padding: 18px 0;
    border: 1px solid #e6e9ed;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    font-family: 'Lato','NotoSansCJKkr-bold','맑은고딕',sans-serif;
    font-weight: 900;
    color: #222;
    letter-spacing: .25em;
}

@media only screen and (max-width: 1280px)
{
.partner .partner_list li {
    float: left;
    box-sizing: border-box;
    width: 33.3333%;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.partner .partner_list li img {

}


.partner .partner_list li .txt_box .txt {
    margin: 2px 0 0;
    font-size: 13px;
    line-height: 20px;
    font-family: 'Lato','맑은고딕',sans-serif;
    font-weight: 700;
    letter-spacing: 0.025em;
}



.partner  .partner_list li .txt_box {
    box-sizing: border-box;
    height: 80px;
    padding: 7px 0 16px 25px;
    background: #f9f9f9;
    text-align: left;
}
.partner .partner_list li .txt_box .tit {
    display: block;
    font-size: 13px;
    line-height: 22px;
      letter-spacing: 0.025em;
}



}






@media only screen and (max-width: 768px)
{
.partner .partner_list li {
    float: left;
    box-sizing: border-box;
    width: 50%;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
}



 .order_edit .item-cel .item.item-phone .input-shop,  .order_edit .item-cel .item.item-tel .input-shop {
    width: 75px !important;
}



 .order_edit .button {
    font-size: 14px;
    line-height: 20px;
    padding: 7px 20px;
/* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
    border-bottom: 1px solid #625d59;
    background-color: #79746e;
}


 .order_edit  .button:hover,  .order_edit  .button:focus {
    color: #fff;
    border-color: #222;
    background: #222;
	
	
	
	}



 .order_edit .button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
    -o-transition: color 0.3s, background 0.3s, border 0.3s;
    transition: color 0.3s, background 0.3s, border 0.3s;
	    border-color: #4D4B48;
    background-color: #4D4B48;
}
 .order_edit .item {
    padding: 0 10px;
}




 .order_edit select.input-shop {
    padding: 6px 30px 6px 15px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

 .order_edit .input-shop {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

 .order_edit .input,  .order_edit .input-shop,  .order_edit select,  .order_edit .selectbox .selector {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    text-align: left;
    vertical-align: middle;
/* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
    outline: 0;
    -webkit-appearance: none;
    border: 1px solid #e8e8e8;
    border-top-color: #c9c9c9;
    border-bottom-color: transparent;
    background-color: #f7f7f7;
    -webkit-box-shadow: inset 0 1px 0 #e8e8e8;
    -moz-box-shadow: inset 0 1px 0 #e8e8e8;
    box-shadow: inset 0 1px 0 #e8e8e8;
}

 .order_edit .item .gudie-msg {
    /* font-size: 13px; */
    float: right;
    color: #222;
	vertical-align:middle;
	margin-top: 9px;
}

 .order_edit .item.item-address .d-zipcode {
    display: block;
    position: relative;
}

 .order_edit .input-shop {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

 .order_edit .item.item-address .input-shop {
    width: 100%;
}

 .order_edit .item.item-address .d-zipcode .btn {
    position: absolute;
    left: 0;
}

 .order_edit .item.item-address .d-br {
    display: block;
    margin-top: 5px;
}

 .order_edit .input:focus,
 .order_edit .input-shop:focus,
 .order_edit select:focus,
 .order_edit .selectbox .selector:focus {
  padding: 5px 9px;
  border-width: 2px;
  border-color: #7C826A;
}
 .order_edit textarea {
    height:55px;
}

 .order_edit.item.item-address .d-zipcode .input-shop {
    width: auto;
}

 .order_edit .button {
    font-size: 14px;
    line-height: 20px;
    padding: 7px 20px;
/* border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
    border-bottom: 1px solid #625d59;
    background-color: #79746e;
}
 .order_edit .button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
    -o-transition: color 0.3s, background 0.3s, border 0.3s;
    transition: color 0.3s, background 0.3s, border 0.3s;
}

 .order_edit .td-cont button {
  /*   background-color: #79746e; */
}



 .order_edit .checkbox label {
 font-size: 16px;
 color:#827e79;
  line-height:1.9;
}


 .order_edit .item.item-id .id-search {
    display: block;
    position: relative;
    padding-right: 100px;
}

.order_edit .item.item-id .id {
    display: block;
    position: relative;
    /* padding-right: 100px; */
}


 .order_edit .item .gudie-msg {
    float: none;
}
 .order_edit .item-inner .td-cont .input-shop {
    width: 100%;
	margin-bottom: 5px;
}


 .order_edit .item-inner .td-cont .input-shop.x-email1{
    width: 100%;
	margin-bottom: 0px;
}

 .order_edit .item-inner .td-cont .input-shop.x-email2{
    width: 100%;
	margin-top: 5px;
}

 .order_edit .item-inner .td-cont .input-shop.x-email3{
    width: 100%;
	margin-top: 5px;
}


 .order_edit .item-inner .td-cont .input-shop.x-01{
    width: 100%;
	margin-bottom: 0px;
}

 .order_edit .item-inner .td-cont .input-shop.x-02{
    width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}

 .order_edit .item-inner .td-cont .input-shop.x-02{
    width: 100%;
	margin-top: 0px;
}



 .order_edit .item.item-id .id-search .button {
    position: absolute;
    top: 0;
    right: 0;
}

 .order_edit .item.item-address .d-zipcode .button {
    position: absolute;
    left: 0;
}



 .order_edit .item-inner .td-label {
    display: block;
    margin-bottom: 5px;
}

 .order_edit .item.item-address .d-zipcode {
    display: block;
    position: relative;
    padding-left: 100px;
}
 .order_edit .item.item-address .d-zipcode .btn {
    position: absolute;
    left: 0;
}
 .order_edit .item.item-address .d-zipcode .input-shop {
    width: auto;
}
 .order_edit .item.item-text .input-shop {
    width: 100%;
}
 .order_edit .item.item-bank .input-shop {
    width: 100%;
}





@media  (max-width: 480px)
{
.from-box .item-label {
    width: 70px;
}
 .order_edit .item.item-address .d-zipcode .input-shop, .order_edit .item-cel .item.item-phone  .input-shop, .order_edit .input-shop{
    width: 100% !important;
}
 .order_edit .item-inner .td-cont .input-shop.x-01 {
    width: 100%;
    margin-bottom: 0px;
}
}



.pw_pop{position:absolute;top:50%;left:50%;width:100%;max-width:310px;padding:50px 0;margin-left:-155px;background:#fff;border:1px solid #e5e5e5;text-align:center;}
.pw_pop .title{font-size:15px;color:#333;font-weight:600;font-style:bold;}
.pw_pop .info{font-size:14px;margin-top:5px}
.pw_pop .input_pw{position:relative;height:30px;margin-top:15px;}
.pw_pop .input_pw input{height:28px;line-height:28px;}
.pw_pop .input_pw a{display:inline-block;zoom:1;*display:inline;font-size:12px;color:#666;height:28px;line-height:28px;padding:0 18px;margin-left:2px;border:1px solid #e1e1e1;}
.pw_pop .btn_close{position:absolute;top:20px;right:20px}



.product-detail .review .comment-date {
    margin-left: 0.5em;
    color: #999;
}

.product-detail .review .comment-writer, .product-detail .review .comment-date {
    display: inline-block;
    font-size: 1.4em;
	line-height: 14px;
}

.product-detail .review .comment-writer {
    color: #333;
}

.product-detail .review-count {
    margin-top: 0;
    font-size: 1.4em;
	padding-bottom: 15px;
}

.product-detail .review .comments {
    border-top: 2px solid #666;
    border-bottom: 2px solid #666;
}


.product-detail .review .comment.comment-not {
    font-size: 1.5em;
    text-align: center;
    padding: 100px 0;
}

.product-detail .review .comment:first-child {
    border-top: none;
}

.product-detail .review .comment.comment-not {
    font-size: 1.5em;
    text-align: center;
    padding: 100px 0;
}

.product-detail .review .comment {
    padding: 16px 0 16px;
    font-size: 1em;
    border-top: 1px solid #e0e0e0;
}

.product-detail .comment {
    position: relative;
    font-size: 14px;
}


.product-detail .rate {
    display: inline-block;
    letter-spacing: -0.2em;
    vertical-align: middle;
    line-height: 1;
	 font-size: 1.5em;
}

.product-detail .qnum {
    display: inline-block;
    letter-spacing: -0.2em;
    vertical-align: middle;
    line-height: 1;
    font-size: 1.5em;
}

.product-detail .review .comment-text {
    margin: 0.5em 0;
    font-size: 1.4em;
    word-wrap: break-word;
}

@media (min-width: 48em) {
  .product-detail .info-inner {
    padding: 9.30233% 0 2.32558%;
  }
  .product-detail .review .comment-date {
    position: absolute;
    right: 0;
    top: 22px;
    width: 5em;
    text-align: right;
}
  .product-detail .info-section {
    padding: 60px 30px;
  }

  .product-detail .review .comment .rate {
    position: absolute;
    left: 0;
    top: 18px;
    font-size: 1.5em;
}

  .product-detail .review .comment .qnum {
    position: absolute;
    left: 5px;
    top: 20px;
    font-size: 1.5em;
}



  .product-detail .review .comment-text {
    margin:2px 15.33333em 3px 7.13333em;
}

  .product-detail .info-section-inner {
    position: relative;
    padding-left: 25%;
  }

  .product-detail .info-section .h {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -0.1em;
    font-size: 2.6em;
  }

  .product-detail .info + .review .t-wrap .review-inner {
    margin-top: -2.32558%;
  }


  .product-detail .review-inner {
    padding-top: 9.30233%;
}
  .product-detail .review .comment-writer {
    position: absolute;
    right: 7.35714em;
    top: 22px;
    width: 5.5em;
    text-align: left;
}
}


.write-box {
  zoom: 1;
  background-color: #FFF;
  border: 1px solid #e4e4e4;
  font-size: 1.1em;
}

.write-box:before {
  content: '';
  display: block;
}

.write-box:after {
  content: '';
  display: table;
  clear: both;
}

.write-box .item {
  position: relative;
  box-sizing: border-box;
}

.write-box .item-inner {
  padding: 8px 0;
}

.write-box .item-inner .td-label {
  color: #827e79;
  
}

.write-box .item-head {
  padding: 0px 0;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e4e4e4;
}



.write-box select.input-shop {
    /*padding: 6px 30px 6px 15px;*/
    border: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 180px;
    color: #4D4B48;
    font-family: 'Lato','notokr-medium',sans-serif;
}


.write-box .item-cont {
  padding: 10px 0;
}

.write-box .item.item-phone input.input-shop,
.write-box .item.item-tel input.input-shop {
  text-align: center;
}

.write-box .item.item-address .input-shop {
  width: 100%;
}
.write-box .input:focus,
.write-box .input-shop:focus,
.write-box select:focus,
.write-box .selectbox .selector:focus {
  padding: 5px 9px;
  border-width: 2px;
  border-color: #7C826A;
}

.write-box [type="text"],.write-box textarea {
    height: 35px;
    padding: .4em 0.65em;
    border: 1px solid #e0e0e0;
    background: #fff;
    color: #333;
    line-height: 1.3;
    letter-spacing: 0;
    vertical-align: middle;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}


.write-box .item.item-address .d-zipcode {
  display: block;
  position: relative;
  padding-left: 100px;
}

.write-box .item.item-address .d-zipcode .btn {
  position: absolute;
  left: 0;
}

.write-box .item.item-address .d-br {
  display: block;
  margin-top: 5px;
}

.write-box.write-box-comment .item.item-star .d-star .icon {
  color: #333;
  font-size: 17px;
}

.write-box.write-box-comment .item.item-star .d-star .icon:before {
  margin: 0;
}

.write-box.write-box-comment .item.item-comment textarea.input-shop {
  height: 175px;
}

.write-box.write-box-gift .item-head .td-label {
  padding-top: 0;
}

.write-box.write-box-sale {
  margin-top: -1px;
}

.write-box.write-box-sale .item-head .td-label {
  padding-top: 0;
}

.write-box.write-box-sale .item .s-info .tl:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 10px;
  background-color: #e0e0e0;
}

.write-box.write-box-means .item-head .td-label {
  display: none;
}

.write-box.write-box-means .item-cont .td-label,
.write-box.write-box-means .item-cont .td-cont {
  display: block;
  margin-bottom: 7px;
}

.write-box.write-box-means .item-cont .d-messege {
  margin-top: 7px;
  font-size: 0.9em;
}

.write-box.write-box-means .item-cont .input-shop {
  margin-top: 7px;
}

.write-box.write-box-means .item-cont .advice-list {
  margin: 10px 0;
}

.write-box.write-box-product .item-head .td-label {
  padding-top: 0;
}

.write-box.write-box-product .item-cont .item {
  padding: 0;
}

.write-box.write-box-product .item-cont .item-inner {
  padding: 0;
}

.write-box.write-box-product .item-cont .item-thumb {
  zoom: 1;
  text-align: left;
}

.write-box.write-box-product .item-cont .item-thumb:before {
  content: '';
  display: block;
}

.write-box.write-box-product .item-cont .item-thumb:after {
  content: '';
  display: table;
  clear: both;
}

.write-box.write-box-product .item-cont .item-thumb .td-thumb,
.write-box.write-box-product .item-cont .item-thumb .td-cont {
  display: table-cell;
  vertical-align: middle;
}

.write-box.write-box-product .item-cont .item-thumb .td-thumb {
  width: 120px;
}

.write-box.write-box-product .item-cont .item-thumb .td-cont {
  padding-right: 20px;
}

@media (max-width: 47.99em) {
  .write-box .item {
    padding: 0 15px;
  }

  .write-box .item-inner .td-label {
    display: block;
    margin-bottom: 5px;
  }

  .write-box .item-inner .td-cont .input-shop {
    width: 100%;
  }

.write-box select.input-shop {
    padding: 6px 30px 6px 15px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 180px;
    color: #4D4B48;
    font-family: 'Lato','notokr-medium',sans-serif;
}

  .write-box .item.item-letter textarea.input-shop {
    height: 100px;
  }

  .write-box.write-box-comment .item.item-thumb {
    padding: 0;
  }

  .write-box.write-box-comment .item.item-thumb .item-inner {
    padding: 0;
  }

  .write-box.write-box-comment .item.item-thumb .td-thumb,
  .write-box.write-box-comment .item.item-thumb .td-cont {
    display: table-cell;
    vertical-align: middle;
  }

  .write-box.write-box-comment .item.item-thumb .td-cont {
    padding-left: 20px;
    font-size: 13px;
    font-weight: 700;
  }

  .write-box.write-box-comment .item.item-thumb .td-thumb {
    width: 120px;
  }

  .write-box.write-box-comment .item.item-star .td-label,
  .write-box.write-box-comment .item.item-star .td-cont {
    display: table-cell;
    vertical-align: middle;
  }

  .write-box.write-box-comment .item.item-star .td-label {
    width: 60px;
  }

  .write-box.write-box-comment .item.item-star .d-star .icon {
    font-size: 25px;
  }

  .write-box.write-box-deliver .item-head .d-de {
    display: none;
  }
}

@media (max-width: 24.99em) {
  .write-box .item.item-phone .input-shop,
  .write-box .item.item-tel .input-shop {
    width: 30% !important;
  }

  .write-box.write-box-gift .item-gift .td-cont .btn {
    width: 100%;
    margin-top: 7px;
  }

  .write-box.write-box-sale .item .td-cont .s-info {
    width: 100%;
    margin-top: 7px;
  }

  .write-box.write-box-sale .item-saved {
    border-top: 1px solid #e4e4e4;
  }
}

@media (min-width: 25em) {
  .write-box .item.item-phone .input-shop,
  .write-box .item.item-tel .input-shop {
    width: 75px !important;
  }

  .write-box.write-box-gift .item .td-cont {
    position: relative;
  }

  .write-box.write-box-gift .item .td-cont .input-shop {
    width: 210px;
  }

  .write-box.write-box-gift .item .td-cont .btn {
    position: absolute;
    top: 0;
    left: 220px;
  }

  .write-box.write-box-sale .item .td-cont {
    position: relative;
  }

  .write-box.write-box-sale .item .td-cont .input-shop {
    width: 320px;
  }

  .write-box.write-box-sale .item .td-cont .s-info {
    margin-top: 7px;
  }

}

@media (min-width: 48em) {
  .write-box .item {
    padding: 0 20px;
  }

  .write-box .item-inner {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  .write-box .item-inner .td-label,
  .write-box .item-inner .td-cont {
    display: table-cell;
    vertical-align: middle;
  }

  .write-box .item-inner .td-label {
    width: 130px;
    vertical-align: top;
    padding-top: 5px;
  }

  .write-box .item-cont {
    zoom: 1;
  }

  .write-box .item-cont:before {
    content: '';
    display: block;
  }

  .write-box .item-cont:after {
    content: '';
    display: table;
    clear: both;
  }

  .write-box .item.item-letter textarea.input-shop {
    height: 35px;
  }

  .write-box.write-box-comment .item-head,
  .write-box.write-box-comment .item-cont {
    display: table-cell;
    vertical-align: top;
  }

  .write-box.write-box-comment .item-head {
    padding: 0;
    width: 180px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 0;
  }

  .write-box.write-box-comment .item-head .item {
    padding: 0;
  }

  .write-box.write-box-comment .item-head .item-inner {
    padding: 0;
  }

  .write-box.write-box-comment .item-head .td-thumb,
  .write-box.write-box-comment .item-head .td-cont {
    display: block;
  }

  .write-box.write-box-comment .item-head .td-cont {
    padding: 15px;
    border-top: 1px solid #e4e4e4;
	font-size: 13px;
    font-weight: 700;
  }

  .write-box.write-box-deliver .item-head .d-mo {
    display: none;
  }

  .write-box.write-box-deliver .item-head .td-label {
    display: none;
  }

  .write-box.write-box-gift .item .td-cont .input-shop,
  .write-box.write-box-sale .item .td-cont .input-shop {
    width: 320px;
  }

  .write-box.write-box-gift .item .td-cont .s-info,
  .write-box.write-box-gift .item .td-cont .btn,
  .write-box.write-box-sale .item .td-cont .s-info,
  .write-box.write-box-sale .item .td-cont .btn {
    position: absolute;
    top: 0;
    left: 330px;
  }

  .write-box.write-box-gift .item .td-cont .s-info,
  .write-box.write-box-sale .item .td-cont .s-info {
    margin-top: 5px;
  }

  .write-box.write-box-product .item-head .td-cont {
    text-align: right;
  }

  .write-box.write-box-product .item-cont {
    zoom: 1;
  }

  .write-box.write-box-product .item-cont:before {
    content: '';
    display: block;
  }

  .write-box.write-box-product .item-cont:after {
    content: '';
    display: table;
    clear: both;
  }

  .write-box.write-box-product .item-cont .item {
    float: left;
    width: 33.33333%;
  }
}

@media (min-width: 64em) {
  .write-box .item-row {
    zoom: 1;
  }

  .write-box .item-row:before {
    content: '';
    display: block;
  }

  .write-box .item-row:after {
    content: '';
    display: table;
    clear: both;
  }

  .write-box .item-cel {
    float: left;
    width: 50%;
  }

  .write-box .item-cel .item-address .d-br {
    margin-top: 16px;
  }





}
.product-detail .review-inner {
    padding-top: 9.30233%;
}


.input--wide {
    width: 100%;
}




.rcs .col-m-6 .cont {
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    font-size: 1em;
    background-color: #fff;
    background-color: rgba(246, 245, 238, 0.95);
    text-align: center;
    white-space: nowrap;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


.rcs .col-m-6 .cont strong {
    display: block;
    color: #333;
    font-size: 1.2em;
    line-height: 1.4;
    font-weight: normal;
    letter-spacing: -2px;
}


.rcs .col-m-6 .cont strong:before {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    margin: 15px auto 15px auto;
    background-color: #B7AF70;
}





.rcs .col-m-6 .cont span {
    display: inline-block;
    color: #4B4748;
    font-weight: 700;
    /* border-top: 1px solid #b39a78; */
    /* border-bottom: 1px solid #b39a78; */
    border-color: rgba(179, 154, 120, 0.4);
    white-space: nowrap;
    margin-bottom: 0px;
    letter-spacing: 0.23px;
}

.rcs .col-m-6 .cont-cell {
    color: #444;
	font-size: 15px;
}

.rcs .col-m-6 .cont-cell {
    display: inline-block;
    min-width: 100%;
    vertical-align: middle;
    white-space: normal;
}

.rcs .col-m-6 .cont:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}



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

.rcs .col-m-6 .cont strong {
    font-size: 12px;
}


 }


  @media all and (max-width:768px){
            .responsive .at-body .at-container{padding:0;}
            .text-center{padding:0;}
            .item-wrap{margin-top:90px;}
            .responsive .item-tab .tabs .tab-content{padding-left:0 !important;padding-right:0 !important;}
            .item_linner{width:100%;height:1px;background-color:#dedede;margin-top:30px;}/*2차 수정*/
            .responsive .item-head .text{padding-top:30px;height:425px;padding-left:0;padding-right:0;}/*3차수정*/
            .responsive .item-head .form-container{background-color:#fff;text-align: center;}
            .item-head .price{margin-top:15px;margin-bottom:20px;}
            .item-head .price .pull-left{width: 100%;}
            .item-form-footer ul.item-form-btn li:first-child{width:100%;height: 50px;padding-top:0;padding-bottom:0;margin-bottom:2px;padding-right: 0px;}
            .item-form-footer ul.item-form-btn li{width:50%;height: 50px;padding-top:0;padding-bottom:0;    box-sizing: border-box;}
            
            .item-head .list-group{text-align: left;}
            .itemTitle .bold{width:50%;}
            .itemTitle .regular{width:50%;}
            .fs_policy{padding-bottom:20px;}
            
            .order-box .item.item-address .d-coupon .btnwrap {
    float: right;
    margin-top: 5px;
}
.rcs .col-m-6 .cont strong {
    font-size: 12px;
}


  .product-detail .qnum {
  display:none;
}
.product-detail .review .comment {
    padding: 8px 0 16px;
    font-size: 1em;
    border-top: 1px solid #e0e0e0;
}


.communitea-item .b {
   padding: 0 0px 0px; 
    margin-left: 20px;
    margin-bottom: 0px;
    border: 1px solid #e5e5e5;
    border-color: rgba(153, 153, 153, 0.2);
    background-color: #f6f6f6;
    background-color: rgba(255, 255, 255, 0.5);
    border-bottom: 0px solid #e5e5e5;
}



.communitea-item .b img{
width:100%;
}

        }


.comment-form textarea:focus {
   padding: 11px 14px;
  border-width: 2px;
  border-color: #7C826A;
}

.sub_1260 {
    max-width: 1260px;
    margin: auto;
    /* padding: 0 1.5%; */
	padding: 70px 0 0px 0;
}

.state {
    display: inline-block;
    margin-top: 0;
}
.state {
    color: #79746e;
    font-size: 13px;
    width: 55px;
    padding: 4px 2px 4px 0;
    border: 2px solid #79746e;
    text-align: center;
    font-weight: 500;
    margin-top: 1em;
    margin-bottom: 1em;
	    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	    font-family: Lato,'notokr-medium', "맑은 고딕","돋움", dotum, sans-serif;
}

.tag, .state, .file, .label {
    display: inline-block;
    overflow: hidden;
    position: relative;
    line-height: 1;
    text-decoration: none;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.state-ing {
    color: #fff;
    border-color: #ed1c24;
	background-color:#ed1c24;
}

.state-end {
    color: #FFF;
	border: 2px solid #4D4B48;
    background-color:#4D4B48;
}