@import url('legacy2.css?z=557');

.sempio .vision-p > br {
  display: block;
}

.sempio .vision .value {
  margin-top: 22.5%;
  margin-bottom: -15%;
}

.sempio .vision .value-container {
  padding: 0 25%;
}

.sempio .vision .value-item-local .value-title {
  left: -7em;
}

.sempio .vision .value-item-culture .value-title {
  right: -6.2em;
}

.sempio .vision .value-title {
  position: absolute;
  top: 50%;
  margin: -1em 0 0;
  font-size: 1.4em;
  white-space: nowrap;
}

.sempio .fermentation {
  background-attachment: fixed;
  -webkit-box-shadow: inset 0 20px 80px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 20px 80px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 20px 80px rgba(0, 0, 0, 0.3);
}

.mobile .sempio .fermentation {
  background-attachment: scroll;
}

.sempio .fermentation .l-wrap {
  max-width: 1000px;
}

.sempio .fermentation-h {
  font-size: 2.8em;
  line-height: 1.2;
}

.sempio .fermentation-list {
  margin-top: 7.5%;
  padding: 0 6.25%;
}

.sempio .fermentation .item {
  margin-left: 50px;
  margin-right: 50px;
}

.sempio .fermentation .item-year {
  font-size: 2.6em;
}

.sempio .fermentation .item-title {
  line-height: 1.4;
  letter-spacing: -0.1em;
}

.sempio .activities .l-wrap {
  max-width: 1000px;
}

.sempio .activities-h {
  font-size: 2.8em;
  line-height: 1.2;
}

.sempio .activities-list {
  margin-top: 5%;
  padding: 0 12.5%;
}

.sempio .activities .item {
  height: 16.66667em;
}

.sempio .activities .item-title {
  font-size: 1.4em;
}

.sempio .activities .item-desc {
  top: 26%;
  min-height: 6.72em;
}

.sempio .global-content {
  max-width: none;
  padding: 0;
}

.sempio .global-pad {
  display: block;
}

.sempio .global-pad:before {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 10%;
}

.sempio .global-pad-after:before {
  padding-bottom: 25%;
}

.sempio .global .l-section {
  padding: 0;
}

.sempio .global-list {
  padding: 0;
}

.sempio .global-list .slick-prev {
  margin-left: 10px;
}

.sempio .global-list .slick-next {
  margin-right: 10px;
}

.sempio .global .item {
  max-width: 580px;
  height: 100%;
  white-space: nowrap;
}

.sempio .global .item .item-content {
  display: inline-block;
  min-width: 100%;
  vertical-align: middle;
  white-space: normal;
}

.sempio .global .item:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.sempio .global .item.item-even .item-img {
  width: 56.66667%;
}

.sempio .global .item.item-even .item-profile {
  left: auto;
  right: 0;
  bottom: auto;
}

.sempio .global .item.item-even .item-quote-holder {
  width: 43.33333%;
  left: 78.3%;
  top: 15.38462%;
  bottom: -50%;
  height: auto;
}

.sempio .global .item-content {
  height: auto;
  padding-bottom: 0;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.sempio .global .item-img {
  display: inline-block;
  padding: 10px;
  width: 45.83333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25);
}

.sempio .global .item-profile {
  visibility: hidden;
  left: 81.81818%;
  right: auto;
  top: 77.7%;
  bottom: auto;
  padding: 2.5em 4em;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25);
}

.sempio .global .item-quote-holder {
  visibility: hidden;
  width: 54.16667%;
  left: 72.9%;
  right: auto;
  top: 9.72222%;
  bottom: auto;
  height: 68.05556%;
  background: #a3191d;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
}

.sempio .global .item-quote br {
  display: inline-block;
}

.sempio .fermentation-expend {
  padding: 10px;
}

.sempio .fermentation-expend .icon {
  margin: 10px;
}

.sempio .fermentation .item-thumb {
  padding: 10px;
}

.sempio .fermentation .item-thumb .drawborder-left,
.sempio .fermentation .item-thumb .drawborder-right {
  width: 10px;
}

.sempio .fermentation .item-thumb .drawborder-top,
.sempio .fermentation .item-thumb .drawborder-bottom {
  height: 10px;
}

.sempio .fermentation .item-thumb .icon {
  margin: 10px;
}

.sempio .activities .l-wrap {
  max-width: 800px;
}

.sempio .activities-list {
  padding: 0;
  margin-bottom: -5%;
}

.sempio .activities .item {
  height: 17.33333em;
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 5%;
  width: 200px;
}

.sempio .activities .item .drawborder-left,
.sempio .activities .item .drawborder-right {
  width: 10px;
}

.sempio .activities .item .drawborder-top,
.sempio .activities .item .drawborder-bottom {
  height: 10px;
}

.sempio .activities .item.item-inline-title .item-title {
  margin-top: 15px;
}

.sempio .activities .item.item-inline-title .item-detail {
  margin-top: -15px;
}

.sempio .activities .item-title {
  top: 15.38462%;
}

.sempio .activities .item-desc {
  visibility: hidden;
  position: absolute;
  top: 53.84615%;
  min-height: 6.72em;
}

.sempio .activities .item-detail {
  top: 40.38462%;
}

.sempio .global-list .slick-prev {
  left: 16%;
}

.sempio .global-list .slick-next {
  right: 16%;
}

.sempio .fermentation-list .slick-prev {
  margin-left: -80px;
}

.sempio .fermentation-list .slick-next {
  margin-right: -80px;
}

.sempio .global-list .slick-prev {
  left: 20%;
}

.sempio .global-list .slick-next {
  right: 20%;
}

/* about > history - 샘표 70년
-------------------------------------------------- */

.l-history {
  background: #eee;
  background: url(/static/images/a/bg_stripe.gif);
}

.history {
  font-size: 1.5em;
}

.history .about-container:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 15px;
  width: 1px;
  height: 100%;
  background-color: #dfd9d1;
}

.history .about-container:before {
  left: 50%;
}

.history .cover {
  background: #fff;
  margin-bottom: 5%;
}

.history .cover-bg {
  background: #a67a53 url(/static/images/about/history/bg_cover.jpg) 75% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.history .cover-year {
  width: 50%;
  margin: 0 auto;
}

.history .cover-desc {
  margin: 1.7em 0 0;
}

.history .cover-desc > br {
  display: none;
}

.history .cover-desc {
  margin-top: 2em;
}

.history .cover-desc > br {
  display: block;
}

.history .cover-desc > span {
  display: inline-block;
}

.history .cover-bg {
  background-position: 50% 50%;
}

.history .thumb {
  display: block;
  margin-left: -10px;
  margin-right: -10px;
}

.history .thumb + .item-h {
  margin-top: 30px;
}

.history .thumb-fig {
  margin-top: 20px;
}

.history .thumb .player,
.history .thumb .expand {
  display: block;
  padding: 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.history .thumb .player > img,
.history .thumb .expand > img {
  width: 100%;
}

.history .thumb .player .drawborder-left,
.history .thumb .player .drawborder-right,
.history .thumb .expand .drawborder-left,
.history .thumb .expand .drawborder-right {
  width: 10px;
}

.history .thumb .player .drawborder-top,
.history .thumb .player .drawborder-bottom,
.history .thumb .expand .drawborder-top,
.history .thumb .expand .drawborder-bottom {
  height: 10px;
}

.history .thumb .player:after {
  margin: 10px;
}

.history .thumb .expand .icon {
  right: 10px;
  bottom: 10px;
}

.history .thumb .video-subtitles {
  display: none;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  text-align: left;
  padding: 1em;
  background: #fff;
}

.history .thumb-caption {
  font-size: .9em;
  margin-top: 15px;
  color: #aaa;
  word-break: keep-all;
  word-wrap: break-word;
}

.history .thumb-caption .tl {
  display: block;
  color: #888;
  font-weight: bold;
}

.history .section .clear {
  clear: both;
  border: 0;
  margin: 0;
}

.history .section .item {
  zoom: 1;
  position: relative;
  margin-bottom: 80px;
}

.history .section .item:before {
  content: '';
  display: block;
}

.history .section .item:after {
  content: '';
  display: table;
  clear: both;
}

.history .section .item .deco {
  position: absolute;
  display: block;
  top: 15px;
  height: 1px;
  background-color: #dfd9d1;
}

.history .section .item .deco:before,
.history .section .item .deco:after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
}

.history .section .item .deco:before {
  width: 13px;
  height: 13px;
  border: 3px solid #d9ccbb;
  border-radius: 50%;
  behavior: url(/static/js/lib/PIE.htc);
  margin-top: -9px;
}

.history .section .item .deco:after {
  width: 5px;
  height: 5px;
  background-color: #b39a78;
  border-radius: 50%;
  behavior: url(/static/js/lib/PIE.htc);
  margin-top: -2px;
}

.history .section .item .year {
  color: #b39a78;
  font-size: 1.8em;
  font-family: "바탕";
}

.history .section .item-h {
  color: #333;
  font-size: 1.3em;
  letter-spacing: -0.05em;
  word-break: keep-all;
  word-wrap: break-word;
}

.history .section .item-h + .item-h {
  margin-top: 20px;
}

.history .section .item .h4 {
  color: #666;
  font-weight: bold;
}

.history .section .item .h4 + p {
  margin-top: .3em;
}

.history .section .item p {
  word-break: keep-all;
  word-wrap: break-word;
}

.history .section .item p b {
  color: #666;
  font-weight: normal;
}

.history .section .item p + .item-h {
  margin-top: 20px;
}

.history .section .item .deco {
  top: 18px;
}

.history .section .item-h + .item-h {
  margin-top: 40px;
}

.history .section .item p + .item-h {
  margin-top: 40px;
}

.history .section .item-sempio {
  text-align: left;
  padding-left: 13.75%;
  margin-left: 50%;
}

.history .section .item-sempio .deco {
  left: 0px;
  width: 25%;
}

.history .section .item-sempio .deco:before,
.history .section .item-sempio .deco:after {
  left: 0;
}

.history .section .item-sempio .deco:before {
  margin-left: -9px;
}

.history .section .item-sempio .deco:after {
  margin-left: -2px;
}

.history .section .item-world {
  text-align: right;
  padding-right: 13.75%;
  margin-right: 50%;
}

.history .section .item-world .deco {
  right: -1px;
  width: 25%;
}

.history .section .item-world .deco:before,
.history .section .item-world .deco:after {
  right: 0;
}

.history .section .item-world .deco:before {
  margin-right: -9px;
}

.history .section .item-world .deco:after {
  margin-right: -2px;
}

.history .section .item.item-same.item-sempio {
  float: right;
  margin-left: 0;
  width: 36.25%;
}

.history .section .item.item-same.item-world {
  float: left;
  margin-right: 0;
  width: 36.25%;
}

.history .section .item.item-same.item-world .deco:before,
.history .section .item.item-same.item-world .deco:after {
  display: none !important;
}

.history .section-header {
  position: relative;
  z-index: 1;
  margin: 0 0 80px 0;
}

.history .section-header:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 15px;
  width: 1px;
  height: 100%;
  background-color: rgba(223, 217, 209, 0.5);
}

.history .section-header-inner {
  overflow: hidden;
  padding: 30px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.history .section-header .item {
  margin-bottom: 0;
}

.history .section-header .item .thumb .player,
.history .section-header .item .thumb .expand {
  background-color: #e0e0e0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}

.history .section-header:before {
  left: 50%;
}

.history .section-header .item .deco {
  display: none;
}

.history .section-tabs {
  text-align: center;
  z-index: 10;
  margin-top: 30px;
  margin-bottom: 30px;
}

.history .section-tabs .year {
  display: inline-block;
  white-space: nowrap;
  color: #b39a78;
  line-height: 1.3;
  font-family: "바탕";
  letter-spacing: -0.05em;
  border-top: 1px solid rgba(179, 154, 120, 0.4);
  border-bottom: 1px solid rgba(179, 154, 120, 0.4);
  -webkit-text-shadow: 0 0 15px #eee, 0 0 15px #eee, 0 0 10px #eee, 0 0 10px #eee, 0 0 5px #eee;
  -moz-text-shadow: 0 0 15px #eee, 0 0 15px #eee, 0 0 10px #eee, 0 0 10px #eee, 0 0 5px #eee;
  text-shadow: 0 0 15px #eee, 0 0 15px #eee, 0 0 10px #eee, 0 0 10px #eee, 0 0 5px #eee;
}

.history .section-tabs .year-area {
  text-align: center;
  margin-bottom: 15px;
}

.history .section-tabs.is_stuck {
  margin-top: 0;
  padding-top: 15px;
}

.history .section-tabs li {
  display: inline-block;
  width: 110px;
}

.history .section-tabs .tab {
  display: block;
  margin: 0 20px;
  color: #b39a78;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  pointer-events: none;
}

.history .section-tabs .year {
  font-size: 2.2em;
}

.history .section-tabs.is_stuck .year {
  font-size: 1.4em;
}

.history .section-list {
  color: #888;
  padding-left: 0;
}

.history-video {
  width: 80%;
  max-width: 820px;
}

.history-video.current {
  display: inline-block;
}

.history-video-subtitle {
  overflow: hidden;
  overflow-y: auto;
  max-height: 200px;
}

/* about > ci - 샘표 CI
-------------------------------------------------- */

.l-ci {
  background: #eee;
  background: url(/static/images/a/bg_stripe.gif);
}

.ci {
  font-size: 1.5em;
}

.ci .l-wrap {
  max-width: 900px;
  padding: 0 20px;
  padding: 0 30px;
}

.ci .cover {
  background: #fff;
}

.ci .cover-bg {
  background-color: #a67a53;
  background-image: url(/static/images/about/ci/bg_cover.jpg);
}

.ci .cover-concept .l-wrap {
  max-width: 1200px;
  height: 100%;
}

.ci-draw {
  position: relative;
  overflow: visible !important;
  width: 80.46875%;
  z-index: 1;
}

.ci-draw-img {
  display: none;
}

.ci .concepts {
  position: relative;
  height: 100%;
}

.ci .concept {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 25%;
  max-width: 130px;
  font-family: "NotoSans", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", "돋움", dotum, sans-serif;
}

.ci .concept-title {
  position: relative;
  display: block;
  z-index: 2;
  text-decoration: none;
  outline: none;
}

.ci .concept-title:hover .concept-img,
.ci .concept-title:focus .concept-img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.ci .concept-img {
  position: relative;
  display: block;
  padding: 0.6em;
  border: 2px solid #fff;
  border-radius: 100%;
  behavior: url(/static/js/lib/PIE.htc);
  background: #c6b9a4;
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1.1, 0.6, 1.2);
  -o-transition: all 0.5s cubic-bezier(0.2, 1.1, 0.6, 1.2);
  transition: all 0.5s cubic-bezier(0.2, 1.1, 0.6, 1.2);
}

.ci .concept-h {
  margin: 0.4em -10em 0;
  color: #333;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: -0.05em;
}

.ci .concept-sub {
  display: block;
  margin: 0.1em;
  color: #645238;
  font-family: "바탕";
  font-size: .85em;
  text-transform: uppercase;
  font-weight: bold;
}

.ci .concept-text {
  visibility: hidden;
  margin: 0.7em -150%;
  text-align: center;
  color: #645238;
  font-size: .6em;
  letter-spacing: -0.1em;
}

.ci .concept-text > strong {
  font-size: 1.1em;
  line-height: 1.7;
}

.ci .concept-keywords > li {
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 65px;
  width: 8em;
  font-size: 0.9em;
  font-weight: bold;
  margin-left: -4em;
  color: #333;
  letter-spacing: -0.05em;
}

.ci .concept-keywords > li:before,
.ci .concept-keywords > li .concept-keyword-circle {
  position: relative;
  content: "";
  display: block;
  margin: 0 auto 0.3em;
  width: 1.15385em;
  height: 1.15385em;
  border: 2px solid #fff;
  border-radius: 100%;
  behavior: url(/static/js/lib/PIE.htc);
  background: #c6b9a4;
  z-index: 1;
}

.ci .concept-keyword {
  position: relative;
  z-index: 1;
}

.ci .concept-line {
  position: absolute;
  left: 0;
  top: 0;
  border-top: 2px solid #fff;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.ci .concept.is-active .concept-title {
  cursor: default;
}

.ci .concept.is-active .concept-img {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

.ci .concept-heritage {
  left: 15.55556%;
  top: 57.57576%;
}

.ci .concept-delicious {
  left: 73.33333%;
  top: 18.18182%;
}

.ci .concept-happy {
  left: 77.77778%;
  top: 68.18182%;
}

.ci .concept-close {
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em;
  color: #fff;
  font-size: 30px;
  line-height: 0;
  z-index: 10;
}

.ci .concept-close [class^="icon-"]:before {
  margin: 0;
}

.ci .concept-close .icon-close {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=50);
  opacity: 0.5;
  -webkit-transition: all 0.3s, cubic-bezier(0.2, 0.05, 0.05, 1);
  -o-transition: all 0.3s, cubic-bezier(0.2, 0.05, 0.05, 1);
  transition: all 0.3s, cubic-bezier(0.2, 0.05, 0.05, 1);
}

.ci .concept-close:focus .icon-close,
.ci .concept-close:hover .icon-close {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ci .video .player {
  margin-top: 24.13793%;
}

.ci .video .player-overlay {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  white-space: nowrap;
}

.ci .video .player-overlay .player-title {
  display: inline-block;
  min-width: 100%;
  vertical-align: middle;
  white-space: normal;
}

.ci .video .player-overlay:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.ci .video .player-title {
  text-align: center;
}

.ci .video-h {
  color: #fff;
  font-size: 2.4em;
  font-family: "바탕";
  letter-spacing: -0.05em;
  text-transform: uppercase;
  z-index: 20;
  margin-top: -45px;
}

.ci .video .icon-play {
  margin-top: 0;
}

.ci .renew {
  visibility: hidden;
  margin: 0 auto;
  max-width: 1000px;
}

.ci .renew-container {
  position: relative;
}

.ci .renew-clip {
  padding: 16.66667% 0;
}

.ci .renew-section {
  position: relative;
}

.ci .renew-hr {
  margin: 0;
  padding: 0;
  border: none;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #fafafa;
}

.ci .renew-year {
  display: inline-block;
  margin-bottom: 0.3em;
  padding: 0.1em 0 0;
  color: #b39a78;
  font-size: 1.8em;
  font-family: "바탕";
  border-width: 1px;
  line-height: 1.2;
  letter-spacing: -0.05em;
  border-color: #b39a78;
  border-color: rgba(179, 154, 120, 0.4);
  border-top-style: solid;
  border-bottom-style: solid;
}

.ci .renew-h {
  margin-bottom: 0.3em;
  color: #333;
  font-size: 1.8em;
  font-family: "바탕";
  letter-spacing: -0.05em;
}

.ci .renew-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 131px;
}

.ci .renew-img-large {
  display: none;
}

.ci .renew-desc {
  letter-spacing: -0.05em;
  text-align: justify;
  word-break: keep-all;
  word-wrap: break-word;
}

.ci .ci-history-list {
  position: relative;
  margin-bottom: 24.13793%;
}

.ci .ci-history-list:before {
  content: "";
  position: absolute;
  top: 2.9em;
  left: 10%;
  right: 10%;
  border-top: 1px solid #cac0b3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.ci .ci-history-list .item {
  width: 20%;
  padding: 0 3%;
  text-align: center;
}

.ci .ci-history-list .item-year {
  display: block;
  color: #b39a78;
  font-size: 1.2em;
  line-height: 1.5em;
  font-family: "바탕";
}

.ci .ci-history-list .item-dot {
  position: relative;
  margin: 0.5em 0 1.5em;
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  border: 0.2em solid #b39a78;
  border-color: rgba(179, 154, 120, 0.5);
  border-radius: 100%;
  behavior: url(/static/js/lib/PIE.htc);
}

.ci .ci-history-list .item-dot:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.3em;
  height: 0.3em;
  margin: -0.15em 0 0 -0.15em;
  border-radius: 100%;
  behavior: url(/static/js/lib/PIE.htc);
  background: #b39a78;
}

.ci .ci-history-list .item-img {
  margin: 0 auto;
  display: block;
}

.ci .emblem {
  background: #403a31;
  text-align: center;
}

.ci .emblem-content {
  padding: 24.13793% 0;
}

.ci .emblem-img {
  position: relative;
  margin: 0 auto 9%;
  width: 56.89655%;
  line-height: 0;
}

.ci .emblem-img > img {
  visibility: hidden;
}

.ci .emblem-img > img:first-child {
  visibility: visible;
  margin-bottom: -100%;
}

.ci .emblem-h {
  margin-bottom: 0.5em;
  color: #fff;
  font-size: 1.8em;
  font-family: "바탕";
  letter-spacing: -0.05em;
  word-break: keep-all;
  word-wrap: break-word;
}

.ci .emblem-p {
  margin: 0;
  color: #c3b196;
  font-size: 1.1em;
  word-break: keep-all;
  word-wrap: break-word;
}

.ci .renew-img {
  width: 170px;
}

.ci-draw {
  width: 57.22222%;
}

.ci .concept-img {
  padding: 0.8em;
  border: 2px solid #fff;
}

.ci .concept-h {
  margin-top: 0.6em;
}

.ci .concept-text {
  letter-spacing: -0.05em;
}

.ci .concept-heritage {
  left: 18.66667%;
  top: 51.51515%;
}

.ci .concept-delicious {
  left: 73.33333%;
  top: 21.21212%;
}

.ci .concept-happy {
  left: 70%;
  top: 74.24242%;
}

.ci .concept-close {
  right: 0.3em;
  top: 0.3em;
}

.ci .video .player {
  margin: 13.33333% 0;
}

.ci .video-h {
  font-size: 3.4em;
  top: 45%;
}

.ci .video .icon {
  margin-top: 20px;
}

.ci .renew {
  padding: 120px 10px 0;
  position: relative;
  cursor: e-resize;
}

.ci .renew-container {
  padding: 5.55556% 0;
  min-height: 16em;
}

.ci .renew-clip {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  width: 39.5%;
}

.ci .renew-section {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  margin: 0;
}

.ci .renew-hr {
  display: none;
}

.ci .renew-title {
  position: absolute;
  left: 0;
  top: 50%;
}

.ci .renew-year {
  font-size: 2.2em;
  line-height: 0.95;
}

.ci .renew-h {
  margin-bottom: -0.3em;
  font-size: 2.2em;
}

.ci .renew-img {
  display: none;
}

.ci .renew-img-large {
  display: block;
  position: absolute;
  left: 54%;
  top: 50%;
  width: 45%;
}

.ci .renew-desc {
  position: absolute;
  right: 0;
  width: 38.88889%;
  top: 50%;
  margin: 0;
  line-height: 1.4;
}

.ci .renew-new {
  left: auto;
  right: 0;
  width: 60.5%;
}

.ci .renew-new .renew-section {
  left: auto;
  right: 0;
}

.ci .renew-new .renew-title {
  left: auto;
  right: 0;
}

.ci .renew-new .renew-desc {
  right: auto;
  left: 0;
  width: 27.77778%;
}

.ci .renew .handle {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -1px;
  background: url(/static/images/about/ci/icon_handle_bar.png) no-repeat;
}

.ci .renew .handle:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100px;
  bottom: 0;
  width: 2px;
  background: #444;
}

.ci .renew .handle-button {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -27px;
  width: 54px;
  height: 26px;
  background: url(/static/images/about/ci/icon_handle_button.png) no-repeat;
}

.ci .ci-history-list {
  margin-top: 8.88889%;
  margin-bottom: 13.33333%;
}

.ci .emblem {
  background-image: url(/static/images/a/bg_dotted.jpg);
}

.ci .emblem-content {
  padding: 15.55556% 0;
}

.ci .emblem-img {
  margin-bottom: 4%;
}

.ci .emblem-h {
  font-size: 2.2em;
}

.ci .video-h {
  margin-top: -80px;
}

.ci .renew-desc {
  line-height: 1.5;
}

/* 리스트
-------------------------------------------------- */

.news {
  font-size: 1.5em;
  letter-spacing: -1px;
}

.news-list {
  zoom: 1;
  margin-left: -10px;
}

.news-list:before {
  content: '';
  display: block;
}

.news-list:after {
  content: '';
  display: table;
  clear: both;
}

.news-list .item {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}

.news-list .item-thumb > img {
  width: 100%;
}

.news-list .item-cont {
  padding: 20px 15px;
}

.news-list .item-cont .h {
  overflow: hidden;
  color: #333;
  font-size: 1.2em;
  line-height: 1.3;
  max-height: 70.2px;
  word-break: keep-all;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
}

.news-list .item-cont p {
  color: #777;
  font-size: 1em;
  max-height: 4.5em;
  word-break: keep-all;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
}

.news-list .item-footer {
  zoom: 1;
  padding: 10px 15px;
  background: url(/static/images/a/line_dot.png) top repeat-x;
}

.news-list .item-footer:before {
  content: '';
  display: block;
}

.news-list .item-footer:after {
  content: '';
  display: table;
  clear: both;
}

.news-list .item-footer .date {
  color: #b39a78;
}

.news-list .item-footer .state {
  display: block;
  margin-top: 8px;
}

.news-list .item-a {
  display: block;
  position: relative;
  margin: 0 0 10px 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.news-list .item-a .drawborder-left,
.news-list .item-a .drawborder-right {
  width: 10px;
}

.news-list .item-a .drawborder-top,
.news-list .item-a .drawborder-bottom {
  height: 10px;
}

.news-list .item-a:hover,
.news-list .item-a:focus {
  text-decoration: none;
}

.news-list .item-a:hover .icon,
.news-list .item-a:focus .icon {
  background-color: #b61c21;
}

.news-tags {
  text-align: center;
  margin-bottom: 20px;
}

.news-tags-tag {
  display: inline-block;
  word-wrap: break-word;
  position: relative;
  color: #fff;
  font-size: 1.8em;
  line-height: 1.2;
  text-decoration: none;
  vertical-align: middle;
  padding: 7px 10px;
  background-color: #aea49a;
  border-radius: 3px;
  behavior: url(/static/js/lib/PIE.htc);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.news-tags-tag:before {
  content: '#';
}

.news-tags-tag:hover,
.news-tags-tag:focus {
  background-color: #9e968c;
}

.news-tags-result em {
  color: #b39a78;
  font-weight: bold;
}

.news-list {
  margin-left: -20px;
}

.news-list .item {
  width: 33.33333%;
}

.news-list .item-cont {
  padding: 30px 35px;
}

.news-list .item-footer {
  padding: 20px 35px;
  text-align: right;
}

.news-list .item-footer .date {
  float: left;
}

.news-list .item-footer .state {
  display: inline-block;
  margin-top: 0;
}

.news-list .item-a {
  margin: 0 0 20px 20px;
}

.news-list .item-a:hover:before,
.news-list .item-a:focus:before {
  border-width: 10px;
}

.news-tags {
  margin-bottom: 30px;
}

.news-tags-tag {
  padding: 12px 20px;
  border-radius: 5px;
  behavior: url(/static/js/lib/PIE.htc);
  font-size: 2.4em;
}

.news-tags-result em {
  color: #b39a78;
  font-weight: bold;
}

.news-tags-tag {
  font-size: 3em;
}

/* event
-------------------------------------------------- */

.for-desk .detail-event-box {
  padding: 5.30303% 6.81818%;
  border: 10px solid #eee;
}

.for-desk .detail-event-box .hr {
  display: block;
  margin: 30px 0;
  height: 1px;
  background: #ddd;
}

.for-desk .detail-event-box .func {
  margin-top: 20px;
}

.event-table td.tel {
  padding-right: 5px;
}

.award-view li {
  font-size: 1.33333em;
}

.dot-list strong.title {
  display: inline-block;
  width: 75px;
}

.dot-list .color {
  color: #333;
}

.br {
  display: block;
}

.market {
  margin: 0;
  padding-bottom: 50px;
  background: #f2f2f2;
  padding-bottom: 100px;
}

.market .l-wrap {
  max-width: 960px;
}

.market-icon .icon {
  overflow: visible;
  display: block;
  line-height: 1;
  margin-bottom: 2.5px;
}

.market-icon .icon:before {
  margin: 0;
  vertical-align: top;
}

.market-icon .icon-best {
  color: #ff6153;
}

.market-icon .icon-new {
  color: #7a9c4b;
}

.market-icon .icon-gift {
  color: #e39825;
}

.market-icon .icon {
  margin-bottom: 5px;
}

.market-cont {
  margin: 20px 0 50px;
}

.market .promotion {
  background-color: #000;
}

.market .promotion .slider {
  overflow: hidden;
  visibility: hidden;
  marign: 0 auto;
  max-width: 1920px;
}

.market .promotion .slide {
  display: none;
  background: 50% 50% no-repeat;
  background-size: cover;
}

.market .promotion .slide:first-child {
  display: block;
}

.market .promotion .slide-spacer {
  height: 325px;
  white-space: nowrap;
}

.market .promotion .slide-spacer .slide-content {
  display: inline-block;
  min-width: 100%;
  vertical-align: middle;
  white-space: normal;
}

.market .promotion .slide-spacer:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.market .promotion .slide-content {
  text-align: center;
}

.market .promotion .slide-h {
  padding: 0 30px;
  color: #fff;
  font-size: 2.5em;
  letter-spacing: -0.05em;
  line-height: 1.3;
}

.market .promotion .slide-sub {
  padding: 0 30px;
  margin: 0.8em 0 0;
  color: #fff;
  font-size: 1.4em;
}

.market .promotion .slide-btn {
  margin-top: 20px;
}

.market .promotion .slick-slider {
  visibility: visible;
}

.market .promotion .slick-slider .slide {
  display: block;
}

.market .notfound {
  margin-left: 10px;
  padding: 26.22951% 0;
  text-align: center;
  background: #fff;
}

.market .notfound .icon {
  margin-bottom: 0.2em;
  color: #827e79;
  font-size: 4em;
}

.market .notfound-h {
  margin: 0.28571em 0;
  color: #333;
  line-height: 1.2;
  font-size: 2.1em;
}

.market .notfound-msg {
  margin: 0;
  font-size: 1.5em;
}

.market .recommend {
  overflow: hidden;
  margin-top: 20px;
  margin-left: 10px;
}

.market .recommend-h {
  color: #333;
  font-size: 1.8em;
  line-height: 1;
}

.market .recommend-list {
  margin-top: 15px;
  margin-left: -10px;
}

.market .recommend-list .item-spacer {
  margin-top: 0 !important;
}

.market .recommend .slick-dots {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -25px;
  white-space: nowrap;
}

.market .recommend .slick-dots > li {
  display: inline-block;
  margin-left: 10px;
}

.market .recommend .slick-dots > li > button {
  overflow: hidden;
  padding: 0;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  behavior: url(/static/js/lib/PIE.htc);
  background-color: #aea59a;
  text-indent: -10em;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.market .recommend .slick-dots > li.slick-active > button {
  background-color: #b61c21;
}

.market .promotion .slide-spacer {
  height: 400px;
}

.market .promotion .slide-h {
  font-size: 3.6em;
}

.market .promotion .slide-sub {
  font-size: 1.6em;
}

.market .promotion .slide-btn {
  margin-top: 25px;
}

.market .promotion .slide-btn .btn {
  padding: 12px 50px;
  font-size: 16px;
}

.market .notfound {
  margin-left: 20px;
  padding: 180px 0;
}

.market .notfound .icon {
  font-size: 5em;
}

.market .notfound-h {
  font-size: 2.4em;
}

.market .recommend {
  margin-top: 60px;
  margin-left: 20px;
}

.market .recommend-h {
  font-size: 2em;
}

.market .recommend-list {
  margin-top: 20px;
  margin-left: -20px;
}

.market .recommend .slick-dots {
  margin-top: -30px;
}

.market .finder {
  float: left;
  width: 25%;
}

.market .finder-spacer {
  margin-left: 20px;
}

.products-header {
  position: relative;
  margin-top: 20px;
  padding: 0.6em 0;
  border-top: 1px solid #d6ccc0;
  border-bottom: 1px solid #d6ccc0;
}

.products-header .h {
  color: #b39b79;
  font-size: 2.1em;
  font-family: "바탕";
  letter-spacing: -0.05em;
}

.products-header .btn-finder {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
}

.products-wrap {
  position: relative;
  margin-left: -10px;
  margin-top: 20px;
}

.products-list-wrap {
  position: relative;
}

.products-loading {
  display: none;
  position: absolute;
  left: 50%;
  top: 50px;
  margin-left: -40px;
  padding: 15px;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 90px;
  behavior: url(/static/js/lib/PIE.htc);
  z-index: 20;
}

.products-list {
  zoom: 1;
  margin-top: -10px;
}

.products-list:before {
  content: '';
  display: block;
}

.products-list:after {
  content: '';
  display: table;
  clear: both;
}

.products .item {
  float: left;
  width: 50%;
}

.products .item-spacer {
  position: relative;
  margin-left: 10px;
  margin-top: 10px;
}

.products .item-cont {
  position: relative;
  display: block;
  text-align: center;
  background: #fff;
}

.products .item-cont ._before,
.products .item-cont:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  background: #fff;
  opacity: 0;
  z-index: 10;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s;
  -o-transition: visibility 0s 0.3s, opacity 0.3s;
  transition: visibility 0s 0.3s, opacity 0.3s;
}

.products .item-cont:after {
  content: '\e854';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -29px;
  margin-top: -29px;
  visibility: hidden;
  width: 58px;
  height: 58px;
  font-family: fontello;
  color: #fff;
  font-size: 2.4em;
  text-align: center;
  line-height: 58px;
  background: #b39a78;
  border-radius: 58px;
  behavior: url(/static/js/lib/PIE.htc);
  z-index: 11;
  opacity: 0;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s, transform 0.3s;
  -o-transition: visibility 0s 0.3s, opacity 0.3s, transform 0.3s;
  transition: visibility 0s 0.3s, opacity 0.3s, transform 0.3s;
}

.products .item-cont:hover,
.products .item-cont:focus {
  text-decoration: none;
}

.no-mobile .products .item-cont:hover ._before,
.no-mobile .products .item-cont:hover:before,
.no-mobile .products .item-cont:focus ._before,
.no-mobile .products .item-cont:focus:before {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=70);
  opacity: 0.7;
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}

.no-mobile .products .item-cont:hover:after,
.no-mobile .products .item-cont:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: 0s, 0s, 0s;
  transition-delay: 0s, 0s, 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.products .item-img {
  position: relative;
  overflow: hidden;
  display: block;
  height: 0;
  padding-bottom: 100%;
  z-index: 1;
}

.products .item-icon {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 3em;
}

.products .item-icon .sign {
  margin-top: 2.5px;
}

.products .item-icon .sign:first-child {
  margin-top: 0;
}

.products .item-text {
  position: relative;
  margin-top: -10px;
  padding: 30px 15px 12px;
  height: 74px;
}

.products .item-label {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 30px;
}

.products .item .h {
  overflow: hidden;
  font-size: 1.5em;
  letter-spacing: -0.05em;
  word-break: keep-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  max-height: 3em;
}

.products .item-price {
  color: #333;
  font-size: 1.4em;
  letter-spacing: -0.05em;
}

.products .item-price > strong {
  font-size: 1.21429em;
}

.products .item-price-original {
  color: #888;
}

.products .item-cart {
  display: block;
  width: 100%;
  padding: 0;
  color: #b39a78;
  font-size: 1.5em;
  line-height: 2.26667;
  letter-spacing: -0.05em;
  background: #fff;
  border-top: 1px solid #e0e0e0;
  -webkit-transition: color 0.2s, border 0.2s, background 0.2s;
  -o-transition: color 0.2s, border 0.2s, background 0.2s;
  transition: color 0.2s, border 0.2s, background 0.2s;
}

.products .item-cart:hover {
  color: #fff;
  border-top-color: transparent;
  background: #b61c21;
}

.products .item.item-soldout .item-cont ._before,
.products .item.item-soldout .item-cont:before {
  display: block !important;
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.products .item.item-soldout .item-cont:after {
  display: block !important;
  content: "일시품절";
  visibility: visible;
  font-size: 13px;
  font-family: "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", "돋움", dotum, sans-serif;
  line-height: 58px;
  background: #79746e;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.products .item.item-soldout .item-cart {
  color: #e8e1d7;
  border-top-color: #f6f6f6;
}

.products .item.item-soldout .item-cart:hover {
  color: #e8e1d7;
  border-top-color: #f6f6f6;
  background: #fff;
}

.products .pagination {
  margin-top: 30px;
  font-size: 1.5em;
}

.products .item {
  width: 33.33333%;
}

.products-wrap {
  zoom: 1;
  margin-top: 40px;
  margin-left: -20px;
}

.products-wrap:before {
  content: '';
  display: block;
}

.products-wrap:after {
  content: '';
  display: table;
  clear: both;
}

.products-list {
  margin-top: -20px;
}

.products-loading {
  top: 70px;
  margin-left: -35px;
}

.products .item-spacer {
  margin-left: 20px;
  margin-top: 20px;
}

.products .item-icon {
  font-size: 4em;
}

.products .item-text {
  padding: 27px 20px 14px;
}

.products .item-price {
  font-size: 1.5em;
}

.products .item-price > strong {
  font-size: 1.33333em;
}

.products .item-cart {
  line-height: 3;
}

.products-header {
  overflow: hidden;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
}

.products-list-wrap {
  float: left;
  width: 75%;
}

.market-detail .l-wrap {
  max-width: 860px;
}

.market-detail .rate {
  display: inline-block;
  letter-spacing: -0.2em;
  vertical-align: middle;
  line-height: 1;
}

.market-detail .rate .icon {
  color: #333;
}

.market-detail .rate .icon:before {
  margin: 0 0 0.1em -0.2em;
  width: 1.2em;
}

.market-detail .rate .icon-star-outline {
  color: #888;
}

.market-detail .price {
  font-size: 1.6em;
  letter-spacing: -0.05em;
  word-break: break-all;
}

.market-detail .price-item {
  display: inline-block;
  margin-right: 0.1em;
}

.market-detail .price-item-original.is-hidden {
  display: none;
}

.market-detail .price-current {
  color: #b61c21;
  font-size: 1.5em;
  line-height: 1;
}

.market-detail .price .icon {
  vertical-align: -0.1em;
  color: #888;
}

.market-detail .price .icon:before {
  margin-left: 0;
}

.market-detail .action .btn {
  float: left;
  width: 48.78049%;
  padding-left: 0;
  padding-right: 0;
}

.market-detail .action .btn + .btn {
  float: right;
}

.market-detail .action-cart[disabled] {
  background-color: #79746e;
}

.market-detail .action-buy[disabled] {
  border-bottom-color: transparent;
  background-color: #aea69b;
}

.market-detail .action .action-stopsale {
  width: 100%;
}

.market-detail .summary {
  background-color: #f2f2f2;
}

.market-detail .summary-pad {
  padding: 20px 0 0;
}

.market-detail .summary-img {
  position: relative;
  text-align: center;
}

.market-detail .summary-img-item {
  position: relative;
  display: none;
}

.market-detail .summary-img-item:first-child {
  display: block;
}

.market-detail .summary-img-inner {
  position: relative;
  height: 0;
  padding-bottom: 100%;
}

.market-detail .summary-img-icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 48px;
}

.market-detail .summary-img.slick-slider .summary-img-item {
  display: block;
}

.market-detail .summary-row {
  margin: 0;
  padding: 16px 0;
  border-top: 1px solid #d9d9d9;
}

.market-detail .summary-title {
  padding-top: 10px;
  border-top: none;
}

.market-detail .summary .h {
  color: #333;
  font-size: 2.5em;
  font-family: "바탕";
  letter-spacing: -0.05em;
}

.market-detail .summary-desc {
  margin: 5px 0 0;
  color: #333;
  font-size: 1.5em;
  letter-spacing: -0.05em;
  line-height: 1.6;
}

.market-detail .summary-desc > p {
  display: inline;
  margin: 0;
}

.market-detail .summary .option {
  display: none;
  width: 100%;
}

.market-detail .summary .option-name {
  margin-bottom: 8px;
  font-size: 1.5em;
}

.market-detail .summary .option-item {
  display: table-cell;
  white-space: nowrap;
  vertical-align: top;
}

.market-detail .summary .option-item-wide {
  zoom: 1;
  width: 100%;
}

.market-detail .summary .option-item-wide:before {
  content: '';
  display: block;
}

.market-detail .summary .option-item-wide:after {
  content: '';
  display: table;
  clear: both;
}

.market-detail .summary .option-control {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.market-detail .summary .option-control:checked + .option-type {
  color: #fff;
  background-color: #aea59a;
}

.market-detail .summary .option-type {
  position: relative;
  padding: 0.4em 0.6em;
  color: #aea59a;
  font-size: 1.5em;
  border: #aea59a 1px solid;
  border-radius: 3px;
  behavior: url(/static/js/lib/PIE.htc);
  background-color: #fff;
}

.market-detail .summary .option-type.is-checked {
  color: #fff;
  background-color: #aea59a;
}

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

.market-detail .summary .option-count {
  float: right;
  width: 100%;
  max-width: 195px;
}

.market-detail .summary .option .spinner {
  font-size: 1.5em;
}

.market-detail .summary-shipping {
  font-size: 1.5em;
}

.market-detail .summary-review {
  border-bottom: none;
  font-size: 1.4em;
}

.market-detail .summary-review .rate {
  font-size: 1.1em;
}

.market-detail .summary-review-name {
  display: inline-block;
  margin-left: 0.5em;
  color: #333;
  vertical-align: middle;
  word-break: break-all;
}

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

.market-detail .summary-review .ticker-item {
  display: none;
}

.market-detail .summary-review .ticker-item:first-child {
  display: block;
}

.market-detail .summary-review .ticker.slick-slider .ticker-item {
  display: block;
}

.market-detail .summary .action {
  display: none;
}

.market-detail .summary-pad {
  padding: 9.30233% 0;
}

.market-detail .summary-inner {
  zoom: 1;
  position: relative;
}

.market-detail .summary-inner:before {
  content: '';
  display: block;
}

.market-detail .summary-inner:after {
  content: '';
  display: table;
  clear: both;
}

.market-detail .summary-img {
  float: left;
  width: 47.67442%;
  padding-bottom: 75px;
}

.market-detail .summary-img-icon {
  font-size: 50px;
}

.market-detail .summary-content {
  float: right;
  width: 47.67442%;
  padding-bottom: 75px;
}

.market-detail .summary-title {
  padding-top: 0;
}

.market-detail .summary .h {
  margin-top: -0.2em;
  font-size: 3.4em;
}

.market-detail .summary-label {
  display: inline-block;
}

.market-detail .summary .option {
  display: table;
}

.market-detail .summary .price {
  font-size: 1.8em;
}

.market-detail .summary .price-current {
  font-size: 1.66667em;
}

.market-detail .summary-review {
  position: absolute;
  left: 0;
  bottom: 45px;
  width: 47.67442%;
  height: 0;
  padding: 0;
  border: 0;
}

.market-detail .summary-review-text {
  margin-top: 7px;
}

.market-detail .summary .action {
  display: block;
  position: absolute;
  right: 0;
  bottom: 45px;
  width: 47.67442%;
  height: 0;
}

.market-detail .summary .option.option-small .option-type {
  margin-right: 5px;
  padding-left: 0.3em;
  padding-right: 0.3em;
}

.market-detail .purchase {
  display: none;
}

.market-detail .purchase .panel-inner {
  padding-top: 25px;
}

.market-detail .purchase .row-name {
  position: absolute;
  left: 0;
  top: 50%;
  width: 70px;
  margin-top: -0.75em;
  font-size: 1.5em;
}

.market-detail .purchase .row-price {
  margin-top: 20px;
}

.market-detail .purchase .selectbox {
  display: block;
}

.market-detail .purchase .selectbox .selector {
  width: auto !important;
  padding: 0.4em 1em;
  color: #666;
  font-size: 15px;
  border: #aea59a 1px solid;
  border-radius: 3px;
  behavior: url(/static/js/lib/PIE.htc);
  background-color: #fff;
  box-shadow: none;
}

.market-detail .purchase .selectbox-option {
  margin-top: -1px;
  border: #aea59a 1px solid;
  border-radius: 3px;
  behavior: url(/static/js/lib/PIE.htc);
}

.market-detail .purchase .selectbox-val {
  padding: 0.4em 1em;
}

.market-detail .purchase .spinner {
  font-size: 1.5em;
}

.market-detail .purchase .spinner-num {
  padding: 0.367em 0;
}

.market-detail .purchase .price {
  text-align: right;
}

.market-detail .purchase .action {
  overflow: hidden;
  margin-top: 20px;
  padding: 0;
}

.market-detail .purchase.is-folded .panel-inner {
  padding-top: 15px;
}

.market-detail .purchase.is-folded .action {
  margin-top: 0;
}

.market-detail .purchase.is-folded .action-cart {
  display: none;
}

.market-detail .purchase.is-folded .action-buy {
  width: 100%;
}

.market-detail .content-nav {
  font-size: 1.6em;
  margin-top: -1px;
  padding-top: 1px;
  border-bottom: 1px solid #e0e0e0;
}

.market-detail .content-nav.is-fixed {
  position: fixed;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
}

.market-detail .content-nav .nav-list {
  display: table;
  width: 100%;
  text-align: center;
}

.market-detail .content-nav .nav-item {
  display: table-cell;
  width: auto;
}

.market-detail .content-nav .nav-item.is-active .nav-link {
  color: #333;
  border-bottom-color: #333;
}

.market-detail .content-nav .nav-link {
  display: block;
  margin-bottom: -1px;
  padding: 10px 0;
  border-bottom: 2px solid transparent;
  text-decoration: none;
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
}

.market-detail .content-nav .nav-link:hover {
  border-bottom-color: #ccc;
}

.market-detail .info-inner {
  padding: 50px 0 10px;
}

.market-detail .info-section {
  padding: 40px 0;
  border-top: 1px solid #e0e0e0;
}

.market-detail .info-section:first-child {
  border-top: none;
}

.market-detail .info-section .h {
  margin-bottom: 25px;
  color: #b39a78;
  font-size: 2.2em;
}

.market-detail .info-section .h + .dot-list {
  color: #888;
  font-size: 1.5em;
}

.market-detail .info-section .h + .dot-list > li {
  margin-top: 15px;
}

.market-detail .info-section .h + .dot-list > li:first-child {
  margin-top: 0;
}

.market-detail .info .list {
  color: #888;
  font-size: 1.5em;
  padding-left: 20px;
}

.market-detail .info .list > li {
  position: relative;
  margin-top: 23px;
}

.market-detail .info .list > li:first-child {
  margin-top: 0;
}

.market-detail .info .list > li:before,
.market-detail .info .list > li .list-sym {
  position: absolute;
  left: -20px;
  top: 0;
  font-size: 1.06667em;
  font-weight: bold;
}

.market-detail .info .list > li:before {
  content: "Q";
  color: #b39a78;
}

.market-detail .info .list > li .list-sym {
  color: #333;
}

.market-detail .info .list > li > strong {
  display: block;
  margin-bottom: 10px;
  color: #333;
  font-size: 1.06667em;
  font-weight: normal;
}

.market-detail .info .list.list-num > li:before {
  display: none;
}

.market-detail .info .list .ol-list > li,
.market-detail .info .list .dot-list > li {
  margin-top: 7px;
}

.market-detail .info .list .ol-list > li:first-child,
.market-detail .info .list .dot-list > li:first-child {
  margin-top: 0;
}

.market-detail .info + .review .l-wrap .review-inner {
  margin-top: -10px;
  border-top: 1px solid #e0e0e0;
}

.market-detail .info-inner {
  padding: 9.30233% 0 2.32558%;
}

.market-detail .info-section {
  padding: 60px 30px;
}

.market-detail .info-section-inner {
  position: relative;
  padding-left: 25%;
}

.market-detail .info-section .h {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: -0.1em;
  font-size: 2.6em;
}

.market-detail .info + .review .l-wrap .review-inner {
  margin-top: -2.32558%;
}

.market-detail .recipe {
  background: #F3F3F1;
}

.market-detail .recipe-inner {
  padding: 33px 0;
}

.market-detail .recipe .h {
  position: relative;
  color: #b39a78;
  font-size: 2.3em;
  text-align: center;
  font-family: "바탕";
  letter-spacing: -0.05em;
}

.market-detail .recipe .h > span {
  display: inline-block;
  border-color: #b39a78;
  border-color: rgba(179, 154, 120, 0.4);
  border-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  line-height: 1.3;
}

.market-detail .recipe-slider {
  margin-top: 25px;
}

.market-detail .recipe-slider-arrow {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  padding: 10px;
  color: #bab8b5;
  font-size: 3.2em;
  line-height: 1;
  z-index: 2;
}

.market-detail .recipe-slider-arrow .icon {
  vertical-align: top;
}

.market-detail .recipe-slider-arrow .icon:before {
  margin-left: -0.2em;
  margin-right: -0.2em;
}

.market-detail .recipe-slider-prev {
  left: -10px;
}

.market-detail .recipe-slider-next {
  right: -10px;
}

.market-detail .recipe-slider .slick-list {
  margin: 0 45px;
}

.market-detail .recipe-item {
  padding: 0 15px;
}

.market-detail .recipe-item-name {
  padding: 5px 0;
  font-size: 1.5em;
  text-align: center;
  background: #fff;
}

.market-detail .recipe-inner {
  padding: 6.39535% 0 6.97674%;
}

.market-detail .recipe .h {
  font-size: 2.8em;
}

.market-detail .recipe-slider {
  margin-top: 40px;
}

.market-detail .recipe-slider-arrow {
  margin-top: -33px;
  font-size: 4.6em;
}

.market-detail .recipe-slider .slick-list {
  margin: 0 55px;
}

.market-detail .recipe-item {
  padding: 0 15px;
}

.market-detail .recipe-item-name {
  padding: 9px 0;
}

.market-detail .menu {
  margin-top: 20px;
  padding: 15px 15px 30px;
  background: #fff;
  margin-top: 35px;
  padding: 30px 30px 33px;
  zoom: 1;
}

.market-detail .menu-img {
  margin-bottom: 20px;
}

.market-detail .menu-img > img {
  width: 100%;
}

.market-detail .menu-h {
  color: #333;
  font-size: 1.6em;
}

.market-detail .menu-instruction {
  margin-top: 1.28571em;
  color: #888;
  font-size: 1.4em;
}

.market-detail .menu-instruction > li {
  margin-top: 0.57143em;
}

.market-detail .menu .btn {
  margin-top: 17px;
}

.market-detail .menu:before {
  content: '';
  display: block;
}

.market-detail .menu:after {
  content: '';
  display: table;
  clear: both;
}

.market-detail .menu-img {
  float: left;
  width: 40.54054%;
  padding-right: 5.40541%;
}

.market-detail .menu-content {
  float: right;
  width: 54.05405%;
}

.market-detail .review-inner {
  padding-top: 50px;
}

.market-detail .review-count {
  margin-top: 0;
  font-size: 1.4em;
}

.market-detail .review-count > strong {
  color: #d83037;
}

.market-detail .review .comments {
  border-top: 2px solid #666;
  border-bottom: 2px solid #666;
}

.market-detail .review .comment {
  padding: 20px 0 16px;
  font-size: 1em;
  border-top: 1px solid #e0e0e0;
}

.market-detail .review .comment:first-child {
  border-top: none;
}

.market-detail .review .comment-text {
  margin: 0.5em 0;
  font-size: 1.5em;
  word-wrap: break-word;
}

.market-detail .review .comment-writer,
.market-detail .review .comment-date {
  display: inline-block;
  font-size: 1.4em;
}

.market-detail .review .comment-writer {
  color: #333;
}

.market-detail .review .comment-date {
  margin-left: 0.5em;
  color: #999;
}

.market-detail .review .comment.comment-not {
  font-size: 1.5em;
  text-align: center;
  padding: 100px 0;
}

.market-detail .review .comment.comment-not .icon {
  font-size: 26px;
}

.market-detail .review-inner {
  padding-top: 9.30233%;
}

.market-detail .review .comment {
  position: relative;
  padding: 22px 0 22px;
}

.market-detail .review .comment .rate {
  position: absolute;
  left: 0;
  top: 25px;
  font-size: 1.5em;
}

.market-detail .review .comment-text {
  margin: 0 15.33333em 0 7.13333em;
}

.market-detail .review .comment-writer {
  position: absolute;
  right: 7.35714em;
  top: 22px;
  width: 5.5em;
  text-align: right;
}

.market-detail .review .comment-date {
  position: absolute;
  right: 0;
  top: 22px;
  width: 5em;
  text-align: right;
}

.market-detail .purchase-info-inner {
  padding: 50px 0;
}

.market-detail .purchase-info .h {
  margin-top: -1px;
  padding: 0.5em 14px;
  color: #333;
  font-size: 1.6em;
  border: 1px solid #e0e0e0;
  background: #f6f6f6;
}

.market-detail .purchase-info .row-h {
  padding: 0.5em 14px;
  margin-top: -1px;
  font-size: 1.5em;
  border: 1px solid #e0e0e0;
}

.market-detail .purchase-info .row-list {
  margin-top: -1px;
  padding: 1.5em 14px;
  color: #888;
  font-size: 1.4em;
  border: 1px solid #e0e0e0;
}

.market-detail .purchase-info .row-list > dt,
.market-detail .purchase-info .row-list > li {
  margin-top: 1em;
  padding-left: 0.8em;
}

.market-detail .purchase-info .row-list > dt:before,
.market-detail .purchase-info .row-list > li:before {
  content: "·";
  display: inline-block;
  width: 0.8em;
  margin-left: -0.8em;
}

.market-detail .purchase-info .row-list > dt:first-child,
.market-detail .purchase-info .row-list > li:first-child {
  margin-top: 0;
}

.market-detail .purchase-info .row-list > dt {
  font-weight: bold;
}

.market-detail .purchase-info .row-list > dd > ul > li {
  position: relative;
  padding-left: 10px;
}

.market-detail .purchase-info .row-list > dd > ul > li:before {
  content: "-";
  position: absolute;
  left: 0;
}

.market-detail .purchase-info-inner {
  padding-top: 9.30233%;
  padding-bottom: 11.62791%;
}

.market-detail .purchase-info .h {
  padding-left: 29px;
  padding-right: 29px;
}

.market-detail .purchase-info .row-spec {
  position: relative;
  margin-top: -1px;
  padding-left: 130px;
  border: 1px solid #e0e0e0;
}

.market-detail .purchase-info .row-spec .row-h,
.market-detail .purchase-info .row-spec .row-list {
  border: none;
}

.market-detail .purchase-info .row-spec .row-h {
  position: absolute;
  left: 0;
  top: 0;
  padding: 1.96em 29px;
}

.market-detail .purchase-info .row-spec .row-list {
  padding: 2.1em;
}

.market-detail .purchase-info .row-list {
  padding: 2.1em 29px;
}

.market-detail .purchase-info .row-list > dd {
  margin-left: 12.2em;
  margin-top: -1.5em;
  min-height: 1.5em;
}

/* 결제 / 장바구니 / 마이페이지
--------------------------------------------------*/

.order {
  font-size: 1.4em;
}

.order .l-wrap {
  max-width: 970px;
}

.order-header {
  padding: 27px 0;
  background: url(/static/images/a/bg_dotted_choko.jpg) repeat;
}

.order-header .h {
  color: #fff;
  font-size: 1.1em;
  line-height: 1.2;
}

.order-header .h strong {
  display: block;
  font-size: 1.5em;
  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: -30px;
}

.order-header .step.step-shop li {
  color: #d2cdc7;
  font-size: 1.4em;
  line-height: 1.4;
  margin-left: 20px;
}

.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-weight: bold;
}

.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: -45px;
}

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

.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: 1.7em;
}

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

.order-tabs li .tab {
  display: block;
  font-size: 1.1em;
  padding: 10px 0 12px 0;
  margin-left: -1px;
  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-weight: bold;
  padding-top: 9px;
  border: 2px solid #333;
  border-bottom-color: #FFF;
  background-color: #FFF;
  margin-left: 0;
  z-index: 3;
}

.order-history {
  position: absolute;
  margin-top: 11px;
}

.order-history .icon {
  color: #FFF;
  font-size: 18px;
}

.order-h {
  color: #FFF;
  font-size: 1.6em;
  text-align: center;
  margin-bottom: 20px;
  padding: 9px 0;
  background: url(/static/images/a/bg_dotted_choko.jpg) repeat;
}

.order-sh {
  font-size: 1.2em;
  color: #333;
  font-weight: bold;
  margin-bottom: 10px;
}

.order-contents .icon-point-round {
  color: #999;
  font-size: 18px;
  margin-top: -5px;
}

.order-contents em {
  color: #d83037;
}

.order-contents .panel .btn {
  width: 100%;
}

.order-contents .func {
  padding-bottom: 50px;
}

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

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

.order-history,
.order-h {
  display: none;
}

.order-section {
  margin: 40px 0;
}

.order-func {
  margin: 40px 0;
}

.order-func .btn {
  width: 160px;
}

.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;
  font-weight: bold;
}

.order-step-head .range-list dd {
  padding-left: 80px;
}

.order-step-head .range-list dd strong {
  display: block;
  color: #333;
}

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

.order-slot {
  position: relative;
  margin-bottom: 10px;
}

.order-slot .a-r {
  text-align: right;
}

.order-slot .a-l {
  text-align: left;
}

.order-slot .a-l + .a-r {
  position: absolute;
  right: 0;
  top: 0;
}

.order-list {
  font-size: 1.1em;
  border: 1px solid #e4e4e4;
  /* 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 {
  zoom: 1;
  position: relative;
  padding: 0 20px;
  border-bottom: 1px dashed #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;
}

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

.order-list .item-head .item-col {
  text-align: center !important;
}

.order-list .item-cont .t-amount {
  font-size: 1.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-price .m-price {
  color: #333;
}

.order-list .item-cont .t-price .m-price b {
  font-weight: normal;
}

.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 .t-title .td-cont a {
  text-decoration: none;
}

.order-list .item-cont .t-title .td-cont .m-title {
  font-size: 1.1em;
  color: #333;
  font-weight: bold;
}

.order-list .item-cont .t-title .td-cont .m-capacity {
  display: block;
}

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

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

.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 .t-no {
  width: 10%;
}

.order-list.order-list-total .t-title {
  width: 32%;
  text-align: left;
}

.order-list.order-list-total .t-amount {
  width: 14%;
  text-align: right;
}

.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 .t-price {
  width: 23%;
  text-align: right;
}

.order-list.order-list-accept .t-price .td-cont {
  padding-right: 20px;
}

.order-list.order-list-accept .t-volume {
  width: 13%;
}

.order-list.order-list-accept .t-amount {
  width: 16%;
  text-align: right;
}

.order-list.order-list-accept .t-amount .td-cont {
  padding-right: 20px;
}

.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 .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 .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 .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 .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 .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: 75px;
  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 .t-price {
  width: 18%;
  text-align: right;
}

.order-list.order-list-cart .t-price .td-cont {
  padding-right: 30px;
}

.order-list.order-list-cart .t-volume {
  width: 10%;
}

.order-list.order-list-cart .t-amount {
  width: 13%;
  text-align: right;
}

.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 .t-price {
  width: 23%;
  text-align: right;
}

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

.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 .t-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: #fffaf7;
  margin-top: -1px;
  padding: 0 40px;
  text-align: center;
}

.order-total-bill {
  color: #333;
}

.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 dashed #cecaca;
}

.order-total-pay .total-price strong {
  margin-left: .5em;
}

.order-total-pay .total-point {
  margin-top: .5em;
}

.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-pay .total-price {
  font-size: 2em;
}

.order-detail-head {
  font-size: 1.1em;
  border: 5px solid #f1f1f1;
  margin-bottom: 20px;
}

.order-detail-head .range-list .item {
  position: relative;
  box-sizing: border-box;
}

.order-detail-head .range-list .item-inner {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.order-detail-head .range-list .item-label,
.order-detail-head .range-list .item-cont {
  display: table-cell;
  box-sizing: border-box;
  vertical-align: middle;
}

.order-detail-head .range-list .item-label {
  color: #827e79;
  font-weight: bold;
  line-height: 1.2;
}

.order-detail-head .range-list .item-cont b {
  color: #333;
}

.order-detail-head .range-list .item-cont .icon-point-round {
  font-size: 30px;
  margin-top: -13px;
}

.order-detail-search {
  font-size: 1.1em;
  margin-bottom: 20px;
}

.order-detail-search .item {
  border: 1px solid #e4e4e4;
  background-color: #f7f7f7;
  padding: 15px;
}

.order-detail-search .item-label {
  color: #827e79;
  font-weight: bold;
}

.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 {
  margin: 1em 0;
}

.order-detail-head .range-list {
  zoom: 1;
}

.order-detail-head .range-list:before {
  content: '';
  display: block;
}

.order-detail-head .range-list:after {
  content: '';
  display: table;
  clear: both;
}

.order-detail-head .range-list .item {
  float: left;
  width: 50%;
  padding: 25px 15px 25px 35px;
  border-left: 1px solid #f1f1f1;
}

.order-detail-head .range-list .item:first-child {
  border-left: 0;
}

.order-detail-head .range-list .item:before {
  content: '';
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 170px;
  width: 1px;
  background-color: #f1f1f1;
}

.order-detail-head .range-list .item-label {
  width: 150px;
}

.order-detail-head .range-list .item-cont {
  font-size: 1.4em;
  text-align: center;
}

.order-detail-head .range-list .item-cont b {
  font-size: 1.6em;
}

.order-detail-search .item {
  text-align: center;
}

.order-detail-search .item-label {
  display: inline-block;
  margin-right: 1em;
}

.order-detail-search .item-cont {
  display: inline-block;
}

.order-detail-search .item-cont .input-shop {
  width: 300px;
}

.order-detail-alarm .item p {
  display: inline-block;
}

.order-detail-alarm .item .btn {
  margin-left: 1em;
}

.order-policy .item {
  position: relative;
}

.order-policy .item-cont {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 150px;
}

.order-policy .item-cont .h3 {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 3em;
  margin-bottom: 1em;
}

.order-policy .item-cont .h3:first-child {
  margin-top: 0;
}

.order-policy .item-cont .h4 {
  font-size: 1.1em;
  font-weight: bold;
  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;
}

.order-policy-head {
  font-size: 1.1em;
  text-align: center;
  padding: 30px 15px;
  border: 5px solid #f1f1f1;
  background-color: #fff;
}

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

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

.order-result {
  position: relative;
  border: 1px solid #e4e4e4;
}

.order-result .result-head {
  font-size: 1.1em;
  text-align: center;
  padding: 30px 10px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e4e4e4;
}

.order-result .result-head .h {
  color: #333;
  font-family: "바탕";
  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;
}

.order-result .result-head {
  padding: 50px 30px;
}

.order-result .result-head .h {
  font-size: 1.6em;
}

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

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

.order-verify .v-label:before {
  margin-left: -30px;
}

.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: 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;
  color: #827e79;
  font-weight: bold;
}

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

.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: #79746e;
  font-size: 1.1em;
}

.deliver-step .date,
.deliver-step .p {
  margin-top: 0.3em;
  margin-bottom: 0;
  font-size: 0.9em;
}

.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: "fontello";
  content: '\e802';
}

.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: #aea69b;
  border-color: #aea69b;
}

.deliver-step-list .item {
  width: 19%;
}

.deliver-step-list .item .icon {
  border: 0;
}

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

.from-box .item-cont {
  padding: 12px 12px 12px 20px;
}

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

.from-box .item.item-account .br {
  display: inline-block;
}

.from-box .item.item-account .br .input-wide {
  width: 250px;
}

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

.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;
  font-weight: bold;
}

.write-box .item-head {
  padding: 5px 0;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e4e4e4;
}

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

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

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

.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 dashed #cbcbcb;
}

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

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

.pay-type-detail {
  display: none;
}

.pay-type-detail.is-active {
  display: block;
}

.write-box + .advice-list,
.order-total + .advice-list,
.from-box + .advice-list {
  margin-top: 0.5em;
}

/* 고객센터 layout
-------------------------------------------------- */

.customer-content {
  padding: 6.66667% 0 11.11111% 0;
  background: url(/static/images/a/bg_sub.gif) repeat;
}

.customer .l-wrap {
  max-width: 900px;
}

.customer .l-detail {
  padding-top: 5%;
}

.customer-header {
  position: relative;
  background: url(/static/images/a/bg_dotted_gold.jpg) repeat;
  z-index: 2;
}

.customer-content {
  padding: 60px 0 100px 0;
}

.customer .l-customer {
  margin-left: 220px;
  padding-left: 8.88889%;
}

.customer-header {
  padding: 75px 0 45px 0;
}

.customer-h {
  color: #fff;
  font-size: 2.9em;
  letter-spacing: -2.3px;
  font-family: "바탕";
  margin-top: 6.66667%;
  margin-top: 55px;
}

/* 고객지원 프로세스
-------------------------------------------------- */

.process {
  font-size: 1.5em;
  letter-spacing: -1px;
}

.process-section {
  position: relative;
  padding-top: 10%;
  margin-top: 10%;
}

.process-section:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.process-section:first-child {
  padding-top: 0;
  margin-top: 0;
}

.process-section:first-child:before {
  display: none;
}

.process-section .h {
  color: #333;
  font-size: 1.4em;
  font-family: "바탕";
  margin-bottom: 10px;
  word-break: keep-all;
  word-wrap: break-word;
}

.process-section p {
  word-break: keep-all;
  word-wrap: break-word;
}

.process-section .step {
  zoom: 1;
  text-align: center;
  margin-right: 5%;
}

.process-section .step:before {
  content: '';
  display: block;
}

.process-section .step:after {
  content: '';
  display: table;
  clear: both;
}

.process-section .step-inner {
  position: relative;
  text-align: center;
}

.process-section .step-inner:before {
  position: absolute;
  top: 20px;
  right: -5px;
  color: #aea59a;
  font-family: "fontello";
  content: '\e802';
}

.process-section .step .icon {
  width: 60px;
  height: 60px;
  color: #fff;
  font-size: 28px;
  line-height: 58px;
  border-radius: 50%;
  behavior: url(/static/js/lib/PIE.htc);
  background-color: #aea59a;
  margin: 0 auto;
}

.process-section .step span {
  display: block;
  margin-top: 10px;
  color: #827e79;
}

.process-section .step li {
  float: left;
  width: 33.33333%;
  margin-bottom: 10px;
}

.process-section .step li:last-child .step-inner:before {
  display: none;
}

.process-section .step-last .icon {
  background-color: #b39a78;
}

.process-info {
  margin-bottom: 10%;
  word-break: keep-all;
  word-wrap: break-word;
}

.process-info .q {
  padding: 3.33333% 5%;
  text-align: left;
  background-color: #f6f6f6;
  width: 100%;
  box-sizing: border-box;
}

.process-info .a {
  padding: 5%;
  background-color: #fff;
}

.process-info .more {
  text-align: right;
  margin-top: 1.66667%;
}

.process-info .more .icon {
  margin-left: 5px;
}

.process-info .icon-arr-top {
  display: none;
}

.process-info.on .icon-arr-top {
  display: inline-block;
}

.process-info.on .icon-arr-bottom {
  display: none;
}

.process-info strong,
.process-info .h3 {
  color: #333;
  font-weight: bold;
}

.process-table th,
.process-table td {
  padding: 10px;
  text-align: center;
  border: 1px solid #ccc;
}

.process-table th {
  border-bottom: 2px solid #666;
  background-color: #f6f6f6;
}

.process-receive {
  border: 5px solid #e0e0e0;
  background-color: #fff;
}

.process-receive .item {
  position: relative;
  border-top: 1px dotted #e0e0e0;
  padding: 3.33333% 3.33333% 3.33333% 30%;
}

.process-receive .item:first-child {
  border-top: 0;
}

.process-receive .head {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 25%;
  height: 100%;
  color: #827e79;
  text-align: center;
  background-color: #f6f6f6;
  white-space: nowrap;
}

.process-receive .head-cell {
  display: inline-block;
  min-width: 100%;
  vertical-align: middle;
  white-space: normal;
}

.process-receive .head:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.process-receive .head .icon {
  font-size: 25px;
}

.process-receive .head span {
  display: block;
  margin-top: 10px;
}

.process-receive .cont strong {
  color: #333;
  font-size: 1.2em;
  font-weight: normal;
}

.process-receive .cont .tel {
  display: block;
  color: #b39a78;
  font-size: 1.7em;
  font-family: "바탕";
  font-weight: bold;
  margin-top: 5px;
}

.process-receive .cont .time {
  margin-top: 3.33333%;
}

.process-receive .cont .more li {
  position: relative;
  margin-top: 1em;
}

.process-receive .cont .more li:first-child {
  margin-top: 0;
}

.process-receive .cont p {
  margin: 0.3em 0;
}

.process-receive .cont .btn {
  margin-top: 3.33333%;
}

.process-section .step .icon {
  width: 75px;
  height: 75px;
  font-size: 32px;
  line-height: 70px;
}

.process-section .step-inner:before {
  top: 30px;
}

.process-section {
  padding-top: 6.66667%;
  margin-top: 6.66667%;
}

.process-section .step {
  margin-right: 0;
}

.process-section .step li {
  width: 16.66667%;
}

.process-section .step.step-3 .step-inner {
  position: relative;
  color: #fff;
  border-radius: 50px;
  behavior: url(/static/js/lib/PIE.htc);
  background-color: #aea59a;
  margin: 0 5.83333%;
  padding: 22px 20px;
  text-align: left;
}

.process-section .step.step-3 .step-inner:before {
  right: -18px;
}

.process-section .step.step-3 .icon {
  position: absolute;
  left: 5px;
  top: 50%;
  text-align: center;
  margin-top: -37px;
  background-color: transparent;
}

.process-section .step.step-3 span {
  color: #fff;
  margin-top: 0;
  padding-left: 53px;
}

.process-section .step.step-3 li {
  width: 33.33333%;
}

.process-section .step.step-3 .step-last .step-inner {
  background-color: #b39a78;
}

.process-info {
  margin-bottom: 6.66667%;
}

.process-section .h {
  font-size: 1.4em;
}

.process-receive .head .icon {
  font-size: 32px;
}

.process-receive .cont .time {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -33px;
  width: 35%;
}

.process-receive .cont .more li {
  padding-right: 100px;
}

.process-receive .cont .btn {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}

.process-section {
  padding-top: 50px;
  margin-top: 50px;
}

.process-info {
  margin-bottom: 50px;
}

/* 자주 묻는 질문
-------------------------------------------------- */

.faq {
  font-size: 1.5em;
  letter-spacing: -1px;
}

.faq .inline-tabs {
  margin: -10px 0 20px 0;
}

.faq-search {
  position: relative;
  margin: 20px 0;
  padding: 0 95px 0 20px;
}

.faq-search .btn {
  position: absolute;
  right: 20px;
  top: 0;
}

.faq-list {
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.faq-list .item {
  border-top: 1px dashed #e0e0e0;
}

.faq-list .item:first-child {
  border-top: 0;
}

.faq-list .q {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  color: #333;
  padding: 15px 55px 15px 35px;
  text-align: left;
  word-break: keep-all;
  word-wrap: break-word;
}

.faq-list .q span {
  position: absolute;
  left: 15px;
  color: #b39a78;
  font-weight: bold;
}

.faq-list .q:hover,
.faq-list .q:focus {
  color: #b61c21;
  text-decoration: underline;
  background-color: #f6f6f6;
}

.faq-list .a {
  padding: 20px 30px 20px 35px;
  text-align: left;
  word-break: keep-all;
  word-wrap: break-word;
}

.faq-list .a ol li {
  list-style: decimal;
  margin-left: 17px;
}

.faq-list .arror {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -13px;
}

.faq-list .arror .icon-arr-top {
  display: none;
}

.faq-list .on .q {
  color: #333;
  text-decoration: none;
  background-color: #f6f6f6;
}

.faq-list .on .arror .icon-arr-top {
  display: inline-block;
}

.faq-list .on .arror .icon-arr-bottom {
  display: none;
}

.faq-customer {
  position: relative;
  padding: 2.91667%;
  border: 5px solid #e0e0e0;
  margin-top: 6.25%;
}

.faq-customer .h {
  color: #333;
}

.faq-customer p {
  margin: .5em 0 0;
}

.faq-customer .btn {
  margin-top: 1em;
}

.faq .inline-tabs {
  padding: 0 20px;
}

.faq-list .q {
  padding: 20px 60px 20px 50px;
}

.faq-list .q span {
  left: 25px;
}

.faq-list .a {
  padding: 30px 30px 30px 50px;
}

.faq-customer {
  padding: 30px;
  margin-top: 50px;
}

.faq-customer .btn {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -13px;
}

/* 	고객의 소리
-------------------------------------------------- */

.listen {
  font-size: 1.5em;
  letter-spacing: -1px;
}

.listen-header {
  zoom: 1;
  position: relative;
  padding-bottom: 6.66667%;
}

.listen-header:before {
  content: '';
  display: block;
}

.listen-header:after {
  content: '';
  display: table;
  clear: both;
}

.listen-header .btn {
  position: absolute;
  bottom: 0;
  right: 0;
}

.listen-login-item {
  margin-top: 20px;
}

.listen-login-inner {
  text-align: center;
  border: 5px solid #e0e0e0;
  padding: 8.33333%;
}

.listen-login-inner .h {
  color: #333;
  font-family: "바탕";
  margin-bottom: 10px;
}

.listen-login-inner .icon {
  width: 75px;
  height: 75px;
  color: #fff;
  font-size: 32px;
  line-height: 70px;
  border-radius: 50%;
  behavior: url(/static/js/lib/PIE.htc);
  background-color: #aea59a;
  margin-bottom: 5px;
}

.listen-section {
  margin-bottom: 8.33333%;
}

.listen-section .icon-hit {
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  background-color: #ff414b;
}

.listen-section .h {
  color: #333;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 1.66667%;
}

.listen-section .h-warning {
  margin: 1em 0;
  padding-left: 13px;
  font-size: .9em;
  letter-spacing: -1px;
}

.listen-section .h-warning .icon {
  line-height: 1.4;
  margin-left: -13px;
  margin-top: -3px;
}

.listen-section .h-hit {
  float: right;
  margin-top: 7px;
  white-space: nowrap;
}

.listen-section .h-hit .icon-hit {
  margin-right: 5px;
}

.listen-form {
  position: relative;
  padding-top: 2.5%;
  letter-spacing: -0.7px;
}

.listen-form:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.listen-form .item {
  position: relative;
  padding-bottom: 2.5%;
  margin-bottom: 2.5%;
  min-height: 22px;
  padding-left: 5px;
  padding-right: 5px;
}

.listen-form .item:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.listen-form .item-hit .t-label:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  background-color: #ff414b;
  margin-left: 7px;
}

.listen-form .t-link {
  color: #b39a78;
  text-decoration: underline;
  margin-right: 1em;
  display: inline-block;
  white-space: nowrap;
}

.listen-form .t-tel .input {
  text-align: center;
  width: 65px;
}

.listen-form .t-email select {
  width: 100%;
  margin-top: 3px;
}

.listen-form .t-email .input {
  width: 130px;
}

.listen-form .t-email select {
  min-width: 140px;
}

.listen-form .t-address .input {
  text-align: center;
  width: 120px;
}

.listen-form .t-address .input-wide {
  margin-top: 3px;
  width: 100%;
  text-align: left;
}

.listen-form .t-privacy {
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 6px 10px;
  color: #666;
  line-height: 21px;
  background-color: #f7f7f7;
  border-radius: 3px;
  behavior: url(/static/js/lib/PIE.htc);
  border: 1px solid #e8e8e8;
  border-top-color: #c9c9c9;
  border-bottom-color: transparent;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 0 #e8e8e8;
  -moz-box-shadow: inset 0 1px 0 #e8e8e8;
  box-shadow: inset 0 1px 0 #e8e8e8;
}

.listen-form .t-label {
  display: block;
  white-space: nowrap;
  color: #827e79;
  margin-bottom: 5px;
  font-weight: normal;
}

.listen-form label.t-label {
  margin-top: 7px;
}

.listen-form .t-para {
  font-size: .9em;
  margin-top: 5px;
}

.listen-form .t-para .checkbox:first-child {
  margin-left: -3px;
}

.listen-form .t-para .checkbox:first-child label {
  padding-top: 3px;
}

.listen-form .input + .t-para,
.listen-form .t-privacy + .t-para,
.listen-form .btn + .t-para {
  margin-top: 10px;
}

.listen-check {
  border: 5px solid #e0e0e0;
  text-align: center;
  padding: 8.33333%;
}

.listen-check-inner {
  max-width: 340px;
  margin: 0 auto;
}

.listen-check-inner .h {
  color: #333;
  font-size: 1.7em;
  font-family: "바탕";
  margin-bottom: 10px;
}

.listen-check-inner p {
  letter-spacing: -1.8px;
}

.listen-header {
  zoom: 1;
}

.listen-header:before {
  content: '';
  display: block;
}

.listen-header:after {
  content: '';
  display: table;
  clear: both;
}

.listen-header .btn {
  float: right;
}

.listen-login {
  margin-top: 20px;
  margin-left: -20px;
}

.listen-login-item {
  float: left;
  width: 50%;
  margin-top: 0;
}

.listen-login-inner {
  text-align: center;
  margin-left: 20px;
  border: 5px solid #e0e0e0;
  padding: 8.33333%;
}

.listen-login-inner .h {
  font-family: "바탕";
  margin-bottom: 10px;
}

.listen-login-inner .icon {
  width: 75px;
  height: 75px;
  color: #fff;
  line-height: 70px;
  border-radius: 50%;
  behavior: url(/static/js/lib/PIE.htc);
  background-color: #aea59a;
  margin-bottom: 5px;
}

.listen-login-inner p span {
  display: block;
}

.listen-section .h-warning {
  padding-left: 20px;
}

.listen-section .h-warning .icon {
  margin-left: -20px;
}

.listen-form .item {
  padding-left: 0;
  padding-right: 0;
  padding-left: 130px;
}

.listen-form .item-full {
  padding-left: 0;
}

.listen-form .t-email .input {
  width: 130px;
}

.listen-form .t-email select {
  width: auto;
  min-width: 140px;
  margin-top: 0;
}

.listen-form .t-label {
  position: absolute;
  left: 0;
  margin-bottom: 0;
  display: inline;
}

.listen-form .t-para .checkbox:first-child label {
  padding-top: 1px;
}

/* 	멤버십 혜택
-------------------------------------------------- */

.membership-lnb {
  display: none;
}

.membership-h {
  max-width: 170px;
  margin: 0 auto;
  color: #fff;
  font-family: "바탕";
  font-size: 3.3em;
  border: 2px solid #bfab90;
  border-left: 0;
  border-right: 0;
}

.membership-content {
  padding: 3em 0 5em;
  background: url(/static/images/a/bg_sub.gif) repeat;
}

.membership-section {
  padding: 3em 0;
}

.membership-section:first-child {
  padding-top: 0;
}

.membership-section .h {
  font-family: "바탕";
  color: #333;
  /* font-weight: bold; */
  font-size: 2.3em;
}

.membership-section .common-box {
  margin-top: 2em;
}

.membership-section .common-thumb {
  float: left;
  width: 25%;
  padding-right: 1.5em;
  max-width: 110px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.membership-section .common-contents {
  padding-left: 25%;
  zoom: 1;
}

.membership-section .common-contents:before {
  content: '';
  display: block;
}

.membership-section .common-contents:after {
  content: '';
  display: table;
  clear: both;
}

.membership-section .common strong {
  display: inline-block;
  color: #333;
  font-size: 1.7em;
  margin-bottom: 5px;
}

.membership-section .common li {
  margin-top: 0;
  font-size: 1.5em;
}

.membership-section .class {
  margin-top: 1.5em;
}

.membership-section .class .item + .item {
  border-top: 1px dashed #ddd;
}

.membership-section .class .item.is-current .icon-arr-bold-bottom {
  display: none;
}

.membership-section .class .item.is-current .icon-arr-bold-top {
  display: inline-block;
}

.membership-section .class-item-title,
.membership-section .class-item-inner li {
  position: relative;
  padding: 2em 1.5em 2em 80px;
}

.membership-section .class-item-title {
  background: #f9f9f9;
}

.membership-section .class-item-title strong {
  font-size: 1.7em;
}

.membership-section .class-item-title strong span {
  margin-left: 3px;
}

.membership-section .class-item-title p {
  margin: 0;
  font-size: 1.5em;
}

.membership-section .class-item-title p span {
  display: block;
  color: #b39a78;
}

.membership-section .class-item-title .icon-box {
  font-size: 5em;
}

.membership-section .class-item-inner {
  padding-top: 2em;
  padding-bottom: 2em;
  background: #fff;
}

.membership-section .class-item-inner li {
  position: relative;
  left: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.membership-section .class-item-inner li + li {
  margin-top: 2em;
}

.membership-section .class-item-inner strong {
  color: #333;
  font-size: 1.5em;
}

.membership-section .class-item-inner p {
  margin: 0;
  font-size: 1.3em;
}

.membership-section .class-item-inner .icon {
  width: 55px;
  height: 55px;
  font-size: 2.5em;
  line-height: 55px;
  background: #f7f7f7;
  border-radius: 50%;
  behavior: url(/static/js/lib/PIE.htc);
}

.membership-section .class-item-arrow {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  text-align: center;
}

.membership-section .class-item-arrow-cell {
  display: inline-block;
  min-width: 100%;
  vertical-align: middle;
  white-space: normal;
}

.membership-section .class-item-arrow:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.membership-section .class-item-arrow .icon-arr-bold-bottom {
  display: inline-block;
}

.membership-section .class-item-arrow .icon-arr-bold-top {
  display: none;
}

.membership-section .class .icon-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 80px;
  text-align: center;
  white-space: nowrap;
}

.membership-section .class .icon-box-cell {
  display: inline-block;
  min-width: 100%;
  vertical-align: middle;
  white-space: normal;
}

.membership-section .class .icon-box:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.membership-section .class .icon-box .icon {
  color: #999;
}

.membership-section .class .icon.icon-member-silver {
  color: #b7b7b7;
}

.membership-section .class .icon.icon-member-gold {
  color: #e39825;
}

.membership-section .class .icon.icon-member-diamond {
  color: #b61c21;
}

.membership-section + .membership-section {
  position: relative;
  border-top: 1px solid #cbcbcb;
}

.membership-section + .membership-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #fafafa;
}

.membership-caution {
  padding: 2em 1.5em;
  background: #f6f6f6;
}

.membership-caution .title {
  color: #827e79;
  font-size: 1.5em;
}

.membership-caution .title.for-mobile {
  display: block;
}

.membership-caution .title.for-desk {
  display: none;
}

.membership-caution li {
  margin: 0;
  font-size: 1.4em;
}

.membership-caution .dot-list {
  margin-top: 1em;
}

.membership-section {
  padding: 4.91803% 0;
}

.membership-section .common-thumb {
  top: 0;
  bottom: 0;
  max-width: 130px;
  padding-right: 0;
}

.membership-section .common-contents {
  padding-top: 1.5em;
  padding-left: 165px;
}

.membership-section .common strong {
  margin-bottom: 10px;
}

.membership-section .class {
  position: relative;
  border: 5px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1;
  background: #fff;
}

.membership-section .class:before {
  content: '';
  display: block;
}

.membership-section .class:after {
  content: '';
  display: table;
  clear: both;
}

.membership-section .class .item {
  float: left;
  width: 33.33333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.membership-section .class .item + .item {
  border-top: 0;
}

.membership-section .class .item + .item:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px dashed #ddd;
}

.membership-section .class .item + .item .class-item-title {
  border-left: 1px dashed #ddd;
}

.membership-section .class-item-title,
.membership-section .class-item-inner li {
  padding: 0 2em;
  text-align: center;
}

.membership-section .class-item-title,
.membership-section .class-item-inner {
  padding: 3em 0;
}

.membership-section .class-item-title {
  padding-top: 0;
}

.membership-section .class-item-title .icon-box {
  font-size: 6em;
}

.membership-section .class-item-title .icon {
  margin-left: 15px;
}

.membership-section .class-item-inner li + li {
  margin-top: 3em;
}

.membership-section .class-item-inner .icon {
  width: 65px;
  height: 65px;
  font-size: 3.5em;
  line-height: 65px;
}

.membership-section .class-item-arrow {
  display: none;
}

.membership-section .class .icon-box {
  position: static;
  width: auto;
}

.membership-section + .membership-section {
  padding: 6em 0 4em;
}

.membership-caution {
  position: relative;
  padding: 3.5em 6em 3.5em 14em;
}

.membership-caution .title {
  display: block;
  position: absolute;
  left: 40px;
  font-size: 1.6em;
}

.membership-caution .title.for-mobile {
  display: none;
}

.membership-caution .title.for-desk {
  display: block;
}

.membership-caution .dot-list {
  margin-top: 0;
}

.membership-caution .dot-list li + li {
  margin-top: 0.714em;
}

.membership-lnb {
  display: block;
}

.membership-lnb li {
  font-size: 1.5em;
}

.membership-lnb .lnb-inner {
  padding-bottom: 3em;
}

.membership-h {
  display: block;
  max-width: 100%;
  margin: 0;
  border: 0;
  font-size: 5.2em;
}

.membership-content {
  padding: 6em 0 10em;
}

.membership-section {
  padding: 4em 0;
}

.membership-link.for-desktop {
  display: block;
}

.membership-link.for-desktop a {
  margin-top: 210px;
  color: #fff;
  font-weight: normal;
}

/* utility - 유틸리티 페이지 공통 스타일
-------------------------------------------------- */

.misc .l-container {
  background: url(/static/images/a/bg_sub.gif) repeat;
}

.misc .l-misc {
  padding: 50px 0;
  padding: 10.81081% 0 13.51351%;
}

.misc .l-wrap {
  max-width: 740px;
}

.misc-header {
  margin-bottom: 3em;
  text-align: center;
  line-height: 1;
}

.misc-h {
  display: inline-block;
  padding: 0.08em 0 0;
  color: #b39a78;
  font-size: 1.8em;
  font-family: "바탕";
  border-width: 1px;
  line-height: 1.35;
  letter-spacing: -0.05em;
  border-top: 1px solid #b39a78;
  border-bottom: 1px solid #b39a78;
  border-color: rgba(179, 154, 120, 0.4);
}

.misc-footer {
  margin-top: 2em;
}

.misc-footer .btn {
  width: 100%;
}

.misc-h {
  font-size: 2.2em;
}

.misc-footer {
  position: absolute;
  top: 90px;
  right: 30px;
}

.misc-footer .btn {
  width: auto;
}

.misc-h {
  font-size: 2.6em;
  line-height: 1.15;
}

/* membership > login - 로그인
-------------------------------------------------- */

.misc.login .l-container,
.misc.login .l-content,
.misc.login .l-wrap,
.misc.login .l-misc {
  height: 100%;
}

.login {
  font-size: 1.5em;
}

.login .l-misc {
  white-space: nowrap;
  max-width: 340px;
  margin: 0 auto;
  min-height: 400px;
}

.login .l-misc-cell {
  display: inline-block;
  min-width: 100%;
  vertical-align: middle;
  white-space: normal;
}

.login .l-misc:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.login-area {
  padding: 0 4.6875%;
}

.login-form {
  position: relative;
  padding-bottom: 6.25%;
}

.login-form:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #fff;
}

.login-input .input-wrap {
  margin-bottom: 1em;
}

.login-checkbox {
  margin-bottom: 9.375%;
}

.login-p a {
  color: #b38f66;
}

.login .tabs .tab {
  padding: 10px 0;
}

.login-links {
  margin-top: 1em;
}

.login-links a {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  padding: 0 12px;
  color: #b39a78;
  font-weight: bold;
  text-decoration: underline;
}

.login-links a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  height: 10px;
  margin-top: -4px;
  border-left: 1px solid #ccc;
}

.login-links a:first-child:after {
  display: none;
}

.login .l-misc {
  max-width: 440px;
}

.login-form {
  padding-bottom: 4.54545%;
}

.login-p {
  display: none;
}

.login-p.for-order {
  display: block;
}

.login-checkbox {
  margin-bottom: 4.54545%;
}

.login-links {
  display: block;
  text-align: center;
}

.login-links a {
  color: #b39a78;
}

/* utility > location - 오시는길
-------------------------------------------------- */

.location {
  font-size: 1.5em;
}

.location .tabs {
  margin-bottom: 20px;
}

.location .route {
  padding-bottom: 60px;
  padding-bottom: 0;
}

.location .route-header .select-one-title {
  width: 12.5%;
  padding-right: 30px;
}

.location .route-header .select-one-text {
  font-size: 18px;
}

.location .route-map-canvas {
  height: 20em;
}

.location .route-wrap {
  background: #fff;
  border: 4px solid #e0e0e0;
}

.location .route-header {
  margin: 40px 40px 20px;
}

.location .route-cont .txt {
  padding: 0 40px;
  margin-bottom: 25px;
}

.location .route-cont .info {
  zoom: 1;
  padding: 0 40px;
  margin-bottom: 25px;
}

.location .route-cont .info:before {
  content: '';
  display: block;
}

.location .route-cont .info:after {
  content: '';
  display: table;
  clear: both;
}

.location .route-cont .info dt {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  margin-top: 10px;
}

.location .route-cont .info dd {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 80%;
  margin-top: 10px;
  letter-spacing: -0.05em;
}

.location .route-map-canvas {
  height: 30em;
}

.location .tabs {
  margin-bottom: 5.40541%;
}

/* utility > network - 네트워크
-------------------------------------------------- */

.network {
  font-size: 1.5em;
}

.network .worldmap {
  margin-bottom: 20px;
}

.network .worldmap-img {
  margin: 0 -3.7037%;
}

.network .worldmap-legend {
  text-align: right;
  white-space: nowrap;
  margin-top: 1em;
}

.network .worldmap-legend > li {
  position: relative;
  display: inline-block;
  margin-left: 1em;
}

.network .worldmap-legend > li img {
  vertical-align: middle;
}

.network .office {
  letter-spacing: -0.04em;
  background: #fff;
}

.network .office + .office {
  margin-top: 1.5em;
}

.network .office-h {
  padding: 0.90909em 1.13636em;
  color: #888;
  font-size: 1.1em;
  background: #f6f6f6;
}

.network .office-h .icon {
  position: relative;
  top: -0.15em;
  margin-right: 0.2em;
}

.network .office-content {
  padding: 1.5em 1.5em 2.8em;
}

.network .office-content + .office-content {
  padding-top: 2.7em;
  border-top: 1px dashed #ccc;
}

.network .office-name {
  color: #333;
  font-size: 1.4em;
  letter-spacing: -0.05em;
}

.network .office-contact {
  zoom: 1;
  margin-top: 1.66667em;
}

.network .office-contact:before {
  content: '';
  display: block;
}

.network .office-contact:after {
  content: '';
  display: table;
  clear: both;
}

.network .office-contact > dt {
  margin-top: 0.3em;
  width: 5.5em;
  color: #333;
  font-weight: bold;
}

.network .office-contact > dt:before {
  content: "";
  display: inline-block;
  position: relative;
  top: -0.1em;
  margin-right: 0.6em;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  behavior: url(/static/js/lib/PIE.htc);
  background: #666;
  vertical-align: middle;
}

.network .office-contact > dd {
  margin-top: -1.5em;
  margin-left: 5.5em;
}

.network .office-contact > dd a {
  color: #b39a78;
  text-decoration: underline;
}

.network .worldmap {
  margin-bottom: 5.40541%;
}

.network .worldmap-img {
  margin: 0 0 2%;
}

.network .office + .office {
  margin-top: 2.7027%;
}

.network .office-content {
  padding: 3.10811% 5.40541% 4.05405%;
}

.network .office-content + .office-content {
  padding-top: 3.10811%;
}

.network .office-contact > dd > dl {
  zoom: 1;
}

.network .office-contact > dd > dl:before {
  content: '';
  display: block;
}

.network .office-contact > dd > dl:after {
  content: '';
  display: table;
  clear: both;
}

.network .office-contact > dd > dl > dt,
.network .office-contact > dd > dl > dl {
  float: left;
}

.network .office-contact > dd > dl > dt {
  clear: left;
  width: 10em;
}

.network .office-h {
  padding: 0.71429em 1.07143em;
}

.network .office-contact {
  zoom: 1;
  margin-top: 1.28571em;
}

.network .office-contact:before {
  content: '';
  display: block;
}

.network .office-contact:after {
  content: '';
  display: table;
  clear: both;
}

.network .office-contact > dt {
  margin-top: 0.5em;
}

/* utility > public - 공시
-------------------------------------------------- */

.public {
  font-size: 1.5em;
}

/* utility > email - 이메일무단수집거부
-------------------------------------------------- */

.misc.email .l-container,
.misc.email .l-content,
.misc.email .l-wrap,
.misc.email .l-misc {
  height: 100%;
}

.email {
  font-size: 1.5em;
}

.email .l-misc {
  white-space: nowrap;
  min-height: 400px;
}

.email .l-misc-cell {
  display: inline-block;
  min-width: 100%;
  vertical-align: middle;
  white-space: normal;
}

.email .l-misc:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.email-box {
  max-width: 640px;
  margin: 0 auto;
}

.email-box-inner {
  padding: 25px;
  border: 5px solid #ddd;
}

.email-box .icon {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 28px;
  line-height: 70px;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  behavior: url(/static/js/lib/PIE.htc);
  background-color: #aea59a;
  margin-bottom: 1em;
}

.email-box .date {
  color: #aaa;
}

.email-box-inner {
  padding: 7.8125% 9.375%;
}

.email-box .date {
  font-size: .9em;
}

/* utility > sitemap - 사이트맵
--------------------------------------------------*/

.sitemap {
  font-size: 1.5em;
}

.sitemap .icon-popup {
  margin-left: 5px;
  margin-top: -5px;
}

.sitemap-menu {
  overflow: hidden;
  position: relative;
  margin-top: -1px;
}

.sitemap-menu:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #fafafa;
}

.sitemap-menu:last-child:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #fafafa;
}

.sitemap .menu-h {
  padding-top: 10px;
  color: #827e79;
  font-size: 1.1em;
  font-weight: bold;
}

.sitemap .menu-h a {
  color: #827e79;
}

.sitemap .menu-wrap {
  zoom: 1;
}

.sitemap .menu-wrap:before {
  content: '';
  display: block;
}

.sitemap .menu-wrap:after {
  content: '';
  display: table;
  clear: both;
}

.sitemap .menu-wrap > li {
  float: left;
  width: 50%;
  padding: 1.07143em 0;
  border-bottom: 1px dashed #ddd;
  color: #444;
}

.sitemap .menu-wrap > li a {
  display: block;
}

.sitemap .menu-wrap > li a .icon {
  line-height: 1.4;
}

.sitemap .menu-wrap-exper > li {
  zoom: 1;
  border-bottom: 1px dashed #ddd;
}

.sitemap .menu-wrap-exper > li:before {
  content: '';
  display: block;
}

.sitemap .menu-wrap-exper > li:after {
  content: '';
  display: table;
  clear: both;
}

.sitemap .menu-wrap-exper > li a {
  display: block;
  white-space: nowrap;
  padding: 1em 0;
}

.sitemap .menu-wrap-exper > li li {
  position: relative;
  display: inline-block;
  padding-left: 8px;
  margin-left: 8px;
}

.sitemap .menu-wrap-exper > li li:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  height: 12px;
  margin-top: -5px;
  border-left: 1px solid #cacaca;
}

.sitemap .menu-wrap-exper > li li:first-child {
  padding-left: 0;
  margin-left: 0;
}

.sitemap .menu-wrap-exper > li li:first-child:after {
  display: none;
}

.sitemap .link-desktop {
  display: none;
}

.sitemap .link-mobile {
  display: inline-block;
  white-space: nowrap;
}

.mobile .sitemap .menu-desktop {
  display: none;
}

.sitemap .link-desktop {
  display: inline-block;
  white-space: nowrap;
}

.sitemap .link-mobile {
  display: none;
}

.sitemap-menu {
  padding: 0 0 0 165px;
}

.sitemap .menu-h {
  float: left;
  padding-top: 12px;
  white-space: nowrap;
  margin-left: -165px;
}

.sitemap .menu-wrap > li {
  width: 33.33333%;
}

.sitemap .menu-wrap-exper > li a {
  float: left;
}

.sitemap .menu-wrap-exper > li ul {
  margin-left: 170px;
}

/* utility - 이용약관 / 개인정보 취급 방침 / 공시정보관리규정

-------------------------------------------------- */

.service,
.privacy,
.report {
  font-size: 1.5em;
}

.service .chapter .h1,
.privacy .chapter .h1,
.report .chapter .h1 {
  padding-bottom: 15px;
  margin: 50px 0 0;
  border-bottom: 1px solid #cacaca;
  box-shadow: 0 1px 0 #fafafa;
  color: #333;
  font-family: "바탕";
  font-size: 1.6em;
  letter-spacing: -0.1em;
}

.service .chapter .h1:first-child,
.privacy .chapter .h1:first-child,
.report .chapter .h1:first-child {
  margin-top: 0;
}

.service .chapter .h2,
.privacy .chapter .h2,
.report .chapter .h2 {
  margin: 30px 0 15px;
  color: #444;
  font-size: 1.2em;
  letter-spacing: -0.1em;
}

.service .chapter .h3,
.privacy .chapter .h3,
.report .chapter .h3 {
  font-size: 1em;
  font-weight: bold;
  margin-top: 20px;
}

.service .chapter .h3:first-child,
.privacy .chapter .h3:first-child,
.report .chapter .h3:first-child {
  margin-top: 0;
}

.service .chapter p,
.privacy .chapter p,
.report .chapter p {
  margin-bottom: 0;
}

.service .chapter ul,
.privacy .chapter ul,
.report .chapter ul {
  margin-top: 1em;
}

.service .chapter li,
.privacy .chapter li,
.report .chapter li {
  margin-top: 0;
}

.service .chapter a,
.privacy .chapter a,
.report .chapter a {
  color: #b39a78;
}

.service .info-box,
.privacy .info-box,
.report .info-box {
  margin: 20px 0;
  border: 5px solid #e0e0e0;
  padding: 25px;
}

/* utility > search - 검색
-------------------------------------------------- */

.search {
  font-size: 1.5em;
}

.search .l-container {
  padding: 50px 0;
  background: url(/static/images/a/bg_sub.gif) repeat;
}

.search-header {
  text-align: center;
  padding: 0 6.25%;
}

.search-header .form {
  position: relative;
}

.search-header .form fieldset {
  position: relative;
  border-bottom: 2px solid #666;
}

.search-header .form fieldset:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 60px;
}

.search-header .form fieldset:before {
  left: 0;
  background: #eee;
  background: -moz-linear-gradient(left, #eee 50%, rgba(238, 238, 238, 0) 100%);
  background: -webkit-linear-gradient(left, #eee 50%, rgba(238, 238, 238, 0) 100%);
  background: linear-gradient(to right, #eee 50%, rgba(238, 238, 238, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee 50%', endColorstr='rgba(238, 238, 238, 0) 100%',GradientType=1 );
}

.search-header .form-input {
  padding: 0 50px 0 0;
}

.search-header .form-query {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 0;
  border: 0;
  color: #333;
  font-size: 2.1em;
  line-height: 1.2;
  text-align: center;
  background-color: transparent;
}

.search-header .form-submit {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 0;
  margin-top: -20px;
  padding: 0 10px;
  color: #333;
  font-size: 30px;
}

.search-header .form-result {
  font-size: 1.2em;
}

.search-header .form-result em {
  color: #b39a78;
  font-weight: bold;
}

.search-row {
  position: relative;
  margin-bottom: 9.375%;
}

.search-row mark {
  background-color: rgba(203, 175, 136, 0.35);
}

.search-row .h {
  font-size: 1.5em;
  font-family: "바탕";
  margin-bottom: 2.5%;
}

.search-row .h em {
  color: #b39a78;
  font-size: .8em;
  font-family: "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", "돋움", dotum, sans-serif;
  font-weight: bold;
}

.search-row-not {
  text-align: center;
  padding: 7% 0;
  border: 5px solid #ddd;
}

.search-row-not .icon {
  color: #aea59a;
  font-size: 32px;
}

.search-row-not p span {
  display: block;
}

.search-row-not .dot-list {
  width: 200px;
  margin: 0 auto;
  text-align: left;
  margin-top: 2.5em;
}

.search-row .more {
  margin-top: 10px;
  text-align: right;
}

.search-row .more .icon {
  font-size: 10px;
  margin-right: 7px;
  margin-top: -2px;
}

.search-row-box {
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.search-row-box .item {
  border-top: 1px solid #DDD;
}

.search-row-box .item:first-child {
  border-top: 0;
}

.search-row-box .item-link {
  zoom: 1;
  position: relative;
  display: block;
  text-decoration: none;
  padding: 20px;
}

.search-row-box .item-link:before {
  content: '';
  display: block;
}

.search-row-box .item-link:after {
  content: '';
  display: table;
  clear: both;
}

.search-row-box .item-thumb {
  float: right;
  overflow: hidden;
  width: 90px;
  height: 67.5px;
  margin-left: 20px;
  margin-top: 5px;
}

.search-row-box .item-h {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  color: #333;
  font-size: 1.2em;
}

.search-row-box .item-foot {
  font-size: .9em;
}

.search-row-box .item-date {
  position: relative;
  color: #b39a78;
}

.search-row-box .item-step {
  color: #999;
  font-size: 1em;
  margin-top: 0.5em;
}

.search-row-box .item-step .icon {
  font-size: 9px;
}

.search-row-box .item p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  color: #888;
}

.search-product-list {
  zoom: 1;
  margin-left: -20px;
}

.search-product-list:before {
  content: '';
  display: block;
}

.search-product-list:after {
  content: '';
  display: table;
  clear: both;
}

.search-product-list .item {
  float: left;
  width: 33.33333%;
  margin-bottom: 20px;
}

.search-product-list .item-link {
  display: block;
  margin-left: 20px;
  margin-bottom: 20px;
  text-decoration: none;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.search-product-list .item-thumb {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
}

.search-product-list .item-thumb img {
  position: absolute;
  top: 0;
}

.search-product-list .item-cont {
  overflow: hidden;
  position: relative;
  height: 100px;
  padding: 20px 20px 40px 20px;
}

.search-product-list .item-h {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  color: #333;
  font-size: 1.2em;
}

.search-product-list .item p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  margin-top: 10px;
  margin-bottom: 0;
}

.search-product-list .item-step {
  display: block;
  color: #888;
  font-size: 0.9em;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 20px 20px 20px;
}

.search-product-list .item-step .icon {
  font-size: 9px;
}

.search .products {
  font-size: 0.66667em;
  margin-left: -20px;
}

.search .products .item {
  width: 25%;
}

.search .products .item-cont {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.search .products .item-cont:hover ._before,
.search .products .item-cont:hover:before,
.search .products .item-cont:focus ._before,
.search .products .item-cont:focus:before {
  display: none;
}

.search .products .item-cont:hover:after,
.search .products .item-cont:focus:after {
  display: none;
}

.search .products .item .h {
  font-family: "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", "돋움", dotum, sans-serif;
}

.search-shop-list {
  zoom: 1;
  margin-left: -10px;
}

.search-shop-list:before {
  content: '';
  display: block;
}

.search-shop-list:after {
  content: '';
  display: table;
  clear: both;
}

.search-shop-list .item-link {
  zoom: 1;
  position: relative;
  display: block;
  margin-left: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.search-shop-list .item-link:before {
  content: '';
  display: block;
}

.search-shop-list .item-link:after {
  content: '';
  display: table;
  clear: both;
}

.search-shop-list .item-thumb {
  overflow: hidden;
  float: right;
  text-align: center;
  width: 42.5%;
}

.search-shop-list .item-thumb:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 57.5%;
  background: url(/static/images/a/bg_search.png) 50% 50% no-repeat;
  background-color: #EEE;
  background-size: 100% auto;
}

.search-shop-list .item-thumb img {
  position: relative;
  z-index: 2;
}

.search-shop-list .item-cont {
  overflow: hidden;
  padding: 20px 20px 0 20px;
}

.search-shop-list .item-h {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  color: #333;
  font-size: 1.2em;
}

.search-shop-list .item p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  color: #888;
  margin-bottom: 0;
}

.search .news-list .item {
  width: 25%;
}

.search .news-list .item-cont {
  padding: 15px;
}

.search .news-list .item-cont .h {
  font-family: "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", "돋움", dotum, sans-serif;
  font-size: 1em;
}

.search .news-list .item-footer {
  padding: 15px;
  text-align: left;
}

.search .news-list .item-footer .date {
  margin-bottom: 5px;
}

.search-customer-list .item-link {
  padding: 15px 20px;
}

.search-customer-list .item-cont {
  padding: 20px 30px 20px 45px;
  border-top: 1px dashed #DDD;
}

.search-customer-list .item-q {
  position: absolute;
  left: 3.75%;
  margin-top: 2px;
  color: #b39a78;
  font-family: "바탕";
  font-weight: bold;
}

.search-customer-list .item-h {
  margin: 0 35px 0 25px;
}

.search-customer-list .item .icon {
  position: absolute;
  right: 3.75%;
  top: 50%;
  margin-top: -8px;
  color: #827e79;
}

.search-customer-list .item .icon-arr-top {
  display: none;
}

.search-customer-list .item.on .icon-arr-top {
  display: inline-block;
}

.search-customer-list .item.on .icon-arr-bottom {
  display: none;
}

.search-main .search-row:last-child {
  margin-bottom: 0;
}

.search-main .search-product-list .item-link,
.search-main .search-shop-list .item-link {
  margin-bottom: 0;
}

.search .l-misc {
  padding: 10% 0 12.5%;
}

.search-header {
  padding: 0 6.25%;
}

.search-header .form {
  max-width: 460px;
  margin: 0 auto;
}

.search-header .form fieldset:before {
  left: 0;
}

.search-header .form-input {
  padding: 0 70px 0 0;
}

.search-header .form-query {
  font-size: 3.3em;
}

.search-header .form-submit {
  font-size: 35px;
  line-height: 1.2;
}

.search-header .form-result br {
  display: none;
}

.search-row .h {
  margin-bottom: 1.25%;
}

.search-row-not p span {
  display: inline-block;
  white-space: nowrap;
}

.search-row-not .dot-list {
  width: 250px;
}

.search-row .more {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
}

.search-row-box .item-link {
  padding: 30px;
}

.search-row-box .item-thumb {
  float: right;
  overflow: hidden;
  width: 21.25%;
  height: 16%;
  margin-left: 30px;
}

.search-row-box .item-date {
  padding-right: 1em;
  margin-right: 1em;
}

.search-row-box .item-date:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  height: 12px;
  margin-top: -4px;
  border-right: 1px solid #ccc;
}

.search-row-box .item p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
}

.search-shop-list {
  margin-left: -20px;
}

.search-shop-list .item {
  float: left;
  width: 50%;
}

.search-shop-list .item-link {
  margin-left: 20px;
  margin-bottom: 20px;
}

.search-shop-list .item-thumb:before {
  left: 57.5%;
}

.search-shop-list .item-cont {
  padding: 25px 30px 0 30px;
}

.search-customer-list .item-link {
  padding-top: 1.875%;
  padding-bottom: 1.875%;
}

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

#legacy-browser {
  display: none;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  text-align: center;
  background-color: #aea59a;
  color: #fff;
  font-size: 14px;
  z-index: 1001;
}

#legacy-browser p {
  margin: 0 0 10px;
}

#legacy-browser a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

#legacy-browser button {
  color: #aea59a;
  font-weight: bold;
  background-color: #fff;
}

/* form
-------------------------------------------------- */

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  position: static !important;
  width: auto;
  height: auto;
  clip: auto;
}

.checkbox label {
  line-height: 1.5;
}

.checkbox label:before {
  display: none;
}

/* spinner
-------------------------------------------------- */

.spinner-btn:before {
  top: 0;
}

/* contents
-------------------------------------------------- */

.sign {
  position: relative;
}

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

select {
  background-image: none;
  padding-right: 15px !important;
}

.player {
  display: block;
}

/* header
-------------------------------------------------- */

.header .logo-img {
  background: #fff;
}

.header .nav {
  -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);
  behavior: url(/static/js/lib/PIE.htc);
}

/* slider
-------------------------------------------------- */

.slider-intro .slick-paging {
  display: none;
}

.slider-intro .slick-dots > li > button {
  overflow: hidden;
  text-indent: -10em;
}

/* main
-------------------------------------------------- */

.home .intro {
  visibility: visible;
}

.home .intro .slider {
  visibility: visible;
}

.home .banner-item {
  overflow: hidden;
}

/* About
-------------------------------------------------- */

.about .nav-list {
  visibility: visible;
}

.about .nav .item-link:before {
  display: none;
}

/* Research
-------------------------------------------------- */

.research-introduce .purpose .subject:before,
.research-introduce .purpose .subject:after,
.research-introduce .purpose .details:before,
.research-introduce .purpose .details:after {
  display: none;
}

.research-introduce .people-quote {
  background-color: #444;
}

.research-introduce .people-detail {
  background-color: #333;
}

.research-process .container {
  visibility: visible;
  cursor: default;
}

.research-process .carousel {
  visibility: visible;
}

.research-process .slide {
  position: relative;
  top: 0;
}

.research-process .slick-slider {
  margin-top: 125px;
}

.research-process .slick-list {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.research-process .slick-track {
  height: 100%;
}

.research-process .cover .dot {
  display: none;
}

.ingredient .finder {
  display: none;
  background: #fff;
  zoom: 1;
}

.ingredient .finder .icon-reset:before {
  content: "";
}

.ingredient .finder .icon-search:before {
  content: "";
}

.is-recipe-finder .finder {
  display: block;
}

.is-recipe-finder .finder .icon-reset:before {
  content: '\e842';
}

.is-recipe-finder .finder .icon-search:before {
  content: '\e836';
}

.ingredient-detail-header .visual-box {
  background-color: #fff;
}

.ingredient-detail-contents .item-main .deco {
  display: none;
}

.is-recipe-finder .list-wrap {
  padding-right: 272px;
}

.research-result .main-obj {
  visibility: visible;
}

.research-result .cover {
  visibility: visible;
}

.research-result .cover-bg {
  visibility: visible;
}

.research-result .cover-content {
  visibility: visible;
}

.research-result .cover-desc {
  visibility: visible;
}

.research-result .cover-desc .desc {
  visibility: visible;
  margin-bottom: 0;
  bottom: 70px;
}

.research-result .taste .box {
  visibility: visible;
}

.research-result .taste .list-wrapper {
  position: relative;
}

.research-result .taste .list-wrapper .list {
  margin-left: 500px;
}

.research-result .taste .main-obj {
  top: auto;
  bottom: 0;
  margin-left: -500px;
}

.research-result .taste .main-obj-img-01 {
  visibility: hidden;
}

.research-result .taste .main-obj-img-02 {
  visibility: visible;
}

.research-result .taste .main-obj .point {
  visibility: visible;
}

.research-result .overlay .box {
  visibility: visible;
}

.research-result .overlay .details {
  background: url(/static/images/research/result/bg_overlay.png) !important;
}

.research-result .overlay .details-container {
  position: relative;
}

.research-result .pairing .details {
  position: relative;
  visibility: visible;
}

.research-result .jang .chart-width {
  width: auto;
  max-width: none;
}

.research-result .jang .chart-spacer {
  padding-bottom: 0;
}

.research-result .jang .chart-title {
  position: relative;
  left: 0;
  right: 0;
  height: auto;
  margin-top: 0;
}

.research-result .jang .chart-svg {
  display: none;
}

.research-result .jang .chart-outline {
  display: none;
}

.research-result .jang .chart-desc {
  display: none;
}

.research-result .jang .chart-data {
  position: relative !important;
  width: auto;
  height: auto;
  clip: auto;
}

.research-result .jang .chart-data .item {
  position: relative;
  padding-left: 120px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #d8d8d8;
}

.research-result .jang .chart-data .item:first-child {
  border-top: none;
}

.research-result .jang .chart-data .item-name {
  position: absolute;
  left: 0;
  top: 30px;
  width: 80px;
  margin-top: -3px;
  padding: 3px 0 6px;
  font-size: 1.6em;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #666;
  border-radius: 3px;
  behavior: url(/static/js/lib/PIE.htc);
}

.research-result .jang .chart-data .item-desc {
  margin: 0;
  font-size: 1.5em;
  line-height: 1.6;
}

.research-map .map-diagram-img > img {
  background: #fff;
}

.research-map .map-diagram-guide .guide-left > img,
.research-map .map-diagram-guide .guide-right > img {
  background: #FBFBFB;
}

/* Sempio
-------------------------------------------------- */

.sempio .bg-scene-philosophy {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/about/sempio/bg_philosophy.png', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/about/sempio/bg_philosophy.png', sizingMethod='scale');
  zoom: 1;
}

.sempio .philosophy-sign img {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/about/sempio/img_sign.png', sizingMethod='scale');
}

.sempio .vision .value:before {
  display: none;
}

.sempio .activities .item-desc > div {
  background: #cdcdcd;
  -ms-filter: "chroma(color=#cdcdcd) alpha(opacity=100)";
}

.sempio .activities .item-img > img {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/about/sempio/bg_blank.png', sizingMethod='scale');
}

.sempio .global .item-content {
  position: relative;
}

/* History
-------------------------------------------------- */

.history .cover-bg {
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/about/history/bg_cover.jpg', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/about/history/bg_cover.jpg', sizingMethod='scale');
}

.jquery-modal {
  background: url(/static/images/a/bg_modal.png);
}

.jquery-modal .close-modal {
  overflow: hidden;
  text-indent: -10em;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.jquery-modal .close-modal:before {
  color: #fff;
  text-indent: 0;
}

.jquery-modal .close-modal:hover,
.jquery-modal .close-modal:focus {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=100);
  opacity: 1;
}

/* CI
-------------------------------------------------- */

.ci .cover-bg {
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/about/ci/bg_cover.jpg', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/about/ci/bg_cover.jpg', sizingMethod='scale');
}

.ci-draw-img {
  visibility: hidden;
  display: block;
  margin: 0 auto;
}

.ci-draw-img img {
  background: transparent;
}

.ci-draw-sketch img {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/about/ci/img_ci_01.png',sizingMethod='crop');
}

.ci-draw-shape,
.ci-draw-circle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.ci-draw-shape img {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/about/ci/img_ci_02.png',sizingMethod='crop');
}

.ci-draw-circle img {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/about/ci/img_ci_03.png',sizingMethod='crop');
}

.ci .concept.is-active {
  max-width: 150px;
  font-size: 1.2em;
}

.ci .concept.is-active .concept-text {
  font-size: 0.7em;
}

.ci .concept-circle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #fff;
  border-radius: 100%;
  behavior: url(/static/js/lib/PIE.htc);
}

.ci .concept-keywords > li:before {
  display: none;
}

.ci .concept-close {
  visibility: visible;
  display: none;
}

.ci .renew .handle {
  background: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/about/ci/icon_handle_bar.png',sizingMethod='crop')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/about/ci/icon_handle_bar.png',sizingMethod='crop');
}

/* 제품 소개
-------------------------------------------------- */

.product-tabs.is-top {
  z-index: 1000;
}

.product-section .item-thumb > img {
  position: absolute;
  z-index: 1;
}

.product-section .item-cont {
  font-weight: bold;
}

.product-section .item-cont .h {
  font-weight: bold;
  letter-spacing: -3px;
}

.product-section .ganjang-type .item-cont {
  background: #654c34;
  -ms-filter: "chroma(color=#654c34)";
}

.product-section .jang-type .item-cont {
  background: #ccbeb1;
  -ms-filter: "chroma(color=#ccbeb1)";
}

.product-section .sauce-type .item-cont {
  background: #e9e9e9;
  -ms-filter: "chroma(color=#e9e9e9)";
}

.product-section .salt-type .item-cont {
  background: #f3dbc5;
  -ms-filter: "chroma(color=#f3dbc5)";
}

.product-section .noodles-type .item-cont {
  background: #f4eee9;
  -ms-filter: "chroma(color=#f4eee9)";
}

.product-section .yondu-type .item-cont {
  background: #dbe5ce;
  -ms-filter: "chroma(color=#dbe5ce)";
}

.product-section .ricevinega-type .item-cont {
  background: #fcfdf7;
  -ms-filter: "chroma(color=#fcfdf7)";
}

.product-section .ziller-type .item-cont {
  background: #c7c3ad;
  -ms-filter: "chroma(color=#c7c3ad)";
}

.product-section .tea-type .item-cont {
  background: #f9f5f1;
  -ms-filter: "chroma(color=#f9f5f1)";
}

.product-section .fontana-type .item-cont {
  background: #6fd2df;
  -ms-filter: "chroma(color=#6fd2df)";
}

/* contents
-------------------------------------------------- */

.label-best {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/a/label_best.png',sizingMethod='scale');
}

.label-prize {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/a/label_prize.png',sizingMethod='scale');
}

/* Experience
-------------------------------------------------- */

.experience .experience-intro {
  visibility: visible;
}

.experience .experience-intro .slider {
  visibility: visible;
}

.experience .experience-intro .slick-paging {
  display: none;
}

.experience .experience-intro .slick-dots > li > button {
  overflow: hidden;
  text-indent: -10em;
}

.experience .exp-slick .slick-dots > li > button {
  overflow: hidden;
  text-indent: -10em;
}

.project-header .visual-cover {
  background: url(/static/images/a/bg_blank.png);
}

/* Market
-------------------------------------------------- */

.finder-close {
  display: none;
}

.finder-nav-d2-item .checkbox label {
  display: inline-block;
  max-width: 165px;
}

.market .products .item-cont:after {
  display: none;
}

.market .products .item-cont ._after {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -29px;
  margin-top: -29px;
  width: 58px;
  height: 58px;
  background: url(/static/images/market/icon_item_hover.png);
  z-index: 11;
}

.market .products .item-cont:hover ._after,
.market .products .item-cont:focus ._after {
  display: block;
}

.market .products .item.item-soldout .item-cont ._after {
  display: block;
  background: url(/static/images/market/icon_item_soldout.png);
}

.market-detail .action .btn.action-buy {
  float: right;
}

.market-detail .purchase-info .row-list {
  letter-spacing: -0.03em;
}

.market-detail .purchase-info .row-list > dt {
  letter-spacing: -0.05em;
}

.write-box .item.item-phone select.input-shop,
.write-box .item.item-tel select.input-shop {
  width: 85px !important;
}

/* Login
-------------------------------------------------- */

.login-links .more {
  width: 190px;
}

.footer .go-to-top {
  background-color: #333;
}