@charset "UTF-8";
@-webkit-keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}

@-moz-keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}

@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}

/* skip navigation */
.skip-nav {
  position: relative;
  z-index: 1000;
}

.skip-nav a {
  display: block;
  position: absolute;
  left: 0;
  top: -100px;
  width: 100%;
  padding: 8px 0 7px;
  color: #000;
  background: #eee;
  text-align: center;
  z-index: 5000;
}

.skip-nav a:focus,
.skip-nav a:active {
  top: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}

.spinner {
  position: relative;
  margin: 0 auto;
  width: 100px;
}

.spinner:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.spinner .circular {
  animation: spinner_rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.spinner .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: spinner_dash 1.5s ease-in-out infinite,
    spinner_color 6s ease-in-out infinite;
  stroke-linecap: round; /* 이하 ie10 용 : 애니메이션 지원 안됨 */
  stroke-dasharray: 89, 200;
  stroke-dashoffset: -35px;
  stroke: #c2935f;
}

@keyframes spinner_rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spinner_dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes spinner_color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}

.spinner-dim {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background-color: rgba(255, 255, 255, 0.5);
}

.spinner-dim ~ .spinner {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  z-index: 201;
}

.scroll-lock {
  overflow: hidden;
}

.top-banner {
  position: relative;
  background: #000;
  z-index: 2;
}

.top-banner .inner {
  display: flex;
}

.top-banner .inner span {
  display: block;
  flex: 1;
  height: 50px;
  text-align: center;
}

.top-banner .inner span img {
  height: 50px;
}

.top-banner .inner.col-3 span a {
  display: block;
  margin: 0 auto;
  max-width: calc(570px + 25px);
}

.top-banner .inner.col-3 span:nth-of-type(1) a {
  margin: 0 0 0 auto;
}

@media screen and (max-width: 1919px) and (min-width: 1367px) {
  .top-banner .inner.col-3 span:nth-of-type(1) a {
    max-width: calc((100vw - 180px) / 3);
  }
}

@media screen and (max-width: 1366px) {
  .top-banner .inner.col-3 span:nth-of-type(1) a {
    max-width: calc(1206px / 3);
  }
}

.top-banner .inner.col-3 span:nth-of-type(2) {
  flex: none;
  width: calc(570px + 25px);
  max-width: calc(570px + 25px);
}

@media screen and (max-width: 1919px) and (min-width: 1367px) {
  .top-banner .inner.col-3 span:nth-of-type(2) {
    width: calc((100vw - 180px) / 3);
    max-width: none;
  }
}

@media screen and (max-width: 1366px) {
  .top-banner .inner.col-3 span:nth-of-type(2) {
    width: calc(1206px / 3);
    max-width: none;
  }
}

.top-banner .inner.col-3 span:nth-of-type(3) a {
  margin: 0 auto 0 0;
}

@media screen and (max-width: 1919px) and (min-width: 1367px) {
  .top-banner .inner.col-3 span:nth-of-type(3) a {
    max-width: calc((100vw - 180px) / 3);
  }
}

@media screen and (max-width: 1366px) {
  .top-banner .inner.col-3 span:nth-of-type(3) a {
    max-width: calc(1206px / 3);
  }
}

.top-banner .btn-close-banner {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  font-size: 0;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_layer_close.png') no-repeat 50% 50%;
  background-size: 15px auto;
}

#wrap {
  min-width: 1280px;
}

#wrap:not(.main):not(.dp-main) #header .header-logo {
  height: 95px;
}

#wrap:not(.main):not(.dp-main) #header .header-util {
  margin: 35px 0 0 0;
}

#wrap:not(.main):not(.dp-main) #container {
  padding: 130px 0 160px;
}

#header .header-inner {
  position: absolute;
  z-index: 100;
  left: 0;
  width: 100%;
  min-width: 1280px;
  background: #000;
}

#header .header-wrap {
  min-width: 1280px;
  max-width: 1920px;
  padding: 0 80px;
  margin: 0 auto;
}

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

#header.fixed .header-inner {
  position: fixed;
  top: 0;
}

#header .header-logo {
  position: relative;
  z-index: 2;
  float: left;
  height: 120px;
}
 
#header .header-logo a {
  display: inline-block;
  width: 287px;
  height: 20px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/img_logo.png') no-repeat;
  vertical-align: middle;
  font-size: 0;
}

#header .header-logo:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

#header .header-search {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  text-align: center;
}

#header .header-search:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 160px 0 0 0;
}

#header .header-search:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

#header .header-search .inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 620px;
  height: 550px;
  text-align: left;
  vertical-align: middle;
  color: #000;
}

#header .header-search .rolling-list {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

#header .header-search .rolling-list li {
  position: relative;
  height: 74px;
  font-size: 38px;
}

#header .header-search .rolling-list li span {
  display: block;
  padding: 0 80px 0 0;
  line-height: 70px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#header .header-search .rolling-list li a {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 74px;
  opacity: 0;
}

#header .header-search .keyword-wrap {
  position: relative;
  padding-top: 60px;
  overflow: hidden;
  transition: all 0.3s;
}

#header .header-search .keyword-wrap .title {
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

#header .header-search .keyword-wrap .list li {
  position: relative;
  margin-top: 20px;
  padding-right: 30px;
}

#header .header-search .keyword-wrap .list li a {
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #000;
}

#header .header-search .keyword-wrap .list li a span {
  vertical-align: top;
}

#header .header-search .keyword-wrap .list li.txt-nodata {
  color: #666;
}

#header .header-search .keyword-related {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px 0;
  line-height: 1.3;
  background: #fff;
}

#header .header-search .keyword-related a {
  display: block;
  margin-top: 20px;
  color: #666;
}

#header .header-search .keyword-related span {
  color: #c2935f;
}

#header .header-search .keyword-recent {
  position: relative;
  float: left;
  width: 50%;
  padding: 0 40px 0 0;
}

#header .header-search .keyword-recent .btn-del {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 14px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_del.png') no-repeat;
  font-size: 0;
}

#header .header-search .keyword-recent .btn-del span {
  position: relative;
}

#header .header-search .keyword-recent .btn-all-del {
  position: absolute;
  top: 0;
  right: 40px;
  font-size: 13px;
  font-weight: 300;
  color: #999;
  border-bottom: 1px solid;
}

#header .header-search .keyword-hot {
  float: left;
  width: 50%;
  padding: 0 0 0 40px;
}

#header .header-search .keyword-hot .rank {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  display: inline-block;
  width: 22px;
}

#header .header-search .keyword-hot [class*='state'] {
  position: absolute;
  right: 0;
  font-size: 0;
}

#header .header-search .keyword-hot .state-up {
  top: 3px;
  border: 6px solid transparent;
  border-bottom: 8px solid #c2935f;
  border-top: 0;
}

#header .header-search .keyword-hot .state-down {
  top: 3px;
  border: 6px solid transparent;
  border-top: 8px solid #666;
  border-bottom: 0;
}

#header .header-search .keyword-hot .state-mid {
  top: 8px;
  width: 10px;
  height: 1px;
  background: #666;
}

#header .header-search .keyword-hot .title {
  margin-left: -2px;
}

#header .header-search .btn-close {
  position: absolute;
  top: 70px;
  right: 70px;
  width: 24px;
  height: 24px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_search_close.png') no-repeat;
  font-size: 0;
}

#header .header-util {
  position: relative;
  z-index: 2;
  float: right;
  margin: 48px 0 0 0;
  color: #fff;
  font-size: 0;
  white-space: nowrap;
}

#header .header-util .btn-search {
  width: 30px;
  height: 30px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_search_head.png') no-repeat;
  font-size: 0;
  vertical-align: middle;
}

#header .header-util .btn-search span {
  position: relative;
  font-size: 1px;
  visibility: hidden;
}

#header .header-util > span {
  position: relative;
  display: inline-block;
  margin-left: 12px;
  padding-left: 12px;
  font-size: 12px;
  vertical-align: middle;
}

#header .header-util > span ~ span:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  height: 10px;
  border-left: 1px solid #fff;
  opacity: 0.3;
}

#header .header-util > span a {
  white-space: nowrap;
}

#header .dp-header {
  display: none;
}

#header.fixed .header-inner {
  height: 80px;
  background: #000 !important;
}

#header.fixed .header-logo,
#header.fixed .header-util {
  display: none;
}

#header.fixed #gnb {
  top: 33px;
}

#header.fixed #gnb .home {
  display: block;
}

.main #header .header-inner {
  background: none;
}

.dp-main #header .header-logo {
  display: none;
}

.dp-main #header .header-inner {
  background: none;
}

.dp-main #header .dp-header {
  display: block;
}

.dp-main #header .dp-header-btns {
  display: inline-block;
  position: absolute;
  z-index: 2;
  top: 50px;
  color: #fff;
}

.dp-main #header .dp-header-btns a {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}

.dp-main #header .dp-header-btns .btn-menu {
  margin-left: 30px;
  font-size: 14px;
  color: inherit;
  vertical-align: middle;
  line-height: 20px;
}

.dp-main #header .dp-header-btns .btn-menu span {
  position: relative;
}

.dp-main #header .dp-header-logo {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 120px;
  text-align: center;
}

.dp-main #header .dp-header-logo a {
  display: inline-block;
  vertical-align: middle;
  line-height: 120px;
  font-size: 26px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 400;
  color: #fff;
}

.dp-main #header .dp-header-logo a img {
  vertical-align: middle;
}

.dp-main #header .dp-header-gnb {
  position: absolute;
  top: 120px;
  right: 0;
  left: 0;
  text-align: center;
  color: #fff;
}

.dp-main #header .dp-header-gnb li {
  display: inline-block;
  margin: 0 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  letter-spacing: 0.5px;
}

.dp-main #header #gnb {
  display: none;
  top: 42px;
}

.dp-main #header #gnb.open {
  display: block;
}

.dp-main #header.fixed .header-inner {
  background: #000;
}

.dp-main #header.fixed #gnb {
  top: 25px;
  background: #000;
}

.dp-main #header.fixed #gnb .home {
  display: none;
}

.dp-main #header.fixed .dp-header-btns {
  top: 32px;
}

.dp-main #header.fixed .header-util {
  display: block;
  margin-top: 25px;
}

.dp-main #header.fixed .dp-header-gnb {
  display: none;
}

.dp-main #header.fixed .dp-header-logo {
  height: 79px;
}

.dp-main #header.fixed .dp-header-logo a {
  display: block;
  line-height: 79px;
}

.dp-main #header.fixed .dp-header-logo a img {
  vertical-align: middle;
}

.theme #header #gnb.open {
  background-color: #000;
}

.non-category #header .dp-header-gnb {
  display: none;
}

body.gnb-show #container {
  position: relative;
}

body.gnb-show #container::before {
  content: '';
  position: absolute;
  top: 154px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99;
}

#container {
  min-height: 800px;
  padding: 154px 0 160px;
}

.non-category #container {
  padding-top: 120px;
}

#container .non-mg-section {
  margin-bottom: -160px;
}

#container .content-response {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 80px;
}

.dp-main #container .content-response {
  margin-top: 140px;
}

#container .dp-section ~ .content-response {
  margin-top: 100px;
}

.dp-main #container .dp-section ~ .content-response {
  margin-top: 100px;
}

.dp-main #container .dp-section ~ .content-response .page-title.type2 {
  font-weight: 400;
}

#container .dp-section ~ .content-response .page-title.type2 {
  font-weight: 400;
}

#container .content-wrap {
  width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}

#container .content-wrap::after {
  content: '';
  display: block;
  clear: both;
}

#container .content-wrap .snb-wrap {
  float: left;
  width: 200px;
}

#container .content-wrap .snb-wrap .lnb-title {
  height: 75px;
  margin-top: 40px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

#container .content-wrap .snb-wrap .lnb ul li + li {
  margin-top: 49px;
}

#container .content-wrap .snb-wrap .lnb .menu-depth1 {
  margin-bottom: 19px;
  font-size: 16px;
}

#container .content-wrap .snb-wrap .lnb .menu-depth2 li {
  font-size: 14px;
  color: #999;
}

#container .content-wrap .snb-wrap .lnb .menu-depth2 li + li {
  margin-top: 11px;
}

#container .content-wrap .snb-wrap .lnb .menu-depth2 li a {
  display: inline-block;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  vertical-align: top;
}

#container .content-wrap .snb-wrap .lnb .menu-depth2 li.active a {
  color: #000;
  border-bottom: 1px solid #000;
}

#container .content-wrap .snb-content-wrap {
  float: right;
  width: calc(100% - 200px);
}

#footer {
  background: #000;
  font-size: 13px;
}

#footer .footer-inner {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding: 100px 80px;
}

#footer .footer-logo {
  width: 278px;
  height: 30px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/img_logo_footer.png') no-repeat;
  font-size: 0;
}

#footer .footer-familysite {
  position: absolute;
  z-index: 95;
  top: 100px;
  right: 80px;
}

#footer .footer-familysite .btn {
  position: relative;
  width: 165px;
  height: 30px;
  color: #fff;
  text-align: left;
}

#footer .footer-familysite .btn:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_familysite_arrow.png') no-repeat 50% 50%;
}

#footer .footer-familysite .btn.active:after {
  transform: rotate(180deg);
}

#footer .footer-familysite .list {
  display: none;
  position: absolute;
  right: 0;
  bottom: 30px;
  width: 165px;
  padding: 15px;
  background: #fff;
  border: 1px solid #fafafa;
}

#footer .footer-familysite .list.open {
  display: block;
}

#footer .footer-familysite .list p {
  font-weight: 700;
  line-height: 1.5;
}

#footer .footer-familysite .list p ~ p {
  margin-top: 10px;
}

#footer .footer-familysite .list ul {
  margin: 5px 0 0;
}

#footer .footer-familysite .list li {
  line-height: 1.5;
  font-size: 12px;
}

#footer .footer-link {
  position: absolute;
  top: 185px;
  right: 80px;
  color: #666;
}

#footer .footer-link button {
  color: #666;
}

#footer .footer-link .box {
  float: left;
  width: 165px;
}

#footer .footer-link .sns {
  position: absolute;
  top: 150px;
  right: 0;
  width: 165px;
  color: #666;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

#footer .footer-link .sns li {
  position: relative;
  margin: 0 0 8px;
  padding-left: 30px;
  line-height: 24px;
}

#footer .footer-link .sns li:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_footer_sns.png') no-repeat;
}

#footer .footer-link .sns li.post:after {
  background-position: -24px 0;
}

#footer .footer-link .sns li.insta:after {
  background-position: -48px 0;
}

#footer .footer-link .tit {
  color: #fff;
  font-weight: 700;
}

#footer .footer-link .list {
  margin: 10px 0 0;
  color: #666;
}

#footer .footer-link .list li {
  line-height: 1.7;
}

#footer .footer-link .list .privacy {
  font-weight: 500;
  color: #999;
}

#footer .footer-info {
  margin-top: 40px;
  color: #666;
  line-height: 1.7;
}

#footer .footer-info a,
#footer .footer-info button {
  margin-left: 20px;
  color: #666;
  line-height: 1.7;
}

#footer .footer-info .contact {
  margin-top: 15px;
}

#footer .footer-info .contact span {
  margin-right: 20px;
}

#footer .footer-info .contact span a {
  margin-left: 0;
}

#footer .footer-copy {
  margin: 40px 0 0;
}

#footer .footer-copy small {
  color: #333;
  letter-spacing: 4px;
}

#footer .footer-copy p {
  margin: 40px 0 0;
  color: #666;
}

#footer .type2 .footer-logo {
  width: 110px;
  height: 30px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/img_logo_footer02.png') no-repeat;
  font-size: 0;
}

#footer .type2 .footer-link .sns {
  top: 0;
}

#footer .type2 .footer-info p:first-child span ~ span::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 0 10px;
  background: #666;
}

#snb {
  margin: 45px 0 80px;
  text-align: center;
  font-size: 0;
}

#snb li {
  display: inline-block;
  font-size: 16px;
}

#snb li a {
  display: inline-block;
  padding: 15px 24px;
  border-bottom: 2px solid transparent;
  color: #999;
}

#snb li.active a {
  font-weight: 700;
  color: #000;
  border-color: #000;
}

#snb.type2 {
  margin-bottom: 50px;
}

#snb.type2 li {
  margin: 0 25px;
}

#snb.type2 a {
  padding: 5px 3px;
}

.fixed-btn {
  position: fixed;
  z-index: 49;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #000;
  border-radius: 20px 0 0 0;
  font-size: 0;
}

.fixed-btn button {
  width: 60px;
  height: 60px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_stickey.png') no-repeat;
  vertical-align: middle;
  font-size: 0;
}

.fixed-btn span {
  position: relative;
  display: inline-block;
}

.fixed-btn .bnc {
  background-position: -60px 0;
}

.fixed-btn .top {
  color: #fff;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  background-position: 100% 0;
}

.fixed-btn .top span {
  padding-top: 20px;
}

.scroll-lock .fixed-btn {
  right: 17px;
}

.breadcrumb-wrap {
  width: 100%;
  height: 40px;
}

.breadcrumb-wrap .breadcrumb {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 1280px;
  max-width: 1920px;
  height: 100%;
  padding: 0 80px;
  margin: 0 auto;
}

.breadcrumb-wrap .breadcrumb li {
  position: relative;
  font-size: 13px;
  font-weight: 300;
  color: #999;
}

.breadcrumb-wrap .breadcrumb li + li {
  margin-left: 12px;
  padding-left: 19px;
}

.breadcrumb-wrap .breadcrumb li + li:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 5px;
  height: 9px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_breadcrumb.png') no-repeat 0 0;
  vertical-align: top;
}

.breadcrumb-wrap .breadcrumb li.bc-home {
  text-transform: uppercase;
}

.breadcrumb-wrap .breadcrumb li.active {
  color: #000;
}

.dp-main:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-width: 1280px;
  height: 780px;
  background: #000;
}

.dp-main .theme-color {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-width: 1280px;
  height: 780px;
  background: #000;
}

.dp-main.dp-main-sub::before {
  height: 0;
}

.dp-main.dp-main-sub .dp-header-gnb li a {
  display: block;
  height: 30px;
}

.dp-main.dp-main-sub .dp-header-gnb li.on a {
  color: #c2935f;
}

.dp-main.brand .dp-header-gnb li.on a {
  color: #c2935f;
}

.dp-main.outlet #header .dp-header-logo a,
.dp-main.theme #header .dp-header-logo a {
  letter-spacing: 1.5px;
}

.dp-main.dp-main-shop:before,
.dp-main.dp-main-shop .theme-color {
  display: none;
}

.dp-main.dp-main-shop #header .header-inner {
  height: 154px;
  background-color: #000;
}

.dp-main.dp-main-shop #header.fixed .header-inner {
  height: 80px;
}

.dp-main.dp-main-shop #container .content-response {
  margin-top: 0;
}

.dp-section {
  margin-top: 90px;
}

.dp-section.page-top {
  margin-top: 40px;
  position: relative;
}

.dp-section.page-top .dp-concept {
  margin-top: -25px;
}

.dp-section.page-top .dp-title {
  margin-bottom: 40px;
}

.dp-section.type2,
.dp-section.bg-section {
  margin-top: 100px;
}

.dp-section .col-2 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 140px 80px;
  margin: 0 auto;
  background-color: #000;
}

.dp-section .col-2 .cell {
  margin: 0 20px;
}

.dp-section .col-2 .cell .dp-title {
  margin: 0 0 44px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 400;
  color: #fff;
}

.dp-section .col-2 .cell .dp-title span {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.dp-title {
  position: relative;
  max-width: 1920px;
  margin: 0 auto 50px;
  padding: 0 80px;
  text-align: center;
  line-height: 1.2;
  font-size: 40px;
  font-weight: 400;
}

.dp-title.eng {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 400;
}

.dp-title.eng .link::after {
  bottom: 2px;
}

.dp-title.type2 {
  font-size: 34px;
}

.dp-title span {
  display: block;
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 400;
}

.dp-title span.tit {
  display: inline-block;
  margin: 0;
  font-size: 40px;
}

.dp-title .link {
  position: relative;
  display: inline-block;
}

.dp-title .link:after {
  content: '';
  width: 36px;
  height: 36px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_title.png') no-repeat 50% 50%;
  display: inline-block;
  margin-left: 6px;
  margin-right: -42px;
  vertical-align: -4px;
}

.dp-title .more {
  display: inline-block;
  position: relative;
}

.dp-title .more-wrap {
  position: absolute;
  top: 3px;
  left: 100%;
  margin-left: 15px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 300;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.dp-title .more-wrap .btn-more {
  position: relative;
  width: 36px;
  height: 36px;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
}

.dp-title .more-wrap .btn-more span {
  margin: 0;
  font-size: 0;
}

.dp-title .more-wrap .btn-more:after,
.dp-title .more-wrap .btn-more:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  margin: -1px 0 0 -6px;
  background: #000;
}

.dp-title .more-wrap .btn-more:before {
  transform: rotate(90deg);
}

.dp-title .more-wrap.open .more-layer {
  display: block;
}

.dp-title .more-layer {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 110%;
  padding: 20px;
  background: #fff;
  border: 1px solid #d2d2d2;
  text-align: left;
}

.dp-title .more-layer li {
  line-height: 20px;
}

.dp-title .more-layer a {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.dp-title .more-layer a.active {
  border-bottom: 2px solid;
}

.dp-title .link {
  position: relative;
  display: inline-block;
}

.dp-title .link:after {
  content: '';
  width: 36px;
  height: 36px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_title.png') no-repeat 50% 50%;
  display: inline-block;
  margin-left: 6px;
  margin-right: -42px;
  vertical-align: -4px;
}

.dp-title ~ .related-keyword {
  margin: -10px 0 40px;
}

.tit-tab-wrap {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 80px;
  font-size: 0;
}

.tit-tab-wrap .tit-tab {
  display: inline-block;
  margin: 0;
  padding: 0 35px 0 35px;
  color: #cccccc;
  text-align: left;
  line-height: 1.2;
  font-size: 40px;
  font-weight: 400;
}

.tit-tab-wrap .tit-tab a {
  display: inline-block;
  position: relative;
  line-height: 1.2;
  font-size: 40px;
  font-weight: 400;
}

.tit-tab-wrap .tit-tab .btn_more {
  display: none;
}

.tit-tab-wrap .tit-tab.on {
  color: #000000;
}

.tit-tab-wrap .tit-tab.on .btn_more {
  display: inline-block;
}

.tit-tab-wrap .pl113 {
  padding-left: 113px;
}

.tit-tab-wrap .tit-tab:nth-child(n + 2) a:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 10px;
  left: -35px;
  width: 1px;
  height: 28px;
  background-color: #cccccc;
}

.dp-tab {
  margin-bottom: 40px;
  text-align: center;
}

.dp-tab ~ .wrap-product-list {
  margin-top: 40px;
}

.dp-tab a,
.dp-tab button {
  display: inline-block;
  margin: 0 25px;
  padding: 0 0 10px;
  border-bottom: 2px solid transparent;
  line-height: 1;
  color: #999;
  font-size: 16px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.dp-tab a span,
.dp-tab button span {
  position: relative;
}

.dp-tab a.on,
.dp-tab button.on {
  border-bottom: 2px solid #000;
  font-weight: 700;
  color: #000;
}

.dp-brand-list {
  position: relative;
  max-width: 1920px;
  margin: 100px auto 0;
  width: 1245px;
}

.dp-brand-list .brand-list-wrap {
  position: relative;
}

.dp-brand-list .slide-container {
  width: 1176px;
  margin: 0 auto;
}

.dp-brand-list
  .slide-container:not(.swiper-container-horizontal)
  .swiper-wrapper {
  justify-content: center;
}

.dp-brand-list .swiper-slide {
  width: 196px;
  border: 1px solid #ddd;
  text-align: center;
}

.dp-brand-list .swiper-slide ~ .swiper-slide:not(.swiper-slide-active) {
  border-left: 0;
}

.dp-brand-list .swiper-slide img {
  max-width: 100%;
}

.dp-brand-list .slide-nav [class*='slide-nav'] {
  position: absolute;
  top: 12%;
}

.dp-concept {
  padding: 0 80px;
}

.dp-concept .concept-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  max-width: 1760px;
  margin: 0 auto;
}

.dp-concept .concept-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
  min-height: 298px;
  border-radius: 0 0 0 60px;
  color: #fff;
  text-align: center;
}

.dp-concept .copy {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 44px;
  font-weight: 400;
}

.dp-concept p {
  margin-top: 15px;
  font-size: 16px;
  line-height: 24px;
}

.bg-section {
  padding: 40px 0;
  background: #f5f5f5;
}

.bg-section.main-best-review {
  padding: 100px 0 140px;
}

.bg-section.type2 {
  padding: 80px 0;
}

.layer-temrs-wrap .tab-wrap2 .tabs li a {
  font-size: 13px;
  letter-spacing: -0.05em;
}

.layer-temrs-wrap .link-offline {
  text-decoration: underline;
}

.layer-temrs-wrap .scroll-box {
  height: 50vh;
  margin-top: 30px;
  padding: 18px 20px;
  background: #f8f8f8;
  overflow: auto;
}

.search-field {
  position: relative;
  height: 74px;
  margin: 0 auto;
  overflow: hidden;
  padding-right: 60px;
  border-bottom: 2px solid #000;
}

.search-field .input-box {
  padding-right: 40px;
}

.search-field .input-box input[type='text'] {
  width: 100%;
  height: 74px;
  background: none;
  border: 0;
  font-size: 38px;
  line-height: 1.5;
}

.search-field .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 74px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_search.png') no-repeat 100% 50%;
  font-size: 0;
}

.search-result-top {
  margin-top: 40px;
}

.search-result-top .search-field {
  width: 505px;
}

.search-result-top .search-field input[type='text'] {
  font-weight: 700;
}

.search-result-top .search-chk {
  width: 505px;
  margin: 15px auto 0;
  text-align: right;
}

.search-result-top .search-tab {
  margin-top: 50px;
  text-align: center;
  font-size: 0;
}

.search-result-top .search-tab li {
  position: relative;
  display: inline-block;
  margin: 0 30px;
}

.search-result-top .search-tab li ~ li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -30px;
  height: 12px;
  margin-top: -6px;
  border-left: 1px solid #ddd;
}

.search-result-top .search-tab li button {
  font-size: 18px;
  color: #666;
}

.search-result-top .search-tab li button > span {
  position: relative;
}

.search-result-top .search-tab li button > span span {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.search-result-top .search-tab li.active button {
  color: #000;
  font-weight: 700;
}

.search-result-top + .wrap-product-list {
  margin-top: 40px;
}

.search-result-non {
  margin: 80px 0 0;
  text-align: center;
}

.search-result-non .txt {
  font-size: 16px;
  color: #666;
}

.search-result-non .txt span {
  color: #c2935f;
}

.search-result-non .recommended-keyword {
  position: relative;
  display: flex;
  margin: 100px 0 140px;
}

.search-result-non .recommended-keyword .cell {
  flex: 1;
}

.search-result-non .recommended-keyword .cell + .cell {
  border-left: 1px solid #ddd;
}

.search-result-non .recommended-keyword .tit {
  margin: 0 0 40px;
  font-size: 20px;
}

.search-result-non .recommended-keyword .keyword-list {
  width: 500px;
  margin: -10px auto 0;
}

.search-result-non .recommended-keyword .keyword-list a {
  display: inline-block;
  height: 44px;
  line-height: 42px;
  margin: 10px 2px 0;
  padding: 0 24px;
  background: #f8f3f0;
  border-radius: 50px;
  color: #999;
  font-size: 14px;
}

.table_box01 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.table_box01 .table01 th,
.table_box01 .table01 td {
  padding: 11px 5px 10px 5px;
  text-align: center;
}

.table_box01 .table01 thead th {
  border-bottom: 1px solid #ccc;
}

.table_box01 .table01 tbody th {
  border-bottom: 1px solid #e4e4e4;
}

.table_box01 .table01 tbody td {
  border-bottom: 1px solid #e4e4e4;
}

.terms_box {
  font-size: 12px;
  color: #000;
  line-height: 1.5;
}

.terms_box .tit2 {
  margin: 20px 0 10px;
}

.terms_box .tit2.first {
  margin: 0 0 20px;
}

.terms_box .txt.gray {
  color: #aaaaaa;
}

.terms_box .txt a {
  display: inline-block;
}

.terms_box .tb_list1 {
  padding-left: 0;
}

.terms_box ol.tb_list1 li {
  text-indent: -14px;
  padding-left: 11px;
  padding-bottom: 4px;
}

.terms_box ul.tb_list1 li {
  text-indent: -18px;
  padding-left: 15px;
  padding-top: 10px;
}

.terms_box .table_box2 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.terms_box .table_box2 b {
  text-decoration: underline;
}

.terms_box .table2 th,
.terms_box .table2 td {
  padding: 11px 5px 10px 5px;
  text-align: center;
}

.terms_box .table2 td.al {
  text-align: left;
}

.terms_box .table2 td {
  text-align: center;
}

.terms_box .table2 thead th {
  border-bottom: 1px solid #ccc;
}

.terms_box .table2 tbody th {
  border-bottom: 1px solid #e4e4e4;
}

.terms_box .table2 td {
  border-bottom: 1px solid #e4e4e4;
}

.new_terms {
  color: #000;
  line-height: 1.5;
}

.new_terms h4 {
  padding: 20px 0 15px;
  font-size: 14px;
}

.new_terms h4:first-child {
  padding-top: 0;
}

.new_terms dl {
  font-size: 12px;
  color: #010101;
}

.new_terms dt {
  padding: 20px 0 10px 0;
}

.new_terms dt:first-child {
  padding: 0 0 20px 0;
}

.new_terms dd {
  padding: 10px 0 0 13px;
}

.new_terms dd.pl0 {
  padding-left: 0;
}

.new_terms dd.no_dd {
  padding: 0px;
}

.new_terms dd span {
  margin-left: -13px;
}

.new_terms dd.no_dd span {
  margin: 0px;
}

.new_terms dd.dd_txts {
  padding-bottom: 30px;
}

.new_terms dd.dd_txt {
  padding-bottom: 20px;
}

.new_terms dd.dd_txt_list {
  padding-bottom: 5px;
}

.new_terms dd.dd_num_li {
  padding-bottom: 2px;
}

.new_terms dd.no_justify {
  text-align: left;
}

.new_terms .table2 th,
.new_terms .table2 td {
  padding: 11px 5px 10px 5px;
  text-align: center;
}

.new_terms .table2 td.al {
  text-align: left;
}

.new_terms .table2 td {
  text-align: center;
}

.new_terms .table2 thead th {
  border-bottom: 1px solid #ccc;
}

.new_terms .table2 tbody th {
  border-bottom: 1px solid #e4e4e4;
}

.new_terms .table2 td {
  border-bottom: 1px solid #e4e4e4;
}

.swiper {
  /* Auto Height */
}

.swiper-container-horizontal {
  overflow: hidden;
}

.swiper-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.swiper-wrapper.notrans {
  transform: none !important;
}

.swiper-slide {
  width: 100%;
  flex-shrink: 0;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: '';
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  outline: none;
  display: none;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

.ui-datepicker {
  width: 240px;
  margin: 10px 0;
  padding: 13px 14px 11px;
  background: #fff;
  border: 1px solid #111;
  z-index: 15 !important;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all {
  top: 8px;
  width: 15px;
  height: 15px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/btn_calendar_control.png) 0 0 no-repeat;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next {
  background-position: -17px 0;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all .ui-icon {
  position: absolute;
  display: block;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  height: 25px;
  margin: 0;
  margin-right: -10px;
  line-height: 25px;
  border-bottom: 0;
}

.ui-datepicker
  .ui-datepicker-header
  .ui-datepicker-title
  select.ui-datepicker-year {
  width: auto;
}

.ui-datepicker
  .ui-datepicker-header
  .ui-datepicker-title
  select.ui-datepicker-month {
  width: auto;
  direction: rtl;
  margin-left: 10px;
}

.ui-datepicker .ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-calendar thead th {
  color: #333;
}

.ui-datepicker .ui-datepicker-calendar tr td {
  padding: 0;
}

.ui-datepicker .ui-datepicker-calendar tr .ui-datepicker-week-end:first-child,
.ui-datepicker
  .ui-datepicker-calendar
  tr
  .ui-datepicker-week-end:first-child
  .ui-state-default {
  color: #c2935f;
}

.ui-datepicker .ui-datepicker-calendar tr .ui-state-default {
  color: #555;
  text-align: center;
  padding: 8px 0 0;
  height: 30px;
  border: 1px solid #fff;
}

.ui-datepicker .ui-datepicker-calendar tr .ui-state-default.ui-state-active {
  background: #000;
  border-color: #000;
  color: #fffefe;
}

.ui-datepicker .ui-datepicker-calendar tr .ui-state-default.ui-state-highlight {
  border-color: #333;
  color: #000;
}

.ui-datepicker
  .ui-datepicker-calendar
  tr
  .ui-state-default.ui-state-highlight.ui-state-active {
  background: #000;
  border-color: #000;
  color: #fffefe;
}

.ui-datepicker
  .ui-datepicker-calendar
  tr
  .ui-state-default.ui-priority-secondary {
  color: #b5b5b5;
}

.ui-datepicker
  .ui-datepicker-calendar
  tr
  .ui-state-default.ui-priority-secondary.ui-state-default {
  color: #b5b5b5;
}

.ui-datepicker.ui-popup-datepicker {
  z-index: 1002 !important;
}

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

.nodata {
  padding: 100px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
  text-align: center;
}

.nodata .txt-nodata {
  font-size: 16px;
  color: #000;
}

.nodata .txt-nodata::before {
  content: '';
  display: block;
  width: 54px;
  height: 64px;
  margin: 0 auto 30px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_nodata.png) no-repeat 0 0;
  vertical-align: top;
}

.nodata .txt-nodata-sub {
  margin-top: 30px;
  font-size: 14px;
  color: #999;
  line-height: 1.7;
}

.txt-list {
  margin-top: 25px;
}

.txt-list > li {
  position: relative;
  padding-left: 11px;
  color: #666;
  font-size: 13px;
  line-height: 1.6;
  word-break: break-all;
}

.txt-list > li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #666;
}

.txt-list > li.pcolor:before {
  background: #c2935f;
}

.txt-list > li .txt-link {
  color: #c2935f;
  border-bottom: 1px solid;
}

.txt-list > li .txt-link.ml {
  margin-left: 10px;
}

.txt-list > li .txt-sub {
  margin: 10px 0 0 13px;
  color: #999;
  line-height: 24px;
}

.txt-list > li + li {
  margin-top: 5px;
}

.txt-list.number > li {
  padding-left: 13px;
  text-indent: -13px;
}

.txt-list.number > li::before {
  display: none;
}

.txt-list.mb {
  margin-bottom: 60px;
}

.txt-list .point-link {
  margin-left: 16px;
}

.txt-list .txt-list2 {
  margin: 2px 0 0;
}

.txt-list2 {
  margin-top: 25px;
}

.txt-list2 > li {
  position: relative;
  padding-left: 8px;
  color: #666;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.25px;
  word-break: break-all;
}

.txt-list2 > li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 4px;
  height: 1px;
  background: #8c8c8c;
}

.txt-list3 {
  margin: 10px 0;
}

.txt-list3 > li {
  position: relative;
  padding-left: 8px;
  color: #666;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.25px;
}

.txt-group {
  margin-top: 25px;
}

.txt-group dt {
  font-size: 16px;
  color: #000;
}

.txt-group dd {
  margin-top: 17px;
}

.txt-group dd p {
  color: #666;
  font-size: 13px;
  line-height: 1.5;
}

.txt-group dd .txt-list {
  margin-top: 0;
}

.txt-group + .txt-group {
  margin-top: 45px;
}

.board-list ~ .txt-list,
.paging ~ .txt-list,
.tab-wrap ~ .txt-list {
  margin-top: 80px;
}

.btn-box + .txt-list {
  margin-top: 80px;
}

.nodata + .txt-group,
.board-list + .txt-group,
.paging + .txt-group,
.btn-box + .txt-group {
  margin-top: 80px;
}

.txt-valid {
  display: none;
  margin-top: 10px;
  font-size: 14px;
  color: #000;
}

.txt-invalid {
  display: none;
  margin-top: 10px;
  font-size: 14px;
  color: #c2935f;
}

.txt-form-cmt {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}

.txt-warning {
  padding-left: 32px;
  font-size: 14px;
  color: #000;
  line-height: 22px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_warning.png') no-repeat 0 0;
}

.point-link {
  display: inline-block;
  padding-right: 16px;
  color: #c2935f;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow4.png') no-repeat 100% 50%;
  border-bottom: 1px solid;
}

.pcolor {
  color: #c2935f !important;
}

.page-title {
  margin: 40px 0 40px;
  color: #000;
  font-size: 34px;
  font-weight: 500;
  text-align: center;
}

.snb-content-wrap .page-title {
  text-align: left;
}

.page-title.type2 {
  margin-bottom: 40px;
  font-size: 0px;
  font-weight: 500;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.page-title.type2 span,
.page-title.type2 a {
  font-size: 40px;
}

.page-title.type2 + .wrap-product-list {
  margin-top: 0;
}

.page-title.type2.eng {
  font-weight: 400;
}

.page-title.type3 {
  margin: 40px 0;
  font-weight: 500;
  font-size: 40px;
}

.page-title.type4 {
  margin: 40px 0 40px;
  font-size: 40px;
  font-weight: 500;
}

.page-title .sub {
  display: block;
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 400;
}

.page-title .btn-link {
  margin-left: 10px;
  vertical-align: bottom;
}

.sec-title {
  margin: 80px 0 20px;
  color: #000;
  font-size: 24px;
  font-weight: 400;
}

.sec-title .sub {
  color: #666;
  font-size: 14px;
  font-weight: 400;
}

.sec-title .sub2 {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.sec-title .required {
  color: #c2935f;
}

.sec-title.eng {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.sec-title2 {
  margin: 100px 0 40px;
  font-size: 28px;
  font-weight: 400;
  text-align: center;
}

.sec-title2.eng {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.sec-title3 {
  margin: 100px 0 20px;
  font-size: 34px;
  font-weight: 700;
  text-align: center;
}

.sec-title3.eng {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.sec-title-box {
  position: relative;
  width: 100%;
  margin: 80px 0 20px;
}

.sec-title-box .sec-title {
  margin: 0;
}

.sec-title-box .right {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.sec-title-box .right [class*='btn-type'] {
  min-width: 130px;
}

.sec-title-box .link-more {
  display: inline-block;
  position: relative;
  margin-top: 5px;
  padding-right: 22px;
  vertical-align: top;
}

.sec-title-box .link-more::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 11px;
  margin-top: -5px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_button_arrow.png) no-repeat -6px 0;
}

[class*='btn-type'] {
  display: inline-block;
  position: relative;
  padding: 0 19px;
  font-size: 13px;
  border-radius: 4px;
  text-align: center;
  vertical-align: top;
}

[class*='btn-type'] span {
  position: relative;
}

[class*='btn-type']:disabled,
[class*='btn-type'].disabled {
  color: #fff;
  background: #ccc;
  border-color: #ccc;
}

[class*='btn-type'].icon-arrow span {
  padding-right: 16px;
}

[class*='btn-type'].icon-arrow span:before {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 6px;
  height: 10px;
  margin-top: -5px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_button_arrow.png) no-repeat 0 0;
}

[class*='btn-type'].icon-check::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 13px;
  margin-right: 10px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_button_check.png) no-repeat -18px -13px;
  vertical-align: middle;
}

[class*='btn-type'].icon-more span:after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 8px;
  margin-left: 10px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_more_arrow.png') no-repeat;
  vertical-align: middle;
}

[class*='btn-type'].icon-share {
  font-size: 0;
}

[class*='btn-type'].icon-share span {
  position: relative;
  display: inline-block;
  width: 17px;
  height: 19px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_share2.png') no-repeat 0 50%;
  vertical-align: middle;
}

[class*='btn-type'].icon-like {
  font-size: 0;
}

[class*='btn-type'].icon-like span {
  position: relative;
  display: inline-block;
  top: 7px;
  width: 19px;
  height: 14px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_like2.png') no-repeat;
}

[class*='btn-type'].icon-like.on span {
  background-position: 100% 0;
}

[class*='btn-type1'] {
  color: #000;
  background: #eee8dc;
}

[class*='btn-type2'] {
  color: #fff;
  background: #c2935f;
}

[class*='btn-type3'] {
  color: #000;
  background: #eee;
}

[class*='btn-type4'] {
  color: #fff;
  background: #333;
}

[class*='btn-type5'] {
  color: #fff;
  background: #ccc;
}

[class*='btn-type6'] {
  color: #000;
  background: #fff;
  border: 1px solid #000;
}

[class*='btn-type7'] {
  color: #000;
  background: #fff;
}

.btn-type1-sm {
  min-width: 90px;
  height: 30px;
  padding: 0 10px;
  line-height: 28px;
  font-size: 12px;
  border-radius: 2px;
}

.btn-type1-m {
  min-width: 90px;
  height: 40px;
  padding: 0 20px;
  line-height: 38px;
}

.btn-type1-lg {
  min-width: 250px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border-radius: 6px;
}

.btn-type1-lg.h-auto {
  height: auto;
  padding: 20px 0;
  line-height: 28px;
}

.btn-type1-xlg {
  width: 100%;
  height: 60px;
  line-height: 58px;
  font-size: 16px;
  border-radius: 6px;
}

.btn-type2-sm {
  min-width: 90px;
  height: 30px;
  padding: 0 10px;
  line-height: 28px;
  font-size: 12px;
  border-radius: 2px;
}

.btn-type2-m {
  min-width: 90px;
  height: 40px;
  padding: 0 20px;
  line-height: 38px;
}

.btn-type2-lg {
  min-width: 250px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border-radius: 6px;
}

.btn-type2-lg.h-auto {
  height: auto;
  padding: 20px 0;
  line-height: 28px;
}

.btn-type2-xlg {
  width: 100%;
  height: 60px;
  line-height: 58px;
  font-size: 16px;
  border-radius: 6px;
}

.btn-type3-sm {
  min-width: 90px;
  height: 30px;
  padding: 0 10px;
  line-height: 28px;
  font-size: 12px;
  border-radius: 2px;
}

.btn-type3-m {
  min-width: 90px;
  height: 40px;
  padding: 0 20px;
  line-height: 38px;
}

.btn-type3-lg {
  min-width: 250px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border-radius: 6px;
}

.btn-type3-lg.h-auto {
  height: auto;
  padding: 20px 0;
  line-height: 28px;
}

.btn-type3-xlg {
  width: 100%;
  height: 60px;
  line-height: 58px;
  font-size: 16px;
  border-radius: 6px;
}

.btn-type4-sm {
  min-width: 90px;
  height: 30px;
  padding: 0 10px;
  line-height: 28px;
  font-size: 12px;
  border-radius: 2px;
}

.btn-type4-m {
  min-width: 90px;
  height: 40px;
  padding: 0 20px;
  line-height: 38px;
}

.btn-type4-lg {
  min-width: 250px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border-radius: 6px;
}

.btn-type4-lg.h-auto {
  height: auto;
  padding: 20px 0;
  line-height: 28px;
}

.btn-type4-xlg {
  width: 100%;
  height: 60px;
  line-height: 58px;
  font-size: 16px;
  border-radius: 6px;
}

.btn-type5-sm {
  min-width: 90px;
  height: 30px;
  padding: 0 10px;
  line-height: 28px;
  font-size: 12px;
  border-radius: 2px;
}

.btn-type5-m {
  min-width: 90px;
  height: 40px;
  padding: 0 20px;
  line-height: 38px;
}

.btn-type5-lg {
  min-width: 250px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border-radius: 6px;
}

.btn-type5-lg.h-auto {
  height: auto;
  padding: 20px 0;
  line-height: 28px;
}

.btn-type5-xlg {
  width: 100%;
  height: 60px;
  line-height: 58px;
  font-size: 16px;
  border-radius: 6px;
}

.btn-type6-sm {
  min-width: 90px;
  height: 30px;
  padding: 0 10px;
  line-height: 28px;
  font-size: 12px;
  border-radius: 2px;
}

.btn-type6-m {
  min-width: 90px;
  height: 40px;
  padding: 0 20px;
  line-height: 38px;
}

.btn-type6-lg {
  min-width: 250px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border-radius: 6px;
}

.btn-type6-lg.h-auto {
  height: auto;
  padding: 20px 0;
  line-height: 28px;
}

.btn-type6-xlg {
  width: 100%;
  height: 60px;
  line-height: 58px;
  font-size: 16px;
  border-radius: 6px;
}

.btn-type7-sm {
  min-width: 90px;
  height: 30px;
  padding: 0 10px;
  line-height: 28px;
  font-size: 12px;
  border-radius: 2px;
}

.btn-type7-m {
  min-width: 90px;
  height: 40px;
  padding: 0 20px;
  line-height: 38px;
}

.btn-type7-lg {
  min-width: 250px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border-radius: 6px;
}

.btn-type7-lg.h-auto {
  height: auto;
  padding: 20px 0;
  line-height: 28px;
}

.btn-type7-xlg {
  width: 100%;
  height: 60px;
  line-height: 58px;
  font-size: 16px;
  border-radius: 6px;
}

.btn-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  margin-top: 50px;
}

.btn-box [class*='btn-type'] + [class*='btn-type'] {
  margin-left: 10px;
}

.btn-box [class$='-lg'],
.btn-box [class$='-xlg'] {
  min-width: 210px;
}

.btn-box [class$='-lg']:only-child,
.btn-box [class$='-xlg']:only-child {
  min-width: 250px;
}

.btn-box .btn-more {
  position: relative;
  padding: 5px 0 3px 0;
  font-size: 16px;
  color: #000;
  border-bottom: 1px solid #c2935f;
}

.btn-box .btn-link {
  font-size: 16px;
}

.btn-box .right {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.btn-box.align-right {
  display: block;
  text-align: right;
}

.btn-box.align-left {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.btn-box.between {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.btn-box.between .left,
.btn-box.between .right {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.btn-box.view {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 50px;
}

.btn-box.view .btn-list {
  min-width: 250px;
}

.btn-box.view .btn-list-prev,
.btn-box.view .btn-list-next {
  position: relative;
  height: 50px;
  line-height: 50px;
}

.btn-box.view .btn-list-prev::before,
.btn-box.view .btn-list-next::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 28px;
  height: 30px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/paging.png) no-repeat;
}

.btn-box.view .btn-list-prev {
  padding-left: 58px;
}

.btn-box.view .btn-list-prev::before {
  left: 0;
  background-position: -30px 0;
}

.btn-box.view .btn-list-next {
  padding-right: 58px;
}

.btn-box.view .btn-list-next::before {
  right: 0;
  background-position: -60px 0;
}

.btn-link {
  display: inline-block;
  position: relative;
  padding-right: 14px;
  font-size: 14px;
  vertical-align: top;
}

.btn-link::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 11px;
  margin-top: -5px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_button_arrow.png) no-repeat 0 0;
}

.btn-text {
  border-bottom: 1px solid;
}

.btn-text2 {
  font-size: 14px;
  color: #000;
}

.btn-tooltip {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #eee;
  font-size: 0;
  vertical-align: middle;
  border-radius: 2px;
}

.btn-tooltip:before {
  content: '?';
  display: inline-block;
  font-size: 12px;
  color: #666;
}

.btn-tooltip2 {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_sel_arrow.png') no-repeat 50% 50%;
  font-size: 0;
  vertical-align: middle;
}

.paging {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 50px;
}

.paging strong,
.paging a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.paging span {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 30px;
}

.paging span strong,
.paging span a {
  margin: 0 5px;
  font-size: 14px;
  text-align: center;
}

.paging span a {
  color: #888;
}

.paging span strong,
.paging span a:hover {
  color: #fff;
  background: #333;
  border-radius: 2px;
}

.paging .prev,
.paging .next {
  font-size: 0;
  text-indent: -999px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/paging.png) no-repeat;
}

.paging .prev {
  margin-left: 15px;
  background-position: -30px 0;
}

.paging .next {
  margin-right: 15px;
  background-position: -60px 0;
}

.switch {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 30px;
  vertical-align: top;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch input:checked + .slider {
  background: #c2935f;
}

.switch input:checked + .slider::before {
  -webkit-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
  -moz-transform: translate(50px, 0);
  transform: translate(50px, 0);
}

.switch input:checked + .slider::after {
  content: 'ON';
  right: auto;
  left: 17px;
}

.switch .slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  height: 30px;
  font-size: 0;
  background: #333;
  border-radius: 15px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

.switch .slider::after {
  content: 'OFF';
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: 50%;
  right: 17px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.switch .slider::before {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 4px;
  height: 22px;
  width: 22px;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.btn_more {
  position: absolute;
  top: 12px;
  right: 80px;
  font-size: 14px;
}

.btn_more:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 11px;
  margin-left: 9px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow2.png') no-repeat right top;
}

input[type='text'],
input[type='password'],
input[type='search'] {
  display: inline-block;
  width: 100%;
  height: 40px;
  color: #000;
  font-size: 16px;
  line-height: 38px;
  border-bottom: 1px solid #ddd;
}

input[type='text']:disabled,
input[type='password']:disabled,
input[type='search']:disabled {
  color: #666;
}

input[type='text']:not(.inp-datepicker):focus,
input[type='password']:not(.inp-datepicker):focus,
input[type='search']:not(.inp-datepicker):focus {
  border-bottom-color: #000;
}

input[type='text'].inp-sm,
input[type='password'].inp-sm,
input[type='search'].inp-sm {
  width: 300px;
  height: 30px;
  padding: 0 10px;
  background: #fff;
  border: 0;
  line-height: 28px;
}

.input-box {
  position: relative;
  width: 100%;
}

.input-box input:disabled ~ .etc .btn-clear,
.input-box input:read-only ~ .etc .btn-clear {
  display: none !important;
}

.input-box .etc {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.input-box .etc .btn-clear,
.input-box .etc .btn-masking {
  margin-left: 10px;
  font-size: 0;
}

.input-box .etc .btn-clear::before,
.input-box .etc .btn-masking::before {
  content: '';
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/btn_input.png) no-repeat;
  vertical-align: top;
}

.input-box .etc .btn-clear {
  display: none;
}

.input-box .etc .btn-clear::before {
  background-position: 0 0;
}

.input-box .etc .btn-masking {
  display: block;
}

.input-box .etc .btn-masking::before {
  background-position: -20px 0;
}

.input-box .etc .btn-masking.text::before {
  background-position: -20px -20px;
}

.input-box .etc .icon-valid {
  display: none;
  font-size: 0;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_input.png) no-repeat;
  vertical-align: top;
}

.input-box .etc .txt-pw-level {
  display: none;
  margin-left: 10px;
  color: #000;
  font-size: 13px;
  line-height: 20px;
}

.input-box .etc .txt-pw-level::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_input.png) no-repeat -40px 0;
  vertical-align: top;
}

.input-box .etc .txt-countdown {
  display: none;
  margin-left: 10px;
  color: #000;
  font-size: 16px;
  line-height: 20px;
}

.input-box .etc .txt-byte {
  margin-left: 10px;
  color: #ccc;
  line-height: 20px;
}

.input-box ~ .input-box,
.input-box ~ .form-group {
  margin-top: 30px;
}

.input-box.type2 input[type='text'],
.input-box.type2 input[type='password'] {
  height: 50px;
  padding: 0;
  font-size: 16px;
  line-height: 48px;
  border-width: 0 0 1px;
  border-color: #000;
}

.input-box.type2 .etc .txt-countdown {
  font-size: 16px;
  margin-right: -10px;
}

.input-box.inp-right {
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-bottom: 1px solid #ddd;
}

.input-box.inp-right input[type='text'] {
  border-bottom: 0;
  text-align: right;
}

.input-box.inp-right .etc {
  position: static;
  margin: 10px 0 0;
  transform: none;
}

.form-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}

.form-group .input-box,
.form-group .email-box {
  -ms-flex: 1;
  flex: 1;
}

.form-group [class*='btn-type'] {
  min-width: 116px;
  margin-left: 10px;
}

.form-group .txt-http {
  margin-right: 10px;
  font-size: 14px;
  color: #666;
}

.form-group ~ .input-box,
.form-group ~ .form-group {
  margin-top: 30px;
}

.check-skin {
  display: inline-block;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  cursor: pointer;
}

.check-skin input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 5;
}

.check-skin input + span {
  display: inline-block;
  position: relative;
  min-height: 22px;
  padding-left: 32px;
  font-size: 14px;
  color: #000;
  line-height: 22px;
  vertical-align: top;
  z-index: 3;
}

.check-skin input + span:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/checkbox.png) no-repeat 0 0;
}

.check-skin input:checked + span:before {
  background-position: 0 -22px;
}

.check-skin.only input + span {
  padding-left: 22px;
  font-size: 0;
}

.check-skin + .check-skin {
  margin-left: 20px;
}

.radio-skin {
  display: inline-block;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  cursor: pointer;
}

.radio-skin input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 5;
}

.radio-skin input + span {
  display: inline-block;
  position: relative;
  min-height: 18px;
  padding-left: 32px;
  font-size: 14px;
  color: #666;
  line-height: 18px;
  vertical-align: top;
  z-index: 3;
}

.radio-skin input + span:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/radio2.png) no-repeat 0 0;
}

.radio-skin input:checked + span:before {
  background-position: 0 -18px;
}

.radio-skin.only input + span {
  padding-left: 22px;
  font-size: 0;
}

.radio-skin + .radio-skin {
  margin-left: 20px;
}

.btn-check {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.btn-check input {
  position: absolute;
  display: block;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}

.btn-check input + span {
  display: inline-block;
  position: relative;
  min-width: 60px;
  height: 40px;
  padding: 0 20px;
  line-height: 38px;
  font-size: 13px;
  color: #000;
  background: #fff;
  border: 1px solid #666;
  text-align: center;
  vertical-align: top;
  z-index: 3;
}

.btn-check input + span:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 13px;
  margin-right: 10px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_button_check.png) no-repeat 0 0;
  vertical-align: middle;
}

.btn-check input:checked + span:before {
  background-position: 0 -13px;
}

.btn-skin {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.btn-skin input {
  position: absolute;
  display: block;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}

.btn-skin input + span {
  display: inline-block;
  position: relative;
  min-width: 60px;
  height: 40px;
  padding: 0 10px;
  line-height: 38px;
  font-size: 13px;
  color: #666;
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: top;
  z-index: 3;
}

.btn-skin input:checked + span {
  color: #fff;
  background: #000;
  border-color: #000;
}

.btn-skin input:disabled + span {
  background: #f8f8f8;
  border-color: #d5d5d5;
}

textarea {
  width: 100%;
  height: 160px;
  padding: 15px 20px;
  font-size: 16px;
  color: #000;
  background: #f8f3f0;
  line-height: 24px;
  resize: none;
}

select {
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 0 30px 0 0;
  line-height: 38px;
  font-size: 16px;
  color: #000;
  background: #fff url(/img_up/shop_pds/banobagi/design/images/main/select.png) no-repeat 100% 50%;
  border-bottom: 1px solid #ddd;
}

select.select-sm {
  height: 30px;
  padding-left: 10px;
  background-color: #fff;
  background-position: 100% 50%;
  border: 0;
  line-height: 28px;
}

.select {
  position: relative;
  display: inline-block;
}

.select.open .sel-list {
  z-index: 50;
  opacity: 1;
}

.select .sel-btn {
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 0 30px 0 0;
  line-height: 38px;
  font-size: 14px;
  color: #ccc;
  background: url('/img_up/shop_pds/banobagi/design/images/main/select.png') no-repeat 100% 50%;
  border-bottom: 1px solid #ddd;
  text-align: left;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select .sel-btn.on {
  color: #000;
}

.select .sel-btn .val {
  display: none;
  margin-left: 10px;
}

.select .sel-btn .name {
  margin-left: 10px;
  font-size: 13px;
  color: #999;
}

.select .sel-btn em + em::before {
  content: ',';
  margin-right: 10px;
}

.select .sel-list {
  position: absolute;
  top: 40px;
  left: 0;
  min-width: 100%;
  background: #fff;
  border: 1px solid #666;
  transform-origin: 100% 0;
  z-index: -1;
  opacity: 0;
  white-space: nowrap;
}

.select .sel-list.right {
  left: auto;
  right: 0;
}

.select .sel-list.bot {
  top: auto;
  bottom: 0;
  transform-origin: 0 100%;
}

.select .sel-list ul {
  padding: 25px;
}

.select .sel-list li ~ li {
  margin-top: 15px;
}

.select .sel-list li:hover label span {
  color: #000;
}

.select .sel-list label {
  display: block;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}

.select .sel-list label input[type='radio'],
.select .sel-list label input[type='checkbox'] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.select .sel-list label input[type='radio']:checked ~ span,
.select .sel-list label input[type='checkbox']:checked ~ span {
  color: #000;
}

.select .sel-list label input[type='radio']:disabled + span,
.select .sel-list label input[type='checkbox']:disabled + span {
  color: #999;
  text-decoration: line-through;
}

.select .sel-list label span {
  color: #666;
}

.select .sel-list label .soldout {
  font-size: 12px;
  color: #999;
}

.file-search {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 475px;
}

.file-search input[type='text'] {
  width: 100%;
  margin-right: 6px;
}

.file-search input[type='text'][readonly] {
  background: #fff;
  border-bottom: 1px solid #ddd;
}

.file-search .btn-file {
  display: inline-block;
  position: relative;
}

.file-search .btn-file input[type='file'] {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}

.file-search .btn-file label {
  display: block;
  width: 116px;
  height: 40px;
  color: #000;
  font-size: 13px;
  line-height: 40px;
  background: #eee8dc;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}

.file-search .btn-delete-file,
.file-search .btn-add-file {
  flex: 0 0 40px;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-left: 6px;
  font-size: 0;
  border-radius: 4px;
}

.file-search .btn-delete-file {
  background: #eee url('/img_up/shop_pds/banobagi/design/images/main/btn_delete_file.png') no-repeat 50% 50%;
}

.file-search .btn-add-file {
  background: #eee url('/img_up/shop_pds/banobagi/design/images/main/btn_add_file.png') no-repeat 50% 50%;
}

.file-search-list li .file-search {
  width: 100%;
}

.file-search-list li ~ li {
  margin-top: 20px;
}

.row-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.row-box * ~ [class*='btn-type'] {
  margin-left: 6px;
}

.row-box * ~ select {
  margin-left: 6px;
}

.row-box * ~ .check-skin {
  margin-top: 8px;
  margin-left: 20px;
}

.layer-wrap .input-box ~ .input-box,
.layer-wrap .input-box ~ .form-group,
.layer-wrap .form-group ~ .input-box,
.layer-wrap .form-group ~ .form-group {
  margin-top: 10px;
}

.board-list {
  width: 100%;
}

.board-list .list-row {
  display: table;
  table-layout: fixed;
  position: relative;
  width: 100%;
}

.board-list .list-row [class*='cell-'] {
  display: table-cell;
  width: 110px;
  text-align: center;
}

.board-list .list-row .cell-date {
  width: 140px;
}

.board-list .list-row .cell-cate {
  width: 110px;
}

.board-list .list-row .cell-contact {
  width: 160px;
}

.board-list .list-row .cell-btn {
  width: 220px;
}

.board-list .list-row .cell-title,
.board-list .list-row .cell-coupon {
  width: auto;
}

.board-list .list-header {
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
}

.board-list .list-header .list-row [class*='cell-'] {
  padding: 18px 0;
  color: #000;
  font-size: 13px;
  vertical-align: top;
}

.board-list .list-header + .list-content {
  border-top: 0;
}

.board-list .list-content {
  border-top: 1px solid #000;
}

.board-list .list-content > li {
  min-height: 80px;
  border-bottom: 1px solid #eee;
}

.board-list .list-content > li.lock .title:after {
  content: '';
  display: inline-block;
  width: 19px;
  height: 20px;
  margin-left: 8px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_lock.png') no-repeat 50% 50%;
  vertical-align: -3px;
}

.board-list .list-content .list-row [class*='cell-'] {
  padding: 25px 0;
  color: #666;
  line-height: 1.5;
  vertical-align: middle;
}

.board-list .list-content .list-row .cell-title,
.board-list .list-content .list-row .cell-coupon {
  padding: 27px 20px;
  font-size: 16px;
  color: #000;
  text-align: left;
  overflow: hidden;
}

.board-list .list-content .list-row .cell-title .etc-info,
.board-list .list-content .list-row .cell-coupon .etc-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 10px;
}

.board-list .list-content .list-row .cell-title .etc-info li,
.board-list .list-content .list-row .cell-coupon .etc-info li {
  position: relative;
  color: #666;
  font-size: 14px;
}

.board-list .list-content .list-row .cell-title .etc-info li .point,
.board-list .list-content .list-row .cell-coupon .etc-info li .point {
  margin-left: -5px;
}

.board-list .list-content .list-row .cell-title .etc-info li .date,
.board-list .list-content .list-row .cell-coupon .etc-info li .date {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.board-list .list-content .list-row .cell-title .etc-info li + li,
.board-list .list-content .list-row .cell-coupon .etc-info li + li {
  margin-left: 20px;
  padding-left: 21px;
}

.board-list .list-content .list-row .cell-title .etc-info li + li:before,
.board-list .list-content .list-row .cell-coupon .etc-info li + li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 1px;
  height: 10px;
  background: #ddd;
}

.board-list .list-content .list-row .cell-date,
.board-list .list-content .list-row .cell-contact {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.board-list .list-content .list-row.important .cell-title {
  font-weight: 700;
  color: #000;
}

.board-list .list-content .list-row .badge-default,
.board-list .list-content .list-row .badge-notice {
  display: inline-block;
  height: 20px;
  min-width: 50px;
  padding: 0 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  line-height: 21px;
  background: #c2935f;
  border-radius: 2px;
  vertical-align: top;
}

.board-list .list-content .list-row .btns {
  font-size: 0;
}

.board-list .list-content .list-row .btns [class*='btn-type'] {
  min-width: 90px;
}

.board-list
  .list-content
  .list-row
  .btns
  [class*='btn-type']
  + [class*='btn-type'] {
  margin-left: 6px;
}

.board-list .list-content .form-group [class*='btn-type'] {
  min-width: 90px;
}

.board-list .list-content .files {
  margin: 15px 0;
  font-size: 0;
}

.board-list .list-content .files .img-file {
  display: inline-block;
  width: 100px;
  height: 100px;
  border: 1px solid #ddd;
  overflow: hidden;
}

.board-list .list-content .files .img-file button {
  width: 100px;
  height: 100px;
  text-align: center;
  background-size: cover;
  background-position: 50% 50%;
}

.board-list .list-content .files .img-file img {
  display: none;
}

.board-list .list-content .files .img-file + .img-file {
  margin-left: 10px;
}

.board-list .nodata {
  border: 0;
}

.board-view {
  width: 100%;
  border-bottom: 1px solid #eee;
}

.board-view .view-header {
  padding-top: 80px;
  padding-bottom: 40px;
  text-align: center;
}

.board-view .view-header .view-cate {
  font-size: 16px;
}

.board-view .view-header .view-title {
  margin-top: 32px;
  font-size: 32px;
  font-weight: 700;
  line-height: 46px;
}

.board-view .view-header .view-etc {
  margin-top: 34px;
}

.board-view .view-header .view-etc ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.board-view .view-header .view-etc ul li {
  position: relative;
  color: #999;
}

.board-view .view-header .view-etc ul li + li {
  margin-left: 40px;
  padding-left: 40px;
}

.board-view .view-header .view-etc ul li + li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 1px;
  height: 10px;
  background: #ddd;
}

.board-view .view-header .view-etc ul li .value {
  padding-left: 15px;
  color: #000;
}

.board-view .view-content {
  padding: 50px 80px 85px;
  border-top: 1px solid #000;
}

.board-view .view-content .view-box {
  color: #666;
  font-size: 14px;
  line-height: 1.7;
}

.board-view .view-content .view-box img {
  max-width: 100%;
}

.write-wrap {
  padding-bottom: 80px;
  border-bottom: 1px solid #eee;
}

.tbl-write {
  width: 100%;
  padding-top: 40px;
  border-top: 1px solid #000;
}

.tbl-write.no-line {
  border: 0;
}

.tbl-write.line-btm {
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}

.tbl-write tbody tr th,
.tbl-write tbody tr td {
  line-height: 1.6;
}

.tbl-write tbody tr th {
  padding: 38px 0 0 0;
  color: #000;
  text-align: left;
  vertical-align: top;
}

.tbl-write tbody tr th .required {
  font-size: 13px;
  color: #c2935f;
}

.tbl-write tbody tr th .btn-tooltip {
  vertical-align: middle;
  margin-left: 5px;
}

.tbl-write tbody tr td {
  padding: 30px 200px 0 0;
  color: #666;
}

.tbl-write tbody tr td .txt-list {
  margin-top: 16px;
}

.tbl-write tbody tr td.w-full {
  padding-right: 0;
}

.tbl-write tbody tr td .price {
  font-size: 14px;
}

.tbl-write tbody tr td .price .num {
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.tbl-write tbody tr td .code {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  color: #000;
}

.tbl-write tbody tr td .sort {
  font-size: 14px;
  color: #000;
}

.tbl-write tbody tr td .txt-sub-cmt {
  padding-left: 27px;
  font-size: 16px;
  color: #000;
}

.tbl-write tbody tr:first-child th {
  padding-top: 8px !important;
}

.tbl-write tbody tr:first-child td {
  padding-top: 0 !important;
}

.tbl-write tbody tr.tr-txt:first-child th {
  padding-top: 0 !important;
}

.tbl-write tbody tr.tr-txt th,
.tbl-write tbody tr.tr-txt td {
  padding-top: 20px;
}

.tbl-write tbody tr.tr-txt + tr:not(.tr-txt) th {
  padding-top: 34px;
}

.tbl-write tbody tr.tr-txt + tr:not(.tr-txt) td {
  padding-top: 26px;
}

.tbl-write tbody tr.tr-switch:first-child th {
  padding-top: 3px !important;
}

.tbl-write tbody tr.tr-switch th {
  padding-top: 33px;
}

.tbl-write tbody tr + .tr-txt th,
.tbl-write tbody tr + .tr-txt td {
  padding-top: 30px;
}

.tbl-write .txt-form-cmt {
  font-size: 13px;
}

.tbl-write .input-box .inp-reset {
  padding-right: 50px;
}

.tbl-write + .list-btm-group {
  margin-top: 30px;
}

.board-head {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 16px;
}

.board-head .sec-title {
  margin: 0;
}

.board-head .count {
  font-size: 14px;
  line-height: 20px;
}

.board-head .count .total {
  padding-right: 3px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.board-head .count .num {
  color: #c2935f;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 700;
}

.board-head .count.type2 {
  color: #666;
}

.board-head > .right {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.board-head > .right:only-child {
  width: 100%;
  text-align: right;
}

.board-head > .right [class*='btn-type'] + [class*='btn-type'] {
  margin-left: 6px;
}

.board-head > .right select {
  height: auto;
  font-size: 14px;
  line-height: normal;
  border-bottom: 0;
}

.board-head > .right .select .sel-btn {
  height: auto;
  color: #000;
  border: 0;
  line-height: normal;
}

.board-head > .right .list-sorting {
  margin-top: 5px;
}

.board-head > .right .btns {
  font-size: 0;
}

.board-head > .right .btns li {
  display: inline-block;
  position: relative;
  font-size: 14px;
}

.board-head > .right .btns li + li {
  margin-left: 20px;
  padding-left: 20px;
}

.board-head > .right .btns li + li::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 1px;
  height: 10px;
  background: #ddd;
}

.list-search-group {
  position: relative;
  margin: 50px 0;
  padding: 25px 30px;
  background: #f8f3f0;
}

.list-search-group .right {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.list-search-group .select {
  width: 190px;
}

.list-search-group .select .sel-btn {
  height: 30px;
  padding-left: 10px;
  background-color: #fff;
  background-position: 100% 50%;
  border: 0;
  line-height: 28px;
}

.list-search-group .select .sel-list ul {
  max-height: 325px;
  overflow-y: auto;
}

.list-search-group .select + .select {
  margin-left: 6px;
}

.list-search-group .btn-search {
  min-width: 80px;
  margin-left: 6px;
}

.ui-tab .tab-cont {
  display: none;
}

.ui-tab .tab-cont.on {
  display: block;
}

.tab-wrap {
  width: 100%;
}

.tab-wrap > .tabs {
  margin-bottom: 40px;
  font-size: 0;
  text-align: center;
}

.snb-content-wrap .tab-wrap > .tabs {
  text-align: left;
}

.tab-wrap > .tabs > li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-size: 18px;
  min-height: 31px;
}

.tab-wrap > .tabs > li + li {
  margin-left: 29px;
  padding-left: 30px;
}

.tab-wrap > .tabs > li + li::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 1px;
  height: 12px;
  background: #ddd;
  vertical-align: top;
}

.tab-wrap > .tabs > li a,
.tab-wrap > .tabs > li button {
  display: inline-block;
  width: 100%;
  padding: 0 0 10px 0;
  color: #999;
  border-bottom: 3px solid transparent;
  font-size: 18px;
  line-height: 1;
  vertical-align: top;
}

.tab-wrap > .tabs > li.on a,
.tab-wrap > .tabs > li.on button {
  font-weight: 700;
  color: #000;
  border-color: #000;
}

.tab-wrap2 {
  width: 100%;
}

.tab-wrap2 > .tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 45px;
  border-bottom: 1px solid #000;
  text-align: center;
}

.tab-wrap2 > .tabs > li {
  -ms-flex: 1;
  flex: 1;
}

.tab-wrap2 > .tabs > li a,
.tab-wrap2 > .tabs > li button {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 15px;
  line-height: 54px;
  background: #f8f8f8;
  border: 1px solid #eee;
  border-bottom-width: 0;
}

.tab-wrap2 > .tabs > li + li {
  margin-left: -1px;
}

.tab-wrap2 > .tabs > li + li a,
.tab-wrap2 > .tabs > li + li button {
  border-left: 0;
}

.tab-wrap2 > .tabs > li + li a::before,
.tab-wrap2 > .tabs > li + li button::before {
  content: '';
  width: 1px;
  height: 12px;
  background: #ddd;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.tab-wrap2 > .tabs > li.on {
  margin-bottom: -1px;
  background: #fff;
}

.tab-wrap2 > .tabs > li.on a,
.tab-wrap2 > .tabs > li.on button {
  font-weight: 700;
  background: #fff;
  border: 1px solid #000;
  border-bottom-width: 0;
  z-index: 10;
}

.tab-wrap2 > .tabs > li.on a::before,
.tab-wrap2 > .tabs > li.on button::before {
  display: none;
}

.tab-wrap3 {
  width: 100%;
}

.tab-wrap3 > .tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 50px;
}

.tab-wrap3 > .tabs > li {
  position: relative;
  font-size: 14px;
}

.tab-wrap3 > .tabs > li + li {
  margin-left: 30px;
  padding-left: 30px;
}

.tab-wrap3 > .tabs > li + li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 1px;
  height: 10px;
  background: #ddd;
}

.tab-wrap3 > .tabs > li a,
.tab-wrap3 > .tabs > li button {
  color: #999;
}

.tab-wrap3 > .tabs > li.on a,
.tab-wrap3 > .tabs > li.on button {
  color: #000;
}

.ui-fold .fold-header {
  position: relative;
}

.ui-fold .fold-header .btn-fold {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  outline: none;
  cursor: pointer;
}

.ui-fold .fold-header .btn-fold:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 30px;
  width: 19px;
  height: 12px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/fold.png) no-repeat 0 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.ui-fold .fold-cont {
  display: none;
  transition: all 0.3s;
}

.ui-fold .fold-cont.open {
  display: block;
}

.ui-fold .on .fold-header .btn-fold:before {
  background-position: 0 -12px;
}

.layer-pop {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 1336px;
  text-align: center;
  z-index: 103;
  background: rgba(0, 0, 0, 0.5);
  overflow: auto;
}

.layer-pop::before {
  content: '';
  display: inline-block;
  min-height: calc(100vh + 1px);
  vertical-align: middle;
}

.layer-pop .layer-wrap {
  position: relative;
  display: inline-block;
  width: 529px;
  margin: 50px auto;
  background: #fff;
  border-radius: 12px;
  text-align: left;
  vertical-align: middle;
  outline: none;
}

.layer-pop .layer-header {
  position: relative;
  margin-bottom: 50px;
  padding: 40px 40px 0;
}

.layer-pop .layer-header .layer-title {
  height: 100%;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.25px;
}

.layer-pop .layer-header .btns {
  position: absolute;
  top: 30px;
  right: 90px;
}

.layer-pop .layer-container {
  padding: 0 40px 40px;
  font-size: 14px;
  color: #666;
  word-break: break-all;
}

.layer-pop .layer-container .scroll-wrap {
  height: auto;
  max-height: 50vh;
  margin: 0 -40px;
  padding: 0 0 0 40px;
  overflow: auto;
}

.layer-pop .layer-container .scroll-inner {
  width: calc(529px - 80px);
}

.layer-pop .layer-container .layer-content {
  width: calc(529px - 80px);
}

.layer-pop .layer-container .txt-common {
  margin-top: -7px;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.layer-pop .layer-container .txt-common2 {
  margin: -5px 0 35px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.layer-pop .layer-container .txt-common3 {
  text-align: center;
  font-size: 16px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.layer-pop .layer-container .link-box {
  margin: 40px 0 0;
  padding: 30px;
}

.layer-pop .layer-container .link-box .link {
  padding-right: 16px;
  color: #000;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow2.png') no-repeat 100% 51%;
}

.layer-pop .layer-container .simple-table {
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
}

.layer-pop .layer-container .simple-table th,
.layer-pop .layer-container .simple-table td {
  line-height: 1.3;
}

.layer-pop .layer-container .simple-table thead th {
  text-align: center;
  padding: 16px 0;
  border-bottom: 1px solid #eee;
}

.layer-pop .layer-container .simple-table tbody th,
.layer-pop .layer-container .simple-table tbody td {
  text-align: left;
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
}

.layer-pop .layer-container .simple-table tbody td {
  font-size: 13px;
}

.layer-pop .layer-container .simple-table th {
  color: #000;
}

.layer-pop .layer-container .simple-table .non-line td {
  border-bottom: 0;
}

.layer-pop .layer-container .simple-table .center {
  padding-right: 5px;
  padding-left: 5px;
  text-align: center;
}

.layer-pop .layer-container .simple-table .txt-list {
  margin: 0;
}

.layer-pop .layer-container .simple-table + .txt-sel-wrap {
  margin-top: 40px;
}

.layer-pop .layer-container .txt-sel-wrap {
  margin: 0 0 40px;
}

.layer-pop .layer-container .txt-sel-wrap .txt {
  margin: 0 0 10px;
  font-size: 13px;
}

.layer-pop .layer-container .txt-sel-wrap .select {
  width: 192px;
}

.layer-pop.sm .layer-wrap {
  width: 385px;
}

.layer-pop.sm .scroll-inner {
  width: calc(385px - 80px);
}

.layer-pop.sm .layer-container .layer-content {
  width: auto;
}

.layer-pop.m .layer-wrap {
  width: 801px;
}

.layer-pop.m .scroll-inner {
  width: calc(801px - 80px);
}

.layer-pop.m .layer-container .layer-content {
  width: calc(801px - 80px);
}

.layer-pop.m .btn-box [class*='btn-type'] {
  flex: none;
  width: 220px;
}

.layer-pop.lg .layer-wrap {
  width: 851px;
}

.layer-pop.lg .layer-wrap .scroll-inner {
  width: calc(851px - 80px);
}

.layer-pop.lg .layer-wrap .layer-container .layer-content {
  width: calc(851px - 80px);
}

.layer-pop.lg .layer-wrap .btn-box [class*='btn-type'] {
  flex: none;
  width: 220px;
}

.layer-pop .btn-layer-close {
  display: inline-block;
  position: absolute;
  top: 40px;
  right: 40px;
  width: 19px;
  height: 19px;
  font-size: 0;
  text-indent: -999px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_layer_close.png') no-repeat 50% 50%;
}

.layer-pop .popup-close-box {
  margin-top: 30px;
  margin-bottom: -10px;
  text-align: right;
}

.layer-pop .popup-close-box .btn-noshow {
  padding-right: 18px;
  color: #666;
  font-size: 13px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_close_while.png') no-repeat 100% 50%;
  border-bottom: 1px solid #7f7f7f;
}

.layer-pop .layer-sec-title {
  margin: 40px 0 20px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.layer-pop .layer-sec-title2 {
  margin: 40px 0 20px;
  color: #000;
  font-size: 20px;
  font-weight: 400;
}

.layer-pop .layer-sec-title2 .required {
  color: #c2935f;
}

.layer-pop .layer-sec-title3 {
  margin: 40px 0 20px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.layer-pop .btn-box {
  margin-top: 40px;
}

.layer-pop .btn-box [class*='btn-type'] {
  -ms-flex: 1;
  flex: 1;
  min-width: auto;
}

.layer-pop .layer-bot-box {
  overflow: hidden;
  margin: 40px -40px -40px;
  border-radius: 0 0 12px 12px;
}

.layer-pop .layer-bot-box.type2 {
  margin-top: 80px;
  height: 60px;
}

.layer-pop .layer-bot-box .btn-box {
  margin: 0;
}

.layer-pop .layer-bot-box [class*='btn-type'] {
  margin: 0;
  border-radius: 0;
}

.layer-pop .tbl-write table {
  margin-top: 0;
}

.layer-pop .tbl-write tbody tr th {
  padding: 31px 0 0 0;
}

.layer-pop .tbl-write tbody tr td {
  padding: 20px 0 0 0;
}

.layer-pop .tbl-write tbody tr td select {
  width: 190px;
}

.layer-pop .tbl-write tbody tr td textarea {
  height: 140px;
}

.layer-pop .tbl-write tbody tr.tr-txt th {
  padding-top: 20px;
}

.layer-pop .tbl-write tbody tr .input-box ~ .input-box,
.layer-pop .tbl-write tbody tr .input-box ~ .form-group,
.layer-pop .tbl-write tbody tr .form-group ~ .input-box,
.layer-pop .tbl-write tbody tr .form-group ~ .form-group {
  margin-top: 14px;
}

.layer-pop .tbl-write.no-line {
  padding-top: 0;
  border-top: 0;
}

.layer-pop .tbl-write + .txt-list {
  margin-top: 40px;
}

.layer-pop .write-wrap {
  padding-bottom: 40px;
}

.layer-pop .paging {
  margin-top: 40px;
}

.layer-pop .paging .prev,
.layer-pop .paging .next {
  margin: 0;
}

.layer-pop .paging > span {
  margin: 0 10px;
}

.layer-pop .paging > span a,
.layer-pop .paging > span strong {
  margin: 0 3px;
}

.layer-pop .period-search-group {
  margin: 40px 0;
  padding: 24px 20px;
}

.layer-pop .period-search-group .period-btns-box dt {
  display: none;
}

.layer-pop .period-search-group .period-calendar {
  right: 20px;
}

.layer-box {
  display: none;
  position: absolute;
  background: #fff;
  white-space: nowrap;
  z-index: 100;
}

.layer-box.open {
  display: block;
}

.layer-box.layer-share {
  border-radius: 8px;
  margin-right: 20px;
  padding: 25px 20px;
}

.layer-box.layer-share button {
  width: 25px;
  height: 25px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_share_item.png') no-repeat;
  font-size: 0;
}

.layer-box.layer-share button ~ button {
  margin-left: 15px;
}

.layer-box.layer-share button.fb {
  background-position: -25px 0;
}

.layer-box.layer-share button.pt {
  background-position: -50px 0;
}

.layer-box.layer-share button.tw {
  background-position: -75px 0;
}

.layer-box.layer-share button.url {
  width: 30px;
  background-position: -100px 0;
}

.tooltip-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.tooltip-wrap .layerTooltip {
  display: none;
  position: absolute;
  top: 35px;
}

.layerTooltip {
  position: absolute;
  z-index: 100;
  top: -999px;
  padding: 25px 30px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 8px;
  text-align: left;
}

.layerTooltip .tooltip-title {
  margin: 0 0 40px;
  font-size: 16px;
}

.layerTooltip .btnTooltipClose {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 15px;
  height: 15px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_tooltip_close.png') no-repeat;
  font-size: 0;
}

.layerTooltip .cont .txt-list:first-child {
  margin: 0;
}

.layerTooltip .txt-common {
  margin: -5px 0;
  font-size: 14px;
  line-height: 22px;
}

.layerTooltip .sub-title {
  margin: 20px 0 10px;
  font-size: 13px;
  font-weight: 400;
}

.layerTooltip .sub-title ~ .list-common {
  margin: 0;
}

.layerTooltip .list-common {
  margin-top: 40px;
  border-top: 1px solid #111;
  border-bottom: 1px solid #eee;
}

.layerTooltip .list-common li {
  display: flex;
  padding: 15px 0;
  font-size: 13px;
}

.layerTooltip .list-common li > span {
  flex: 1;
}

.layerTooltip .list-common li > span.right {
  text-align: right;
}

.layerTooltip .list-common.address {
  max-height: 320px;
  overflow: hidden;
  overflow-y: scroll;
}

.layerTooltip .list-common.address li > span {
  flex: none;
  line-height: 16px;
}

.layerTooltip .list-common.address .zipcode {
  width: 60px;
}

.layerTooltip .list-common.address .str {
  width: 150px;
  padding-right: 10px;
}

.layerTooltip .list-common.address ~ .paging .prev,
.layerTooltip .list-common.address ~ .paging .next {
  margin: 0;
}

.layerTooltip .list-common.num-list {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.layerTooltip .txt-group dt {
  font-size: 13px;
}

.layerTooltip .sale-info,
.layerTooltip .dlv-hardarea {
  width: 320px;
}

.layerTooltip .hpoint-info2 {
  width: 415px;
}

.layerTooltip .mileage-info2 {
  width: 330px;
}

.layerTooltip .paging {
  justify-content: space-between;
  margin-top: 20px;
}

.layerTooltip .paging span {
  margin: 0 20px;
}

.layerTooltip .btn-box {
  margin-top: 40px;
}

.layerTooltip .btn-box [class$='-lg']:only-child {
  width: 100%;
}

.layerTooltip .txt-list {
  padding-right: 30px;
}

#layerZip {
  z-index: 110;
}

.terms_date {
  margin: 30px 0 20px;
  color: #000;
}

.terms-select-wrap .select-title {
  display: block;
  margin-bottom: 15px;
}

.terms-select-wrap select {
  font-size: 16px;
}

.related-keyword {
  text-align: center;
  height: 55px;
  overflow: hidden;
}

.related-keyword .inner {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1100px;
  margin: 0 auto;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.related-keyword .keyword-list {
  display: inline-block;
  margin: 0;
}

.related-keyword .btn-cate {
  display: none;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  margin: 10px 0 0 20px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_toggle2.png') no-repeat 0 0;
}

.related-keyword + .wrap-product-list {
  margin-top: 40px;
}

.related-keyword.show-btn .btn-cate {
  display: block;
}

.related-keyword.expand {
  height: auto;
  overflow: initial;
}

.related-keyword.expand .btn-cate {
  background-position: 0 -36px;
}

.keyword-list {
  margin: -5px auto 0;
  text-align: center;
}

.keyword-list button {
  display: inline-block;
  height: 44px;
  line-height: 42px;
  margin: 5px 2px;
  padding: 0 24px;
  background: #f8f7f3;
  border-radius: 50px;
  color: #999;
  font-size: 14px;
}

.keyword-list button.active {
  background: #000;
  border-color: #000;
  color: #fff;
}

.banner-box {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 200px;
  overflow: hidden;
}

.banner-box .img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.banner-box .img img {
  width: 100%;
  min-width: 1920px;
}

.banner-box .str {
  position: relative;
  z-index: 2;
  padding-left: 240px;
}

.banner-box .str.center {
  width: 100%;
  padding: 0;
  text-align: center;
}

.banner-box .str .etc {
  display: block;
  margin: 0 0 20px;
}

.banner-box .str .etc span {
  font-size: 16px !important;
}

.banner-box .str .tit {
  display: block;
  font-size: 34px !important;
}

.banner-box .str .sub {
  display: block;
  margin: 10px 0 0;
  font-size: 16px !important;
  padding-bottom: 5px !important;
}

.banner-box.type2 {
  position: relative;
  padding: 0 80px;
}

.banner-box.type2 .banner-item {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 120px;
  background: #000;
  text-align: center;
}

.banner-box.type2 .banner-item:after {
  content: '';
  position: absolute;
  top: calc(50% - 10px);
  right: 40px;
  width: 11px;
  height: 20px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_banner.png') no-repeat 50% 50%;
}

.banner-box.type2 .banner-item .logo-banner {
  display: inline-block;
  margin-right: 40px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 28px;
  color: #fff;
}

.banner-box.type2 .banner-item .txt-banner {
  display: inline-block;
  font-size: 24px;
  color: #fff;
  vertical-align: middle;
}

.banner-wrap {
  margin-top: 35px;
}

.banner-wrap img {
  width: 100%;
}

.banner-wrap2 {
  position: relative;
  overflow: hidden;
  height: 780px;
  margin: 60px 0;
  border-radius: 0 0 0 120px;
}

.banner-wrap2 img {
  min-width: 100%;
}

.banner-wrap2 .str {
  position: absolute;
  z-index: 2;
  bottom: 120px;
  left: 120px;
}

.banner-wrap2 .str .etc {
  display: block;
}

.banner-wrap2 .str .tit {
  display: block;
  margin: 30px 0;
  line-height: 1.2;
}

.banner-wrap2 .str .tag span {
  display: inline-block;
}

.wrap-product-list {
  margin-top: 60px;
}

.wrap-product-list.event {
  margin-top: 0;
}

.wrap-product-list .list-head {
  position: relative;
  display: flex;
  padding-left: 117px;
  min-height: 50px;
  margin-bottom: 50px;
  border-top: 1px solid #000;
}

.wrap-product-list .list-head.type02 {
  padding-left: 0px;
  margin-bottom: 10px;
}

.wrap-product-list .list-head + .nodata {
  padding-top: 0;
}

.wrap-product-list .list-head + .recommended-txt {
  margin-top: 0;
}

.wrap-product-list .cell {
  text-align: right;
}

.wrap-product-list .cell:only-child {
  flex: 1;
}

.wrap-product-list .cell > * {
  margin-left: 30px;
}

.wrap-product-list .cell .select .sel-list label {
  text-align: left;
}

.wrap-product-list .list-filter {
  flex: 1;
  margin-bottom: 50px;
}

.wrap-product-list .list-filter .btn-filter {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  padding: 0 20px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_filter_tab_btn.png') no-repeat 100% 50%;
}

.wrap-product-list .list-filter .btn-filter span {
  font-size: 14px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  line-height: 50px;
}

.wrap-product-list .list-filter .btn-filter.active {
  cursor: pointer;
}

.wrap-product-list .list-filter .filter-layer {
  display: block;
  position: absolute;
  z-index: 2;
  top: unset;
  right: 0;
  left: 0;
  margin-top: 10px;
  background: #f8f8f8;
  border-top: 1px solid #eee;
}

.wrap-product-list .list-filter .filter-layer:after {
  content: '';
  display: block;
  clear: both;
}

.wrap-product-list .list-filter .filter-layer .btn {
  position: absolute;
  right: 20px;
  bottom: 30px;
}

.wrap-product-list .list-filter .filter-layer .btn [class*='btn-type'] {
  margin-left: 2px;
}

.wrap-product-list .list-filter .filter-layer .filter-menu {
  float: left;
}

.wrap-product-list .list-filter .filter-layer .filter-menu > button {
  height: 50px;
  padding: 0 20px;
}

.wrap-product-list .list-filter .filter-layer .filter-menu.active .filter-sub {
  display: block;
}

.wrap-product-list .list-filter .filter-layer .filter-menu.active > button {
  color: #c2935f;
}

.wrap-product-list
  .list-filter
  .filter-layer
  .filter-menu.category
  .check-skin
  span {
  background-image: none !important;
}

.wrap-product-list .list-filter .filter-layer .filter-menu.category .sel-list {
  padding-right: 15px;
}

.wrap-product-list
  .list-filter
  .filter-layer
  .filter-menu:not(.category)
  .check-skin {
  margin-bottom: 26px;
  margin-right: 50px;
}

.wrap-product-list .list-filter .filter-layer .filter-sub {
  display: none;
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
}

.wrap-product-list .list-filter .filter-layer .filter-sub .inner {
  padding: 30px 20px;
  background: #fff;
  max-width: calc(100% - 280px);
}

.wrap-product-list .list-filter .filter-layer .filter-sub .inner:after {
  content: '';
  display: block;
  clear: both;
}

.wrap-product-list .list-filter .filter-layer .filter-sub .txt {
  position: relative;
  margin: 0 0 15px;
  padding-left: 10px;
  font-size: 13px;
  color: #000;
}

.wrap-product-list .list-filter .filter-layer .filter-sub .txt:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #000;
}

.wrap-product-list .list-filter .filter-layer .sel-list {
  float: left;
  max-height: 323px;
  padding-right: 25px;
  overflow: auto;
  color: #666;
}

.wrap-product-list .list-filter .filter-layer .sel-list ~ .sel-list {
  display: none;
  margin-left: 15px;
  padding-left: 30px;
  border-left: 1px solid #ccc;
}

.wrap-product-list .list-filter .filter-layer .sel-list ~ .sel-list.open {
  display: block;
}

.wrap-product-list .list-filter .filter-layer .sel-list .check-skin {
  display: block;
}

.wrap-product-list .list-filter .filter-layer .sel-list .check-skin > span {
  padding-right: 24px;
}

.wrap-product-list
  .list-filter
  .filter-layer
  .sel-list
  .check-skin
  ~ .check-skin {
  margin-top: 5px;
}

.wrap-product-list .list-filter .filter-layer .check-only {
  position: absolute;
  top: 12px;
  right: 170px;
  margin: 0;
}

.wrap-product-list .list-filter .filter-layer .check-only + .check-only {
  position: absolute;
  top: 12px;
  right: 20px;
}

.wrap-product-list .list-filter .filter-layer .check-only span {
  color: #000;
}

.wrap-product-list .list-filter .filter-layer .inner-sel {
  position: relative;
  padding: 0 0 0 160px;
}

.wrap-product-list .list-filter .filter-layer .inner-sel .inner-tit {
  position: absolute;
  top: 6px;
  left: 0;
  font-weight: normal;
}

.wrap-product-list .list-filter .filter-layer .inner-sel ~ .inner-sel {
  margin-top: 8px;
}

.wrap-product-list .list-filter .filter-layer .filterSlideWrap .bar {
  display: inline-block;
  width: 280px;
  vertical-align: middle;
  margin: 0 60px 0 17px;
}

.wrap-product-list
  .list-filter
  .filter-layer
  .filterSlideWrap
  .bar
  [class*='txt'] {
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.wrap-product-list
  .list-filter
  .filter-layer
  .filterSlideWrap
  .bar
  .noUi-tooltip {
  display: none;
  width: 70px;
  position: absolute;
  bottom: 24px;
  left: -25px;
  text-align: center;
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.wrap-product-list .list-filter .filter-layer .filterSlideWrap .input {
  display: inline-block;
  vertical-align: middle;
}

.wrap-product-list .list-filter .filter-layer .filterSlideWrap .input span {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}

.wrap-product-list
  .list-filter
  .filter-layer
  .filterSlideWrap
  .input
  input[type='text'] {
  width: 160px;
  border: 0;
  border-bottom: 1px solid #000;
  vertical-align: middle;
  text-align: right;
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.wrap-product-list
  .list-filter
  .filter-layer
  .filterSlideWrap
  .input
  input[type='text']::placeholder {
  text-align: left;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.wrap-product-list
  .list-filter
  .filter-layer
  .filterSlideWrap
  .input
  .btn-search {
  width: 22px;
  height: 22px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_search.png') no-repeat 0 100%;
  background-size: 100%;
  font-size: 0;
  vertical-align: middle;
}

.wrap-product-list .list-filter .check-skin {
  display: inline-block;
  margin: 4px 10px 4px 0;
}

.wrap-product-list .list-filter .check-skin input + span {
  display: inline-block;
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.wrap-product-list .list-filter .check-skin input:checked + span {
  color: #000;
}

.wrap-product-list .list-filter .filter-view-lower {
  display: block;
  margin: 4px 10px 8px 0;
}

.wrap-product-list .list-filter .filter-view-lower > span {
  display: inline-block;
  position: relative;
  min-height: 22px;
  padding-left: 32px;
  padding-right: 24px;
  font-size: 14px;
  color: #000;
  line-height: 22px;
  vertical-align: top;
  z-index: 3;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.wrap-product-list .list-filter .filter-view-lower > span::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/checkbox.png) no-repeat 0 0;
}

.wrap-product-list .list-filter .filter-view-lower.active {
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_filter_next.png) no-repeat 100% 50%;
}

.wrap-product-list .list-filter .filter-view-lower.on > span {
  color: #000;
}

.wrap-product-list .list-filter .filter-view-lower.on > span::before {
  background-position: 0 -22px;
}

.wrap-product-list .list-filter .btn-skin input + span {
  height: 30px;
  min-width: 50px;
  padding: 0 18px;
  line-height: 30px;
  border-radius: 3px;
  border: 0;
  color: #000;
}

.wrap-product-list .list-filter .btn-skin input:checked + span {
  background: #c2935f;
  color: #fff;
}

.wrap-product-list .list-filter .color-check {
  margin: 0 14px 0 0;
}

.wrap-product-list .list-filter .color-check [class*='pdColor'] {
  width: 26px;
  height: 26px;
}

.wrap-product-list .list-filter .color-check .pdImage {
  width: 26px;
  height: 26px;
  background-size: 100px auto;
}

.wrap-product-list .list-filter .color-check .etc {
  padding-top: 14px;
}

.wrap-product-list .list-filter .barPrice {
  position: relative;
  width: 273px;
  height: 14px;
}

.wrap-product-list .selected-filter {
  min-height: 50px;
}

.wrap-product-list .selected-filter button {
  position: relative;
  height: 30px;
  margin: 10px 15px 0 0;
  padding: 0 17px 0 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  color: #999;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_filter_del.png') no-repeat 100% 50%;
}

.wrap-product-list .selected-filter button [class*='pdColor'] {
  display: inline-block;
  margin-top: 3px;
}

.wrap-product-list .selected-filter button span {
  pointer-events: none;
}

.wrap-product-list .selected-filter button .pdColor-color56 {
  width: 19px;
}

.wrap-product-list .selected-filter button .pdColor-color56::before {
  border: none;
}

.wrap-product-list .selected-filter button .pdColor-color56::after {
  content: 'etc';
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  color: #999;
}

.wrap-product-list .list-count {
  vertical-align: middle;
}

.wrap-product-list .list-count span {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  color: #c2935f;
}

.wrap-product-list .list-count2 {
  margin: 0;
  position: absolute;
  top: 15px;
  left: 0;
}

.wrap-product-list .list-count2 span {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  color: #c2935f;
}

.wrap-product-list .btn-reset {
  position: relative;
  height: 32px;
  padding: 0 0 0 25px;
  vertical-align: middle;
  font-size: 14px;
}

.wrap-product-list .btn-reset:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 3px;
  width: 13px;
  height: 13px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_filter_reset.png') no-repeat;
}

.wrap-product-list .select {
  vertical-align: middle;
}

.wrap-product-list .select .sel-btn {
  height: 50px;
  border: 0;
  color: #000;
}

.wrap-product-list .select .sel-list {
  top: 50px;
  left: auto;
  right: 0;
}

.wrap-product-list .list-title {
  margin: 0 0 30px;
  font-size: 20px;
  font-weight: 700;
}

.wrap-product-list .list-title ~ .list-title {
  margin-top: 60px;
}

.wrap-product-list .list-title .count {
  display: inline-block;
  margin-left: 5px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  color: #c2935f;
}

.wrap-product-list .list-title .link {
  display: inline-block;
  margin-left: 20px;
  padding-right: 16px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow2.png') no-repeat 100% 50%;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 300;
}

.wrap-product-list .anchor-section {
  margin-top: 80px;
}

.wrap-product-list .anchor-section ~ .anchor-section {
  margin-top: 100px;
}

.wrap-product-list .list-title2 {
  margin-bottom: 40px;
  text-align: center;
  font-size: 28px;
  font-weight: 400;
}

.wrap-product-list .list-sort {
  text-align: right;
}

.wrap-product-list .nodata {
  border: 0;
}

.wrap-product-list .recommended-txt {
  margin: 100px 0 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

.wrap-product-list .recommended-txt + .recommended-txt {
  margin-top: 0;
}

.wrap-product-list .result-keyword {
  margin: 100px 0 180px;
}

.wrap-product-list .result-keyword .recommended-txt {
  margin-top: 0;
}

.wrap-product-list .result-keyword + .recommended-txt {
  margin-top: 0;
}

.wrap-product-list .result-keyword .keyword-list {
  margin-top: -10px;
}

.wrap-product-list .result-keyword .keyword-list a {
  display: inline-block;
  height: 44px;
  line-height: 42px;
  margin: 10px 2px 0;
  padding: 0 24px;
  background: #f8f3f0;
  border-radius: 50px;
  color: #999;
  font-size: 14px;
}

.wrap-product-list .periodical-tab {
  margin-left: -20px;
  padding: 20px 0;
}

.wrap-product-list .periodical-tab:after {
  content: '';
  display: block;
  clear: both;
}

.wrap-product-list .periodical-tab li {
  position: relative;
  float: left;
  padding: 0 20px;
}

.wrap-product-list .periodical-tab li:nth-child(n + 2):after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0px;
  width: 1px;
  height: 10px;
  background-color: #eeeeee;
}

.wrap-product-list .periodical-tab li button {
  margin-right: 0px;
  color: #999999;
  line-height: 1.3;
  font-size: 14px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.wrap-product-list .periodical-tab li button.on {
  color: #000000;
}

.wrap-product-list .periodical-tab ~ .product-list {
  margin-top: 120px;
}

.product-list {
  margin: 0 -11px;
  font-size: 0;
}

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

.product-list ~ .list-head {
  margin-top: 100px;
}

.product-list.slide-container li {
  margin: 0;
}

.product-list li {
  display: inline-block;
  width: 20%;
  margin-bottom: 40px;
  vertical-align: top;
}

.product-list li.product-sp {
  width: 40%;
}

.product-list li.product-sp .item-box {
  overflow: hidden;
}

.product-list li.product-sp .item-img {
  padding-top: calc(75% - 17px);
  padding-top: calc(calc(100% - 22px) * 0.75);
}

.product-list li.product-sp .item-img .img-box > * {
  height: unset;
}

.product-list li.product-sp .item-img .img-box .slick-list {
  /* overflow: visible;*/
}

.product-list li.product-sp .item-img .img-box > a {
  width: 100%;
  white-space: nowrap;
  font-size: 0;
}

.product-list li.product-sp .item-img .img-box .img {
  display: inline-block;
  width: 50%;
  font-size: 0;
}

.product-list li.product-sp .item-img .img-box .img img {
  height: unset;
  min-height: 100%;
}

.product-list .item-box {
  position: relative;
  margin: 0 11px;
  font-size: 14px;
}

.product-list .item-box .slide-nav {
  height: auto;
  opacity: 0;
  transition: all 0.3s;
}

.product-list .item-box .slide-nav-prev,
.product-list .item-box .slide-nav-next {
  position: absolute;
  top: 50%;
}

.product-list .item-box .slide-nav-prev {
  left: 20px;
}

.product-list .item-box .slide-nav-next {
  right: 20px;
}

.product-list .item-box .btn-like {
  position: absolute;
  top: 18px;
  right: 18px;
}

.product-list .item-box .btn-quick {
  opacity: 0;
  transition: all 0.3s;
  position: relative;
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 25px;
  height: 25px;
  background: rgba(255, 255, 255, 0.6);
  font-size: 0;
  border-radius: 50%;
}

.product-list .item-box .btn-quick:after,
.product-list .item-box .btn-quick:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 1px;
  background: #000;
}

.product-list .item-box .btn-quick:after {
  height: 13px;
  margin: -6.5px 0 0 -0.5px;
}

.product-list .item-box .btn-quick:before {
  width: 13px;
  margin: -0.5px 0 0 -6.5px;
}

.product-list .item-box .btn-quick:focus {
  opacity: 1;
}

.product-list .item-box:hover .slide-nav,
.product-list .item-box:hover .btn-quick {
  opacity: 1;
}

.product-list .item-box .item-rest {
  width: 100%;
  height: 40px;
  margin: -10px 0 20px;
  font-size: 16px;
  color: #c2935f;
  background: #000;
  line-height: 38px;
  text-align: center;
}

.product-list .item-box .item-rest .num {
  margin-left: 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 22px;
}

.product-list .item-box .item-rest .txt-soldout {
  font-size: 22px;
}

.product-list .item-img {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 150%;
}

.product-list .item-img .img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.product-list .item-img .img-box * {
  height: 100%;
}

.product-list .item-img .img-box a {
  display: block;
}

.product-list .item-img .img-box img {
  width: 100%;
}

.product-list .item-img .label {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: #fff;
  padding: 8px 10px;
  min-width: 102px;
  text-align: left;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.product-list .item-info {
  padding: 10px 0 0;
}

.product-list .item-brand {
  margin: 0 0 4px;
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 21px;
}

.product-list .item-brand .btn-brand:after {
  content: '';
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 10px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_sel_arrow2.png') no-repeat 100% 50%;
  vertical-align: middle;
}

.product-list .item-brand .brand-list-box {
  position: absolute;
  z-index: 2;
  padding: 10px 20px;
  background: #fff;
  border: 1px solid #000;
  transform: scaleY(0);
  transform-origin: 100% 0;
  transition: all 0.2s;
}

.product-list .item-brand .brand-list-box li {
  display: block;
  width: auto;
  margin: 10px 0;
}

.product-list .item-brand.open .btn-brand:after {
  transform: rotate(180deg);
}

.product-list .item-brand.open .brand-list-box {
  transform: scaleY(1);
  z-index: 50;
}

.product-list .item-brand .store {
  display: inline-block;
  margin-left: 5px;
  padding: 0 8px 0 7px;
  font-size: 10px;
  color: #888;
  line-height: 19px;
  border-radius: 21px;
  border: 1px solid #e1e1e1;
  vertical-align: top;
}

.product-list .item-name {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
  max-height: 34px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

.product-list .item-price {
  margin: 7px 0 0;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.product-list .item-price * {
  margin-right: 7px;
}

.product-list .item-price .price {
  color: #000;
}

.product-list .item-price .regular {
  color: #aaa;
}

.product-list .item-price .percent {
  color: #c2935f;
}

.product-list .item-color {
  margin: 20px 0 0;
}

.product-list .item-color [class*='pdImage'] {
  border-radius: 50%;
}

.product-list .item-opt {
  margin: 20px 0 0;
}

.product-list .item-opt .icon-new {
  display: inline-block;
  padding: 0 16px;
  line-height: 19px;
  border: 1px solid #e1e1e1;
  font-size: 11px;
  color: #888;
}

.product-list .item-time {
  position: absolute;
  top: -55px;
  left: 20px;
  padding: 10px;
  background: #fff;
  font-size: 16px;
}

.product-list .item-time span {
  margin-left: 15px;
  color: #ff2e50;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.product-list .item-rank {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 0 0 20px 0;
  padding-top: 8px;
  color: #c2935f;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 20px;
  background: #000;
  text-align: Center;
}

.product-list .item-rank.rank-top {
  background: #000;
}

.product-list .item-rank [class*='state'] {
  display: block;
  margin: 4px 0 0;
  text-align: center;
  color: #c2935f;
  font-size: 10px;
  opacity: 0.7;
  font-weight: 300;
}

.product-list .item-rank [class*='state']:before {
  content: '';
  display: inline-block;
  margin-right: 2px;
  font-size: 0;
}

.product-list .item-rank .state-down:before {
  border: 3.5px solid transparent;
  border-top: 6px solid #c2935f;
  border-bottom: 0;
  vertical-align: middle;
}

.product-list .item-rank .state-up:before {
  border: 3.5px solid transparent;
  border-bottom: 6px solid #c2935f;
  border-top: 0;
  vertical-align: 1px;
}

.product-list .item-rank .state-mid:before {
  width: 4px;
  height: 1px;
  background: #c2935f;
  vertical-align: 3px;
}

.product-list .item-gift {
  margin-top: 8px;
}

.product-list .item-gift span.gold {
  color: #c2935f;
}

.product-list .item-gift span.darkgray {
  color: #333;
}

.product-list .item-gift span.red {
  color: #ff4800;
}

.product-list .item-label {
  margin-top: 14px;
}

.product-list .item-label [class*='label'] {
  display: inline-block;
  height: 21px;
  margin: 4px 0 0;
  padding: 0 9px;
  border-radius: 2px;
  border: 1px solid #333;
  background: #fff;
  color: #333;
  font-size: 12px;
  line-height: 21px;
}

.product-list .item-label .label2 {
  color: #c2935f;
  border-color: #c2935f;
}

.product-list .item-label .label3 {
  color: #fff;
  background: #c2935f;
  border-color: #c2935f;
}

.product-list .item-label .label5 {
  color: #999;
  background: #fff;
  border-color: #ccc;
}

.product-list .item-etc > span {
  display: inline-block;
  vertical-align: middle;
  margin: 4px 5px 4px 0;
}

.product-list .item-etc .item-label {
  margin-top: -1px;
}

.product-list .item-date {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.product-list .item-review {
  padding-top: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 400;
}

.product-list.type2 li {
  width: 25%;
}

.product-list.type2 .item-img {
  padding-top: 100%;
}

.product-list.type2 .item-info {
  padding: 20px 0 0;
}

.product-list.type2 .item-brand {
  margin: 0 0 10px;
  font-size: 14px;
}

.product-list.type2 .item-name {
  max-height: 60px;
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.3;
}

.product-list.type2 .item-label {
  display: block;
  margin-top: 5px;
}

.product-list.type2 .item-date {
  color: #999;
}

.product-list-sub .item-box {
  margin: 30px 0 0;
  display: table;
  width: 100%;
}

.product-list-sub .item-box ~ .item-box {
  padding-top: 30px;
  border-top: 1px solid #f7f7f7;
}

.product-list-sub .item-img {
  display: table-cell;
  width: 90px;
  vertical-align: middle;
}

.product-list-sub .item-info {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
}

.product-list-sub .item-brand {
  margin-bottom: 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 0.5px;
}

.product-list-sub .item-name {
  line-height: 1.4;
}

.product-list-sub .item-price {
  margin-top: 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  font-size: 13px;
}

.product-list-sub .item-price * {
  margin-right: 7px;
}

.product-list-sub .item-price .price {
  color: #000;
}

.product-list-sub .item-price .regular {
  color: #aaa;
}

.product-list-sub .item-price .percent {
  color: #c2935f;
}

.product-list-sub .btn-like {
  position: relative;
  margin-top: 10px;
}

[class*='pdColor'] {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  font-size: 0;
}

[class*='pdColor']:before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}

[class*='pdImage'] {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  font-size: 0;
  background-size: 100px auto;
}

[class*='pdImage']:before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}

.pdColor {
  /* IVORY */ /* LEMON */ /* APPLE GREEN */ /* LAVENDA */ /* SKY BULE */ /* WHITE */ /* etc */
}

.pdColor-white:before {
  background: white;
  border: 1px solid #ccc;
}

.pdColor-yo:before {
  background: orange;
}

.pdColor-pink:before {
  background: pink;
}

.pdColor-green:before {
  background: green;
}

.pdColor-blue:before {
  background: blue;
}

.pdColor-grey:before {
  background: grey;
}

.pdColor-beige:before {
  background: beige;
}

.pdColor-brown:before {
  background: brown;
}

.pdColor-red:before {
  background: red;
}

.pdColor-purple:before {
  background: purple;
}

.pdColor-khaki:before {
  background: khaki;
}

.pdColor-navy:before {
  background: navy;
}

.pdColor-black:before {
  background: black;
}

.pdColor-color01::before {
  background-color: #ffbd9d;
}

.pdColor-color02::before {
  background-color: #ff7e46;
}

.pdColor-color03::before {
  background-color: #ff958f;
}

.pdColor-color04::before {
  background-color: #f80040;
}

.pdColor-color05::before {
  background-color: #ebceb1;
}

.pdColor-color06::before {
  background-color: #aa704b;
}

.pdColor-color07::before {
  background-color: #a53613;
}

.pdColor-color08::before {
  background-color: #6c462f;
}

.pdColor-color09::before {
  background-color: #fff4c7;
}

.pdColor-color09.bd {
  border: 1px solid #ebebeb;
}

.pdColor-color10::before {
  background-color: #fffa6a;
}

.pdColor-color11::before {
  background-color: #ffc80e;
}

.pdColor-color12::before {
  background-color: #d3a125;
}

.pdColor-color13::before {
  background-color: #e4f949;
}

.pdColor-color14::before {
  background-color: #8fc735;
}

.pdColor-color15::before {
  background-color: #1b8056;
}

.pdColor-color16::before {
  background-color: #7b885c;
}

.pdColor-color17::before {
  background-color: #d7dbf8;
}

.pdColor-color18::before {
  background-color: #b685e0;
}

.pdColor-color19::before {
  background-color: #8200ff;
}

.pdColor-color20::before {
  background-color: #fcd0eb;
}

.pdColor-color21::before {
  background-color: #ff5fc2;
}

.pdColor-color22::before {
  background-color: #d81c7a;
}

.pdColor-color23::before {
  background-color: #9408b1;
}

.pdColor-color24::before {
  background-color: #a92078;
}

.pdColor-color25::before {
  background-color: #ccecff;
}

.pdColor-color26::before {
  background-color: #089acc;
}

.pdColor-color27::before {
  background-color: #0059b0;
}

.pdColor-color28::before {
  background-color: #0a1f89;
}

.pdColor-color29::before {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 50%;
}

.pdColor-color29.bd {
  border: 1px solid #ebebeb;
}

.pdColor-color30::before {
  background-color: #dddddd;
}

.pdColor-color31::before {
  background-color: #808080;
}

.pdColor-color32::before {
  background-color: #000000;
}

.pdColor-color33::before {
  background-color: #494949;
}

.pdColor-color34::before {
  background-color: #515c37;
}

.pdColor-color35::before {
  background-color: #cbaf6f;
}

.pdColor-color36::before {
  background-color: #9c5a28;
}

.pdColor-color37::before {
  background-color: #f98473;
}

.pdColor-color38::before {
  background-color: #13b986;
}

.pdColor-color39::before {
  background-color: #dec65c;
}

.pdColor-color40::before {
  background-color: #ffffff;
  border: 1px solid #ddd;
}

.pdColor-color41::before {
  background-color: #858279;
}

.pdColor-color42::before {
  background-color: #0070c0;
}

.pdColor-color43::before {
  background-color: #002060;
}

.pdColor-color44::before {
  background-color: #00b050;
}

.pdColor-color45::before {
  background-color: #5b5627;
}

.pdColor-color46::before {
  background-color: #bfffdc;
}

.pdColor-color47::before {
  background-color: #ffffaf;
}

.pdColor-color48::before {
  background-color: #ff8601;
}

.pdColor-color49::before {
  background-color: #ff0305;
}

.pdColor-color50::before {
  background-color: #fe9aeb;
}

.pdColor-color51::before {
  background-color: #ad4207;
}

.pdColor-color52::before {
  background-color: #9c1d88;
}

.pdColor-color53::before {
  background-color: #c9ab29;
}

.pdColor-color54::before {
  background-color: #000000;
}

.pdColor-color56::before {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 50%;
}

.pdColor-color56.bd {
  border: 1px solid #ebebeb;
}

.color-check {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.color-check [class*='pdColor'] {
  width: 30px;
  height: 30px;
}

.color-check [class*='pdImage'] {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-repeat: no-repeat;
  background-position: center center;
}

.color-check input {
  position: absolute;
  opacity: 0;
}

.color-check input:checked ~ [class*='pdColor']:after,
.color-check input:checked ~ [class='pdImage']:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2) url('/img_up/shop_pds/banobagi/design/images/main/icon_color_check.png') no-repeat
    50% 50%;
  border-radius: 50%;
  z-index: 2;
}

.color-check .soldout {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 16px;
  height: 30px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  font-family: '돋움', 'noto';
  font-size: 11px;
  color: #fff;
  text-align: center;
  line-height: 0;
}

.color-check .etc {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 16px;
  border-radius: 50%;
  font-family: '돋움', 'noto';
  font-size: 11px;
  color: #666;
  text-align: center;
  line-height: 0;
}

.item-count {
  position: relative;
  display: inline-block;
  padding: 0 34px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.item-count .input-num {
  width: 100px;
  height: 38px;
  text-align: center;
  vertical-align: middle;
}

.item-count [class*='btn-'] {
  position: absolute;
  top: 0;
  width: 34px;
  height: 100%;
  font-size: 0;
  vertical-align: middle;
}

.item-count [class*='btn-']:before,
.item-count [class*='btn-']:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 1px;
  background: #000;
}

.item-count .btn-minus {
  left: 0;
}

.item-count .btn-minus:after {
  width: 13px;
  margin: -0.5px 0 0 -6.5px;
}

.item-count .btn-minus:before {
  display: none;
}

.item-count .btn-plus {
  right: 0;
}

.item-count .btn-plus:after {
  width: 13px;
  margin: -0.5px 0 0 -6.5px;
}

.item-count .btn-plus:before {
  height: 13px;
  margin: -6.5px 0 0 -0.5px;
}

.point {
  position: relative;
  display: block;
  width: 100px;
  height: 14px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_point2.png') no-repeat;
  text-align: left;
}

.point .ico {
  display: inline-block;
  height: 14px;
  font-size: 0;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_point2.png') no-repeat 0 100%;
  vertical-align: top;
}

.point.size-s {
  width: 87px;
  height: 15px;
  background: #fff url('/img_up/shop_pds/banobagi/design/images/main/icon_point_s.png') repeat-x 0 100%;
}

.point.size-s .ico {
  height: 15px;
  background: #fff url('/img_up/shop_pds/banobagi/design/images/main/icon_point_s.png') repeat-x;
}

.point.size-m {
  width: 100px;
  height: 18px;
  background: #fff url('/img_up/shop_pds/banobagi/design/images/main/icon_point_m.png') repeat-x 0 100%;
}

.point.size-m .ico {
  height: 18px;
  background: #fff url('/img_up/shop_pds/banobagi/design/images/main/icon_point_m.png') repeat-x;
}

.point.size-l {
  width: 170px;
  height: 30px;
  background: #fff url('/img_up/shop_pds/banobagi/design/images/main/icon_point_l2.png') repeat-x 0 100%;
}

.point.size-l .ico {
  height: 30px;
  background: #fff url('/img_up/shop_pds/banobagi/design/images/main/icon_point_l2.png') repeat-x;
}

.btn-like {
  position: relative;
  width: 23px;
  height: 21px;
  font-size: 0;
}

.btn-like span {
  position: relative;
}

.btn-like strong {
  opacity: 0.3;
  transition: opacity 0.3s;
}

.btn-like:after,
.btn-like span {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 23px;
  height: 21px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_like.png') no-repeat;
  opacity: 0.3;
  transition: opacity 0.3s;
}

.btn-like:after {
  opacity: 0;
}

.btn-like.on:after {
  opacity: 1;
}

.btn-like.on span {
  opacity: 0;
}

.btn-like.on strong {
  opacity: 1;
}

.btn-like.type2 span {
  background-position: 0 100%;
}

.btn-like-s {
  position: relative;
  width: 19px;
  height: 19px;
  font-size: 0;
}

.btn-like-s span {
  position: relative;
}

.btn-like-s:after,
.btn-like-s span {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 19px;
  height: 19px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_like_sm.png') no-repeat;
  background-size: 19px auto;
  opacity: 0.3;
  transition: opacity 0.3s;
}

.btn-like-s:after {
  opacity: 0;
}

.btn-like-s.on:after {
  opacity: 1;
}

.btn-like-s.on span {
  opacity: 0;
}

.btn-like-s.type2 span {
  background-position: 0 100%;
}

.btn-play {
  position: relative;
}

.btn-play span {
  display: block;
  position: relative;
  font-size: 0;
}

.btn-play:before,
.btn-play:after {
  content: '';
  width: 71px;
  height: 72px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
}

.btn-play:before {
  margin: -35px 0 0 -36px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/btn_play_02.png) no-repeat 50% 50%;
}

.quick-view .layer-wrap {
  width: 1014px;
}

.quick-view .layer-container {
  padding: 40px;
}

.quick-view .layer-container .layer-content {
  width: calc(1014px - 80px);
}

.quick-view .layer-container .layer-content:after {
  content: '';
  display: block;
  clear: both;
}

.quick-view .pd-info {
  float: right;
  width: 450px;
  height: 644px;
}

.quick-view .pd-img {
  float: left;
  width: 430px;
  position: relative;
}

.quick-view .pd-img .swiper-slide,
.quick-view .pd-img img {
  width: 100%;
}

.quick-view .pd-img .slide-nav-prev,
.quick-view .pd-img .slide-nav-next {
  position: absolute;
  top: 50%;
  margin-top: -13px;
}

.quick-view .pd-img .slide-nav-prev {
  left: 9px;
}

.quick-view .pd-img .slide-nav-next {
  right: 9px;
}

.quick-view .pd-img .btn-like {
  position: absolute;
  top: 20px;
  right: 20px;
}

.quick-view .pd-name {
  padding-top: 55px;
  color: #000;
}

.quick-view .pd-name .brand {
  display: block;
  margin: 0 0 10px;
}

.quick-view .pd-name .brand a {
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  padding-right: 12px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow.png') no-repeat 100% 50%;
}

.quick-view .pd-name .name {
  font-size: 28px;
  line-height: 1.2;
}

.quick-view .item-price {
  margin-top: 28px;
  font-size: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 100;
}

.quick-view .item-price * {
  margin-right: 10px;
}

.quick-view .item-price .price {
  color: #000;
}

.quick-view .item-price .regular {
  color: #aaa;
}

.quick-view .item-price .percent {
  color: #c2935f;
}

.quick-view .item-opt {
  position: relative;
  min-height: 30px;
  margin: 30px 0 0;
  padding-right: 70px;
}

.quick-view .item-opt .color-check {
  margin: 10px 10px 0 0;
}

.quick-view .item-opt .link-detail {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 13px;
  padding-right: 12px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow.png') no-repeat 100% 50%;
}

.quick-view .item-sel {
  position: relative;
  margin: 40px 0 0;
}

.quick-view .item-sel:after {
  content: '';
  display: block;
  clear: both;
}

.quick-view .item-sel select {
  display: block;
  margin-top: 20px;
  width: 220px;
  border-color: #ccc;
}

.quick-view .item-sel .item-count {
  position: absolute;
  top: 0;
  right: 0;
}

.quick-view .item-sel .item-count .input-num {
  width: 152px;
}

.layer-quick-view .layer-wrap {
  position: fixed;
  right: 0;
  bottom: 20px;
  width: 776px;
  padding: 40px;
  border: 0;
  border-radius: 10px 0 0 10px;
  vertical-align: bottom;
}

.layer-quick-view .quick-my-list {
  display: table;
  width: 100%;
  min-width: 295px;
  margin: 40px 0 0;
  background: #f8f8f8;
  table-layout: fixed;
}

.layer-quick-view .quick-my-list .cell {
  display: table-cell;
  width: 50%;
}

.layer-quick-view .quick-my-list .cell ~ .cell {
  border-left: 2px solid #fff;
}

.layer-quick-view .quick-my-list .box {
  position: relative;
  padding: 30px 44px;
}

.layer-quick-view .quick-my-list .box .tit-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.layer-quick-view .quick-my-list .box .tit {
  font-size: 16px;
  font-weight: 400;
}

.layer-quick-view .quick-my-list .box .tit .like {
  display: inline-block;
  width: 17px;
  height: 16px;
  margin: 0 3px 0 6px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_like.png') no-repeat;
  vertical-align: middle;
  font-size: 0;
}

.layer-quick-view .quick-my-list .box .slide-count {
  margin: 3px 0 0 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: #999;
}

.layer-quick-view .quick-my-list .box .slide-count .slide-active {
  color: #c2935f;
}

.layer-quick-view .quick-my-list [class*='list-type'] {
  position: relative;
}

.layer-quick-view .quick-my-list [class*='list-type'] .slide-nav {
  position: absolute;
  top: -50px;
  right: -10px;
}

.layer-quick-view .quick-my-list .list-type1 .swiper-slide {
  width: 100%;
}

.layer-quick-view .quick-my-list .list-type1 li {
  position: relative;
  padding-left: 12px;
  padding-right: 45px;
}

.layer-quick-view .quick-my-list .list-type1 li ~ li {
  margin-top: 10px;
}

.layer-quick-view .quick-my-list .list-type1 li:after {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #8c8c8c;
}

.layer-quick-view .quick-my-list .list-type1 a {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
}

.layer-quick-view .quick-my-list .list-type2 li {
  float: left;
  width: 25%;
  margin-bottom: 4px;
  padding: 0 2px;
}

.layer-quick-view .quick-my-list .list-type2 img {
  width: 60px;
}

.layer-quick-view .quick-my-list .latest-category .slide-container {
  position: relative;
  z-index: 10;
  overflow: visible !important;
}

.layer-quick-view
  .quick-my-list
  .latest-category
  .slide-container
  .swiper-wrapper {
  z-index: 10;
}

.layer-quick-view
  .quick-my-list
  .latest-category
  .slide-container
  .swiper-slide {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.layer-quick-view
  .quick-my-list
  .latest-category
  .slide-container
  .swiper-slide-active {
  opacity: 1;
  visibility: visible;
}

.layer-quick-view .quick-my-list .latest-category .btn-lfilter {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #999;
}

.layer-quick-view .quick-my-list .latest-category .btn-lfilter::after {
  content: '+';
  display: inline-block;
  width: 10px;
  text-align: center;
}

.layer-quick-view .quick-my-list .latest-category .btn-lfilter.on {
  color: #000;
}

.layer-quick-view .quick-my-list .latest-category .btn-lfilter.on::after {
  content: '-';
}

.layer-quick-view .quick-my-list .latest-category .btn-lfilter.on + .filtered {
  display: block;
}

.layer-quick-view .quick-my-list .latest-category .filtered {
  display: none;
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  padding: 5px 15px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 8px;
}

.layer-quick-view .quick-my-list .latest-category .filtered .filter-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px 0;
  font-size: 12px;
  line-height: 23px;
}

.layer-quick-view .quick-my-list .latest-category .filtered .filter-item .tit {
  width: 60px;
  flex: 0 0 auto;
  font-size: 12px;
  color: #999;
}

.layer-quick-view .quick-my-list .latest-category .filtered .filter-item .text {
  -ms-flex: 1;
  flex: 1;
  color: #666;
}

.layer-coupon-view {
  text-align: right;
}

.layer-coupon-view .layer-wrap {
  width: 370px;
  padding: 40px;
  border-radius: 10px 0 0 10px;
  vertical-align: bottom;
  bottom: 20px;
}

.layer-coupon-view .title {
  font-size: 24px;
}

.layer-coupon-view .txt {
  margin: 10px 0 25px;
  line-height: 1.5;
}

.layer-coupon-view .link {
  font-size: 13px;
}

.layer-coupon-view .link button {
  color: #666;
  border-bottom: 1px solid;
}

.layer-coupon-view .link a {
  float: right;
  margin: 5px 0 0;
  padding-right: 12px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow.png') no-repeat 100% 50%;
  color: #666;
}

.layer-coupon-view .link a span {
  color: #c2935f;
}

.layer-coupon-view .coupon-list {
  margin-top: 15px;
}

.layer-coupon-view .coupon-list li {
  position: relative;
  min-height: 50px;
  border-radius: 6px;
  background: #eee8dc;
}

.layer-coupon-view .coupon-list li ~ li {
  margin-top: 10px;
}

.layer-coupon-view .coupon-list a {
  display: block;
  padding: 14px 80px 14px 18px;
}

.layer-coupon-view .coupon-list a span {
  display: block;
  font-size: 12px;
}

.layer-coupon-view .coupon-list a strong {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.layer-coupon-view .coupon-list button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  background: #d8bd9d url('/img_up/shop_pds/banobagi/design/images/main/product/btn_coupon_down.png') no-repeat 50%
    50%;
  border-radius: 0 6px 6px 0;
}

.layer-coupon-view .coupon-list button span {
  position: relative;
  font-size: 0;
}

[class*='grid-list']:after {
  content: '';
  display: block;
  clear: both;
}

[class*='grid-list'] .grid-item {
  float: left;
}

[class*='grid-list'].grid-list4 .grid-item {
  width: 25%;
}

[class*='grid-list'].grid-list5 .grid-item {
  width: 20%;
}

.product-view-img {
  display: table-cell;
  position: relative;
}

.product-view-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.product-view-slide.fixed {
  position: fixed;
  top: 80px;
  width: calc(100% - 460px - 160px);
}

.product-view-slide.bottom {
  position: absolute;
  top: auto;
  bottom: 0px;
}

.product-view-slide .slide-container {
  max-width: 1300px;
  width: 100%;
}

.product-view-slide .slide-container .swiper-slide {
  width: 50%;
  flex: 0 0 auto;
}

.product-view-slide .slide-container img {
  width: 100%;
}

.product-view-slide .slide-container .vod {
  position: relative;
  width: 100%;
  height: 100%;
  background: #cdcdcd;
  overflow: hidden;
}

.product-view-slide .slide-container .vod video,
.product-view-slide .slide-container .vod iframe {
  width: 100%;
  height: 100%;
}

.product-view-slide .slide-container .vod video {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: transparent;
}

.product-view-slide .slide-container .vod:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.product-view-slide .slide-nav-prev,
.product-view-slide .slide-nav-next {
  position: absolute;
  top: 50%;
}

.product-view-slide .slide-pagination {
  margin: 25px 0 0;
  text-align: center;
}

.product-view-slide .slide-nav.type6 [class*='slide-nav'] {
  top: 50%;
}

.product-view-slide .slide-nav.type6 .slide-nav-prev {
  left: 0px;
  width: 71px;
  height: 102px;
  margin-top: -51px;
  opacity: 1;
  background-image: url(/img_up/shop_pds/banobagi/design/images/main/btn_detail_prev.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.product-view-slide .slide-nav.type6 .slide-nav-next {
  right: 0px;
  width: 71px;
  height: 102px;
  margin-top: -51px;
  opacity: 1;
  background-image: url(/img_up/shop_pds/banobagi/design/images/main/btn_detail_next.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.product-view-top {
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.product-view-top .etc-btn {
  position: absolute;
  top: 30px;
  right: 0;
}

.product-view-top .etc-btn .layer-share {
  margin: 0;
  right: 0;
}

.product-view-top .etc-btn .bar {
  display: inline-block;
  margin: 0 10px;
  height: 18px;
  vertical-align: middle;
  font-size: 0;
  border-left: 1px solid #eee;
}

.product-view-top .btn-share {
  font-size: 0;
  width: 17px;
  height: 19px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_share3.png') no-repeat;
}

.product-view-top .btn-share span {
  position: relative;
}

.product-view-top .btn-like {
  position: relative;
  width: auto;
}

.product-view-top .btn-like strong {
  display: block;
  padding: 0 28px 2px 0;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.product-view-top .btn-like:after,
.product-view-top .btn-like span {
  left: auto;
  right: 0;
}

.product-view-top .item-brand {
  margin: 30px 0 70px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.product-view-top .item-brand a {
  padding-right: 14px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow2.png') no-repeat 100% 50%;
}

.product-view-top .item-tag {
  margin-bottom: 10px;
}

.product-view-top .item-tag .tag {
  margin-left: 10px;
  color: #c2935f;
}

.product-view-top .item-name {
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
}

.product-view-top .item-price {
  margin: 10px 0 0;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.product-view-top .item-price .regular {
  margin-bottom: 5px;
  color: #999;
  font-weight: 300;
}

.product-view-top .item-price .price {
  font-size: 30px;
}

.product-view-top .item-price .price > span {
  line-height: 38px;
  vertical-align: middle;
}

.product-view-top .item-price .price .percent {
  margin-left: 5px;
  font-size: 16px;
  font-weight: 300;
}

.product-view-top .item-price .price .regular {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
}

.product-view-top .item-price .coupon > * {
  line-height: 30px;
  vertical-align: middle;
}

.product-view-top .item-price .coupon .num {
  display: inline-block;
  margin: 5px 0;
  font-size: 30px;
  color: #c2935f;
  margin-right: 15px;
}

.product-view-top .item-price .coupon .txt {
  display: inline-block;
  margin-left: 0;
  margin-right: 15px;
  vertical-align: middle;
  font-size: 14px;
}

.product-view-top .item-price .coupon .btn-type4-sm {
  line-height: 24px;
  height: 26px;
  margin-left: 0;
  vertical-align: middle;
}

.product-view-top .info-bot {
  margin-top: 35px;
}

.product-view-top .info-bot .review {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.product-view-top .info-bot .review .point {
  display: inline-block;
  margin-right: 15px;
  vertical-align: 2px;
}

.product-view-top .info-bot .review .num {
  color: #000;
}

.product-view-top .info-bot .list {
  margin-top: 25px;
}

.product-view-top .info-bot .list li {
  position: relative;
  padding-left: 85px;
  font-size: 13px;
}

.product-view-top .info-bot .list li ~ li {
  margin-top: 15px;
}

.product-view-top .info-bot .list li .tit {
  position: absolute;
  top: 0;
  left: 0;
}

.product-view-top .info-bot .list li .btn-tooltip {
  margin-left: 4px;
  vertical-align: 0;
}

.product-view-top .info-bot .list li button {
  line-height: 1;
}

.product-view-top .gift {
  position: relative;
  margin-top: 20px;
  padding: 22px 100px 22px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.product-view-top .gift:after {
  content: '';
  display: block;
  clear: both;
}

.product-view-top .gift .tit {
  line-height: 1.5;
}

.product-view-top .gift .tit span {
  color: #c2935f;
}

.product-view-top .gift .list {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -25px;
}

.product-view-top .gift .list .slide-container {
  width: 50px;
  margin: 0 20px;
}

.product-view-top .gift .list img {
  width: 50px;
  height: 50px;
  background: #eee;
}

.product-view-top .gift .list .slide-nav {
  display: none;
}

.product-view-top .gift .list .slide-nav [class*='slide-nav'] {
  position: absolute;
  top: 12px;
}

.product-view-top .gift .list .slide-nav .slide-nav-prev {
  left: 0;
}

.product-view-top .gift .list .slide-nav .slide-nav-next {
  right: 0;
}

.product-view-info {
  display: table-cell;
  position: relative;
  vertical-align: top;
  z-index: 2;
  width: 460px;
  padding-left: 80px;
  background: #fff;
}

.product-view-detail {
  position: relative;
  margin-top: 80px;
  padding-right: 336px;
}

.product-view-detail .product-detail-tab {
  position: relative;
  margin-top: -1px;
  border-right: 1px solid #ddd;
}

.product-view-detail .product-detail-tab.sticky .tabs {
  position: fixed;
  top: 79px;
  right: auto;
  left: auto;
}

.product-view-detail .product-detail-tab.end .tabs {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
}

.product-view-detail .product-detail-tab > .tabs {
  position: absolute;
  z-index: 10;
  top: 0;
  right: -1px;
  left: 0;
  margin: 0;
}

.product-view-detail .product-detail-tab > .tabs > li.on button {
  position: relative;
  border-color: #000;
}

.product-view-detail .product-detail-tab > .tabs > li button {
  border-color: #ddd;
}

.product-view-detail .product-detail-tab .anchor-section {
  padding-top: 135px;
  padding-bottom: 45px;
}

.product-view-detail .product-detail-tab .anchor-section.product-detail-review {
  padding-top: 100px;
  padding-bottom: 0;
}

.product-view-detail
  .product-detail-tab
  .anchor-section.product-detail-review
  .sec-title {
  margin-top: 0;
}

.product-view-detail .product-detail-tab .anchor-section.product-detail-qna {
  padding-top: 100px;
  padding-bottom: 0;
}

.product-view-detail
  .product-detail-tab
  .anchor-section.product-detail-qna
  .sec-title {
  margin-top: 0;
}

.product-view-detail .product-detail-tab .anchor-section.product-detail-dlv {
  padding-top: 100px;
}

.product-view-detail
  .product-detail-tab
  .anchor-section.product-detail-dlv
  .sec-title {
  margin-top: 0;
}

.product-view-detail .sticky-option {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 336px;
  height: 100%;
}

.product-view-detail .sticky-option .product-view-option {
  width: 336px;
  margin: 0;
  padding: 67px 0 0 40px;
}

.product-view-detail .sticky-option .product-view-option.sticky {
  position: fixed;
  top: 80px;
}

.product-view-detail .sticky-option .product-view-option.end {
  position: absolute;
  top: auto;
  bottom: 0;
}

.product-view-detail .sticky-option .product-view-option .row ~ .row {
  margin-top: 20px;
}

.product-view-detail .sticky-option .product-view-option .size {
  padding: 0;
}

.product-view-detail .sticky-option .product-view-option .option-bot {
  margin-top: 80px;
  padding-top: 30px;
}

.product-view-detail .sticky-option .product-view-option .dlv-sel,
.product-view-detail .sticky-option .product-view-option .btn-box {
  margin-top: 30px;
}

.product-view-detail .sticky-option .product-view-option .banner {
  margin-top: 40px;
}

.product-view-detail .sticky-option .product-view-option .banner a {
  display: block;
  margin-top: 10px;
}

.product-view-detail .sticky-option .product-view-option .dlv-sel-shop {
  display: block;
  position: relative;
  margin-top: 10px;
}

.product-view-option {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #eee;
}

.product-view-option .row ~ .row {
  margin-top: 10px;
}

.product-view-option .option-bot {
  margin-top: 40px;
}

.product-view-option .item-price {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
}

.product-view-option .item-price > * {
  margin-right: 5px;
}

.product-view-option .item-price .price {
  color: #000;
  font-size: 22px;
}

.product-view-option .item-price .regular {
  color: #aaa;
}

.product-view-option .item-price .percent {
  color: #c2935f;
}

.product-view-option .item-price [class*='btn-type'] {
  height: 20px;
  line-height: 21px;
  vertical-align: 2px;
}

.product-view-option .color {
  position: relative;
  margin-top: -10px;
  padding-right: 115px;
}

.product-view-option .color .color-check {
  margin: 10px 8px 0 0;
}

.product-view-option .color .txt {
  position: absolute;
  top: 18px;
  right: 0;
  font-size: 13px;
  color: #000;
}

.product-view-option .size {
  position: relative;
  padding-right: 115px;
}

.product-view-option .size ~ .size {
  margin-top: 20px;
}

.product-view-option .size .select,
.product-view-option .size select {
  width: 100%;
  font-size: 14px;
}

.product-view-option .size .sel {
  position: relative;
}

.product-view-option .size .sel label {
  position: absolute;
  top: 0;
  right: 30px;
  left: 0;
  line-height: 39px;
  background: #fff;
}

.product-view-option .size .sel select:focus + label {
  display: none;
}

.product-view-option .size .btn-type3-sm {
  position: absolute;
  top: 5px;
  right: 0;
  height: 26px;
  line-height: 24px;
}

.product-view-option .size .guide {
  margin-top: 10px;
}

.product-view-option .size .recom {
  color: #999;
  font-size: 12px;
}

.product-view-option .size .recom button {
  border-bottom: 1px solid;
  color: inherit;
  font-size: 12px;
  vertical-align: 0;
}

.product-view-option .size .btn-size {
  margin-left: 10px;
  padding-left: 17px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_size.png') no-repeat 0 3px;
  color: #999;
  font-size: 12px;
}

.product-view-option .size .btn-size span {
  display: inline-block;
  border-bottom: 1px solid;
}

.product-view-option .quantity {
  position: relative;
}

.product-view-option .quantity ~ .quantity {
  margin-top: 30px;
}

.product-view-option .quantity .tit {
  display: block;
  font-size: 13px;
  font-weight: 400;
}

.product-view-option .quantity .tit .name {
  color: #999;
}

.product-view-option .quantity .item-count .input-num {
  width: 55px;
}

.product-view-option .quantity .price {
  position: absolute;
  right: 0;
  bottom: 0;
}

.product-view-option .quantity .price .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.product-view-option .quantity .price .btn-reset {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  background: #eee url('/img_up/shop_pds/banobagi/design/images/main/btn_reset.png') no-repeat 50% 50%;
  border-radius: 3px;
  vertical-align: 6px;
  font-size: 0;
}

.product-view-option .quantity .price .btn-reset span {
  position: relative;
}

.product-view-option .pd-name,
.product-view-option .add-option {
  margin-bottom: 5px;
  padding-right: 80px;
  font-size: 13px;
  color: #999;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-view-option .pd-name span,
.product-view-option .add-option span {
  display: inline-block;
  width: 46px;
  height: 20px;
  margin-right: 5px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  background: #c2935f;
  border-radius: 2px;
  color: #fff;
}

.product-view-option .total {
  position: relative;
  margin: 30px 0 0;
  padding: 30px 0 30px;
  text-align: right;
  border-top: 1px solid #eee;
}

.product-view-option .total .tit {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  font-weight: 400;
}

.product-view-option .total .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
}

.product-view-option .dlv-sel {
  position: relative;
  margin: 40px 0 0;
}

.product-view-option .dlv-sel .chkeck-skin input + span {
  color: #000;
}

.product-view-option .dlv-sel .btn-tooltip {
  vertical-align: -2px;
  margin-left: 6px;
}

.product-view-option .dlv-sel .dlv-sel-shop {
  display: block;
  margin-top: 10px;
}

.product-view-option .dlv-sel .dlv-sel-shop p {
  display: inline-block;
  min-height: 22px;
  margin-left: 5px;
  font-size: 14px;
  color: #000;
  line-height: 22px;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  padding-right: 110px;
}

.product-view-option .dlv-sel .dlv-sel-shop button {
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 97px;
  height: 26px;
  font-size: 13px;
  text-align: center;
  color: #000;
  background-color: #eee;
}

.product-view-option .btn-box [class$='-xlg'] {
  min-width: 0;
}

.product-view-banner {
  margin-top: 75px;
}

.product-view-banner .banner-box {
  height: 160px;
}

.product-view-banner .img img {
  min-width: 1760px;
}

.product-detail-info .info-wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.product-detail-info .info-wrap .html-wrap {
  font-family: 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 1.6;
  word-break: break-all;
}

.product-detail-info .info-wrap .html-wrap * {
  font-family: 'Noto', '돋움', Dotum, arial, sans-serif !important;
}

.product-detail-info .info-wrap .html-wrap img {
  max-width: 100%;
}

.product-detail-info .banner {
  margin: 0 0 80px;
}

.product-detail-info .banner .banner-box {
  height: 160px;
}

.product-detail-info .banner .img img {
  min-width: 1760px;
}

.product-detail-info .md-txt {
  margin: 0 0 40px;
  line-height: 22px;
  color: #666;
}

.product-detail-info .model-info {
  display: inline-block;
  margin: 80px auto 0;
}

.product-detail-info .model-info .picture {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 15px 15px 0 15px;
}

.product-detail-info .model-info .txt-list {
  margin-top: 30px;
  padding: 20px 20px 0;
  border-top: 1px solid #eee;
  color: #666;
}

.product-detail-info .model-info .txt-list li {
  padding-left: 92px;
}

.product-detail-info .model-info .txt-list li .tit {
  position: absolute;
  top: 0;
  left: 12px;
  color: #000;
}

.product-detail-review .review-total {
  position: relative;
  padding-left: 0;
  padding-top: 50px;
  min-height: 226px;
  border-top: 1px solid #000;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-detail-review .review-total ~ .product-detail-review-list {
  margin-top: 80px;
}

.product-detail-review
  .product-detail-review-list
  .head
  .opt
  .select
  .sel-list
  label {
  text-align: left;
}

.product-detail-review .member-total-point {
  flex: 0 0 auto;
  width: 25%;
  text-align: center;
}

.product-detail-review .member-total-point .tit {
  font-size: 16px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 400;
}

.product-detail-review .member-total-point .point {
  margin: 100px auto 0;
}

.product-detail-review .member-total-point .point .num {
  position: absolute;
  right: 0;
  bottom: 50px;
  left: 0;
  text-align: center;
  color: #c2935f;
  font-size: 40px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 400;
}

.product-detail-review .chart-wrap {
  position: relative;
  overflow: hidden;
  padding: 0 30px;
}

.product-detail-review .chart-wrap .swiper-slide {
  text-align: center;
}

.product-detail-review .chart-wrap .slide-pagination {
  margin-top: 50px;
  text-align: center;
}

.product-detail-review .chart-wrap .slide-nav.type3 .slide-nav-prev,
.product-detail-review .chart-wrap .slide-nav.type3 .slide-nav-next {
  position: absolute;
  top: 90px;
}

.product-detail-review .chart-wrap .slide-nav.type3 .slide-nav-prev {
  left: 20px;
}

.product-detail-review .chart-wrap .slide-nav.type3 .slide-nav-next {
  right: 20px;
}

.product-detail-review .chart-wrap .chart {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.product-detail-review .chart-wrap .tit {
  width: 114px;
  margin: 0 0 30px;
  font-size: 16px;
}

.product-detail-review .chart-wrap .sub {
  display: inline-block;
  margin-left: 20px;
  text-align: left;
  vertical-align: -40px;
}

.product-detail-review .chart-wrap .sub li {
  margin: 5px 0;
  font-size: 13px;
  color: #999;
}

.product-detail-review .chart-wrap .sub li:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}

.product-detail-review .chart-wrap .sub li:nth-of-type(1):before {
  background: #c2935f;
}

.product-detail-review .chart-wrap .sub li:nth-of-type(2):before {
  background: #666;
}

.product-detail-review .chart-wrap .sub li:nth-of-type(3):before {
  background: #f4efe8;
}

.product-detail-review-list {
  position: relative;
  margin-top: 30px;
  padding-right: 10px;
}

.product-detail-review-list .head {
  position: relative;
  margin-bottom: 10px;
  text-align: right;
}

.product-detail-review-list .head:after {
  content: '';
  display: block;
  clear: both;
}

.product-detail-review-list .head .txt {
  margin: 10px 0 0;
  font-size: 13px;
  color: #666;
  text-align: left;
  line-height: 14px;
}

.product-detail-review-list .head .opt {
  float: left;
  display: inline-block;
  margin-top: 20px;
}

.product-detail-review-list .head .opt:first-of-type [class*='btn-type'] {
  margin-left: 10px;
}

.product-detail-review-list .head .opt + .opt {
  float: right;
  font-size: 0;
}

.product-detail-review-list .head .opt + .opt [class*='btn-type'] {
  margin-left: 6px;
}

.product-detail-review-list .head .btn-select {
  position: relative;
  width: 80px;
  height: 30px;
  padding-right: 30px;
  text-align: left;
}

.product-detail-review-list .head .btn-select span {
  position: relative;
}

.product-detail-review-list .head .btn-select:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/select.png') no-repeat 50% 50%;
}

.product-detail-review-list .head .btn-select.on:after {
  transform: rotate(180deg);
}

.product-detail-review-list .head .select {
  width: auto;
}

.product-detail-review-list .head .select + .select {
  margin-left: 20px;
}

.product-detail-review-list .head .select .sel-btn {
  width: auto;
  height: 30px;
  margin-left: 10px;
  padding: 0 40px 0 0;
  line-height: 30px;
  border: 0;
  font-size: 14px;
  vertical-align: middle;
}

.product-detail-review-list .head .select .sel-btn:first-child {
  margin-left: 0;
}

.product-detail-review-list .head [class*='btn-type'] {
  vertical-align: middle;
  margin-left: 4px;
}

.product-detail-review-list .filter {
  display: none;
  margin: 10px 0 0;
  padding: 10px 96px 10px 0;
  border: 1px solid #111;
  text-align: right;
}

.product-detail-review-list .filter.open {
  display: block;
}

.product-detail-review-list .nodata {
  line-height: 1.5;
}

.product-detail-review-list
  .board-list.board-review.ui-fold
  .fold-header
  .btn-fold::before {
  right: 20px;
}

.product-detail-review-list
  .board-list.board-review.ui-fold
  .fold-header
  .cell-title {
  padding: 34px 20px;
}

.product-detail-review-list
  .board-list.board-review.ui-fold
  .fold-header
  .cell-title
  .etc-info {
  margin-bottom: 20px;
}

.product-detail-review-list
  .board-list.board-review.ui-fold
  .fold-header
  .cell-title
  .etc-info
  .btn-like2 {
  position: relative;
  z-index: 1;
}

.product-detail-review-list .board-list.board-review .nodata {
  line-height: 1.5;
}

.product-detail-review-list
  .board-list.board-review
  .list-content
  .review-group {
  padding-top: 26px;
  padding-left: 20px;
  padding-bottom: 60px;
}

.product-detail-review-list
  .board-list.board-review
  .list-content
  .review-group
  .files {
  margin: 20px 0;
}

.product-detail-review-list
  .board-list.board-review
  .list-content
  .review-group
  .wear-feeling {
  margin-top: 40px;
}

.product-detail-review-list
  .board-list.board-review
  .list-content
  .review-group
  .wear-feeling
  span {
  color: #666;
}

.product-detail-review-list .photo-list {
  padding-top: 25px;
  border-top: 1px solid #000;
  font-size: 0;
}

.product-detail-review-list .photo-list ul {
  margin: -10px -10px 0;
}

.product-detail-review-list .photo-list li {
  position: relative;
  display: inline-block;
  width: 25%;
  padding-top: 25%;
  vertical-align: top;
}

.product-detail-review-list .photo-list .files {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
}

.product-detail-review-list .photo-list .img-file {
  display: none;
}

.product-detail-review-list .photo-list .img-file:first-child {
  display: inline;
}

.product-detail-review-list .photo-list .img-file img {
  max-width: 100%;
  max-height: 100%;
}

.product-detail-review-list .photo-list button {
  position: relative;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
}

.product-detail-review-list .photo-list .icon {
  position: absolute;
  z-index: 2;
  right: 30px;
  bottom: 30px;
  width: 17px;
  height: 17px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_img_more.png') no-repeat;
}

.product-detail-qna {
  padding-right: 10px;
}

.product-detail-qna .sec-title {
  margin-bottom: 20px;
}

.product-detail-qna .head {
  position: relative;
  margin-bottom: 10px;
}

.product-detail-qna .head:after {
  content: '';
  display: block;
  clear: both;
}

.product-detail-qna .head .txt {
  float: left;
  margin: 10px 0;
  font-size: 13px;
  color: #666;
}

.product-detail-qna .head .opt {
  float: right;
}

.product-detail-qna .qna-group {
  padding-left: 120px;
  padding-top: 26px;
  padding-bottom: 60px;
}

.product-detail-qna .qna-group .answer-box {
  margin-top: 34px;
  padding-top: 34px;
}

.product-detail-qna .board-list.board-qna.ui-fold .fold-header .cell-title {
  padding: 34px 20px;
}

.product-detail-dlv .sec-title + .product-detail-table {
  padding-top: 15px;
  padding-right: 15px;
  border-top: 1px solid #000;
}

.product-detail-dlv .product-detail-table {
  padding: 0;
  border: 0;
}

.product-detail-dlv .product-detail-table th,
.product-detail-dlv .product-detail-table td {
  font-size: 14px;
}

.product-detail-dlv .product-detail-table .txt-list {
  margin: 0;
}

.product-detail-dlv .product-detail-table .txt-list li {
  font-size: 14px;
}

.product-detail-dlv .product-detail-table .txt-list ul li {
  margin-top: 5px;
  font-size: 13px;
}

.product-detail-table {
  padding: 20px 20px 0;
  border-top: 1px solid #000;
}

.product-detail-table th,
.product-detail-table td {
  padding: 8px 0;
  text-align: left;
  font-size: 14px;
  line-height: 24px;
  vertical-align: top;
}

.product-detail-table td {
  color: #666;
}

.product-detail-table .txt-list2 {
  margin: 0;
}

.product-detail-table .txt-list2 li {
  font-size: 14px;
}

.product-detail-table .mark {
  margin-right: 10px;
  vertical-align: middle;
}

.product-detail-table .files li {
  display: inline-block;
}

.product-slide-list {
  position: relative;
}

.product-slide-list .style-list .item-info a {
  padding-bottom: 0;
}

.product-slide-list .slide-nav {
  position: absolute;
  top: -48px;
  right: 0;
}

.product-slide-list .slide-pagination {
  margin-top: 45px;
  text-align: center;
}

.product-slide-list .slide-container.style-list {
  margin: 0 -27px;
}

.product-slide-list .slide-container.style-list .style-list {
  margin: 0 -27px 0 0;
}

.product-slide-list
  .slide-container.style-list
  .style-list
  li.grid-item.type-news
  .item-box {
  margin: 0;
}

.layer-size-review .item-box {
  display: flex;
  width: 100%;
  padding: 0 0 40px;
  border-bottom: 1px solid #eee;
}

.layer-size-review .item-box .item-img {
  width: 66px;
}

.layer-size-review .item-box .item-img img {
  width: 66px;
  height: 99px;
}

.layer-size-review .item-box .item-info {
  padding-left: 20px;
  color: #000;
}

.layer-size-review .item-box .item-brand {
  margin-bottom: 5px;
  font-size: 14px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.layer-size-review .item-box .item-name {
  line-height: 1.5;
  margin-bottom: 30px;
  font-size: 20px;
}

.layer-size-review .item-box .item-size {
  font-size: 14px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  color: #666;
}

.layer-size-review .size-review-list {
  padding: 40px 0;
}

.layer-size-review .size-review-list li {
  display: flex;
  align-items: center;
}

.layer-size-review .size-review-list li ~ li {
  margin-top: 26px;
}

.layer-size-review .size-review-list .tit {
  flex: 1;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 30px;
}

.layer-size-review .size-review-list .wear-feeling {
  width: 243px;
  font-size: 0;
  text-align: right;
}

.layer-size-review .size-review-list .wear-feeling span {
  display: inline-block;
  width: 79px;
  line-height: 24px;
  background: #ddd;
  color: #999;
  text-align: center;
  font-size: 12px;
  border-radius: 3px;
  vertical-align: middle;
}

.layer-size-review .size-review-list .wear-feeling span.on {
  background: #c2935f;
  color: #fff;
}

.layer-size-review .size-review-list .wear-feeling span ~ span {
  margin-left: 3px;
}

.layer-shop-dlv .shop-dlv-box {
  padding: 30px 0;
  text-align: center;
}

.layer-shop-dlv .shop-dlv-box .tit {
  margin: 0 0 20px;
  color: #000;
}

.layer-shop-dlv .shop-dlv-box .process {
  font-size: 0;
}

.layer-shop-dlv .shop-dlv-box .process li {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 90px;
  margin: 0 20px;
  font-size: 13px;
  line-height: 1.4;
}

.layer-shop-dlv .shop-dlv-box .process li:before {
  content: '';
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto -10px;
}

.layer-shop-dlv .shop-dlv-box .process li.list1:before {
  background: url('/img_up/shop_pds/banobagi/design/images/main/product/icon_shop_dlv1.png') no-repeat;
}

.layer-shop-dlv .shop-dlv-box .process li.list2:before {
  background: url('/img_up/shop_pds/banobagi/design/images/main/product/icon_shop_dlv2.png') no-repeat;
}

.layer-shop-dlv .shop-dlv-box .process li.list3:before {
  background: url('/img_up/shop_pds/banobagi/design/images/main/product/icon_shop_dlv3.png') no-repeat;
}

.layer-shop-dlv .shop-dlv-box .process li ~ li:after {
  content: '';
  position: absolute;
  top: 30px;
  left: -22px;
  width: 6px;
  height: 11px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/product/icon_shop_dlv_arw.png') no-repeat;
}

.layer-shop-dlv .txt-cs-contact {
  margin: 20px 0 0;
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.layer-shop-dlv .txt-cs-contact span {
  margin-right: 16px;
}

.layer-size-guide .tab-wrap2 > .tabs {
  margin-bottom: 40px;
}

.layer-size-guide .brand-name {
  margin-bottom: 60px;
  color: #000;
  text-align: center;
  font-size: 24px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.layer-size-guide .brand-name .cate {
  display: block;
  margin: 15px 0 0;
  font-weight: 700;
}

.layer-size-guide .layer-sec-title {
  font-weight: 700;
}

.layer-size-guide .tbl-size-guide {
  position: relative;
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
}

.layer-size-guide .tbl-size-guide table {
  text-align: center;
}

.layer-size-guide .tbl-size-guide .unit {
  position: absolute;
  top: -30px;
  right: 0;
  font-size: 12px;
}

.layer-size-guide .tbl-size-guide thead th {
  border-bottom: 1px solid #ddd;
  color: #000;
}

.layer-size-guide .tbl-size-guide tbody th {
  color: #000;
}

.layer-size-guide .tbl-size-guide th,
.layer-size-guide .tbl-size-guide td {
  height: 50px;
  text-align: center;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.layer-size-guide .tbl-size-guide .line th,
.layer-size-guide .tbl-size-guide .line td {
  border-top: 1px solid #eee;
}

.layer-size-guide .size-check-list {
  height: 400px;
  padding-left: 270px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/product/bg_size.jpg') no-repeat 15px 0;
  column-count: 2;
  column-fill: auto;
}

.layer-size-guide .size-check-list > li {
  position: relative;
  margin-top: 25px;
  padding: 0 0 0 25px;
  line-height: 1.3;
  font-size: 13px;
}

.layer-size-guide .size-check-list > li:first-child {
  margin: 0;
}

.layer-size-guide .size-check-list > li span {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 18px;
  color: #c2935f;
  border: 1px solid;
  border-radius: 50%;
  font-size: 10px;
  text-align: center;
}

.layer-size-guide .size-check-list > li strong {
  display: block;
  margin: 0 0 8px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.layer-size-guide .size-check-list > li .txt-list {
  margin: 15px 0 0;
}

.size-guide-group .brand-name {
  font-weight: 400;
}

.size-guide-group .brand-cate,
.size-guide-group .brand-line {
  margin: 100px 0 40px;
  font-size: 24px;
  font-weight: 700;
  color: #000;
  text-align: center;
}

.size-guide-group .product-type {
  margin: 40px 0 20px;
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.size-guide-group .product-type .ex {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  color: #c2935f;
}

.size-guide-group .tbl-size-guide {
  border-bottom: 0;
}

.size-guide-group .tbl-size-guide table {
  border-bottom: 1px solid #eee;
}

.size-guide-group .tbl-size-guide table + table {
  margin-top: -1px;
  border-top: 1px solid #000;
}

.size-guide-group .tbl-size-guide table + .size-mt {
  margin-top: 20px;
}

.size-guide-group .tbl-size-guide table td {
  line-height: 17px;
}

.size-guide-group .tbl-size-guide .txt-size-guide {
  margin-top: 5px;
  line-height: 1.7;
}

.size-guide-group .size-summary p {
  font-size: 14px;
  color: #000;
  line-height: 1.7;
}

.size-guide-group .size-summary p + .ex {
  margin-top: 30px;
}

.size-chart-box .txt-sel-wrap .select {
  width: 100% !important;
}

.layer-add-item {
  z-index: 120;
}

.layer-add-item .item-sel-list {
  border-bottom: 1px solid #ccc;
}

.layer-add-item .item-sel-list li {
  position: relative;
  border-top: 1px solid #ccc;
}

.layer-add-item .item-sel-list label {
  display: block;
  position: relative;
  cursor: pointer;
}

.layer-add-item .item-sel-list label input[type='radio'] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.layer-add-item .item-sel-list label input[type='radio']:checked ~ .item-box {
  background: #efefef;
}

.layer-add-item .item-sel-list .btn {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.layer-add-item .item-sel-list .item-box {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 34px 0;
}

.layer-add-item .item-sel-list .item-img {
  display: table-cell;
  width: 70px;
  height: 104px;
}

.layer-add-item .item-sel-list .item-info {
  display: table-cell;
  padding: 0 170px 0 30px;
  color: #000;
  vertical-align: top;
}

.layer-add-item .item-sel-list .item-name {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.layer-add-item .item-sel-list .item-option {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 10px 0 2px;
  color: #999;
}

.layer-add-item .item-sel-list .item-price {
  position: relative;
  margin: 15px 0 0;
  padding-left: 80px;
}

.layer-add-item .item-sel-list .item-price .tit {
  position: absolute;
  top: 0;
  left: 0;
}

.layer-add-item .item-sel-list .item-price *:not(.tit) {
  margin-right: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.layer-add-item .item-sel-list .item-price .price {
  color: #000;
}

.layer-add-item .item-sel-list .item-price .regular {
  color: #aaa;
}

.layer-add-item .item-sel-list .item-price .percent {
  color: #c2935f;
}

.layer-add-item .item-sel-list .item-price .btn-tooltip2 {
  margin-top: -7px;
  vertical-align: top;
}

.layer-add-item .layer-bot-box {
  overflow: visible;
}

.layer-add-item .layer-bot-box .add-item-box {
  display: none;
  padding: 30px 40px;
  background: #f9f7f3;
  border-radius: 10px 10px 0 0;
}

.layer-add-item .layer-bot-box .add-item-box .name {
  margin: 0 0 13px;
  color: #000;
  line-height: 1.5;
}

.layer-add-item .layer-bot-box .add-item-box .opt {
  position: relative;
  padding: 0 0 0 70px;
}

.layer-add-item .layer-bot-box .add-item-box .opt .tit {
  position: absolute;
  top: 12px;
  left: 0;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.layer-add-item .layer-bot-box .add-item-box .opt .select {
  width: 100%;
}

.layer-add-item .layer-bot-box .btn-box {
  overflow: hidden;
  border-radius: 0 0 12px 12px;
}

.layer-add-item .layer-bot-box .btn-box [class*='btn-type'] {
  width: 100%;
  height: 60px;
}

.layer-shopping-bag .txt {
  text-align: center;
  font-size: 16px;
  color: #000;
  line-height: 23px;
}

.layer-shopping-bag .item-slide {
  position: relative;
  margin-top: 60px;
}

.layer-shopping-bag .item-slide .title {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

.layer-shopping-bag .item-slide .link {
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: 1px solid;
  font-size: 12px;
  line-height: 1.4;
}

.layer-shopping-bag .item-slide .list {
  margin-top: 20px;
}

.layer-shopping-bag .item-slide .list .item-box {
  position: relative;
  width: 86px;
  height: 129px;
  margin: 0 2.5px;
}

.layer-shopping-bag .item-slide .list .item-box img {
  width: 86px;
  height: 129px;
}

.layer-shopping-bag .item-slide .list .item-box .btn-like-s {
  position: absolute;
  top: 10px;
  right: 10px;
}

.layer-shopping-bag .item-slide .list .slide-pagination {
  margin-top: 25px;
  text-align: center;
}

.layer-shopping-bag .item-slide .list .slide-nav-prev,
.layer-shopping-bag .item-slide .list .slide-nav-next {
  position: absolute;
  top: 50%;
  margin-top: -13px;
}

.layer-shopping-bag .item-slide .list .slide-nav-prev {
  left: -24px;
}

.layer-shopping-bag .item-slide .list .slide-nav-next {
  right: -24px;
}

.layer-partner-coupon .bg-box {
  padding: 30px 20px;
}

.layer-partner-coupon .bg-box .cate span {
  display: inline-block;
  padding: 0 10px;
  background: #c2935f;
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
}

.layer-partner-coupon .bg-box .name {
  margin-top: 20px;
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 16px;
}

.layer-partner-coupon .bg-box .condition {
  margin-top: 20px;
}

.layer-partner-coupon .bg-box .benenfit {
  margin-top: 30px;
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 16px;
}

.vod-wrap {
  height: 400px;
}

.vod-wrap video,
.vod-wrap iframe {
  width: 100%;
  height: 100%;
}

.noUi-target {
  position: relative;
  background: #f8f7f3;
}

.noUi-target.noUi-horizontal {
  height: 6px;
}

.noUi-target .min-txt {
  width: 70px;
  position: absolute;
  bottom: 20px;
  left: -35px;
  text-align: center;
}

.noUi-target .max-txt {
  width: 70px;
  position: absolute;
  right: -35px;
  bottom: 20px;
  text-align: center;
}

.noUi-target .noUi-base,
.noUi-target .noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-target .noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-target .noUi-connect,
.noUi-target .noUi-origin {
  will-change: transform;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.noUi-target .noUi-connect {
  width: 100%;
  height: 100%;
  background: #c2935f;
}

.noUi-target .noUi-origin {
  width: 10%;
  height: 10%;
}

.noUi-target .noUi-handle {
  position: absolute;
  right: -4px;
  top: -4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #000;
  outline: none;
}

.noUi-target .noUi-touch-area {
  height: 100%;
  width: 100%;
}

.style-list {
  margin: 0 -27px;
  font-size: 0;
}

.style-list.slide-container li {
  margin: 0;
}

.style-list li {
  display: inline-block;
  width: 25%;
  margin: 0 0 80px;
  padding: 0 27px;
  font-size: 13px;
}

.style-list .item-box a {
  display: block;
}

.style-list .item-box.line-box {
  border: 1px solid #ccc;
}

.style-list .item-box.line-box .item-img {
  position: relative;
}

.style-list .item-box.line-box .item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ccc;
}

.style-list .item-box.line-box .item-img:after {
  content: '';
  display: block;
  padding-top: 56.7%;
}

.style-list .item-box.line-box .item-info a {
  height: 226px;
  padding: 40px 50px 100px;
}

.style-list .item-box.line-box .item-info a:after {
  content: '';
  position: absolute;
  bottom: 43px;
  left: 50px;
  width: 28px;
  height: 11px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_link_arrow.png') no-repeat;
}

.style-list .item-box.line-box .item-tit {
  margin-bottom: 20px;
}

.style-list .item-img img {
  width: 100%;
}

.style-list .item-info a {
  display: block;
  position: relative;
  padding: 20px 0;
}

.style-list .item-tit {
  margin-bottom: 10px;
}

.style-list .item-name {
  font-size: 20px;
  font-weight: 400;
  overflow: hidden;
  height: 52px;
  max-height: 52px;
  line-height: 26px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.style-list .item-hash {
  margin-top: 14px;
  color: #666;
}

.style-list .item-hash span {
  display: inline-block;
  margin-right: 15px;
}

.style-list li.grid-item.type-report .item-tit {
  margin-top: 30px;
  font-size: 20px;
  overflow: hidden;
  height: 60px;
  max-height: 60px;
  line-height: 30px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
}

.style-list li.grid-item.type-report .item-txt {
  margin-top: 10px;
  color: #666;
  overflow: hidden;
  height: 66px;
  max-height: 66px;
  line-height: 22px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  white-space: normal;
}

.style-list li.grid-item.type-report .item-date {
  margin-top: 15px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  color: #666;
}

.style-list li.grid-item.type-lookbook .item-img {
  width: 100%;
  margin: 0 0 30px;
}

.style-list li.grid-item.type-lookbook .item-img img {
  width: 100%;
}

.style-list li.grid-item.type-lookbook .item-brand {
  margin: 0 0 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.style-list li.grid-item.type-lookbook .item-tit {
  overflow: hidden;
  height: 60px;
  max-height: 60px;
  line-height: 30px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 20px;
}

.style-list li.grid-item.type-lookbook .item-txt {
  margin-top: 10px;
  color: #666;
  overflow: hidden;
  height: 44px;
  max-height: 44px;
  line-height: 22px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  font-weight: 300;
}

.style-list li.grid-item.type-lookbook .item-date {
  margin-top: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  color: #666;
}

.style-list li.grid-item.type-htv .item-img {
  position: relative;
}

.style-list li.grid-item.type-htv .item-img:after {
  content: '';
  display: block;
  padding-top: 51.8%;
}

.style-list li.grid-item.type-htv .item-img.full:after {
  padding-top: 100%;
}

.style-list li.grid-item.type-htv .item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ccc;
}

.style-list li.grid-item.type-htv .item-img .btn-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_play.png') no-repeat 50% 50%;
}

.style-list li.grid-item.type-htv .item-img .btn-play:before {
  display: none;
}

.style-list li.grid-item.type-htv .item-img .btn-play:after {
  display: none;
}

.style-list li.grid-item.type-htv .item-img .time {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #fff;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.style-list li.grid-item.type-htv .item-info {
  position: relative;
  margin-top: 30px;
}

.style-list li.grid-item.type-htv .item-info a {
  padding: 0;
}

.style-list li.grid-item.type-htv .item-type {
  margin-bottom: 10px;
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.style-list li.grid-item.type-htv .item-tit {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  color: #000;
}

.style-list li.grid-item.type-htv .item-txt {
  margin-top: 10px;
  color: #666;
  overflow: hidden;
  height: 44px;
  max-height: 44px;
  line-height: 22px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 14px;
}

.style-list li.grid-item.type-news .item-img {
  width: 100%;
  margin: 0 0 30px;
}

.style-list li.grid-item.type-news .item-img img {
  width: 100%;
}

.style-list li.grid-item.type-news .item-brand {
  margin: 0 0 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.style-list li.grid-item.type-news .item-title {
  overflow: hidden;
  height: 60px;
  max-height: 60px;
  line-height: 30px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 20px;
}

.style-list li.grid-item.type-news .item-txt {
  margin-top: 10px;
  color: #666;
  overflow: hidden;
  height: 44px;
  max-height: 44px;
  line-height: 22px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  font-weight: 300;
}

.style-list li.grid-item.type-news .item-date {
  margin-top: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  color: #666;
}

.style-list2 {
  font-size: 0;
  margin: -130px -40px 0;
}

.style-list2 li {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 50%;
  margin-top: 130px;
  font-size: 13px;
}

.style-list2 li a {
  display: block;
  margin: 0 40px;
}

.style-list2 li .img-box {
  display: inline-block;
  position: relative;
}

.style-list2 li .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #eee;
}

.style-list2 li .img-box:after {
  content: '';
  display: block;
  padding-top: 100%;
}

.style-list2 li .item-info {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 300px;
  text-align: left;
}

.style-list2 li .item-brand {
  margin-bottom: 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  line-height: 1.3;
}

.style-list2 li .item-name {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

.style-list2 li .item-tag {
  margin-top: 20px;
  color: #666;
}

.style-list2 li .item-tag span {
  display: inline-block;
  margin-right: 15px;
  line-height: 1.3;
}

.style-list2 .list1 {
  text-align: right;
}

.style-list2 .list1 .img-box {
  width: 69.8%;
}

.style-list2 .list1 .img-box:after {
  padding-top: 150%;
}

.style-list2 .list2 .item-info {
  left: 60%;
}

.style-list2 .list2 .img-box {
  width: 69.8%;
}

.style-list2 .list2 .img-box:after {
  padding-top: 150%;
}

.style-list2 .list3 {
  padding-top: 5%;
}

.style-list2 .list3 .item-info {
  position: static;
  margin: 0 0 50px;
}

.style-list2 .list3 .img-box {
  width: 100%;
}

.style-list2 .list3 .img-box:after {
  padding-top: 67%;
}

.style-list3 {
  font-size: 0;
  margin: -160px -27px 0;
}

.style-list3 li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-top: 160px;
  width: 25%;
  padding: 0 27px;
  font-size: 16px;
}

.style-list3 .item-img img {
  width: 100%;
}

.style-list3 .item-num {
  position: absolute;
  top: -20px;
  left: 45px;
  font-size: 40px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 100;
}

.style-list3 .item-info {
  margin-top: 45px;
}

.style-list3 .item-tit {
  overflow: hidden;
  height: 90px;
  max-height: 90px;
  line-height: 45px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
  max-height: 90px;
  font-size: 32px;
}

.style-list3 .item-txt {
  margin-top: 45px;
  overflow: hidden;
  height: 84px;
  max-height: 84px;
  line-height: 28px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
  max-height: 84px;
}

.style-list3 .item-date {
  margin-top: 45px;
  font-size: 14px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 100;
}

.style-list4 {
  font-size: 0;
  margin: -90px -27px 0;
}

.style-list4 li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-top: 90px;
  width: 25%;
  padding: 0 27px;
  font-size: 16px;
}

.style-list4 .item-img {
  position: relative;
}

.style-list4 .item-img:after {
  content: '';
  display: block;
  padding-top: 51.8%;
}

.style-list4 .item-img.full:after {
  padding-top: 100%;
}

.style-list4 .item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #222;
}

.style-list4 .item-img .btn-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.style-list4 .item-img .btn-play:before {
  display: none;
}

.style-list4 .item-img .time {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #fff;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  font-weight: 100;
}

.style-list4 .item-info {
  position: relative;
  margin-top: 40px;
}

.style-list4 .item-info .btn-share {
  position: absolute;
  top: -5px;
  right: 0;
  width: 20px;
  height: 20px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_share.png') no-repeat;
  font-size: 0;
}

.style-list4 .item-info .btn-share span {
  position: relative;
}

.style-list4 .item-brand {
  margin-bottom: 10px;
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  line-height: 1.3;
}

.style-list4 .item-tit {
  overflow: hidden;
  height: 54px;
  max-height: 54px;
  line-height: 27px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
  max-height: 54px;
  font-size: 20px;
  font-weight: 700;
}

.style-list4 .item-tag {
  margin-top: 20px;
  color: #666;
  font-size: 13px;
}

.style-list4 .item-tag span {
  display: inline-block;
  margin-right: 15px;
  line-height: 1.3;
}

.style-list5 {
  font-size: 0;
  margin: -54px -27px 0;
}

.style-list5 li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  margin-top: 54px;
  padding: 0 27px;
  color: #fff;
}

.style-list5 li a {
  position: relative;
  display: block;
}

.style-list5 li a:hover .over {
  opacity: 1;
}

.style-list5 li a.youtube:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}

.style-list5 li a.youtube:before {
  content: '';
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  border: 20px solid transparent;
  border-left: 30px solid #fff;
  border-right: 0;
  margin: -15px 0 0 -20px;
}

.style-list5 .img {
  display: block;
  padding-top: 100%;
}

.style-list5 .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #555;
}

.style-list5 .sns {
  position: absolute;
  z-index: 3;
  bottom: 20px;
  left: 20px;
  width: 45px;
  height: 45px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_sns2.png') no-repeat;
}

.style-list5 .facebook .sns {
  background-position: -45px 0;
}

.style-list5 .youtube .sns {
  background-position: -90px 0;
}

.style-list5 .naver .sns {
  background-position: -135px 0;
}

.style-list5 .time {
  position: absolute;
  z-index: 3;
  right: 20px;
  bottom: 20px;
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.style-list5 .over {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.style-list5 .over .ico {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_sns2.png') no-repeat 0 -45px;
  font-size: 0;
  vertical-align: middle;
}

.style-list5 .over .reply {
  margin-left: 25px;
}

.style-list5 .over .reply .ico {
  background-position: -26px -45px;
}

.style-title {
  position: relative;
  max-width: 1920px;
  margin: 120px auto 50px;
  padding: 0 80px;
  text-align: center;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.style-title a {
  display: inline-block;
  padding-right: 40px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow3.png') no-repeat 100% 50%;
}

.style-title2 {
  margin: 120px 0 50px;
  text-align: center;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 34px;
  font-weight: 400;
}

.style-top-visual {
  position: relative;
  min-width: 1280px;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}

.style-top-visual .box {
  position: relative;
  display: block;
  overflow: hidden;
  height: 540px;
}

.style-top-visual .box .img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1920px;
  margin: 0 auto;
}

.style-top-visual .box .str {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 1600px;
  height: 540px;
  padding: 0 160px;
  margin: 0 auto;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.style-top-visual .box .str .tit {
  font-size: 60px;
  font-weight: 400;
}

.style-top-visual .box .str .date {
  margin-top: 40px;
  font-size: 16px;
  font-weight: 300;
}

.style-top-visual .swiper-slide.type2 .str {
  color: #fff;
}

.style-top-visual .vod {
  background: #f8f3f0;
}

.style-top-visual .vod .inner {
  display: flex;
  max-width: 1600px;
  height: 540px;
  margin: 0 auto;
  padding: 0 160px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.style-top-visual .vod .inner .str {
  display: flex;
  width: 580px;
  flex-direction: column;
  justify-content: center;
}

.style-top-visual .vod .inner .str .tit {
  font-size: 60px;
  font-weight: 700;
}

.style-top-visual .vod .inner .str .date {
  margin-top: 40px;
  font-size: 16px;
  font-weight: 300;
}

.style-top-visual .vod .inner .btn {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}

.style-top-visual .vod .inner .btn-play {
  position: relative;
  padding-top: 56%;
}

.style-top-visual .vod .inner .btn-play:before {
  display: none;
}

.style-top-visual .vod .inner .btn-play img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #aaa;
}

.style-top-visual .vod .inner .btn-play .time {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: #fff;
}

.style-top-visual .slide-nav.type6 .slide-nav-prev,
.style-top-visual .slide-nav.type6 .slide-nav-next {
  position: absolute;
  top: 50%;
  margin-top: -30px;
}

.style-top-visual .slide-nav.type6 .slide-nav-prev {
  left: 80px;
}

.style-top-visual .slide-nav.type6 .slide-nav-next {
  right: 80px;
}

.style-top-visual .slide-util {
  text-align: center;
  font-size: 0;
}

.style-top-visual .slide-util .slide-pagination {
  position: absolute;
  margin-top: -40px;
}

.style-h-top {
  position: relative;
  min-width: 1280px;
  max-width: 1720px;
  height: 900px;
  margin: 0 auto 120px;
  padding: 0 80px;
}

.style-h-top .style-h-slide {
  width: 600px;
  position: absolute;
  top: 0;
  left: 80px;
}

.style-h-top .style-h-slide .slide-pagination {
  position: relative;
  margin-top: -50px;
}

.style-h-top .style-h-slide .slide-nav .slide-nav-prev,
.style-h-top .style-h-slide .slide-nav .slide-nav-next {
  position: absolute;
  top: 50%;
}

.style-h-top .style-h-slide .slide-nav .slide-nav-prev {
  left: -80px;
}

.style-h-top .style-h-slide .slide-nav .slide-nav-next {
  right: -80px;
}

.style-h-top .style-h-info {
  margin-left: 720px;
  padding-top: 40px;
}

.style-h-top .style-h-info .label {
  margin: 0 0 30px;
}

.style-h-top .style-h-info .label span {
  display: inline-block;
  width: 66px;
  height: 20px;
  line-height: 20px;
  background: #c2935f;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
}

.style-h-top .style-h-info .tit {
  margin: 0 0 40px;
  font-size: 54px;
}

.style-h-top .style-h-info .txt {
  margin: 0 0 80px;
  font-size: 16px;
  line-height: 26px;
  color: #666;
}

.style-h-top .style-h-info .btn-link {
  font-size: 16px;
  color: #000;
}

.style-h-top .product-list {
  position: absolute;
  right: 80px;
  bottom: 0;
}

.style-h-top .product-list li {
  float: left;
  width: 250px;
  margin: 0;
}

@media screen and (max-width: 1600px) {
  .style-h-top .product-list li:last-child {
    display: none;
  }
}

.style-h-top .product-list .item-info {
  margin-top: 20px;
  padding: 0;
}

.style-h-top .product-list .item-box {
  margin: 0 10px;
}

.style-h-top .product-list .item-brand {
  margin: 0 0 10px;
}

.style-h-top .product-list .item-name {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.style-h-top .product-list .item-price {
  margin-top: 10px;
}

.style-hstyle-top {
  width: 1500px;
  margin: 0 auto 120px;
}

.style-hstyle-top .style-h-slide {
  position: relative;
  width: 1360px;
  height: 1052px;
  margin: 0 auto;
}

.style-hstyle-top .slide-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -33px;
}

.style-hstyle-top .slide-nav .slide-nav-prev {
  position: absolute;
  left: -70px;
}

.style-hstyle-top .slide-nav .slide-nav-next {
  position: absolute;
  right: -70px;
}

.style-hstyle-top .slide-pagination {
  display: none;
}

.style-hstyle-top .swiper-slide {
  position: relative;
}

.style-hstyle-top .style-h-info {
  width: 480px;
  height: 1052px;
  padding: 100px 0 0;
  border-radius: 70px 0 0 0;
  background-color: #c2935f;
  text-align: center;
  color: #fff;
}

.style-hstyle-top .style-h-info .tit {
  margin: 10px 0;
  font-size: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.style-hstyle-top .style-h-info .copy {
  margin: 20px 50px 10px;
  font-size: 40px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 400;
  line-height: 50px;
}

.style-hstyle-top .style-h-info .img {
  margin: 40px 0;
}

.style-hstyle-top .style-h-info .img img {
  width: 320px;
  height: 480px;
  object-fit: cover;
  border-radius: 0 0 0 60px;
}

.style-hstyle-top .style-h-info .txt {
  padding: 0 70px;
  margin: 40px 0;
  font-size: 18px;
  line-height: 28px;
}

.style-hstyle-top .style-h-info .btn-link {
  padding: 0;
  font-size: 16px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  border-bottom: 1px solid #fff;
}

.style-hstyle-top .style-h-info .btn-link::before {
  display: none;
}

.style-hstyle-top .style-h-prdlist {
  position: absolute;
  top: 0;
  left: 520px;
  width: 840px;
}

.style-hstyle-top .product-list.lg {
  width: 100%;
  margin: 0;
}

.style-hstyle-top .product-list.lg li {
  float: left;
  width: 412px;
  margin-bottom: 20px;
}

.style-hstyle-top .product-list.lg li + li {
  margin-left: 16px;
}

.style-hstyle-top .product-list.lg .item-box {
  margin: 0;
}

.style-hstyle-top .product-list.lg .item-box .item-img .img-box img {
  width: 412px;
  height: 618px;
  object-fit: cover;
}

.style-hstyle-top .product-list:not(.lg) {
  margin: 0;
}

.style-hstyle-top .product-list:not(.lg) li {
  float: left;
  width: 195px;
  margin: 0;
}

.style-hstyle-top .product-list:not(.lg) li + li {
  margin-left: 20px;
}

.style-hstyle-top .product-list:not(.lg) .item-info {
  margin-top: 20px;
  padding: 0;
}

.style-hstyle-top .product-list:not(.lg) .item-box {
  margin: 0;
}

.style-hstyle-top .product-list:not(.lg) .item-box img {
  width: 195px;
  height: 292px;
  object-fit: cover;
}

.style-hstyle-top .product-list:not(.lg) .item-brand {
  margin: 0 0 10px;
}

.style-hstyle-top .product-list:not(.lg) .item-name {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.style-hstyle-top .product-list:not(.lg) .item-price {
  margin-top: 10px;
}

.style-hstyle-top .product-list:not(.lg) .item-price * {
  margin-right: 9px;
}

.style-list-h {
  position: relative;
  padding: 0 0 80px;
}

.style-list-h:after {
  content: '';
  position: absolute;
  top: 280px;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f8f8f8;
}

.style-list-h .list {
  position: relative;
  width: 994px;
  margin: 0 auto;
  z-index: 2;
  font-size: 0;
}

.style-list-h .list li {
  display: inline-block;
  width: 497px;
  padding: 0 15px;
  font-size: 14px;
  vertical-align: top;
}

.style-list-h .list li:nth-of-type(2) ~ li {
  margin-top: 60px;
}

.style-list-h .list li .item-img {
  width: 467px;
  height: 700px;
  overflow: hidden;
}

.style-list-h .list li .item-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.style-list-h .list li .item-tit {
  margin-top: 30px;
  font-size: 20px;
  overflow: hidden;
  height: 60px;
  max-height: 60px;
  line-height: 30px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.style-list-h .list li .item-txt {
  margin-top: 10px;
  color: #666;
  overflow: hidden;
  height: 66px;
  max-height: 66px;
  line-height: 22px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.style-list-h .list li .item-date {
  margin-top: 15px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  color: #666;
}

.style-list-h .paging {
  position: relative;
  margin: 80px 0;
  z-index: 2;
}

.style-htv-list {
  font-size: 0;
  margin: -60px -15px 0;
}

.style-htv-list li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 25%;
  margin: 60px 0 0;
  padding: 0 15px;
  font-size: 16px;
}

.style-htv-list .item-img {
  position: relative;
}

.style-htv-list .item-img:after {
  content: '';
  display: block;
  padding-top: 51.8%;
}

.style-htv-list .item-img.full:after {
  padding-top: 100%;
}

.style-htv-list .item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ccc;
}

.style-htv-list .item-img .btn-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_play.png') no-repeat 50% 50%;
}

.style-htv-list .item-img .btn-play:before {
  display: none;
}

.style-htv-list .item-img .btn-play:after {
  display: none;
}

.style-htv-list .item-img .time {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #fff;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.style-htv-list .item-info {
  position: relative;
  margin-top: 30px;
}

.style-htv-list .item-type {
  margin-bottom: 10px;
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.style-htv-list .item-tit {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  color: #000;
}

.style-htv-list .item-txt {
  margin-top: 10px;
  color: #666;
  overflow: hidden;
  height: 44px;
  max-height: 44px;
  line-height: 22px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 14px;
}

.style-tv-top {
  background: #f8f3f0;
}

.style-tv-top .inner {
  display: flex;
  min-width: 1280px;
  max-width: 1920px;
  margin: 0 auto;
  padding: 74px 80px;
}

.style-tv-top .thumbnail-slide {
  position: relative;
  height: 410px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.style-tv-top .thumbnail-slide .slide-container {
  height: 360px;
  overflow: hidden;
}

.style-tv-top .thumbnail-slide .slide-wrapper {
  position: relative;
}

.style-tv-top .thumbnail-slide .slide-wrapper li {
  height: 120px;
  padding: 10px 0;
}

.style-tv-top .thumbnail-slide .slide-wrapper li button {
  position: relative;
  width: 180px;
  height: 100px;
  background: #fff;
}

.style-tv-top .thumbnail-slide .slide-wrapper li button:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.style-tv-top .thumbnail-slide .slide-wrapper li.active button:after {
  background: none;
}

.style-tv-top .thumbnail-slide [class*='slide-nav'] {
  position: absolute;
  left: 50%;
  width: 24px;
  height: 15px;
  margin-left: -12px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav9.png') no-repeat;
  font-size: 0;
}

.style-tv-top .thumbnail-slide .slide-nav-up {
  top: 0;
}

.style-tv-top .thumbnail-slide .slide-nav-down {
  bottom: 0;
  background-position: 0 100%;
}

.style-tv-top .vod-wrap {
  display: flex;
  padding: 0 0 0 80px;
}

.style-tv-top .vod-wrap .vod-cont {
  position: relative;
  width: 700px;
  height: 393px;
  -ms-flex: 0 0 700px;
  flex: 0 0 700px;
}

.style-tv-top .vod-wrap .vod-cont .vod {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.style-tv-top .vod-wrap .vod-cont .vod .vod-box {
  width: 100%;
  height: 100%;
  background: #000;
}

.style-tv-top .vod-wrap .vod-info {
  max-width: 500px;
  padding: 40px 0 0 80px;
}

.style-tv-top .vod-wrap .vod-info .tit {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 45px;
  font-weight: 400;
  overflow: hidden;
  height: 110px;
  max-height: 110px;
  line-height: 55px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.style-tv-top .vod-wrap .vod-info .txt {
  margin: 30px 0 70px;
  font-size: 16px;
  line-height: 1.5;
}

.style-tv-top .vod-wrap .vod-info .btn-link {
  font-size: 16px;
}

.style-brand-news {
  width: 1760px;
  margin: 0 auto;
}

.style-brand-news:after {
  content: '';
  display: block;
  clear: both;
}

.style-brand-news li {
  position: relative;
  float: left;
  width: 25%;
}

.style-brand-news li:first-child::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ddd;
}

.style-brand-news li::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ddd;
}

.style-brand-news .item-box {
  width: 400px;
  margin: 0 auto;
}

.style-brand-news .item-box .item-img {
  width: 400px;
  height: 250px;
  overflow: hidden;
}

.style-brand-news .item-box .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.style-brand-news .item-tit {
  margin: 20px 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 21px;
}

.style-brand-news .item-txt {
  margin: 20px 0;
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}

.style-brand-news .item-date {
  font-size: 14px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  color: #666;
}

@media screen and (max-width: 1760px) {
  .style-brand-news {
    width: 100%;
    padding-left: 80px;
    padding-right: 80px;
  }
  .style-brand-news li .item-box {
    width: calc(100% - 40px);
  }
  .style-brand-news li .item-box .item-img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 62%;
  }
  .style-brand-news li .item-box .item-img img {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}

.style-lookbook-top {
  overflow: hidden;
}

.style-lookbook-top .show-wrap {
  position: relative;
  width: 1206px;
  margin: 0 auto;
}

.style-lookbook-top .show-wrap.type2 .str {
  color: #fff;
}

.style-lookbook-top .show-wrap .str {
  position: absolute;
  top: 120px;
  left: 110px;
  transition: color 0.2s;
}

.style-lookbook-top .show-wrap .str .tit {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 60px;
  font-weight: 400;
  margin: 0 0 25px;
}

.style-lookbook-top .show-wrap .str .txt {
  font-size: 16px;
  line-height: 1.4;
}

.style-lookbook-top .show-wrap .img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 815px;
}

.style-lookbook-top .show-wrap .img .img-wrap {
  display: inline-block;
  overflow: hidden;
  border-radius: 0 0 0 100px;
}

.style-lookbook-top .show-wrap .img .img-wrap img {
  max-height: 815px;
}

.style-lookbook-top .slide-nav button {
  position: absolute;
  top: 50%;
  margin-top: -33px;
}

.style-lookbook-top .slide-nav .slide-nav-prev {
  left: -80px;
}

.style-lookbook-top .slide-nav .slide-nav-next {
  right: -80px;
}

.style-lookbook-top .slide-container {
  overflow: visible;
  width: 1206px;
  margin: 50px auto;
}

.style-lookbook-top .swiper-slide {
  display: flex;
  width: auto;
  padding: 0 30px 0 0;
  justify-content: center;
}

.style-lookbook-top .swiper-slide-active span:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #c2935f;
}

.style-lookbook-top .swiper-slide span {
  position: relative;
  display: block;
}

.style-lookbook-top .swiper-slide img {
  max-width: 180px;
  max-height: 150px;
}

.style-lookbook-top .swiper-slide .str {
  display: none;
}

.style-lookbook-top ~ .style-lookbook-section {
  border-top: 1px solid #ddd;
}

.style-lookbook-top ~ .style-lookbook-section .style-list-lookbook {
  margin: 120px auto 0;
}

.style-lookbook-section .style-list-lookbook {
  width: 1206px;
  margin: 0 auto;
}

.style-lookbook-section .style-list-lookbook ul {
  margin: 0 -15px;
}

.style-lookbook-section .style-list-lookbook ul:after {
  content: '';
  display: block;
  clear: both;
}

.style-lookbook-section .style-list-lookbook li {
  margin-bottom: 60px;
}

.style-lookbook-section .style-list-lookbook .item-tit {
  height: 30px;
  -webkit-line-clamp: 1;
}

.style-lookbook-section .paging {
  margin-top: 10px;
}

.style-list-lookbook {
  margin: 0 -15px;
}

.style-list-lookbook:after {
  content: '';
  display: block;
  clear: both;
}

.style-list-lookbook li {
  float: left;
  width: 33.33%;
  padding: 0 15px;
}

.style-list-lookbook .item-img {
  position: relative;
  height: 0;
  padding-bottom: 150%;
  width: 100%;
  margin: 0 0 30px;
}

.style-list-lookbook .item-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.style-list-lookbook .item-brand {
  margin: 0 0 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.style-list-lookbook .item-tit {
  overflow: hidden;
  height: 60px;
  max-height: 60px;
  line-height: 30px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 20px;
}

.style-list-lookbook .item-txt {
  margin-top: 10px;
  color: #666;
  overflow: hidden;
  height: 44px;
  max-height: 44px;
  line-height: 22px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  font-weight: 300;
}

.style-list-lookbook .item-date {
  margin-top: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  color: #666;
}

.style-tile-lookbook {
  width: 1754px;
  margin: 0 auto;
}

.style-tile-lookbook:after {
  content: '';
  display: block;
  clear: both;
}

.style-tile-lookbook li {
  float: left;
  width: 416px;
  padding: 0;
}

.style-tile-lookbook li + li {
  margin-left: 30px;
}

.style-tile-lookbook .item-info {
  position: relative;
}

.style-tile-lookbook .item-img {
  width: 100%;
  margin: 0 0 50px;
}

.style-tile-lookbook .item-img img {
  width: 416px;
  height: 599px;
  object-fit: cover;
}

.style-tile-lookbook .item-brand {
  position: absolute;
  left: 0;
  top: -70px;
  padding: 13px 20px;
  background-color: #c2935f;
  border-radius: 0 0 15px 0;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  line-height: 17px;
}

.style-tile-lookbook .item-tit {
  overflow: hidden;
  height: 60px;
  max-height: 60px;
  line-height: 30px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 20px;
}

@media screen and (max-width: 1754px) {
  .style-tile-lookbook {
    width: 100%;
    padding-left: 80px;
    padding-right: 80px;
  }
  .style-tile-lookbook li {
    width: calc(25% - 30px);
    margin: 0 15px !important;
  }
  .style-tile-lookbook li .item-img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 143%;
  }
  .style-tile-lookbook li .item-img img {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}

.style-sns-section {
  position: relative;
}

.style-sns-section .sns-link {
  position: absolute;
  top: 10px;
  right: 0;
  padding-right: 38px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_title.png') no-repeat 100% 50%;
  font-size: 20px;
}

.style-list-hstyle {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 80px;
}

.style-list-hstyle:after {
  content: '';
  display: block;
  clear: both;
}

.style-list-hstyle li {
  flex: 1;
  width: 566px;
  height: 849px;
}

.style-list-hstyle li + li {
  margin-left: 30px;
}

.style-list-hstyle .item-box {
  position: relative;
  padding-top: 150%;
}

.style-list-hstyle .item-box:hover .item-info {
  opacity: 1;
}

.style-list-hstyle .item-box .link {
  padding-bottom: 2px;
  margin-top: 20px;
  border-bottom: 1px solid #fff;
}

.style-list-hstyle .item-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.style-list-hstyle .item-img img {
  width: 100%;
  height: 100%;
}

.style-list-hstyle .item-info {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s;
  border: 20px solid #c2935f;
}

.style-list-hstyle .item-txt {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
}

@media screen and (max-width: 1788px) {
  .style-list-hstyle {
    width: 100%;
    padding-left: 80px;
    padding-right: 80px;
  }
  .style-list-hstyle li {
    width: calc(33.333% - 30px);
    height: 100%;
  }
}

.style-htv-single {
  background-color: #f8f3f0;
}

.style-htv-single.playing .tv-info {
  display: none;
}

.style-htv-single.playing .tv-box::before {
  display: none;
}

.style-htv-single .style-htv-inner {
  position: relative;
  width: 1138px;
  height: 640px;
  margin: 0 auto;
}

.style-htv-single .style-htv-inner .vod-cont.playing + .tv-info {
  display: none;
}

.style-htv-single .style-htv-inner .tv-info .btn-play-style {
  position: absolute;
  left: 80px;
  bottom: 80px;
  width: 60px;
  height: 60px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/btn_play_style.png) no-repeat;
  z-index: 2;
}

.style-htv-single .style-htv-inner .tv-info .btn-play-style span {
  font-size: 0;
  opacity: 0;
}

.style-htv-single .style-htv-inner .tv-info .poster {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.style-htv-single .style-htv-inner .tv-info .poster img {
  width: 1138px;
  height: 640px;
  object-fit: cover;
}

.style-htv-single .style-htv-inner .tv-info .tv-txt {
  position: absolute;
  left: 80px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  color: #fff;
}

.style-htv-single .style-htv-inner .tv-info .tv-txt .tit {
  display: block;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 700;
}

.style-htv-single .style-htv-inner .tv-info .tv-txt p {
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
}

.style-htv-single .style-htv-inner .tv-box {
  position: relative;
}

.style-htv-single .style-htv-inner .tv-box video,
.style-htv-single .style-htv-inner .tv-box iframe {
  width: 1138px;
  height: 640px;
}

.style-htv-single
  .style-htv-inner
  .video-skin
  .tv-box.ready
  .btn-thumb::before {
  content: '';
  z-index: 2;
  font-size: 0;
  color: transparent;
  position: absolute;
  left: 80px;
  bottom: 80px;
  width: 80px;
  height: 80px;
  margin: 0;
  background: url(/img_up/shop_pds/banobagi/design/images/main/btn_play_style.png) no-repeat;
}

.style-htv-single .style-htv-inner .video-skin .item-tool .btn-play-style {
  margin: 0;
  left: 80px;
  right: auto;
  top: auto;
  bottom: 80px;
}

.style-tile-sns {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 80px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.style-tile-sns li {
  width: calc((100% - 150px) / 6);
  padding: 0;
}

.style-tile-sns li + li {
  margin-left: 30px;
}

.style-tile-sns .item-box {
  position: relative;
  padding-top: 100%;
}

.style-tile-sns .item-box:hover .item-info {
  opacity: 1;
}

.style-tile-sns .item-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.style-tile-sns .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.style-tile-sns .item-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 42px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s;
}

.style-tile-sns .item-tit {
  position: relative;
  padding-left: 34px;
  padding-right: 26px;
  font-size: 16px;
  line-height: 41px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.style-tile-sns .item-tit::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 42px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_insta_wh.png) center no-repeat;
}

.style-tile-sns .item-tit::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 14px;
  width: 7px;
  height: 12px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_link_sns.png) center no-repeat;
}

.style-list-sns {
  margin: 50px 0 0;
}

.style-list-sns:after {
  content: '';
  display: block;
  clear: both;
}

.style-list-sns li {
  float: left;
  width: calc((100% - 150px) / 6);
  padding: 0;
}

.style-list-sns li + li {
  margin-left: 30px;
}

.style-list-sns .item-box {
  position: relative;
  padding-top: 100%;
}

.style-list-sns .item-box:hover .item-info {
  opacity: 1;
}

.style-list-sns .item-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.style-list-sns .item-img img {
  width: 100%;
}

.style-list-sns .item-info {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s;
  padding: 20px;
  word-break: keep-all;
}

.style-list-sns .item-tit {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
}

.style-list-sns .item-txt {
  margin-top: 20px;
  font-size: 14px;
  line-height: 24px;
}

@media screen and (max-width: 1690px) {
  .style-list-sns .item-tit {
    font-size: 16px;
    line-height: 24px;
  }
  .style-list-sns .item-txt {
    margin-top: 16px;
    font-size: 12px;
    line-height: 18px;
  }
}

.style-list-brand ul {
  margin: 0 -15px;
}

.style-list-brand ul:after {
  content: '';
  display: block;
  clear: both;
}

.style-list-brand li {
  float: left;
  width: 33.33%;
  margin-bottom: 130px;
}

.style-list-brand .item-box {
  position: relative;
  margin: 0 15px;
}

.style-list-brand .item-img {
  position: relative;
  padding-top: 100%;
}

.style-list-brand .item-img .img-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.style-list-brand .item-img .img-box img {
  width: 100%;
  height: 100%;
}

.style-list-brand .item-info {
  position: absolute;
  right: 40px;
  bottom: -70px;
  left: 40px;
  height: 285px;
  padding: 45px 50px 25px;
  background: white;
}

.style-list-brand .item-brand {
  margin: 0 0 10px;
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.style-list-brand .item-title {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 15px;
  font-size: 20px;
}

.style-list-brand .item-txt {
  overflow: hidden;
  height: 40px;
  max-height: 40px;
  line-height: 20px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  margin: 0 0 15px;
  color: #666;
}

.style-list-brand .item-date {
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  color: #666;
}

.style-list-brand .item-link {
  position: absolute;
  right: 0;
  bottom: 25px;
  left: 0;
  text-align: center;
  font-size: 16px;
}

.style-list-brand .paging {
  margin-top: 10px;
}

.style-newtop-visual {
  overflow: hidden;
  position: relative;
  max-width: 2106px;
  min-width: 1366px;
  margin: 0 auto 165px;
  padding-bottom: 120px;
}

.style-newtop-visual .style-info-area {
  width: 1162px;
  height: 550px;
  background-color: #c2935f;
}

.style-newtop-visual .style-info-area .style-info {
  padding-left: 200px;
  padding-top: 100px;
  padding-right: 390px;
  color: #fff;
}

.style-newtop-visual .style-info-area .style-info ~ .style-info {
  display: none;
}

.style-newtop-visual .style-info-area .style-info .tit {
  margin: 0 0 70px;
  font-size: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.style-newtop-visual .style-info-area .style-info .copy {
  margin: 70px 0 25px;
  font-size: 45px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  line-height: 55px;
}

.style-newtop-visual .style-info-area .style-info .txt {
  margin: 25px 0 50px;
  font-size: 18px;
  line-height: 28px;
}

.style-newtop-visual .style-info-area .style-info .link {
  font-size: 16px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  border-bottom: 1px solid;
}

.style-newtop-visual .slide-wrap {
  position: absolute;
  top: 60px;
  left: 825px;
}

.style-newtop-visual .slide-wrap .slide-container {
  width: 1311px;
}

.style-newtop-visual
  .slide-wrap
  .slide-container
  .swiper-wrapper
  .swiper-slide
  .box
  .img
  img {
  width: 407px;
  height: 610px;
  object-fit: cover;
  border-radius: 0 0 80px 0;
}

.style-newtop-visual .slide-wrap .slide-nav {
  position: absolute;
  bottom: 140px;
  left: -113px;
}

.style-newtop-visual .slide-wrap .slide-nav .slide-nav-next {
  margin-left: 25px;
}

.style-newtop-visual .slide-wrap .slide-util {
  position: absolute;
  top: 0;
  left: -100px;
  color: #fff;
  font-size: 16px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.style-newtop-visual .slide-wrap .slide-util .bar {
  margin: 0 5px;
  font-size: 13px;
}

.style-newtop-visual .slide-wrap .slide-util .slide-active {
  font-size: 30px;
  line-height: 30px;
  vertical-align: -8px;
}

.style-detail-head {
  margin: 20px auto 40px;
  min-width: 1280px;
  max-width: 1920px;
  padding: 0 80px;
  position: relative;
}

.style-detail-head h2 {
  padding-right: 440px;
  font-weight: 400;
  font-size: 16px;
}

.style-detail-head h2 .title {
  display: block;
  margin-top: 8px;
  font-size: 24px;
  line-height: 1.3;
}

.style-detail-head h2 .tag {
  display: block;
  margin-top: 15px;
  color: #666;
}

.style-detail-head h2 .tag span {
  display: inline-block;
  margin: 0 8px 0 0;
}

.style-detail-head .etc {
  position: absolute;
  right: 80px;
  bottom: 0;
}

.style-detail-head .etc .date {
  display: inline-block;
  font-weight: 300;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  color: #666;
}

.style-detail-head .etc .btn-share {
  margin-left: 30px;
  width: 19px;
  height: 21px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_share3.png') no-repeat;
  font-size: 0;
  vertical-align: middle;
}

.style-detail-head .etc .layer-share {
  margin-right: 0;
  right: 0;
}

.style-detail-top {
  position: relative;
  height: 720px;
}

.style-detail-top .str {
  position: relative;
  z-index: 2;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  text-align: center;
}

.style-detail-top .str .txt1 {
  margin: 0 0 50px;
  font-size: 20px;
  font-weight: 300;
}

.style-detail-top .str .txt2 {
  font-size: 60px;
  font-weight: 400;
}

.style-detail-top .str .txt3 {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 700;
}

.style-detail-top .str .txt4 {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.5;
}

.style-detail-top .img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.style-detail-top .img img {
  width: 100%;
  min-width: 1920px;
}

.style-detail-section {
  margin-top: 120px;
  text-align: center;
}

.style-detail-section.type2 {
  margin: 120px auto 0;
  width: 1365px;
  text-align: left;
}

.style-detail-section .title {
  font-size: 38px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 400;
}

.style-detail-section .title .sub {
  display: block;
  margin: 15px 0 0;
  font-size: 20px;
}

.style-detail-section .txt {
  margin-top: 20px;
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}

.style-detail-section .product-list-sub {
  margin: 50px auto;
  font-size: 0;
}

.style-detail-section .product-list-sub > ul {
  margin: 0 auto;
  width: 1206px;
  text-align: left;
}

.style-detail-section .product-list-sub.type2 {
  width: 1300px;
}

.style-detail-section .product-list-sub.type2 li {
  width: 50%;
  margin: 20px 0 0;
  padding-left: 15px;
}

.style-detail-section .product-list-sub li {
  display: inline-block;
  width: 360px;
  margin: 0 20px;
  text-align: left;
  font-size: 14px;
}

.style-detail-section .product-list-sub li:nth-of-type(3) ~ li {
  margin-top: 40px;
}

.style-detail-section .product-list-sub .item-box {
  margin: 0;
}

.style-detail-section [class*='slide-type'] {
  position: relative;
  margin-top: 40px;
}

.style-detail-section [class*='slide-type'] .swiper-slide img {
  max-width: 100%;
}

.style-detail-section [class*='slide-type'] .slide-nav button {
  position: absolute;
  top: 50%;
  margin-top: -33px;
}

.style-detail-section [class*='slide-type'] .slide-nav .slide-nav-prev {
  left: 80px;
}

.style-detail-section [class*='slide-type'] .slide-nav .slide-nav-next {
  right: 80px;
}

.style-detail-section .slide-type2 {
  max-width: 1920px;
  margin: 40px auto 0;
}

.style-detail-section .slide-type2 .swiper-slide {
  display: flex;
  align-items: flex-end;
}

.style-detail-section .slide-type2 .swiper-slide .img {
  flex: 1;
  margin-left: 30px;
}

.style-detail-section .slide-type2 .swiper-slide .img:first-child {
  margin: 0;
  text-align: right;
}

.style-detail-section .slide-type3 {
  width: 1206px;
  height: 816px;
  margin: 0 auto;
}

.style-detail-section .slide-type3 .swiper-slide {
  height: 816px;
}

.style-detail-section .slide-type3 .swiper-slide .img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.style-detail-section .slide-type3 .swiper-slide .img img {
  max-width: 100%;
  max-height: 100%;
}

.style-detail-section .slide-type3 .slide-nav .slide-nav-prev {
  left: -80px;
}

.style-detail-section .slide-type3 .slide-nav .slide-nav-next {
  right: -80px;
}

.style-detail-section .slide-container {
  overflow: hidden;
}

.style-detail-section .vod {
  position: relative;
  max-width: 1366px;
  height: 766px;
  margin: 40px auto 0;
}

.style-detail-section .vod button {
  width: 100%;
  height: 100%;
  background: #aaa;
}

.style-detail-section .vod button img {
  width: 100%;
  height: 100%;
}

.style-detail-section .vod button:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_play2.png') no-repeat 50% 50%;
}

.style-detail-section .vod .time {
  position: absolute;
  right: 19px;
  bottom: 19px;
  color: #fff;
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.style-detail-section .vod-cont {
  position: relative;
  max-width: 1366px;
  height: 766px;
  margin: 40px auto 0;
}

.style-detail-section .vod-cont .vod-box {
  height: 100%;
}

.style-detail-section.lookbook-section {
  width: 1206px;
  margin: 0 auto;
}

.style-detail-section.lookbook-section .title {
  margin: 100px 0 0;
}

.style-detail-section.lookbook-section .product-list-sub {
  padding-top: 50px;
  border-top: 1px solid #eee;
}

.style-detail-bot {
  width: 1206px;
  margin: 0 auto;
}

.style-detail-bot .sub-title {
  margin: 120px 0 40px;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}

.style-detail-bot .sub-title .num {
  color: #c2935f;
}

.style-detail-bot .comment-section {
  min-width: 0;
  width: 100%;
  padding: 0;
}

.style-detail-bot .product-list {
  margin-top: -40px;
}

.style-detail-bot .product-list li {
  width: 25%;
  margin: 40px 0 0;
}

.style-detail-bot .related-style-list {
  margin: 0 -10px;
}

.style-detail-bot .related-style-list:after {
  content: '';
  display: block;
  clear: both;
}

.style-detail-bot .related-style-list li {
  float: left;
  width: 25%;
}

.style-detail-bot .related-style-list li a {
  display: block;
  margin: 0 10px;
}

.style-detail-bot .related-style-list li a .img {
  display: block;
  position: relative;
}

.style-detail-bot .related-style-list li a .img img {
  width: 100%;
}

.style-detail-bot .related-style-list li img {
  width: 100%;
}

.style-detail-bot .related-style-list li .name {
  display: block;
  margin-top: 15px;
  font-size: 14px;
}

.style-detail-bot .list-nav {
  position: relative;
  margin: 100px 0 0;
  padding: 50px 0 0;
  border-top: 1px solid #eee;
  text-align: center;
}

.style-detail-bot .list-nav [class*='btn-type'] {
  width: 200px;
  height: 50px;
  line-height: 50px;
  border-radius: 0;
}

.style-detail-bot .list-nav [class*='btn-nav'] {
  position: absolute;
  top: 50px;
  height: 30px;
}

.style-detail-bot .list-nav [class*='btn-nav'] span {
  position: relative;
}

.style-detail-bot .list-nav .btn-nav-prev {
  left: 0;
}

.style-detail-bot .list-nav .btn-nav-prev span:before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 30px;
  margin-right: 30px;
  vertical-align: -10px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/paging.png') no-repeat -31px 50%;
}

.style-detail-bot .list-nav .btn-nav-next {
  right: 0;
}

.style-detail-bot .list-nav .btn-nav-next span:after {
  content: '';
  display: inline-block;
  width: 28px;
  height: 30px;
  margin-left: 30px;
  vertical-align: -10px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/paging.png') no-repeat -61px 50%;
}

.style-detail .coupon-wrap {
  width: 1205px;
  height: 200px;
  margin: 120px auto 0;
}

.style-detail .coupon-wrap .inner {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-left: 60px;
  background: #f3f4e7;
}

.style-detail .coupon-wrap .inner .tit {
  font-size: 32px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 700;
}

.style-detail .coupon-wrap .inner .txt {
  margin-top: 15px;
  font-size: 16px;
}

.style-detail .coupon-wrap .inner .img {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}

.style-detail .promo-coupon-box {
  margin: 120px 0;
}

.style-detail .link {
  text-decoration: underline;
}

.group-link ul:after {
  content: '';
  display: block;
  clear: both;
}

.group-link ul li {
  float: left;
  width: 209px;
  margin-right: 4px;
  background: #fff;
  border-radius: 10px;
}

.group-link ul li:last-child {
  margin-right: 0;
}

.group-link ul li:hover {
  background-color: #c2935f;
}

.group-link ul li:hover a {
  color: #fff;
}

.group-link ul li:hover a > span:after {
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow5.png) no-repeat 0 0;
}

.group-link ul li a {
  position: relative;
  display: block;
  padding: 26px 20px;
  height: 130px;
}

.group-link ul li a em {
  position: absolute;
  right: 10px;
  bottom: 15px;
  font-size: 40px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.group-link ul li a em span {
  font-size: 20px;
}

.group-link ul li a > span {
  position: relative;
  padding-right: 15px;
  font-size: 16px;
  line-height: 20px;
}

.group-link ul li a > span:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 5px;
  width: 6px;
  height: 11px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow2.png) no-repeat 0 0;
}

.dp-section .col-2 .cell .group-link {
  width: 860px;
  margin: 0 auto;
}

.dp-section .col-2 .cell .group-link.on {
  margin: 0 0 0 auto;
}

.info-guide-box {
  margin: 40px 0;
}

.info-guide-box p {
  font-size: 13px;
  color: #c2935f;
  margin-top: 10px;
}

.info-guide-box p::before {
  content: '!';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-color: #eee;
  border-radius: 100%;
  text-align: center;
  font-size: 12px;
  color: #666;
  line-height: 19px;
}

.rotate90 {
  transform: rotate(90deg) translateY(-100%);
  -webkit-transform: rotate(90deg) translateY(-100%);
  -ms-transform: rotate(90deg) translateY(-100%);
  transform-origin: top left;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
}

.rotate180 {
  transform: rotate(180deg) translateY(-100%);
  -webkit-transform: rotate(180deg) translateY(-100%);
  -ms-transform: rotate(180deg) translateY(-100%);
  transform-origin: top center;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
}

.rotate270 {
  transform: rotate(270deg) translateY(-100%);
  -webkit-transform: rotate(270deg) translateY(-100%);
  -ms-transform: rotate(270deg) translateY(-100%);
  transform-origin: top right;
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
}

.item-price .regular {
  text-decoration: none;
}

.item-price .price .regular del {
  text-decoration: none;
}

.item-price .price del {
  text-decoration: none;
}

.slide-pagination {
  vertical-align: middle;
  text-align: center;
}

.slide-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #eee;
  border-radius: 50%;
  font-size: 0;
  vertical-align: 6px;
}

.slide-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #c2935f;
}

.slide-nav .slide-nav-prev,
.slide-nav .slide-nav-next {
  width: 65px;
  height: 102px;
  font-size: 0;
  vertical-align: middle;
  transition: opacity 0.3s;
}

.slide-nav .slide-nav-prev:hover,
.slide-nav .slide-nav-next:hover {
  opacity: 1;
}

.slide-nav .slide-nav-prev {
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav_left.png') no-repeat;
  left: 90px;
}

.slide-nav .slide-nav-next {
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav_right.png') no-repeat;
  right: 90px;
  background-position: 100% 0;
}

.slide-nav.type1 .slide-nav-prev,
.slide-nav.type1 .slide-nav-next {
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav1.png');
}

.slide-nav.type1 .slide-nav-prev {
  left: 80px;
}

.slide-nav.type1 .slide-nav-next {
  right: 80px;
}

.slide-nav.type2 .slide-nav-prev,
.slide-nav.type2 .slide-nav-next {
  width: 40px;
  height: 22px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav2.png');
  opacity: 1;
}

.slide-nav.type2 .slide-nav-next {
  margin-left: 10px;
}

.slide-nav.type3 .slide-nav-prev,
.slide-nav.type3 .slide-nav-next {
  width: 15px;
  height: 26px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav3.png');
  opacity: 1;
}

.slide-nav.type4 .slide-nav-prev,
.slide-nav.type4 .slide-nav-next {
  width: 210px;
  height: 14px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav4.png');
  opacity: 1;
}

.slide-nav.type4 .slide-nav-prev {
  left: 370px;
}

.slide-nav.type4 .slide-nav-next {
  right: 370px;
}

.slide-nav.type5 .slide-nav-prev,
.slide-nav.type5 .slide-nav-next {
  width: 19px;
  height: 33px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav5.png');
  opacity: 1;
}

.slide-nav.type5 .slide-nav-prev {
  left: 80px;
}

.slide-nav.type5 .slide-nav-next {
  right: 80px;
}

.slide-nav.type6 .slide-nav-prev,
.slide-nav.type6 .slide-nav-next {
  width: 33px;
  height: 60px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav6.png');
}

.slide-nav.type6 .slide-nav-prev {
  left: 100px;
}

.slide-nav.type6 .slide-nav-next {
  right: 100px;
}

.slide-nav.type6.on .slide-nav-prev {
  background-position: 0 100%;
}

.slide-nav.type6.on .slide-nav-next {
  background-position: 100% 100%;
}

.slide-nav.type7 .slide-nav-prev,
.slide-nav.type7 .slide-nav-next {
  width: 33px;
  height: 44px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav7.png');
  background-color: #fff;
  opacity: 1;
}

.slide-nav.type7 .slide-nav-prev {
  left: 11px;
}

.slide-nav.type7 .slide-nav-next {
  right: 11px;
}

.slide-nav.type7 [class*='disabled'] {
  opacity: 0.5;
}

.slide-nav.type8 .slide-nav-prev,
.slide-nav.type8 .slide-nav-next {
  width: 33px;
  height: 66px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav8.png');
  opacity: 1;
  margin-top: -33px;
}

.slide-nav.type10 .slide-nav-prev,
.slide-nav.type10 .slide-nav-next {
  width: 40px;
  height: 70px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav10.png');
  background-color: #000;
  opacity: 1;
  margin-top: -35px;
}

.slide-nav.type10 .slide-nav-prev {
  left: 0;
}

.slide-nav.type10 .slide-nav-next {
  right: 0;
}

.slide-nav.type10 [class*='disabled'] {
  background-color: rgba(0, 0, 0, 0.2);
}

.slide-nav.type11 .slide-nav-prev {
  width: 40px;
  height: 40px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_prev.png');
  background-position: center center;
  opacity: 1;
}

.slide-nav.type11 .slide-nav-next {
  width: 40px;
  height: 40px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_next.png');
  background-position: center center;
  opacity: 1;
}

.slide-nav.type12 .slide-nav-prev,
.slide-nav.type12 .slide-nav-next {
  width: 26px;
  height: 26px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav12.png');
  opacity: 1;
}

.slide-nav.type13 .slide-nav-prev,
.slide-nav.type13 .slide-nav-next {
  width: 33px;
  height: 44px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav13.png');
  opacity: 1;
}

.slide-nav.type13 .slide-nav-prev {
  left: 0;
}

.slide-nav.type13 .slide-nav-next {
  right: 0;
}

.slide-nav.type14 .slide-nav-prev,
.slide-nav.type14 .slide-nav-next {
  width: 33px;
  height: 44px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav14.png');
  background-color: #fff;
  opacity: 1;
}

.slide-nav.type14 .slide-nav-prev {
  left: 11px;
}

.slide-nav.type14 .slide-nav-next {
  right: 11px;
}

.slide-nav.type14 [class*='disabled'] {
  opacity: 0.5;
}

.slide-nav.type15 .slide-nav-prev,
.slide-nav.type15 .slide-nav-next {
  width: 21px;
  height: 40px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav15.png');
  opacity: 1;
  margin-top: -20px;
}

.slide-nav.type16 {
  opacity: 0;
}

.slide-nav.type16 .slide-nav-prev,
.slide-nav.type16 .slide-nav-next {
  width: 40px;
  height: 70px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav10.png');
  opacity: 0;
  margin-top: -35px;
}

.slide-nav.type16 .slide-nav-prev {
  left: 0;
}

.slide-nav.type16 .slide-nav-next {
  right: 0;
}

.slide-nav.type17 .slide-nav-prev,
.slide-nav.type17 .slide-nav-next {
  width: 31px;
  height: 60px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav16.png');
  opacity: 1;
}

.slide-nav.type17 .slide-nav-prev {
  left: 50%;
  margin-left: -674px;
}

.slide-nav.type17 .slide-nav-next {
  right: 50%;
  margin-right: -674px;
}

.slide-nav.type18 .slide-nav-prev,
.slide-nav.type18 .slide-nav-next {
  width: 58px;
  height: 68px;
  background-image: url('/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav17.png');
  opacity: 1;
  margin-top: -44px;
}

.slide-auto {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.slide-auto .slide-auto-play {
  display: none;
  width: 8px;
  height: 12px;
  font-size: 0;
}

.slide-auto .slide-auto-play:after {
  content: '';
  border: 6px solid transparent;
  border-left: 8px solid #fff;
  border-right: 0;
}

.slide-auto .slide-auto-stop {
  width: 8px;
  height: 12px;
  text-align: left;
  font-size: 0;
}

.slide-auto .slide-auto-stop:after,
.slide-auto .slide-auto-stop:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #fff;
}

.slide-auto .slide-auto-stop:before {
  float: right;
}

.slide-auto.type2 .slide-auto-play {
  display: none;
  width: 8px;
  height: 12px;
  font-size: 0;
}

.slide-auto.type2 .slide-auto-play:after {
  content: '';
  border: 6px solid transparent;
  border-left: 8px solid #000;
  border-right: 0;
}

.slide-auto.type2 .slide-auto-stop {
  width: 8px;
  height: 12px;
  font-size: 0;
  text-align: left;
}

.slide-auto.type2 .slide-auto-stop:after,
.slide-auto.type2 .slide-auto-stop:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #000;
}

.slide-auto.type2 .slide-auto-stop:before {
  float: right;
}

.main-visual-slide {
  position: relative;
  min-width: 1280px;
  max-width: 1920px;
  padding: 0 80px;
  /* overflow: hidden; */
  margin: 0 auto;
  text-align: center;
  width: 1743px;
  padding: 0;
}

@media screen and (min-width: 1921px) {
  .main-visual-slide {
    width: 1760px;
  }
}

.main-visual-slide .slide-container {
  width: 1768px;
}

@media screen and (min-width: 1921px) {
  .main-visual-slide .slide-container {
    width: 1785px;
  }
}

.main-visual-slide .swiper-slide {
  overflow: hidden;
  white-space: nowrap;
  font-size: 0;
}

.main-visual-slide .swiper-slide a {
  display: block;
}

.main-visual-slide .swiper-slide .box {
  /* display: inline-block; */
  margin-right: 25px;
  position: relative;
  overflow: hidden;
  /* width: 570px; */
  /* height: 680px; */
  border-radius: 0 0 50px 50px;
  white-space: normal;
}

/* .main-visual-slide .swiper-slide .img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
} */

.main-visual-slide .swiper-slide .img img {
  width: 100%;
  /* height: 680px; */
  object-fit: cover;
}

.main-visual-slide .swiper-slide .img a {
  display: block;
  overflow: hidden;
}

.main-visual-slide .swiper-slide .img a::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 30%,
    rgba(0, 0, 0, 0.4) 60%
  );
}

.main-visual-slide .swiper-slide.type2 .str {
  color: #fff;
}

.main-visual-slide .swiper-slide .str {
  position: absolute;
  z-index: 2;
  right: 60px;
  bottom: 80px;
  left: 60px;
  vertical-align: middle;
  text-align: left;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 18px;
}

.main-visual-slide .swiper-slide .str .etc {
  display: block;
}

.main-visual-slide .swiper-slide .str .tit {
  display: block;
  height: 60px;
  margin: 15px 0 10px;
}

.main-visual-slide .swiper-slide .str .tit strong {
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-visual-slide .swiper-slide .str .tit strong ~ strong {
  margin-top: 3px;
}

.main-visual-slide .swiper-slide .str .tit strong ~ strong.eng {
  margin-top: 3px;
}

.main-visual-slide .swiper-slide .str .tit strong.eng {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 400;
  font-size: 48px;
}

.main-visual-slide .swiper-slide .str .sub {
  overflow: hidden;
  height: 48px;
  max-height: 48px;
  line-height: 24px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
}

.main-visual-slide .swiper-slide .label {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 0;
  overflow: hidden;
  border-radius: 5px;
}

.main-visual-slide .swiper-slide .label span {
  display: inline-block;
  padding: 8px 20px 10px;
  font-size: 16px;
}

.main-visual-slide .swiper-slide .label span.label1 {
  background: #fff;
}

.main-visual-slide .swiper-slide .label span.label2 {
  background: #c2935f;
  color: #fff;
}

.main-visual-slide .swiper-slide .label span.pt {
  color: #eb135a;
}

.main-visual-slide .swiper-slide .product-list-sub .item-box {
  display: inline-block;
  width: auto;
  padding: 40px;
  background: #faf9f6;
  border-radius: 0 0 0 35px;
  overflow: hidden;
}

.main-visual-slide .slide-util {
  position: relative;
  display: inline-block;
  margin: 30px 0 0;
  text-align: center;
  font-size: 16px;
}

.main-visual-slide .slide-util span {
  display: inline-block;
  vertical-align: middle;
}

.main-visual-slide .slide-util .slide-active,
.main-visual-slide .slide-util .slide-total {
  font-size: 0;
}

.main-visual-slide .slide-auto {
  position: absolute;
  top: 10px;
  right: 0;
}

.main-visual-slide .slide-pagination {
  margin: 0 30px;
}

.main-visual-slide .slide-pagination .slick-dots {
  margin-top: 10px;
  display: inline-block;
}

.main-visual-slide .slide-pagination .slick-dots li {
  display: inline-block;
}

/* .main-visual-slide .slide-pagination .slick-dots li.slick-active button {
  opacity: 1;
  background: #c2935f;
  width: 50px;
  border-radius: 10px;
} */

.main-visual-slide .slide-pagination .slick-dots li button {
  /* width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #eee;
  border-radius: 50%; */
  font-size: 0;
  /* vertical-align: 6px; */
}

.main-visual-slide .slide-nav-prev,
.main-visual-slide .slide-nav-next {
  position: absolute;
  top: 50%;
  margin-top: -65px;
}

.main-visual-slide .slide-nav-prev {
  left: -30px;
}

.main-visual-slide .slide-nav-next {
  right: -30px;
}

.visual-slide {
  position: relative;
  text-align: center;
  max-width: 1920px;
  margin: 0 auto;
}

.visual-slide .swiper-slide {
  overflow: hidden;
  white-space: nowrap;
  font-size: 0;
  padding: 0 80px;
}

.visual-slide .swiper-slide a {
  display: block;
}

.visual-slide .swiper-slide .box {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 570px;
  height: 720px;
  border-radius: 0 0 0 100px;
  white-space: normal;
}

.visual-slide .swiper-slide .box:only-child {
  display: block;
  width: 100%;
  max-width: 1760px;
  margin: 0 auto;
}

.visual-slide .swiper-slide .box:only-child .img img {
  width: 1760px;
}

.visual-slide .swiper-slide .box:only-child .str {
  left: 120px;
}

.visual-slide .swiper-slide .box ~ .box {
  margin-left: 25px;
}

.visual-slide .swiper-slide .img {
  position: absolute;
  top: 0;
  left: 0;
}

.visual-slide .swiper-slide .img img {
  width: 570px;
  height: 720px;
}

.visual-slide .swiper-slide .img a {
  display: block;
}

.visual-slide .swiper-slide .img.v-full::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.2) 30%
  );
}

.visual-slide .swiper-slide.type2 .str {
  color: #fff;
}

.visual-slide .swiper-slide.type2 .product-list-sub {
  color: #000;
}

.visual-slide .swiper-slide .str {
  position: absolute;
  z-index: 2;
  right: 60px;
  bottom: 0;
  left: 60px;
  padding-left: 20px;
  vertical-align: middle;
  text-align: left;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 18px;
  height: 100%;
  display: flex;
  align-items: center;
}

.visual-slide .swiper-slide .str a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.visual-slide .swiper-slide .str.eng .tit {
  font-weight: 400;
}

.visual-slide .swiper-slide .str .etc {
  display: block;
}

.visual-slide .swiper-slide .str .tit {
  display: block;
  margin: 30px 0 30px;
  font-size: 54px;
  font-weight: 400;
  line-height: 1.2;
}

.visual-slide .swiper-slide .str .txt-viewmore {
  margin-top: 100px;
}

.visual-slide .swiper-slide .str .txt-viewmore span {
  display: inline-block;
  font-size: 16px;
  border-bottom: 1px solid;
}

.visual-slide .swiper-slide .label {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 0;
  overflow: hidden;
  border-radius: 5px;
}

.visual-slide .swiper-slide .label span {
  display: inline-block;
  padding: 8px 20px 10px;
  font-size: 16px;
}

.visual-slide .swiper-slide .label span.label1 {
  background: #fff;
}

.visual-slide .swiper-slide .label span.label2 {
  background: #c2935f;
  color: #fff;
}

.visual-slide .swiper-slide .label span.pt {
  color: #eb135a;
}

.visual-slide .swiper-slide .product-list-sub .item-box {
  display: inline-block;
  width: auto;
  padding: 40px;
  background: #faf9f6;
  border-radius: 0 0 0 35px;
  overflow: hidden;
}

.visual-slide .slide-util {
  position: relative;
  display: inline-block;
  margin: 30px 0 0;
  text-align: center;
  font-size: 16px;
}

.visual-slide .slide-util span {
  display: inline-block;
  vertical-align: middle;
}

.visual-slide .slide-util .slide-active,
.visual-slide .slide-util .slide-total {
  font-size: 0;
}

.visual-slide .slide-auto {
  position: absolute;
  top: 2px;
  right: 0;
}

.visual-slide .slide-pagination {
  margin: 0 20px;
}

.visual-slide .slide-nav-prev,
.visual-slide .slide-nav-next {
  position: absolute;
  top: 50%;
  margin-top: calc(-51px - 23px);
}

.visual-slide1 {
  position: relative;
  text-align: center;
}

.visual-slide1 .swiper-slide {
  white-space: nowrap;
  font-size: 0;
}

.visual-slide1 .swiper-slide a {
  display: block;
}

.visual-slide1 .swiper-slide .box {
  position: relative;
  border-radius: 0 0 0 160px;
  overflow: hidden;
  height: 780px;
}

.visual-slide1 .swiper-slide .img {
  position: absolute;
  top: 0;
  left: 0;
}

.visual-slide1 .swiper-slide .img img {
  width: 1780px;
  height: 780px;
}

.visual-slide1 .swiper-slide .str {
  position: absolute;
  z-index: 2;
  bottom: 120px;
  left: 120px;
  vertical-align: middle;
  text-align: left;
  font-size: 16px;
}

.visual-slide1 .swiper-slide .str .etc {
  display: block;
}

.visual-slide1 .swiper-slide .str .tit {
  display: block;
  margin: 20px 0 30px;
  line-height: 1.2;
}

.visual-slide1 .slide-util {
  position: relative;
  display: inline-block;
  top: -50px;
}

.visual-slide1 .slide-auto {
  position: absolute;
  top: 2px;
  right: -45px;
}

.visual-slide1 .slide-nav-prev,
.visual-slide1 .slide-nav-next {
  position: absolute;
  top: 50%;
  margin-top: -51px;
}

.visual-slide2 {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  text-align: center;
}

.visual-slide2 .noswipe .swiper-slide button {
  width: 700px;
  margin-left: -350px;
}

.visual-slide2 .noswipe .swiper-slide button::after {
  display: none !important;
}

.visual-slide2 .noswipe .swiper-slide button::before {
  display: block !important;
}

.visual-slide2 .swiper-slide {
  position: relative;
  margin-bottom: 32px;
  min-height: 398px;
}

.visual-slide2 .swiper-slide:not(.swiper-slide-active) button:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.visual-slide2 .swiper-slide button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 630px;
  height: 354px;
  margin: -177px 0 0 -315px;
  transition: all 0.3s;
}

.visual-slide2 .swiper-slide button:before,
.visual-slide2 .swiper-slide button:after {
  display: none;
}

.visual-slide2 .swiper-slide button button:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 630px;
  height: 354px;
  background: rgba(0, 0, 0, 0.7);
}

.visual-slide2 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.visual-slide2 .swiper-slide .txt {
  display: none;
  position: absolute;
  right: 0;
  bottom: -52px;
  left: 0;
  width: 100%;
  margin: 20px 0;
  font-size: 14px;
  text-align: center;
}

.visual-slide2 .swiper-slide-active {
  z-index: 2;
}

.visual-slide2 .swiper-slide-active button {
  width: 700px;
  height: 394px;
  margin: -197px 0 0 -350px;
}

.visual-slide2 .swiper-slide-active button:before,
.visual-slide2 .swiper-slide-active button:after {
  display: block;
}

.visual-slide2 .swiper-slide-active .txt,
.visual-slide2 .swiper-slide-active .user-info {
  display: block;
}

.visual-slide2 .slide-nav-prev,
.visual-slide2 .slide-nav-next {
  position: absolute;
  top: calc(50% - 48px);
  z-index: 5;
}

.visual-slide2 .user-info {
  position: absolute;
  bottom: -96px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  width: 216px;
  height: 44px;
  background-color: #f8f8f8;
  border-radius: 22px;
  padding: 5px 33px 5px 5px;
}

.visual-slide2 .user-info .thumb {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  background: url('/img_up/shop_pds/banobagi/design/images/main/affiliate/profile_default.png') no-repeat 0 0;
  background-size: 100% 100%;
  border-radius: 50%;
}

.visual-slide2 .user-info .thumb img {
  width: 100%;
  height: 100%;
}

.visual-slide2 .user-info .nick {
  padding-left: 54px;
  padding-top: 9px;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.visual-slide2 .user-info .yt {
  display: inline-block;
  padding-right: 15px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow2.png') no-repeat 100% 100%;
  color: #666;
}

.visual-slide2 .slide-util {
  position: relative;
  display: inline-block;
  margin-top: 45px;
  text-align: center;
  font-size: 16px;
}

.visual-slide2 .slide-util span {
  display: inline-block;
  vertical-align: middle;
}

.visual-slide2 .slide-util .slide-active,
.visual-slide2 .slide-util .slide-total {
  font-size: 0;
}

.visual-slide2 .slide-auto {
  position: absolute;
  top: 2px;
  right: 0;
}

.visual-slide2 .slide-pagination {
  margin: 0 30px;
}

.visual-slide2 .slide-pagination .slick-dots {
  display: inline-block;
}

.visual-slide2 .slide-pagination .slick-dots li {
  display: inline-block;
}

.visual-slide2 .slide-pagination .slick-dots li.slick-active button {
  opacity: 1;
  background: #c2935f;
}

.visual-slide2 .slide-pagination .slick-dots li button {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #eee;
  border-radius: 50%;
  font-size: 0;
  vertical-align: 6px;
}

.visual-slide2 .slide-nav-prev,
.visual-slide2 .slide-nav-next {
  position: absolute;
  top: calc(50% - 45px);
}

.visual-slide2 .slide-nav-prev {
  left: 80px;
}

.visual-slide2 .slide-nav-prev:hover {
  background-color: rgba(0, 0, 0, 0.05);
  background-position: 0 -66px;
}

.visual-slide2 .slide-nav-next {
  right: 80px;
}

.visual-slide2 .slide-nav-next:hover {
  background-color: rgba(0, 0, 0, 0.05);
  background-position: 100% -66px;
}

.visual-slide3 {
  min-width: 1366px;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 80px;
}

.visual-slide3 .inner {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.visual-slide3 .article-wrap {
  flex: 0 0 auto;
  width: 510px;
  padding-left: 40px;
  padding-right: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (max-width: 1600px) {
  .visual-slide3 .article-wrap {
    width: 410px;
  }
}

@media screen and (max-width: 1460px) {
  .visual-slide3 .article-wrap {
    width: 350px;
    padding-left: 0px;
  }
}

.visual-slide3 .tit {
  max-height: 140px;
  margin: 0 0 20px;
  overflow: hidden;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 400;
  font-size: 44px;
  line-height: 48px;
}

.visual-slide3 .tag {
  max-height: 100px;
  margin: 0 0 30px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
}

.visual-slide3 .txt {
  font-size: 14px;
  overflow: hidden;
  height: 48px;
  max-height: 48px;
  line-height: 24px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
}

.visual-slide3 .product-list-sub {
  margin-top: 30px;
}

.visual-slide3 .product-list-sub .item-box {
  max-width: 100%;
  table-layout: fixed;
}

.visual-slide3 .product-list-sub .item-box ~ .item-box {
  padding-top: 10px;
  border: 0;
}

@media screen and (max-width: 1840px) {
  .visual-slide3 .product-list-sub {
    width: 340px;
  }
}

@media screen and (max-width: 1460px) {
  .visual-slide3 .product-list-sub {
    width: 310px;
  }
}

.visual-slide3 .product-list-sub .item-name {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.visual-slide3 .product-list-sub .item-img a {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 150%;
}

.visual-slide3 .product-list-sub .item-img a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.visual-slide3 .viusal-wrap {
  max-width: 1080px;
  width: 1080px;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  margin: 0 0 0 auto;
}

.visual-slide3 .viusal-wrap[data-slide-length='1'] .slide-util,
.visual-slide3 .viusal-wrap[data-slide-length='1'] .slide-pagination,
.visual-slide3 .viusal-wrap[data-slide-length='1'] .slide-nav,
.visual-slide3 .viusal-wrap[data-slide-length='2'] .slide-util,
.visual-slide3 .viusal-wrap[data-slide-length='2'] .slide-pagination,
.visual-slide3 .viusal-wrap[data-slide-length='2'] .slide-nav {
  display: none;
}

@media screen and (max-width: 1600px) {
  .visual-slide3 .viusal-wrap {
    max-width: calc(100% - 410px);
  }
}

@media screen and (max-width: 1460px) {
  .visual-slide3 .viusal-wrap {
    max-width: calc(100% - 350px);
  }
}

.visual-slide3 .viusal-wrap .slide-container {
  max-width: 1080px;
  width: 100%;
}

.visual-slide3 .viusal-wrap .swiper-slide {
  position: relative;
  max-width: 544px;
  width: 50%;
}

.visual-slide3 .viusal-wrap .swiper-slide span {
  display: block;
  font-size: 0;
}

.visual-slide3 .viusal-wrap .swiper-slide .img {
  position: relative;
  height: 0;
  padding-bottom: 150%;
}

.visual-slide3 .viusal-wrap .swiper-slide .img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.visual-slide3 .viusal-wrap .btn-play {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.visual-slide3 .viusal-wrap .slide-nav button {
  position: absolute;
  top: 50%;
}

.visual-slide4 {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.visual-slide4[data-slide-length='1'] .slide-util,
.visual-slide4[data-slide-length='1'] .slide-pagination,
.visual-slide4[data-slide-length='1'] .slide-nav,
.visual-slide4[data-slide-length='2'] .slide-util,
.visual-slide4[data-slide-length='2'] .slide-pagination,
.visual-slide4[data-slide-length='2'] .slide-nav,
.visual-slide4[data-slide-length='3'] .slide-util,
.visual-slide4[data-slide-length='3'] .slide-pagination,
.visual-slide4[data-slide-length='3'] .slide-nav,
.visual-slide4[data-slide-length='4'] .slide-util,
.visual-slide4[data-slide-length='4'] .slide-pagination,
.visual-slide4[data-slide-length='4'] .slide-nav {
  display: none;
}

.visual-slide4 .swiper-slide {
  width: 25%;
}

.visual-slide4 .swiper-slide a {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 150%;
}

.visual-slide4 .swiper-slide a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.visual-slide4 .slide-container img {
  width: 100%;
}

.visual-slide4 .slide-util {
  position: absolute;
  z-index: 2;
  top: -90px;
  right: 80px;
}

@media screen and (max-width: 1800px) {
  .visual-slide4 .slide-util {
    right: 80px;
  }
}

.visual-slide4 .slide-nav {
  margin-left: 40px;
}

.visual-slide4 .slide-nav-next {
  margin: 0;
}

.visual-slide4 .slide-pagination {
  margin-top: 30px;
  text-align: center;
}

.visual-slide5 {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.visual-slide5 .slide-container {
  width: 1330px;
  margin: 0 auto;
}

.visual-slide5 .slide-container .swiper-wrapper {
  margin-left: -65px;
}

.visual-slide5 .slide-container .swiper-slide {
  transition: all 0.3s;
  position: relative;
  padding-top: 580px;
  width: 236px;
}

.visual-slide5 .slide-container .swiper-slide-active {
  width: 366px !important;
}

.visual-slide5 .slide-container .swiper-slide-active .item-box {
  top: 0%;
}

.visual-slide5 .slide-container .item-box {
  position: absolute;
  top: 18%;
  right: 0;
  left: 0;
  transition: all 0.3s;
  margin: 0 10px;
}

.visual-slide5 .slide-container .item-box .item-info {
  padding: 14px 0 0;
}

.visual-slide5 .slide-container .item-box .item-info .item-name {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.visual-slide5 .slide-container .item-box .item-info .item-price {
  margin: 15px 0 0;
}

.visual-slide5 .slide-nav-prev,
.visual-slide5 .slide-nav-next {
  position: absolute;
  top: 50%;
  z-index: 5;
  margin-top: -51px;
}

.visual-slide5 .slide-util {
  text-align: center;
}

.visual-slide5 .slide-util .slide-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 80px;
}

.visual-slide5 .slide-util .slide-nav-prev {
  left: 245px;
}

.visual-slide5 .slide-util .slide-nav-next {
  right: 245px;
}

.visual-slide6 {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 80px;
}

.visual-slide6 .inner {
  overflow: hidden;
  border-radius: 55px 0 0 0;
}

.visual-slide6 .slide-container {
  margin: 0 -5px;
}

.visual-slide6 .swiper-slide {
  position: relative;
  width: 50%;
}

.visual-slide6 .swiper-slide-next .cont {
  border-radius: 0 0 55px 0;
}

.visual-slide6 .cont {
  position: relative;
  display: block;
  overflow: hidden;
  height: 358px;
  margin: 0 5px;
  padding: 105px 0 0 40px;
  color: #fff;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 14px;
  word-break: break-all;
  line-height: 1.2;
}

.visual-slide6 .cont .brand {
  display: block;
  margin: 0 0 30px;
}

.visual-slide6 .cont .tit {
  display: block;
  margin: 0 0 30px;
  font-size: 44px;
  font-weight: 400;
}

.visual-slide6 .cont .img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
}

.visual-slide6 .cont.type2 {
  color: #000;
}

.visual-slide6 .product-list-sub .item-box {
  float: left;
  width: 270px;
  margin: 0 0 0 5px;
  padding-top: 20px;
}

.visual-slide6 .product-list-sub .item-box ~ .item-box {
  margin: 0 0 0 40px;
  border: 0;
}

.visual-slide6 .product-list-sub .item-img {
  width: 50px;
  height: auto;
}

.visual-slide6 .product-list-sub .item-img img {
  width: 100%;
}

.visual-slide6 .product-list-sub .item-img a {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 150%;
}

.visual-slide6 .product-list-sub .item-img a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.visual-slide6 .product-list-sub .item-info {
  padding-left: 20px;
  vertical-align: middle;
}

.visual-slide6 .product-list-sub .item-brand,
.visual-slide6 .product-list-sub .item-name {
  display: block;
  width: 200px;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.visual-slide6 .product-list-sub .item-brnad {
  letter-spacing: 0.5;
}

.visual-slide6 .product-list-sub .item-name {
  margin: 10px 0;
}

.visual-slide6 .product-list-sub .item-price {
  margin: 0;
}

.visual-slide6 .slide-util {
  position: absolute;
  z-index: 2;
  top: -80px;
  right: 80px;
}

@media screen and (max-width: 1800px) {
  .visual-slide6 .slide-util {
    right: 80px;
  }
}

.visual-slide6 .slide-util .slide-nav {
  margin-left: 40px;
}

.visual-slide6 .slide-util .slide-nav-next {
  margin: 0;
}

.visual-slide7 {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.visual-slide7 .slide-container {
  background: #f7f7f7;
}

.visual-slide7 .swiper-slide {
  position: relative;
  display: table;
  width: 100%;
  height: 687px;
  padding: 0 240px;
}

@media screen and (max-width: 1800px) {
  .visual-slide7 .swiper-slide {
    padding: 0 160px;
  }
}

.visual-slide7 .swiper-slide .item-info1,
.visual-slide7 .swiper-slide .item-info2 {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

.visual-slide7 .swiper-slide .item-info1 {
  padding-right: 28%;
}

.visual-slide7 .swiper-slide .item-info2 {
  padding-left: 28%;
}

.visual-slide7 .swiper-slide .item-img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 460px;
  height: 687px;
  margin: 0 0 0 -230px;
}

.visual-slide7 .swiper-slide .item-brand {
  display: block;
  margin: 0 0 50px;
  font-size: 24px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.visual-slide7 .swiper-slide .item-txt {
  color: #666;
  line-height: 24px;
  overflow: hidden;
  height: 96px;
  max-height: 96px;
  line-height: 24px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.visual-slide7 .swiper-slide .item-txt strong {
  color: #000;
  font-weight: 400;
}

.visual-slide7 .swiper-slide .item-txt li {
  padding: 20px 0;
  color: #000;
  border-top: 1px solid #eee;
  line-height: 1.7;
}

.visual-slide7 .swiper-slide .item-txt li strong {
  font-weight: 700;
}

.visual-slide7 .swiper-slide .item-name {
  font-size: 28px;
  line-height: 1.3;
}

.visual-slide7 .swiper-slide .item-price {
  margin: 40px 0;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.visual-slide7 .swiper-slide .item-price * {
  margin-right: 10px;
}

.visual-slide7 .swiper-slide .item-price .price {
  color: #000;
}

.visual-slide7 .swiper-slide .item-price .regular {
  color: #aaa;
}

.visual-slide7 .swiper-slide .item-price .percent {
  color: #c2935f;
}

.visual-slide7 .swiper-slide .item-thumb li {
  float: left;
  margin: 2px;
}

.visual-slide7 .swiper-slide .item-thumb button,
.visual-slide7 .swiper-slide .item-thumb img {
  position: relative;
  width: 60px;
  height: 90px;
}

.visual-slide7 .swiper-slide .item-thumb .active button:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #000;
}

.visual-slide7 .slide-nav-prev,
.visual-slide7 .slide-nav-next {
  position: absolute;
  top: calc(50% - 65px);
  z-index: 5;
}

.visual-slide7 .slide-nav-prev {
  left: 90px;
}

.visual-slide7 .slide-nav-next {
  right: 90px;
}

.visual-slide7 .slide-util {
  margin-top: 30px;
  text-align: center;
}

@media screen and (max-width: 1800px) {
  .visual-slide7 .slide-util {
    left: 160px;
  }
}

.visual-slide7 .slide-auto {
  margin-left: 25px;
}

.visual-slide7 .slide-active,
.visual-slide7 .slide-total {
  font-size: 0;
}

.visual-slide9 .slick-slide {
  width: 450px;
}

.visual-slide9 .slick-slide img {
  width: 430px;
  height: 430px;
  margin: 230px 0 0 20px;
  transition: all 0.5s;
}

.visual-slide10 {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 80px;
}

.visual-slide10 .product-tab {
  position: absolute;
  top: -70px;
  left: 80px;
}

@media screen and (max-width: 1700px) {
  .visual-slide10 .product-tab {
    left: 80px;
  }
}

.visual-slide10 .product-tab button {
  margin-right: 50px;
  padding-bottom: 7px;
  font-size: 16px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.visual-slide10 .product-tab button.on {
  border-bottom: 2px solid #000;
}

.visual-slide10 .product-tab ~ .product-list {
  margin-top: 120px;
}

.visual-slide10 .product-list {
  margin: 0 -10px;
}

.visual-slide10 .product-list .item-box {
  margin: 0 10px;
}

.visual-slide10 .product-list .item-info {
  padding: 20px 0 0;
}

.visual-slide10 .product-list .item-name {
  font-size: 14px;
  font-weight: 400;
  height: auto;
}

.visual-slide10 .product-list .item-opt {
  margin: 10px 0 0;
}

.visual-slide10 .product-list .tag {
  margin: 10px 0 0;
}

.visual-slide10 .product-list .tag span {
  display: inline-block;
  margin: 2px 0;
  padding: 0 20px;
  line-height: 35px;
  color: #888;
  border: 1px solid #eee;
  border-radius: 35px;
}

.visual-slide10 .slide-util {
  position: absolute;
  top: -78px;
  right: 90px;
}

@media screen and (max-width: 1700px) {
  .visual-slide10 .slide-util {
    right: 90px;
  }
}

.visual-slide10 .slide-util .slide-nav {
  margin-left: 35px;
}

.visual-slide11 {
  position: relative;
}

.visual-slide11 .swiper-slide {
  position: relative;
  min-height: 730px;
  padding: 0 160px;
}

.visual-slide11 .cont {
  width: 450px;
  padding: 80px 0 90px;
}

.visual-slide11 .tit {
  max-height: 140px;
  margin: 0 0 50px;
  overflow: hidden;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 700;
  font-size: 60px;
}

.visual-slide11 .tag {
  max-height: 100px;
  margin: 0 0 50px;
  font-weight: 700;
  font-size: 28px;
}

.visual-slide11 .product-list-sub {
  width: 340px;
  margin-top: 110px;
}

.visual-slide11 .product-list-sub .item-box ~ .item-box {
  border-color: #eee;
}

.visual-slide11 .viusal-wrap {
  position: absolute;
  top: 0;
  right: 160px;
  bottom: 0;
  width: calc(100% - 830px);
  font-size: 0;
}

.visual-slide11 .viusal-wrap .video-wrap,
.visual-slide11 .viusal-wrap iframe,
.visual-slide11 .viusal-wrap img {
  display: inline-block;
  width: 100%;
}

.visual-slide11 .viusal-wrap video {
  width: 101%;
}

.visual-slide11 .viusal-wrap .vod,
.visual-slide11 .viusal-wrap .img {
  display: flex;
  position: relative;
  align-items: center;
  float: left;
  width: 50%;
  height: 100%;
}

.visual-slide11 .slide-nav-prev,
.visual-slide11 .slide-nav-next {
  position: absolute;
  top: 50%;
  z-index: 5;
}

.visual-slide11 .slide-util {
  position: absolute;
  bottom: 115px;
  left: 160px;
}

.visual-slide11 .slide-auto {
  margin-left: 50px;
}

.visual-slide12 {
  overflow: hidden;
  height: 800px;
}

.visual-slide12 .slick-list {
  overflow: visible;
  margin-left: 320px;
}

.visual-slide12 .slick-slide {
  position: relative;
  width: 640px;
}

.visual-slide12 .slick-slide img {
  float: right;
  width: 540px;
  margin: 130px 0 0 100px;
  border-radius: 0 0 0 110px;
  transition: all 0.5s;
}

.visual-slide12 .slick-slide .txt {
  position: absolute;
  z-index: 10;
  bottom: 120px;
  left: -80px;
  color: #fff;
  font-size: 20px;
  text-align: left;
  opacity: 0;
}

.visual-slide12 .slick-slide .txt .brand {
  display: block;
  font: 20px/1 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.visual-slide12 .slick-slide .txt .tit {
  display: block;
  margin: 30px 0 20px;
  font-size: 36px;
}

.visual-slide12 .slick-active img {
  width: 800px;
  margin: 0;
  transition: all 0.5s 1s;
}

.visual-slide12 .slick-active .txt {
  opacity: 1;
  transition: all 0.5s 1s;
}

.visual-slide12 .slide-util {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 1500px;
}

@media screen and (max-width: 1800px) {
  .visual-slide12 .slide-util {
    left: auto;
    right: 80px;
  }
}

.visual-slide12 .slide-util .slide-nav {
  margin-left: 30px;
}

.visual-slide13 {
  position: relative;
  width: 1206px;
  margin: 0 auto;
}

.visual-slide13 .swiper-slide {
  position: relative;
  width: 100%;
}

.visual-slide13 .swiper-slide span {
  display: block;
  font-size: 0;
}

.visual-slide13 .swiper-slide .txt {
  margin: 20px 0;
  font-size: 14px;
  text-align: center;
}

.visual-slide13 .swiper-slide .video-skin {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

.visual-slide13 .swiper-slide .video-skin .vod-box,
.visual-slide13 .swiper-slide .video-skin .item {
  position: absolute;
  width: 100%;
  height: 100%;
}

.visual-slide13 .btn-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.visual-slide13 .img img {
  width: 100%;
}

.visual-slide13 .slide-active,
.visual-slide13 .slide-total {
  font-size: 0;
}

.visual-slide13 .slide-util {
  margin-top: 30px;
  text-align: center;
  color: #fff;
}

.visual-slide13 .slide-util .slide-auto {
  margin-left: 25px;
}

.visual-slide14 {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 80px;
  text-align: center;
}

.visual-slide14 .product-tab {
  position: absolute;
  top: -70px;
  left: 80px;
  text-align: left;
}

.visual-slide14 .product-tab button {
  margin-right: 25px;
  padding-bottom: 7px;
  font-size: 16px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.visual-slide14 .product-tab button.on {
  border-bottom: 2px solid #000;
}

.visual-slide14 .product-tab ~ .product-list {
  margin-top: 120px;
}

.visual-slide14 #mBest-tab-cont1 .product-tab button {
  margin-right: 25px;
}

.visual-slide14 .product-list {
  margin: 0 -10px;
}

.visual-slide14 .product-list .item-box {
  margin: 0 10px;
}

.visual-slide14 .product-list .item-info {
  padding: 20px 0 0;
}

.visual-slide14 .product-list .item-name {
  font-size: 14px;
  font-weight: 400;
  height: auto;
}

.visual-slide14 .product-list .item-opt {
  margin: 10px 0 0;
}

.visual-slide14 .product-list .tag {
  margin: 10px 0 0;
}

.visual-slide14 .product-list .tag span {
  display: inline-block;
  margin: 2px 0;
  padding: 0 20px;
  line-height: 35px;
  color: #888;
  border: 1px solid #eee;
  border-radius: 35px;
}

.visual-slide14 .slide-util {
  position: relative;
  display: inline-block;
  margin-top: 45px;
  text-align: center;
  font-size: 16px;
}

.visual-slide14 .slide-util span {
  display: inline-block;
  vertical-align: middle;
}

.visual-slide14 .slide-util .slide-active,
.visual-slide14 .slide-util .slide-total {
  font-size: 0;
}

.visual-slide14 .slide-auto {
  position: absolute;
  top: 2px;
  right: 0;
}

.visual-slide14 .slide-pagination {
  margin: 0 30px;
}

.visual-slide14 .slide-pagination .slick-dots {
  display: inline-block;
}

.visual-slide14 .slide-pagination .slick-dots li {
  display: inline-block;
}

.visual-slide14 .slide-pagination .slick-dots li.slick-active button {
  opacity: 1;
  background: #c2935f;
}

.visual-slide14 .slide-pagination .slick-dots li button {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #eee;
  border-radius: 50%;
  font-size: 0;
  vertical-align: 6px;
}

.visual-slide14 .slide-nav-prev,
.visual-slide14 .slide-nav-next {
  position: absolute;
  top: calc(50% - 45px);
}

.visual-slide14 .slide-nav-prev {
  left: 80px;
}

.visual-slide14 .slide-nav-prev:hover {
  background-color: rgba(0, 0, 0, 0.05);
  background-position: 0 -66px;
}

.visual-slide14 .slide-nav-next {
  right: 80px;
}

.visual-slide14 .slide-nav-next:hover {
  background-color: rgba(0, 0, 0, 0.05);
  background-position: 100% -66px;
}

.slide-container.noswipe ~ .slide-nav {
  display: none !important;
}

.slide-container.noswipe ~ .slide-util {
  display: none !important;
}

.slide-container.noswipe .slide-nav {
  display: none !important;
}

.slide-container.noswipe .slide-util {
  display: none !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt13 {
  margin-top: 13px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb0 {
  margin-top: 0 !important;
}

.mb1 {
  margin-top: 1px !important;
}

.mb2 {
  margin-top: 2px !important;
}

.mb3 {
  margin-top: 3px !important;
}

.mb4 {
  margin-top: 4px !important;
}

.mb5 {
  margin-top: 5px !important;
}

.mb6 {
  margin-top: 6px !important;
}

.mb7 {
  margin-top: 7px !important;
}

.mb8 {
  margin-top: 8px !important;
}

.mb9 {
  margin-top: 9px !important;
}

.mb10 {
  margin-top: 10px !important;
}

.mb20 {
  margin-top: 20px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pb9 {
  padding-bottom: 9px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.lh18 {
  line-height: 18px !important;
}

.ta-c {
  text-align: center !important;
}

.ta-r {
  text-align: right !important;
}

.ta-l {
  text-align: left !important;
}

.va-t {
  vertical-align: top !important;
}

.va-m {
  vertical-align: middle !important;
}

.va-b {
  vertical-align: bottom !important;
}

.fc-black {
  color: #000 !important;
}

.fc-paleBrown {
  color: #c2935f !important;
}

.video-skin {
  position: relative;
}

.video-skin.playing .item-tool .pause {
  display: block;
}

.video-skin.playing .item-tool .btn-play-style {
  display: none;
}

.video-skin.playing .item-tool .time {
  display: none;
}

.video-skin.playing .btn-thumb {
  display: none;
}

.video-skin.playing.v-youtube .item-tool {
  display: none;
}

.video-skin .control {
  display: none;
  height: 36px;
  padding: 11px 20px 0 0;
  background: #333;
  text-align: right;
}

.video-skin .control button {
  margin-left: 20px;
  font-size: 0;
}

.video-skin .control .play {
  width: 8px;
  height: 12px;
}

.video-skin .control .play:after {
  content: '';
  border: 6px solid transparent;
  border-left: 8px solid #fff;
  border-right: 0;
}

.video-skin .control .pause {
  width: 8px;
  height: 12px;
  text-align: left;
}

.video-skin .control .pause:after,
.video-skin .control .pause:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #fff;
}

.video-skin .control .pause:before {
  float: right;
}

.video-skin .control .close {
  width: 14px;
  height: 14px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_vod_close.png') no-repeat;
}

.video-skin.fixed.full > .item,
.video-skin.fixed.full .tv-box,
.video-skin.fixed.full .vod-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center !important;
  flex-direction: column !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 101 !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.video-skin.fixed.full > .item .item-tool,
.video-skin.fixed.full .tv-box .item-tool,
.video-skin.fixed.full .vod-box .item-tool {
  display: block;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

.video-skin.fixed.full .item-video {
  width: 100%;
  height: 100%;
  max-width: calc(100% - 600px);
  max-height: calc(100% - 300px);
  margin: 0 auto;
}

.video-skin.fixed.full .item-video video {
  position: relative;
  height: auto;
}

.video-skin.fixed.full .item-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-skin.fixed.full .control {
  display: block !important;
  height: 0 !important;
  background: none;
  padding: 0;
}

.video-skin.fixed.full .control .play,
.video-skin.fixed.full .control .pause,
.video-skin.fixed.full .control .view {
  display: none !important;
}

.video-skin.fixed.full .control .close {
  position: absolute;
  left: unset !important;
  margin: 0;
  width: 24px;
  height: 24px;
  top: 150px !important;
  right: 240px !important;
  background: url(/img_up/shop_pds/banobagi/design/images/main/btn_layer_close_wh.png) no-repeat;
}

.video-skin.fixed > .item,
.video-skin.fixed .tv-box,
.video-skin.fixed .vod-box {
  position: fixed !important;
  z-index: 20 !important;
  top: auto !important;
  left: auto !important;
  right: 0 !important;
  bottom: 70px !important;
  width: 300px !important;
  height: auto !important;
  padding: 0 !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.video-skin.fixed > .item .time,
.video-skin.fixed .tv-box .time,
.video-skin.fixed .vod-box .time {
  display: none;
}

.video-skin.fixed > .item .item-img,
.video-skin.fixed > .item .item-video,
.video-skin.fixed .tv-box .item-img,
.video-skin.fixed .tv-box .item-video,
.video-skin.fixed .vod-box .item-img,
.video-skin.fixed .vod-box .item-video {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
}

.video-skin.fixed > .item .item-img video,
.video-skin.fixed > .item .item-video video,
.video-skin.fixed .tv-box .item-img video,
.video-skin.fixed .tv-box .item-video video,
.video-skin.fixed .vod-box .item-img video,
.video-skin.fixed .vod-box .item-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-skin.fixed > .item .item-img iframe,
.video-skin.fixed > .item .item-video iframe,
.video-skin.fixed .tv-box .item-img iframe,
.video-skin.fixed .tv-box .item-video iframe,
.video-skin.fixed .vod-box .item-img iframe,
.video-skin.fixed .vod-box .item-video iframe {
  width: 100%;
  height: 100%;
}

.video-skin.fixed > .item .item-tool,
.video-skin.fixed > .item .btn-thumb,
.video-skin.fixed .tv-box .item-tool,
.video-skin.fixed .tv-box .btn-thumb,
.video-skin.fixed .vod-box .item-tool,
.video-skin.fixed .vod-box .btn-thumb {
  display: none !important;
}

.video-skin.fixed > .item .btn-thumb::before,
.video-skin.fixed .tv-box .btn-thumb::before,
.video-skin.fixed .vod-box .btn-thumb::before {
  display: none;
}

.video-skin.fixed .control {
  display: block;
}

.video-skin.fixed .control .view {
  font-size: 14px !important;
  float: left;
  color: #fff;
  line-height: 14px;
  margin-top: -2px;
  margin-left: 10px;
  vertical-align: top;
  font-weight: 300;
}

.video-skin.v-youtube .item-tool .btn-play-style {
  background: none;
}

.video-skin.v-youtube .item-tool .btn-play-style::before {
  background: none;
}

.video-skin .item-tool {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.video-skin .item-tool .pause {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  color: transparent;
}

.video-skin .item-tool .btn-play-style {
  position: absolute;
  z-index: 2;
  font-size: 0;
  color: transparent;
  width: 60px;
  height: 60px;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
}

.video-skin .item-tool .btn-play-style::before {
  content: '';
  position: absolute;
  left: 80px;
  bottom: 80px;
  width: 60px;
  height: 60px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/btn_play_style.png) no-repeat;
}

.video-skin .item-tool .time {
  display: none;
  position: absolute;
  right: 15px;
  bottom: 15px;
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.video-skin .btn-thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: cover;
  background-position: center center;
}

.video-skin .item {
  height: 100%;
}

.video-skin .item-video {
  height: 100%;
}

.video-skin > .item.ready .btn-thumb::before,
.video-skin .tv-box.ready .btn-thumb::before,
.video-skin .vod-box.ready .btn-thumb::before {
  content: '';
  z-index: 2;
  font-size: 0;
  color: transparent;
  position: absolute;
  left: 50%;
  bottom: 50%;
  margin-left: -40px;
  margin-bottom: -40px;
  width: 80px;
  height: 80px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/btn_play_style.png) no-repeat;
}

.video-skin .video-data-use {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

.video-skin .video-data-use.show {
  z-index: 3;
  visibility: visible;
}

.video-skin .video-data-use .video-data-use-inner {
  width: 295px;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
}

.video-skin .video-data-use .video-data-use-inner p {
  padding: 0;
  margin: 5px 0 15px;
  line-height: 19px;
}

.video-skin .video-data-use .video-data-use-inner .btn-box {
  padding: 0;
  margin: 0;
}

.video-skin .video-data-use .video-data-use-inner .btn-box button {
  flex: 1;
  font-size: 13px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.main:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-width: 1280px;
  height: 780px;
  background: #000;
}

.popup-oneday {
  display: none;
  position: fixed;
  z-index: 101;
  right: 0;
  bottom: 70px;
  width: 300px;
  padding-bottom: 25px;
  overflow: hidden;
  border-radius: 0 0 0 35px;
  text-align: left;
  background: #c2935f;
}

.popup-oneday:hover .slide-nav.type16 {
  opacity: 1;
  transition: opacity 0.3s;
}

.popup-oneday:hover .slide-nav.type16 .slide-nav-prev,
.popup-oneday:hover .slide-nav.type16 .slide-nav-next {
  opacity: 1;
  transition: opacity 0.3s;
}

.popup-oneday.popup-notice-text {
  right: 310px;
  background: #fff;
  border: 1px solid #000;
}

.popup-oneday.popup-notice-text .title {
  padding: 30px 30px 0;
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

.popup-oneday.popup-notice-text .item-info {
  color: #000;
}

.popup-oneday.popup-notice-text .item-info .item-name {
  color: #000;
  font-weight: 400;
  opacity: 1;
}

.popup-oneday.popup-notice-text .item-info .item-notice {
  margin: -10px 0 20px;
  color: #000;
  line-height: 1.4;
}

.popup-oneday.popup-notice-text .popup-util .check-skin span {
  color: #000;
  font-weight: 400;
}

.popup-oneday.popup-notice-text .popup-util .btn-close {
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_layer_close.png') no-repeat;
}

.popup-oneday.popup-notice-img {
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
}

.popup-oneday.popup-notice-img .img {
  text-align: center;
}

.popup-oneday.popup-notice-img .img img {
  max-width: 100%;
}

.popup-oneday.popup-notice-img .popup-util {
  margin-top: 20px;
}

.popup-oneday.popup-notice-img .popup-util .check-skin span {
  color: #000;
  font-weight: 400;
}

.popup-oneday.popup-notice-img .popup-util .btn-close {
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_layer_close.png') no-repeat;
}

.popup-oneday.popup-evnet {
  display: none;
  right: 0;
}

.popup-oneday.popup-evnet .item-sub {
  overflow: hidden;
  height: 48px;
  max-height: 48px;
  line-height: 24px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
}

.popup-oneday.popup-evnet .item-name {
  -webkit-line-clamp: 1;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 22px;
}

.popup-oneday.popup-evnet .item-info {
  min-height: 0;
}

.popup-oneday.popup-promo .item-name {
  -webkit-line-clamp: 1;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 22px;
}

.popup-oneday .item-img img {
  width: 300px;
}

.popup-oneday .item-info {
  padding: 30px;
  color: #fff;
  min-height: 129px;
}

.popup-oneday .item-time {
  margin: 0 0 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.popup-oneday .item-time span {
  margin-left: 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 2px;
}

.popup-oneday .item-name {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: -webkit-box;
  overflow: hidden;
  max-height: 44px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

.popup-oneday .item-price {
  margin: 15px 0 0;
  font-size: 16px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.popup-oneday .item-price * {
  margin-right: 15px;
}

.popup-oneday .item-price .regular {
  opacity: 0.5;
}

.popup-oneday .item-sub {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 22px;
  max-height: 22px;
  font-size: 16px;
}

.popup-oneday .popup-util {
  position: relative;
  padding: 0 30px;
  min-height: 22px;
}

.popup-oneday .popup-util .check-skin span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  font-weight: 300;
}

.popup-oneday .popup-util .btn-close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 30px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_layer_close2.png') no-repeat;
  font-size: 0;
}

.popup-oneday .popup-util .btn-close span {
  position: relative;
}

.popup-oneday .slide-nav button {
  position: absolute;
  top: 30%;
}

.popup-floating {
  position: absolute;
  width: 200px;
  z-index: 100;
}

.popup-floating .html-box {
  width: 200px;
  height: 200px;
  border-radius: 99.5px;
  background-color: #c2935f;
  font-size: 0;
}

.popup-floating .popup-util {
  position: relative;
}

.popup-floating .popup-util .btn-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/btn_layer_close.png) no-repeat;
  font-size: 0;
}

.popup-notice {
  position: fixed;
  z-index: 101;
  right: 0;
  bottom: 70px;
}

.popup-notice .view-more {
  position: absolute;
  bottom: 60px;
  left: 59px;
  display: block;
  width: 182px;
  height: 50px;
}

.popup-notice .view-more span {
  font-size: 0;
}

.popup-notice .item-box .img img {
  width: 300px;
}

.popup-notice .popup-util .check-skin {
  width: 100%;
  padding: 30px 20px;
  margin-top: -3px;
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 0 0 0 35px;
  background-color: #fff;
}

.popup-notice .popup-util .check-skin span {
  color: #000;
  font-size: 16px;
  font-weight: 300;
}

.popup-notice .popup-util .btn-close {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 54px;
  height: 54px;
  background: rgba(255, 255, 255, 0);
  font-size: 0;
}

.popup-notice .popup-util .btn-close span {
  position: relative;
}

.popup-rivart {
  display: none;
  position: fixed;
  z-index: 101;
  right: 310px;
  bottom: 70px;
  width: 300px;
  padding: 0 0 25px;
  overflow: hidden;
  border-radius: 0 0 0 35px;
  text-align: center;
  background: #fff;
  border: 1px solid #000;
}

.popup-rivart .rivart-wrap {
  max-height: 410px;
  padding-top: 30px;
  overflow: hidden;
  overflow-y: auto;
}

.popup-rivart .logo-img {
  display: inline-block;
  width: 161px;
  height: 12px;
}

.popup-rivart .logo-img img {
  width: 100%;
  height: 100%;
}

.popup-rivart .title {
  padding: 65px 30px 0;
  font-size: 20px;
  line-height: 1.3;
}

.popup-rivart .title span {
  color: #c2935f;
}

.popup-rivart .btn-box {
  margin-top: 20px;
}

.popup-rivart .btn-box .btn-type2-lg {
  min-width: auto;
  width: 192px;
}

.popup-rivart .coupon-notice {
  position: relative;
  margin-top: 65px;
  padding: 30px 0 0 30px;
  text-align: left;
}

.popup-rivart .coupon-notice::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 30px;
  top: 0;
  width: 238px;
  height: 1px;
  background: #ddd;
}

.popup-rivart .coupon-notice .title {
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

.popup-rivart .coupon-notice .scroll {
  margin-top: 20px;
}

.popup-rivart .coupon-notice .scroll .txt-list {
  margin-top: 0;
  margin-right: 15px;
}

.popup-rivart .popup-util {
  position: relative;
  text-align: left;
  margin-top: 30px;
  padding: 0 30px;
}

.popup-rivart .popup-util .check-skin span {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.popup-rivart .popup-util .btn-close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 30px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_layer_close.png') no-repeat;
  font-size: 0;
}

.popup-rivart .popup-util .btn-close span {
  position: relative;
}

.main-banner-slide {
  position: relative;
  padding: 0 60px;
}

.main-banner-slide .product-list {
  margin: 0 -20px;
}

.main-banner-slide .item-box {
  margin: 0 20px;
}

.main-banner-slide .item-img {
  border-radius: 0 10% 0 0;
}

.main-banner-slide .item-info {
  position: relative;
}

.main-banner-slide .item-name {
  font-size: 28px;
  max-height: 70px;
}

.main-banner-slide .item-time {
  position: absolute;
  top: -55px;
  left: 20px;
}

.main-banner-slide .slide-nav-prev,
.main-banner-slide .slide-nav-next {
  position: absolute;
  top: calc(50% - 75px);
  margin-top: -51px;
}

.main-keyword-ranking {
  position: relative;
  max-width: 1920px;
  min-width: 1366px;
  margin: 100px auto 0;
  padding: 0 80px;
}

.main-keyword-ranking:after {
  content: '';
  display: block;
  clear: both;
}

.main-keyword-ranking .keyword-ranking {
  display: inline-block;
  width: 460px;
  padding: 0 0 0 50px;
  box-sizing: content-box;
}

@media screen and (max-width: 1919px) {
  .main-keyword-ranking .keyword-ranking {
    min-width: 460px;
  }
}

.main-keyword-ranking .keyword-ranking .title {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 54px;
  font-weight: 400;
  word-break: break-word;
}

.main-keyword-ranking .keyword-ranking .list {
  margin: 20px 0 0;
}

.main-keyword-ranking .keyword-ranking .list li {
  position: relative;
}

.main-keyword-ranking .keyword-ranking .list li ~ li {
  border-top: 1px solid #e4e4e4;
}

.main-keyword-ranking .keyword-ranking .list .category {
  padding: 25px 0;
  display: block;
}

.main-keyword-ranking .keyword-ranking .list .category span {
  display: inline-block;
  vertical-align: middle;
}

.main-keyword-ranking .keyword-ranking .list .num {
  width: 25px;
}

.main-keyword-ranking .keyword-ranking .list .name {
  margin-right: 10px;
}

.main-keyword-ranking .keyword-ranking .list [class*='state'] {
  font-size: 0;
}

.main-keyword-ranking .keyword-ranking .list .state-up {
  border: 6px solid transparent;
  border-bottom: 8px solid #c2935f;
  border-top: 0;
}

.main-keyword-ranking .keyword-ranking .list .state-down {
  border: 6px solid transparent;
  border-top: 8px solid #666;
  border-bottom: 0;
}

.main-keyword-ranking .keyword-ranking .list .brand {
  transition: height 0.5s;
  position: relative;
  overflow: hidden;
  display: none;
  background: #fff;
  margin: 0 -1px;
}

.main-keyword-ranking .keyword-ranking .list .brand .inner {
  padding: 0 0 25px;
}

.main-keyword-ranking .keyword-ranking .list .brand .inner:after {
  content: '';
  display: block;
  clear: both;
}

.main-keyword-ranking .keyword-ranking .list .brand.open {
  display: block;
}

.main-keyword-ranking .keyword-ranking .list .brand figure {
  position: relative;
  float: left;
  width: 25%;
  padding: 1px;
  z-index: 2;
}

.main-keyword-ranking .keyword-ranking .list .brand figure img {
  width: 113.5px;
  height: 170.25px;
}

.main-keyword-ranking .keyword-ranking .list .brand figure figcaption {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding: 20px 10px;
  color: #fff;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  font-size: 13px;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 10px;
  line-height: 18px;
}

.main-keyword-ranking .keyword-ranking .list .link {
  display: none;
  position: absolute;
  top: 27px;
  right: 0;
  font-size: 13px;
  color: #c2935f;
}

.main-keyword-ranking .keyword-ranking .list .active .link {
  display: block;
}

.main-keyword-ranking .keyword-items {
  display: inline-block;
  height: 676px;
  float: right;
}

.main-keyword-ranking .keyword-items .inner {
  position: relative;
}

.main-keyword-ranking .keyword-items .inner > .box:first-child {
  float: left;
  width: 452px;
  height: 676px;
  overflow: hidden;
}

.main-keyword-ranking .keyword-items .cell {
  float: left;
}

@media screen and (max-width: 1830px) {
  .main-keyword-ranking .keyword-items .cell:last-child {
    display: none;
  }
}

@media screen and (max-width: 1605px) {
  .main-keyword-ranking .keyword-items .cell:nth-child(3) {
    display: none;
  }
}

.main-keyword-ranking .keyword-items .cell .box {
  margin: 0 0 6px 6px;
}

.main-keyword-ranking .keyword-items .box {
  position: relative;
  overflow: hidden;
  width: 226px;
  height: 335px;
}

.main-keyword-ranking .keyword-items .box img {
  width: 100%;
}

.main-keyword-ranking .keyword-items .box .over-view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  opacity: 0;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.main-keyword-ranking .keyword-items .box .over-view .item-info {
  color: #fff;
  text-align: center;
}

.main-keyword-ranking .keyword-items .box .over-view .item-brand {
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.main-keyword-ranking .keyword-items .box .over-view .item-name {
  margin: 10px 24px;
  font-size: 15px;
  line-height: 1.2;
  word-break: keep-all;
}

.main-keyword-ranking .keyword-items .box .over-view .item-price {
  font-size: 14px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.main-keyword-ranking .keyword-items .box .over-view .item-price * {
  margin: 0 5px;
}

.main-keyword-ranking .keyword-items .box .over-view .item-price .percent {
  color: #c2935f;
}

.main-keyword-ranking .keyword-items .box:hover .over-view {
  opacity: 1;
}

.main-keyword-ranking .keyword-items .box .btn-like {
  position: absolute;
  top: 20px;
  right: 20px;
}

.main-keyword-ranking .keyword-items .box .txt-wrap {
  padding: 40px 30px;
}

.main-keyword-ranking .keyword-items .box .txt-wrap .title {
  display: block;
  margin-bottom: 12px;
  font-size: 28px;
  font-weight: 400;
  overflow: hidden;
  height: 99px;
  max-height: 99px;
  line-height: 33px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.main-keyword-ranking .keyword-items .box .txt-wrap .sub {
  overflow: hidden;
  height: 40px;
  max-height: 40px;
  line-height: 20px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
}

.main-banner {
  display: table;
  width: 100%;
  max-width: 1920px;
  margin: 100px auto 0;
  padding: 0 80px;
}

.main-banner a {
  display: table-cell;
}

.main-banner a img {
  width: 100%;
}

.main-for-u {
  min-width: 1280px;
  max-width: 1920px;
  margin: 90px auto 0;
}

.main-for-u .slide-container {
  margin: 0 -10px;
  overflow: hidden;
}

.main-for-u .list:after {
  content: '';
  display: block;
  clear: both;
}

.main-for-u .list li {
  float: left;
  width: 20%;
}

.main-for-u .list .item-box {
  position: relative;
  margin: 0 10px;
}

.main-for-u .list .item-img {
  display: block;
  position: relative;
  padding-top: 150%;
}

.main-for-u .list .item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-for-u .list .item-info {
  padding: 20px 0 0;
}

.main-for-u .list .item-brand {
  margin: 0 0 12px;
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.main-for-u .list .item-name {
  font-size: 14px;
  font-weight: 400;
  height: auto;
}

.main-for-u .list .item-opt {
  margin: 10px 0 0;
}

.main-for-u .list .item-price {
  margin: 20px 0 0;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.main-for-u .list .item-price * {
  margin-right: 7px;
}

.main-for-u .list .item-price .price {
  color: #000;
}

.main-for-u .list .item-price .regular {
  color: #aaa;
}

.main-for-u .list .item-price .percent {
  color: #c2935f;
}

.main-for-u .list .btn-like {
  position: absolute;
  top: 20px;
  right: 20px;
}

.main-style {
  width: 100%;
  overflow: hidden;
}

.main-style .dp-section-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-width: 1280px;
  max-width: 1920px;
  margin: 0 auto 0;
  padding: 0 80px;
}

.main-style .style-content {
  flex: 0 0 auto;
  position: relative;
  width: 670px;
  padding-top: 230px;
  margin-right: 80px;
  text-align: center;
}

.main-style .style-content .brand {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 400;
}

.main-style .style-content .product {
  padding: 0 140px;
  font-size: 48px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 400;
  position: absolute;
  width: 100%;
  bottom: 50%;
  margin-bottom: 230px;
}

.main-style .style-content .img img {
  width: 430px;
  height: 430px;
}

.main-style .style-content .tag {
  margin-top: 24px;
  font-size: 20px;
  line-height: 24px;
  position: absolute;
  width: 100%;
  bottom: 50%;
  margin-bottom: 195px;
  max-width: 430px;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 50%;
  transform: translateX(-50%);
}

.main-style .style-content .txt {
  margin-top: 30px;
  line-height: 21px;
  max-height: 42px;
  overflow: hidden;
  padding: 0 120px;
}

.main-style .style-content .slide-util {
  position: absolute;
  top: 0;
  right: 0;
}

.main-style .style-content .slide-util button {
  vertical-align: middle;
}

.main-style .style-content .slide-util .slide-nav {
  margin-right: 35px;
}

@media screen and (max-width: 1700px) {
  .main-style .style-content {
    width: 510px;
  }
  .main-style .style-content .txt {
    padding: 0 40px;
  }
  .main-style .style-content .product {
    padding: 0 60px;
  }
}

@media screen and (max-width: 1480px) {
  .main-style .style-content {
    width: 430px;
    padding-top: 231px;
  }
  .main-style .style-content .txt {
    margin-top: 30px;
    padding: 0;
  }
  .main-style .style-content .tag {
    margin-bottom: 175px;
  }
  .main-style .style-content .product {
    margin-bottom: 212px;
    padding: 0 20px;
    font-size: 44px;
  }
}

.main-style .key-slide {
  position: relative;
  width: 765px;
  height: 765px;
  overflow: hidden;
}

@media screen and (max-width: 1480px) {
  .main-style .key-slide {
    width: 730px;
    height: 730px;
  }
}

.main-style .key-slide div {
  width: 100%;
  height: 100%;
}

.main-style .key-slide div img {
  width: 100%;
  height: 100%;
}

.main-style .key-slide .next {
  position: absolute;
  transition: left 0.6s;
  top: 0;
}

.main-style .key-slide .next.right {
  left: 100%;
}

.main-style .key-slide .next.left {
  left: -100%;
}

.main-style .key-slide .next.move {
  left: 0;
}

.main-style .visual-slide9 {
  position: absolute;
  left: 1495px;
  height: 765px;
  margin: 0;
}

@media screen and (max-width: 1700px) {
  .main-style .visual-slide9 {
    left: 1354px;
  }
}

@media screen and (max-width: 1480px) {
  .main-style .visual-slide9 {
    left: 1206px;
  }
}

.main-pick-tube {
  border-radius: 110px 0 0 0;
}

.main-pick-tube .slide-container {
  overflow: hidden;
}

.main-pick-tube .dp-title .link:after {
  right: -16px;
}

.main-pick-tube .slide-nav-prev,
.main-pick-tube .slide-nav-next {
  top: calc(50% - 48px);
}

.main-pick-tube .list {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 60px;
}

.main-pick-tube .list:after {
  content: '';
  display: block;
  clear: both;
}

.main-pick-tube .list li {
  float: left;
  width: 33.33%;
  padding: 0 20px;
}

.main-pick-tube .user-info {
  position: absolute;
  bottom: -96px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  width: 216px;
  height: 44px;
  background-color: #f8f8f8;
  border-radius: 22px;
  padding: 5px 33px 5px 5px;
}

.main-pick-tube .user-info .thumb {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  background: url('/img_up/shop_pds/banobagi/design/images/main/affiliate/profile_default.png') no-repeat 0 0;
  background-size: 100% 100%;
  border-radius: 50%;
}

.main-pick-tube .user-info .thumb img {
  width: 100%;
  height: 100%;
}

.main-pick-tube .user-info .nick {
  padding-left: 54px;
  padding-top: 9px;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-pick-tube .user-info .yt {
  display: inline-block;
  padding-right: 15px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow2.png') no-repeat 100% 100%;
  color: #666;
}

.main-pick-tube .swiper-slide-active .user-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 30px;
}

.main-pick-tube .swiper-slide-active .user-info .thumb {
  position: static;
  min-width: 34px;
  margin-right: 20px;
}

.main-pick-tube .swiper-slide-active .user-info .nick {
  width: auto;
  padding: 0;
}

.main-pick-tube .vod-wrap {
  position: relative;
  color: #fff;
  height: auto;
  padding-top: 75.2%;
}

.main-pick-tube .vod-wrap video,
.main-pick-tube .vod-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

.main-pick-tube .vod-wrap .util {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  opacity: 1;
  transition: opacity 0.5s;
}

.main-pick-tube .vod-wrap .util:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  border: 19px solid transparent;
  border-left: 32px solid #fff;
  border-right: 0;
  margin: -16px 0 0 -19px;
  font-size: 0;
}

.main-pick-tube .vod-wrap:hover .util {
  opacity: 0;
}

.main-pick-tube .vod-wrap .time {
  position: absolute;
  z-index: 2;
  right: 20px;
  bottom: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.main-pick-tube .vod-name {
  margin: 35px 0 0;
  overflow: hidden;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  overflow: hidden;
  height: 2.4em;
  max-height: 2.4em;
  line-height: 1.2em;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
}

.main-pick-tube .vod-link {
  display: block;
  width: 30px;
  height: 12px;
  margin: 20px 0 0;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_link_arrow.png') no-repeat 50%;
  font-size: 0;
}

.main-pick-tube .product-list-sub {
  margin: 0;
}

.new-pd-wrap {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 80px;
}

.new-pd-wrap:after {
  content: '';
  display: block;
  clear: both;
}

.new-pd-wrap .new-pd-banner {
  position: absolute;
  top: 0;
  left: 80px;
  width: 31.4%;
  overflow: hidden;
  border-radius: 60px 0 0 0;
}

.new-pd-wrap .new-pd-banner .item-box {
  position: relative;
  height: 0;
  padding-bottom: 100%;
}

.new-pd-wrap .new-pd-banner .item-box::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 30%,
    rgba(0, 0, 0, 0.2) 60%
  );
}

.new-pd-wrap .new-pd-banner .item-box img {
  width: 100%;
  height: 100%;
}

.new-pd-wrap .new-pd-banner .item-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.new-pd-wrap .new-pd-banner .item-info {
  position: absolute;
  right: 0;
  bottom: 60px;
  left: 0;
  text-align: center;
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  z-index: 1;
}

.new-pd-wrap .new-pd-banner .item-info.type2 {
  color: #fff;
}

.new-pd-wrap .new-pd-banner .item-brand {
  font-weight: 100;
}

.new-pd-wrap .new-pd-banner .item-name {
  margin: 20px 50px 0;
  font-size: 44px;
  word-break: break-all;
  line-height: 1.1;
}

.new-pd-wrap .new-pd-banner .item-date {
  margin-top: 20px;
  font-weight: 100;
}

.new-pd-wrap .new-pd-banner .slide-pagination {
  position: absolute;
  right: 0;
  bottom: 30px;
  left: 0;
  text-align: center;
}

.new-pd-wrap .new-pd-slide {
  position: relative;
  float: right;
  width: 63.7%;
  padding: 0 50px 0 50px;
}

.new-pd-wrap .new-pd-slide .product-list .item-price {
  margin-top: 12px;
}

.new-pd-wrap .new-pd-slide .slide-util .slide-nav [class*='slide-nav'] {
  position: absolute;
  top: calc(50% - 45px);
}

.new-pd-wrap .new-pd-slide .slide-util .slide-nav .slide-nav-next {
  right: 0;
}

.new-pd-wrap .new-pd-slide .slide-util .slide-nav .slide-nav-prev {
  left: 0;
}

.new-pd-wrap .new-pd-slide .slide-util .slide-pagination {
  display: block;
  margin-top: 30px;
  text-align: center;
}

.new-pd-wrap.set-roll .product-list {
  padding-bottom: 0%;
}

.new-pd-wrap.set-roll .box {
  position: relative;
  width: 100%;
}

.new-pd-wrap.set-roll .box:after {
  content: '';
  display: block;
  clear: both;
}

.new-pd-wrap.set-roll .box .new-pd-banner {
  position: relative;
  top: 0;
  left: 0px;
  float: left;
  width: 34.424%;
}

.new-pd-wrap.set-roll .box .new-pd-slide {
  width: 63.686%;
}

.new-pd-wrap.set-roll .box .new-pd-slide .product-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.new-pd-wrap.set-roll .box .new-pd-slide .product-list .item-box {
  width: 33.333%;
  margin: 0;
  padding: 0 10px;
  text-align: left;
}

.new-pd-wrap.set-roll .box .new-pd-slide .product-list .item-img {
  position: relative;
}

.new-pd-wrap.set-roll .box .new-pd-slide .product-list .item-img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.new-pd-wrap.set-roll .box .new-pd-slide .product-list .item-img .btn-like {
  position: absolute;
  top: 20px;
  right: 20px;
}

.new-pd-wrap.set-roll .box .new-pd-slide .product-list .item-info {
  padding: 15px 0 0;
}

.new-pd-wrap.set-roll .box .new-pd-slide .product-list .item-brand {
  margin-bottom: 10px;
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.new-pd-wrap.set-roll .box .new-pd-slide .product-list .item-name {
  overflow: hidden;
  height: 2.8em;
  max-height: 2.8em;
  line-height: 1.4em;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.new-pd-wrap.set-roll .box .new-pd-slide .product-list .item-price {
  margin-top: 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  white-space: nowrap;
}

.new-pd-wrap.set-roll .box .new-pd-slide .product-list .item-price * {
  margin-right: 7px;
}

.new-pd-wrap.set-roll .box .new-pd-slide .product-list .item-price .price {
  color: #000;
}

.new-pd-wrap.set-roll .box .new-pd-slide .product-list .item-price .regular {
  color: #aaa;
}

.new-pd-wrap.set-roll .box .new-pd-slide .product-list .item-price .percent {
  color: #c2935f;
}

.new-pd-wrap.set-roll .slide-pagination {
  position: absolute;
  right: 80px;
  bottom: 30px;
  left: 80px;
  width: 31.56%;
  text-align: center;
  background-color: #0f0;
}

.main-brand-mall {
  position: relative;
  max-width: 1920px;
  margin: 90px auto 0;
  padding: 0 80px;
}

.main-brand-mall .dp-title {
  margin: 0;
}

.main-brand-mall .slide-tab {
  overflow: hidden;
  position: relative;
  width: 906px;
  margin: 30px auto;
  text-align: center;
  font-size: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 400;
  line-height: 44px;
}

.main-brand-mall .slide-tab .swiper-slide {
  width: 280px;
  padding: 0;
  color: #ccc;
}

.main-brand-mall .slide-tab .swiper-slide.swiper-slide-active {
  color: #000;
}

.main-brand-mall .slide-tab .slide-nav [class*='slide-nav'] {
  position: absolute;
  z-index: 10;
  top: 0px;
}

.main-brand-mall .slide-tab .slide-nav .slide-nav-prev {
  left: 0;
  width: 280px;
  background: none;
  background-color: transparent;
}

.main-brand-mall .slide-tab .slide-nav .slide-nav-prev::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 33px;
  height: 44px;
  background-image: url(/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav14.png);
  background-repeat: no-repeat;
  background-color: #fff;
}

.main-brand-mall .slide-tab .slide-nav .slide-nav-next {
  right: 0;
  width: 280px;
  background: none;
  background-color: transparent;
}

.main-brand-mall .slide-tab .slide-nav .slide-nav-next::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  height: 44px;
  background-image: url(/img_up/shop_pds/banobagi/design/images/main/btn_slide_nav14.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-color: #fff;
}

.main-brand-mall .slide-cont {
  margin-top: 40px;
  overflow: hidden;
}

.main-brand-mall .slide-cont .swiper-slide .inner {
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #f6f6f6;
  border-radius: 60px 0 60px 0;
  overflow: hidden;
  max-height: 720px;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list {
  position: relative;
  display: flex;
  width: 64.5%;
  flex-direction: column;
  vertical-align: middle;
  padding: 0 80px;
  text-align: center;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 63px;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .link {
  padding-right: 15px;
  position: absolute;
  top: 66px;
  left: 90px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow2.png') no-repeat 100% center;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .item-list:after {
  content: '';
  display: block;
  clear: both;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .item-box {
  float: left;
  width: 33.3333%;
  padding: 0 10px;
  text-align: left;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .item-img {
  position: relative;
  height: 0;
  padding-bottom: 150%;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .item-img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .item-img .btn-like {
  position: absolute;
  top: 20px;
  right: 20px;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .item-info {
  padding: 15px 0 0;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .item-brand {
  margin-bottom: 10px;
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .item-name {
  overflow: hidden;
  height: 2.8em;
  max-height: 2.8em;
  line-height: 1.4em;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .item-price {
  margin-top: 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  white-space: nowrap;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .item-price * {
  margin-right: 7px;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .item-price .price {
  color: #000;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .item-price .regular {
  color: #aaa;
}

.main-brand-mall .slide-cont .swiper-slide .brand-pd-list .item-price .percent {
  color: #c2935f;
}

.main-brand-mall .slide-cont .swiper-slide .brand-banner {
  width: 41.4%;
}

.main-brand-mall .slide-cont .swiper-slide .brand-banner .slide-container {
  position: relative;
  width: 100%;
}

.main-brand-mall .slide-cont .swiper-slide .brand-banner .swiper-slide {
  padding: 0;
}

.main-brand-mall .slide-cont .swiper-slide .brand-banner .item-box {
  position: relative;
  height: 0;
  padding-bottom: 100%;
}

.main-brand-mall .slide-cont .swiper-slide .brand-banner .item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-brand-mall .slide-cont .swiper-slide .brand-banner .item-img img {
  width: 100%;
  height: 100%;
}

.main-brand-mall .slide-cont .swiper-slide .brand-banner .item-img::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 30%,
    rgba(0, 0, 0, 0.2) 60%
  );
}

.main-brand-mall .slide-cont .swiper-slide .brand-banner .item-info {
  position: absolute;
  right: 0;
  bottom: 60px;
  left: 0;
  text-align: center;
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.main-brand-mall .slide-cont .swiper-slide .brand-banner .item-info.type2 {
  color: #fff;
}

.main-brand-mall .slide-cont .swiper-slide .brand-banner .item-brand {
  font-weight: 100;
}

.main-brand-mall .slide-cont .swiper-slide .brand-banner .item-name {
  margin: 20px 50px 0;
  font-size: 44px;
  word-break: break-all;
  line-height: 1.1;
}

.main-brand-mall .slide-cont .swiper-slide .brand-banner .item-date {
  margin-top: 20px;
  font-weight: 100;
}

.main-brand-mall .slide-cont .swiper-slide .brand-banner .slide-pagination {
  position: absolute;
  right: 0;
  bottom: 30px;
  left: 0;
  text-align: center;
}

.main-special {
  position: relative;
}

.main-best-review {
  margin-bottom: -160px;
}

.main-best-review .dp-title {
  font-size: 40px;
}

.main-best-review .dp-title .link:after {
  bottom: 3px;
}

.main-best-review .main-review-list {
  min-width: 1280px;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 67px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.main-best-review .main-review-list:after {
  content: '';
  display: block;
  clear: both;
}

.main-best-review .item {
  width: 16.66%;
  padding: 0 10px;
}

.main-best-review .item:nth-of-type(7) {
  display: none;
}

.main-best-review .item:nth-of-type(7) ~ .item {
  display: none;
}

.main-best-review .item .img {
  position: relative;
  padding-top: 100%;
  background: #b7b7b7;
}

.main-best-review .item .img span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}

.main-best-review .item .img span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
}

.main-best-review .item .img span:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.main-best-review figcaption {
  padding: 30px 25px 50px;
  background: #fff;
  border-radius: 0 0 0 50px;
}

.main-best-review .point {
  margin: 0 auto;
}

.main-best-review .point .num {
  position: absolute;
  top: 32px;
  right: 0;
  left: 0;
  text-align: center;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.main-best-review .txt {
  display: block;
  margin: 60px 0 0;
  font-size: 14px;
  overflow: hidden;
  height: 40px;
  max-height: 40px;
  line-height: 20px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
}

.banner-slide {
  margin-top: 100px;
}

.banner-slide .slide-container {
  position: relative;
  height: 200px;
}

.banner-slide .slide-pagination {
  margin: 25px 0 0;
  text-align: center;
}

.banner-slide .slide-nav-prev,
.banner-slide .slide-nav-next {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  z-index: 5;
}

.main-best-cont,
.best-cont {
  display: none;
}

.main-best-cont.on,
.best-cont.on {
  display: block;
}

.review-list-wrap {
  margin-top: 40px;
}

.review-count-box {
  position: relative;
  padding: 60px 40px 50px;
  background: #f8f8f8;
  border-top: 1px solid #eee;
}

.review-count-box .txt {
  font-size: 16px;
}

.review-count-box .txt .count {
  color: #c2935f;
}

.review-count-box .btn-type2-m {
  position: absolute;
  top: 50px;
  right: 40px;
}

.review-count-box .product-list-sub {
  margin: 30px -7px 0;
}

.review-count-box .product-list-sub:after {
  content: '';
  display: block;
  clear: both;
}

.review-count-box .product-list-sub li {
  float: left;
  width: 20%;
  padding: 0 7px;
  margin: 0 0 14px;
}

.review-count-box .item-box {
  position: relative;
  margin: 0;
  padding: 20px;
  background: #fff;
}

.review-count-box .item-box ~ .item-box {
  padding: 20px;
}

.review-count-box .item-img {
  width: 66px;
  vertical-align: top;
}

.review-count-box .item-img img {
  width: 66px;
  height: 99px;
}

.review-count-box .item-img .check-skin {
  position: absolute;
  top: 25px;
  left: 25px;
}

.review-count-box .item-info {
  height: 99px;
  vertical-align: top;
}

.review-count-box .item-name {
  overflow: hidden;
  height: 32px;
  max-height: 32px;
  line-height: 16px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
}

.review-list-head {
  position: relative;
  margin: 100px 0 15px;
}

.review-list-head.wrap-product-list.event {
  margin: 100px 0 15px;
}

.review-list-head .txt {
  font-size: 16px;
}

.review-list-head .select {
  position: absolute;
  top: -10px;
  right: 0;
}

.review-list-head .select .sel-btn {
  font-size: 14px;
  border: 0;
  color: #000;
}

.review-list-head .select .sel-list {
  left: auto;
  right: 0;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.review-list-body {
  margin: 0 -10px;
}

.review-list-body .grid-item {
  padding: 10px;
}

.review-list-body .grid-item .inner {
  display: block;
  position: relative;
}

.review-list-body .grid-item .img img {
  width: 100%;
}

.review-list-body .grid-item .txt {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 55px;
  padding: 15px 64px 0 20px;
  background: rgba(255, 255, 255, 0.95);
  text-align: left;
  border-radius: 28px 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.review-list-body .grid-item .txt:after {
  content: '';
  position: absolute;
  top: 15px;
  right: 20px;
  width: 25px;
  height: 25px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/review/icon_more.png') no-repeat;
}

.review-list-body .grid-item:hover .item-link {
  opacity: 1;
}

.review-list-body .grid-item .item-link {
  position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  padding: 20px;
  min-height: 99px;
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  transition: all 0.3s;
}

.review-list-body .grid-item .item figure {
  display: table;
  width: 100%;
  text-align: left;
}

.review-list-body .grid-item .item-img {
  display: table-cell;
  width: 66px;
}

.review-list-body .grid-item .item-img img {
  width: 66px;
  height: 99px;
}

.review-list-body .grid-item .item-info {
  display: table-cell;
  padding-left: 20px;
  vertical-align: top;
  font-size: 13px;
  line-height: 1.4;
}

.review-list-body .grid-item .item-brand {
  margin-bottom: 5px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.review-list-body .grid-item .item-price {
  margin-top: 5px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 15px;
}

.review-list-body .grid-item .item-price * {
  margin-right: 10px;
}

.review-list-body .grid-item .item-price .price {
  color: #000;
}

.review-list-body .grid-item .item-price .regular {
  color: #aaa;
}

.review-list-body .grid-item .item-price .percent {
  color: #c2935f;
}

.review-list-foot {
  margin-top: 80px;
  text-align: center;
}

.review-list-foot .txt {
  margin-bottom: 30px;
  font-size: 16px;
  color: #666;
}

.review-list-foot [class*='btn-type'] {
  position: relative;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 5px 0 3px 0;
  font-size: 16px;
  color: #000;
  background: none;
  line-height: normal;
  border-bottom: 1px solid #c2935f;
  border-radius: 0;
}

.review-list-foot .btn-more {
  line-height: 21px;
  cursor: pointer;
}

.review-layer .review-detail .review-content {
  border-bottom: 1px solid #eee;
}

.review-layer .review-detail .review-content {
  margin: 45px 0;
}

.review-layer .review-detail .review-content:after {
  content: '';
  display: block;
  clear: both;
}

.review-layer .review-detail .review-content .cont {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 35px;
}

.review-layer .review-detail .review-content .img-wrap {
  position: relative;
  overflow: hidden;
  display: table-cell;
  width: 400px;
}

.review-layer .review-detail .review-content .img-wrap .slide-container {
  width: 400px;
  height: 400px;
  background: #f8f8f8;
}

.review-layer .review-detail .review-content .img-wrap .swiper-slide {
  height: 400px;
  font-size: 0;
  text-align: center;
}

.review-layer .review-detail .review-content .img-wrap .swiper-slide:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.review-layer .review-detail .review-content .img-wrap .swiper-slide video {
  width: 100%;
  height: 100%;
  background: #000;
  transition: opacity 0.3s;
  opacity: 0;
}

.review-layer
  .review-detail
  .review-content
  .img-wrap
  .swiper-slide-active
  video {
  opacity: 1;
}

.review-layer .review-detail .review-content .img-wrap .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.review-layer .review-detail .review-content .img-wrap .img-file button {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.review-layer .review-detail .review-content .img-wrap .img-file button img {
  position: relative;
}

.review-layer .review-detail .review-content .img-wrap .slide-pagination {
  margin-top: 25px;
  text-align: center;
}

.review-layer .review-detail .review-content .img-wrap ~ .cont-wrap {
  padding: 0 0 0 30px;
}

.review-layer .review-detail .review-content .img-wrap .slide-nav-prev,
.review-layer .review-detail .review-content .img-wrap .slide-nav-next {
  position: absolute;
  top: 165px;
  margin: 0;
}

.review-layer .review-detail .review-content .cont-wrap {
  position: relative;
  display: table-cell;
  vertical-align: top;
  z-index: 3;
  font-size: 14px;
}

.review-layer .review-detail .review-content .cont-wrap .title {
  margin: 0 0 30px;
  color: #000;
  font-size: 24px;
  font-weight: 400;
}

.review-layer .review-detail .review-content .cont-wrap .reivew-opt {
  position: absolute;
  top: -1px;
  right: 0;
}

.review-layer .review-detail .review-content .cont-wrap .reivew-opt .btn-like {
  position: relative;
  width: auto;
  vertical-align: middle;
}

.review-layer
  .review-detail
  .review-content
  .cont-wrap
  .reivew-opt
  .btn-like
  strong {
  display: block;
  position: relative;
  padding: 0 28px 2px 0;
  pointer-events: none;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.review-layer
  .review-detail
  .review-content
  .cont-wrap
  .reivew-opt
  .btn-like:after,
.review-layer
  .review-detail
  .review-content
  .cont-wrap
  .reivew-opt
  .btn-like
  span {
  left: auto;
  right: 0;
}

.review-layer .review-detail .review-content .cont-wrap .reivew-opt .share {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
}

.review-layer
  .review-detail
  .review-content
  .cont-wrap
  .reivew-opt
  .share
  .btn-share {
  width: 19px;
  height: 20px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_share3.png') no-repeat 50% 50%;
  font-size: 0;
}

.review-layer
  .review-detail
  .review-content
  .cont-wrap
  .reivew-opt
  .share
  .layer-share {
  right: 0;
}

.review-layer .review-detail .review-content .cont-wrap .opt-wrap {
  position: relative;
}

.review-layer .review-detail .review-content .cont-wrap .txt-wrap {
  margin-top: 45px;
}

.review-layer .review-detail .review-content .cont-wrap .txt-wrap .writer-info {
  position: relative;
  margin: 0 0 20px;
}

.review-layer
  .review-detail
  .review-content
  .cont-wrap
  .txt-wrap
  .writer-info
  .date {
  position: absolute;
  top: 0;
  right: 0;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.review-layer .review-detail .review-content .cont-wrap .txt-wrap .txt {
  line-height: 1.5;
}

.review-layer .review-detail .review-content .cont-wrap .wear-info {
  width: 200px;
  margin: 40px 0 0;
  font-size: 13px;
  color: #999;
}

.review-layer .review-detail .review-content .cont-wrap .wear-info span {
  display: inline-block;
  margin: 0 10px 10px 0;
}

.review-layer .review-detail .sub-title {
  margin: 0 0 20px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.review-layer .review-detail .review-item figure {
  display: table;
  width: 100%;
}

.review-layer .review-detail .review-item figure .item-img {
  display: table-cell;
  width: 72px;
  vertical-align: top;
}

.review-layer .review-detail .review-item figure .item-img img {
  width: 72px;
  height: 108px;
}

.review-layer .review-detail .review-item figure .item-info {
  display: table-cell;
  padding: 0 90px 0 20px;
  color: #000;
  line-height: 1.3;
  vertical-align: top;
}

.review-layer .review-detail .review-item figure .item-info .item-brand {
  margin: 0 0 5px;
}

.review-layer .review-detail .review-item figure .item-price {
  margin-top: 5px;
  font-size: 16px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.review-layer .review-detail .review-item figure .item-price * {
  margin-right: 7px;
}

.review-layer .review-detail .review-item figure .item-price .price {
  color: #000;
}

.review-layer .review-detail .review-item figure .item-price .regular {
  color: #aaa;
}

.review-layer .review-detail .review-item figure .item-price .percent {
  color: #c2935f;
}

.review-layer .review-detail .buy-info {
  margin: 15px 0 0;
  font-size: 14px;
}

.review-layer .review-detail .buy-info th,
.review-layer .review-detail .buy-info td {
  vertical-align: top;
}

.review-layer .review-detail .buy-info th {
  width: 157px;
  height: 25px;
  color: #666;
}

.review-layer .review-detail .buy-info th:before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 2px;
  margin-right: 10px;
  background: #000;
  vertical-align: 5px;
}

.review-layer .review-detail .buy-info td {
  color: #000;
}

.review-layer .review-detail .buy-info td span ~ span:before {
  content: '/';
  display: inline-block;
  margin: 0 10px 0 6px;
}

.review-layer .review-detail .buy-info td [class*='pdColor'] {
  vertical-align: top;
  width: 22px;
  height: 22px;
  margin-left: 10px;
}

.review-layer .review-detail .column-wrap {
  padding: 0 0 30px;
}

.review-layer .review-detail .column-wrap:after {
  content: '';
  display: block;
  clear: both;
}

.review-layer .review-detail .column-wrap section {
  float: left;
  width: 50%;
  padding-left: 35px;
}

.review-layer .review-detail .column-wrap section:first-child {
  padding: 0;
}

.review-layer .review-detail .graph-list {
  width: 246px;
  margin: 0 auto;
  padding: 25px 15px 0;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.review-layer .review-detail .graph-list:after {
  content: '';
  display: block;
  clear: both;
}

.review-layer .review-detail .graph-list li {
  position: relative;
  float: left;
  width: 25%;
}

.review-layer .review-detail .graph-list .tit {
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  text-align: center;
}

.review-layer .review-detail .graph-list .bar {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 125px;
  background: #f4efe8;
  border-radius: 5px 5px 0 0;
  font-size: 0;
}

.review-layer .review-detail .graph-list .bar span {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 24px;
  background: #c2935f;
  border-radius: 5px 5px 0 0;
}

.review-layer .review-detail .graph-list .rank {
  position: absolute;
  top: -22px;
  right: 0;
  left: 0;
  text-align: center;
  color: #000;
}

.review-layer .review-detail .gender-chart:after {
  content: '';
  display: block;
  clear: both;
}

.review-layer .review-detail .gender-chart li {
  position: relative;
  float: left;
  width: 50%;
}

.review-layer .review-detail .gender-chart li .gender {
  position: absolute;
  right: 0;
  bottom: -25px;
  left: 0;
  text-align: center;
  font-size: 14px;
  color: #000;
}

.review-layer .review-detail .gender-chart li .per {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 57px;
  text-align: center;
  font-size: 16px;
  color: #000;
}

.review-layer .review-detail .gender-chart li .per strong {
  font-size: 30px;
}

.review-layer .review-detail .gender-chart .piechart-wrap {
  width: 144px;
  height: 144px;
  margin: 0 auto;
}

.review-layer .review-detail .gender-chart .piechart-wrap:after {
  position: absolute;
  top: 26px;
  right: 26px;
  bottom: 26px;
  left: 26px;
}

.review-layer .review-detail .gender-chart .piechart-wrap .piechart {
  clip: rect(0, 144px, 144px, 72px);
}

.review-layer .review-detail .gender-chart .piechart-wrap .piechart.over {
  clip: rect(0, 144px, 144px, 0);
}

.review-layer .review-detail .gender-chart .piechart-wrap .piechart .percent {
  clip: rect(0, 144px, 144px, 72px);
}

.review-layer .review-detail .review-nav {
  position: relative;
  height: 10px;
  margin: -20px 0 0;
}

.review-layer .review-detail .review-nav [class*='nav'] {
  position: absolute;
  top: 0;
  color: #000;
}

.review-layer .review-detail .review-nav .nav-prev {
  left: 0;
  padding-left: 40px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/review/btn_prev.png') no-repeat 0 50%;
}

.review-layer .review-detail .review-nav .nav-next {
  right: 0;
  padding-right: 40px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/review/btn_next.png') no-repeat 100% 50%;
}

.review-layer .review-detail .product-detail-review {
  margin-top: -15px;
}

.review-layer .review-detail .product-detail-review .chart-wrap .chart-info {
  display: inline-block;
  float: left;
}

.review-layer
  .review-detail
  .product-detail-review
  .chart-wrap
  .chart-info
  ~ .chart-info {
  margin-left: 80px;
}

.review-layer
  .review-detail
  .product-detail-review
  .chart-wrap
  .chart-info
  .tit {
  margin: 0 0 35px;
}

.review-layer
  .review-detail
  .product-detail-review
  .chart-wrap
  .chart-info
  .sub {
  display: block;
  margin-top: 24px;
}

.review-layer .review-write .write-inner {
  display: inline-block;
  width: 360px;
  vertical-align: top;
}

.review-layer .review-write .write-inner:nth-of-type(1) {
  margin-right: 46px;
}

.review-layer .review-write .sub-title {
  margin: 0 0 20px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.review-layer .review-write .sub-title .required {
  font-size: 13px;
  color: #c2935f;
}

.review-layer .review-write .write-section {
  position: relative;
}

.review-layer .review-write .write-section ~ .write-section {
  margin-top: 60px;
}

.review-layer .review-write .write-section.upload-section {
  margin-top: 50px;
}

.review-layer .review-write .write-section .str-length {
  position: absolute;
  top: 3px;
  right: 0;
  color: #ccc;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.review-layer .review-write .write-section .str-length span {
  color: #000;
}

.review-layer .review-write .write-section textarea {
  height: 160px;
}

.review-layer .review-write .write-section .upload-item .upload-item-list {
  margin: 0;
}

.review-layer
  .review-write
  .write-section
  .upload-item
  .upload-item-list
  .item-box {
  width: 113px;
  height: 113px;
  margin: 0 0 10px;
}

.review-layer
  .review-write
  .write-section
  .upload-item
  .upload-item-list
  .item-box
  + .item-box {
  margin-left: 10px;
}

.review-layer
  .review-write
  .write-section
  .upload-item
  .upload-item-list
  .item-box:nth-child(4) {
  margin-left: 0;
}

.review-layer .review-write .review-product-name {
  color: #666;
}

.review-layer .review-write .review-product-select {
  position: relative;
}

.review-layer .review-write .review-product-select.active .btn-sel:after {
  transform: rotate(180deg);
}

.review-layer .review-write .review-product-select .btn-sel {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 40px 0 0;
  border-bottom: 1px solid #ccc;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
}

.review-layer .review-write .review-product-select .btn-sel:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_sel_arrow.png') no-repeat 50% 50%;
}

.review-layer .review-write .review-product-select .btn-sel .brand {
  position: relative;
  display: inline-block;
  padding-right: 11px;
  margin-right: 10px;
}

.review-layer .review-write .review-product-select .btn-sel .brand:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  height: 11px;
  background: #666;
}

.review-layer .review-write .review-product-select .list {
  position: absolute;
  z-index: 2;
  top: 40px;
  right: 0;
  left: 0;
  display: none;
  overflow: auto;
  max-height: 526px;
  padding: 0 10px;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
}

.review-layer .review-write .review-product-select .list.open {
  display: block;
}

.review-layer .review-write .review-product-select .item {
  display: table;
  width: 321px;
  padding: 30px 0;
}

.review-layer .review-write .review-product-select .item ~ .item {
  border-top: 1px solid #eee;
}

.review-layer .review-write .review-product-select .item-img {
  display: table-cell;
  width: 66px;
  vertical-align: top;
}

.review-layer .review-write .review-product-select .item-img img {
  width: 66px;
  height: 99px;
}

.review-layer .review-write .review-product-select .item-info {
  position: relative;
  display: table-cell;
  padding: 0 80px 0 20px;
  color: #000;
}

.review-layer .review-write .review-product-select .item-brand {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  margin: 0 0 8px;
}

.review-layer .review-write .review-product-select .item-name {
  line-height: 1.3;
}

.review-layer .review-write .review-product-select .item-price {
  margin: 8px 0 0;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.review-layer .review-write .review-product-select .item-price * {
  margin-right: 6px;
}

.review-layer .review-write .review-product-select .item-price .price {
  color: #000;
}

.review-layer .review-write .review-product-select .item-price .regular {
  color: #aaa;
}

.review-layer .review-write .review-product-select .item-price .percent {
  color: #c2935f;
}

.review-layer .review-write .review-product-select .item-opt {
  margin: 4px 0 0;
  color: #666;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.review-layer .review-write .review-product-select .item-opt span {
  display: inline-block;
  margin: 4px 0 0;
}

.review-layer .review-write .review-product-select .item-opt span:after {
  content: '/';
  display: inline-block;
  margin: 0 0 0 4px;
}

.review-layer
  .review-write
  .review-product-select
  .item-opt
  span:last-child:after {
  display: none;
}

.review-layer .review-write .review-product-select .item .btn-type3-sm {
  position: absolute;
  top: 50%;
  right: 0;
  min-width: 60px;
  margin-top: -15px;
  left: 195px;
  right: auto;
}

.review-layer .review-write .write-user-info {
  display: flex;
  margin-top: 20px;
  font-size: 14px;
  color: #000;
}

.review-layer .review-write .write-user-info .cell {
  width: 130px;
}

.review-layer .review-write .write-user-info .cell:first-child {
  width: 230px;
}

.review-layer .review-write .write-user-info .cell > div {
  margin-bottom: 0;
}

.review-layer .review-write .write-user-info .cell > div:first-of-type {
  margin-bottom: 20px;
}

.review-layer .review-write .write-user-info .cell .select {
  width: 100%;
}

.review-layer .review-write .write-user-info .cell .select .sel-btn {
  font-size: 16px;
}

.review-layer .review-write .write-user-info .tit {
  display: block;
  font-size: 0px;
  margin: 0;
  color: transparent;
}

.review-layer .review-write .write-user-info .height {
  font-size: 14px;
  color: #000;
}

.review-layer .review-write .write-user-info .height input[type='text'] {
  width: 180px;
  margin: 0 5px 0 0;
  vertical-align: 0;
  text-align: right;
}

.review-layer
  .review-write
  .write-user-info
  .height
  input[type='text']::-webkit-input-placeholder {
  text-align: left;
}

.review-layer
  .review-write
  .write-user-info
  .height
  input[type='text']:-ms-input-placeholder {
  text-align: left;
}

.review-layer
  .review-write
  .write-user-info
  .height
  input[type='text']::placeholder {
  text-align: left;
}

.review-layer .review-write .write-user-info .wrap-radio {
  display: inline-block;
  margin-left: -3px;
  font-size: 0;
}

.review-layer .review-write .write-user-info .wrap-radio label {
  display: inline-block;
  width: 50px;
  height: 30px;
  margin-left: 3px;
  cursor: pointer;
}

.review-layer .review-write .write-user-info .wrap-radio label span {
  position: relative;
  display: block;
  background: #eee;
  color: #999;
  font-size: 12px;
  line-height: 30px;
  border-radius: 3px;
  text-align: center;
}

.review-layer
  .review-write
  .write-user-info
  .wrap-radio
  label
  input[type='radio'] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.review-layer
  .review-write
  .write-user-info
  .wrap-radio
  label
  input[type='radio']:checked
  ~ span {
  color: #fff;
  background: #c2935f;
}

.review-layer .review-write .write-user-info.type2 .cell {
  width: 210px;
}

.review-layer .review-write .write-user-info.type2 .cell:first-child {
  width: 150px;
}

.review-layer .review-write .write-user-info.type2 .cell .tit {
  display: none;
}

.review-layer .review-write .write-user-info.type2 .height input[type='text'] {
  width: 80px;
  text-align: left;
}

.review-layer .review-write .write-wear-info {
  margin-top: 20px;
}

.review-layer .review-write .write-wear-info th {
  color: #666;
  text-align: left;
}

.review-layer .review-write .write-wear-info td {
  height: 36px;
}

.review-layer .review-write .write-wear-info td label {
  display: inline-block;
  width: 80px;
  text-align: center;
  cursor: pointer;
}

.review-layer .review-write .write-wear-info td label span {
  display: block;
  line-height: 23px;
  font-size: 12px;
  color: #999;
  background: #ddd;
  border-radius: 4px;
}

.review-layer .review-write .write-wear-info td label input[type='radio'] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.review-layer
  .review-write
  .write-wear-info
  td
  label
  input[type='radio']:checked
  ~ span {
  color: #fff;
  background: #c2935f;
}

.review-layer .review-write .point-select {
  padding: 25px 0 20px;
  text-align: center;
}

.review-layer .review-write .point-select span {
  display: inline-block;
}

.review-layer .review-write .point-select label {
  float: right;
  width: 28px;
  height: 26px;
  margin: 0 4px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/review/icon_point.png') no-repeat;
  cursor: pointer;
  font-size: 0;
}

.review-layer .review-write .point-select input[type='radio'] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.review-layer .review-write .point-select input[type='radio']:checked ~ label {
  background-position: 0 100%;
}

.review-layer .review-write .alert-section {
  margin: 40px -20px 0 0;
  padding: 40px 0 0;
  border-top: 1px solid #eee;
}

.review-layer .review-write .alert-section .txt-list {
  margin-top: 20px;
}

.upload-item-list {
  font-size: 0;
  margin-left: -10px;
}

.upload-item-list .item-box {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 80px;
  margin: 0 0 10px 10px;
  background: #f8f8f8;
  border: 1px solid #ddd;
}

.upload-item-list .item-box + .item-box {
  margin-left: 10px;
}

.upload-item-list .btn-upload {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('/img_up/shop_pds/banobagi/design/images/main/review/btn_upload.png') no-repeat 50% 50%;
}

.upload-item-list .btn-upload input[type='file'] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.upload-item-list .item {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  text-align: center;
  font-size: 0;
}

.upload-item-list .item img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

.upload-item-list .item video {
  width: 100%;
  height: 100%;
}

.upload-item-list .item:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.upload-item-list .btn-re {
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 24px;
  height: 24px;
  background: #fff url('/img_up/shop_pds/banobagi/design/images/main/review/btn_re.png') no-repeat 50% 50%;
  border-radius: 50%;
  font-size: 0;
}

.upload-item-list .btn-re span {
  position: relative;
}

.upload-item-list .btn-del {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  background: #666 url('/img_up/shop_pds/banobagi/design/images/main/review/btn_del.png') no-repeat 50% 50%;
  font-size: 0;
}

.upload-item-list .btn-del span {
  position: relative;
}

.upload-item .txt {
  margin: 5px 0 0;
  line-height: 1.5;
  font-size: 13px;
  color: #666;
}

.upload-item.no-rotate .btn-re {
  display: none !important;
}

.piechart-wrap {
  position: relative;
  width: 116px;
  height: 116px;
  background: #f4efe8;
  border-radius: 50%;
}

.piechart-wrap .piechart {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  overflow: hidden;
  clip: rect(0, 116px, 116px, 58px);
  font-size: 0;
}

.piechart-wrap .piechart .rotate {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.piechart-wrap .piechart .rotate span {
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background: #c2935f;
}

.piechart-wrap .piechart .percent {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  border-radius: 50%;
  background: #c2935f;
  font-size: 0;
  clip: rect(0, 116px, 116px, 58px);
}

.piechart-wrap .piechart.over {
  clip: rect(0, 116px, 116px, 0);
}

.piechart-wrap .piechart.over .percent {
  display: block;
}

.piechart-wrap .piechart:nth-of-type(2) .rotate span,
.piechart-wrap .piechart:nth-of-type(2) .percent {
  background: #666;
}

.piechart-wrap .piechart:nth-of-type(3) .rotate span,
.piechart-wrap .piechart:nth-of-type(3) .percent {
  background: #f4efe8;
}

.piechart-wrap:after {
  content: '';
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  background: #fff;
  border-radius: 50%;
}

.check-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -50px;
}

.check-list > li {
  margin-left: 50px;
}

.check-list > li.mt {
  margin-top: 30px;
}

.check-list + .input-box {
  margin-top: 20px;
}

.page-info {
  position: relative;
  margin-bottom: 45px;
}

.page-info .txt-type1 {
  color: #000;
  font-size: 14px;
  line-height: 1.7;
}

.page-info .txt-type2 {
  margin: -7px 0;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.page-info .txt-type2 + .txt-type2 {
  margin-top: 10px;
}

.page-info .txt-type2 + .txt-type4 {
  margin-top: 30px;
}

.page-info .txt-type3 {
  margin-top: -7px;
  color: #000;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.page-info .txt-type3 + .txt-type3 {
  margin-top: 30px;
}

.page-info .txt-type3.txt-notice {
  margin-top: 10px;
  color: #c2935f;
}

.page-info .txt-type4 {
  color: #666;
  font-size: 13px;
  line-height: 1.5;
}

.page-info .txt-type2 + .txt-type1,
.page-info .txt-type3 + .txt-type1 {
  margin-top: 25px;
}

.page-info .btn-payment {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.page-info .txt-list {
  margin-top: 15px;
}

.login-wrap .login-tab .tabs {
  width: 500px;
}

.login-wrap .login-tab .login-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.login-wrap .login-tab .login-group .login-left {
  width: 50%;
  padding-right: 100px;
}

.login-wrap .login-tab .login-group .login-guide {
  width: 50%;
  margin-top: -104px;
  padding: 0 0 283px 100px;
  border-left: 1px solid #eee;
}

.login-wrap .login-tab .login-group .login-guide .txt-login {
  margin-top: -9px;
  color: #000;
  font-size: 26px;
  font-weight: 300;
  line-height: 38px;
  letter-spacing: -0.25px;
}

.login-wrap .login-tab .login-group .login-guide .txt-login + .btn-join {
  margin-top: 35px;
}

.login-wrap .login-tab .login-group.hpoint .btn-hpoint-join {
  position: absolute;
  top: 36px;
  left: 701px;
}

.login-wrap .login-tab .login-group.hpoint .login-guide {
  min-height: 516px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/member/img_join_01.png) no-repeat 100px 100%;
}

.login-wrap .login-tab .login-group.simple .login-guide {
  background: url(/img_up/shop_pds/banobagi/design/images/main/member/img_join_02.png) no-repeat 100px 100%;
}

.login-wrap .login-tab .login-group.nomem .login-guide {
  background: url(/img_up/shop_pds/banobagi/design/images/main/member/img_join_03.png) no-repeat 100px 100%;
}

.login-wrap .login-tab .login-input li + li {
  margin-top: 20px;
}

.login-wrap .login-tab .login-link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 30px;
}

.login-wrap .login-tab .login-link .links {
  margin-top: 4px;
  font-size: 0;
}

.login-wrap .login-tab .login-link .links li {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #999;
}

.login-wrap .login-tab .login-link .links li + li {
  margin-left: 20px;
  padding-left: 21px;
}

.login-wrap .login-tab .login-link .links li + li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 1px;
  height: 10px;
  background: #ddd;
}

.login-wrap .login-tab .btn-box {
  margin-top: 30px;
}

.login-wrap .login-tab .btn-box [class*='btn-type'] {
  width: 100%;
}

.login-wrap .login-tab .login-sns {
  margin-top: 10px;
  overflow: hidden;
}

.login-wrap .login-tab .login-sns li {
  float: left;
  width: calc(50% - 5px);
  margin-top: 10px;
}

.login-wrap .login-tab .login-sns li:nth-child(2n) {
  margin-left: 10px;
}

.login-wrap .login-tab .login-sns li:only-child {
  width: 100%;
}

.login-wrap .login-tab .login-sns li .btn-sns {
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  color: #000;
  font-size: 14px;
  line-height: 47px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: center;
}

.login-wrap .login-tab .login-sns li .btn-sns span {
  position: relative;
  display: inline-block;
  min-width: 52px;
  text-align: center;
  vertical-align: middle;
}

.login-wrap .login-tab .login-sns li .btn-sns:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 17px;
  margin-right: 13px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_sns.png) no-repeat;
  vertical-align: middle;
}

.login-wrap .login-tab .login-sns li .btn-sns.kakao:before {
  background-position: 0 0;
}

.login-wrap .login-tab .login-sns li .btn-sns.naver:before {
  background-position: -36px 0;
}

.login-wrap .login-tab .login-sns li .btn-sns.facebook:before {
  background-position: -18px 0;
}

.login-wrap .login-tab .login-sns li .btn-sns.apple:before {
  background-position: -54px 0;
}

.login-wrap .login-tab .login-sns.type2 li .btn-sns {
  padding-left: 84px;
  text-align: left;
}

.login-wrap .login-tab .login-sns.type2 li:nth-child(2n) .btn-sns {
  padding-left: 78px;
}

.login-wrap .login-tab .txt-group {
  margin-top: 25px;
}

.login-wrap .txt-login-guide {
  margin-top: 25px;
  color: #666;
  font-size: 14px;
  line-height: 24px;
}

.pw-wrap {
  width: 800px;
  margin: 0 auto;
  text-align: center;
}

.pw-cmt-box.page-info {
  text-align: center;
}

.pw-cmt-box.page-info .txt-type1 {
  margin-top: 15px;
}

.input-info-wrap {
  margin-top: 50px;
  padding: 50px 150px;
  background: #f8f3f0;
  text-align: left;
}

.input-info-wrap .input-info-group {
  margin-top: 0;
}

.input-info-group {
  margin-top: 25px;
}

.input-info-group > li .txt-form-cmt {
  font-size: 13px;
}

.input-info-group > li select {
  width: 100%;
}

.input-info-group > li .select {
  width: 100%;
}

.input-info-group > li .select .sel-btn {
  font-size: 16px;
}

.input-info-group > li .input-box ~ .input-box,
.input-info-group > li .input-box ~ .form-group,
.input-info-group > li .form-group ~ .input-box,
.input-info-group > li .form-group ~ .form-group {
  margin-top: 20px;
}

.input-info-group > li + li {
  margin-top: 20px;
}

.idpw-wrap {
  width: 800px;
  margin: 0 auto;
}

.txt-info-group {
  margin: 40px 0;
  padding: 50px 220px;
  background: #f8f3f0;
}

.txt-info-group li {
  display: table;
  width: 100%;
}

.txt-info-group li .txt-label,
.txt-info-group li .txt-value {
  display: table-cell;
  color: #000;
  line-height: 24px;
}

.txt-info-group li .txt-label {
  position: relative;
  width: 120px;
  padding-left: 12px;
  font-size: 13px;
}

.txt-info-group li .txt-label::before {
  content: '';
  position: absolute;
  top: 12px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #000;
}

.txt-info-group li .txt-value {
  font-size: 16px;
}

.txt-info-group li + li {
  margin-top: 15px;
}

.find-guide-box {
  text-align: center;
}

.find-guide-box .txt {
  color: #000;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -0.25px;
}

.id-guide-box {
  margin-top: 50px;
  text-align: center;
}

.id-guide-box a {
  margin-left: 5px;
  border-bottom: 1px solid;
}

.find-input {
  width: 622px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.txt-find-idpw {
  color: #000;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.25px;
  text-align: center;
}

.txt-guide {
  color: #000;
  font-size: 14px;
  line-height: 1.7;
}

.auth-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-top: 50px;
}

.auth-btns li {
  -ms-flex: 1;
  flex: 1;
}

.auth-btns li .btn-auth {
  display: block;
  font-size: 16px;
  height: 180px;
  padding-top: 55px;
  background: #f8f3f0;
  text-align: center;
}

.auth-btns li .btn-auth::before {
  content: '';
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto 15px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/member/btn_auth.png) no-repeat;
}

.auth-btns li .btn-auth.phone::before {
  background-position: 0 0;
}

.auth-btns li .btn-auth.ipin::before {
  background-position: -45px 0;
}

.auth-btns li + li {
  margin-left: 10px;
}

.join-wrap {
  width: 800px;
  margin: 0 auto;
}

.join-wrap .tbl-write tbody td {
  padding-right: 0;
}

.join-wrap .sns-account {
  margin-bottom: 80px;
  text-align: center;
}

.join-wrap .sns-account .txt-sns-account {
  margin-bottom: 15px;
  color: #000;
  font-size: 20px;
  font-weight: 700;
}

.join-wrap .sns-account .txt-sns {
  margin-top: 5px;
}

.join-wrap .join-agree {
  margin-top: 50px;
  padding-top: 55px;
  color: #000;
  font-size: 16px;
  line-height: 28px;
  border-top: 1px solid #eee;
  text-align: center;
}

.hfm-join-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.hfm-join-group .join-guide {
  -ms-flex: 1;
  flex: 1;
}

.hfm-join-group .join-guide + .join-guide {
  margin-left: 20px;
}

.hfm-join-group .join-guide dt {
  position: relative;
}

.hfm-join-group .join-guide dt::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  width: 11px;
  height: 19px;
  margin-top: -10px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/member/icon_join_arrow.png) no-repeat 0 0;
  vertical-align: middle;
}

.hfm-join-group .join-guide dt a {
  display: block;
  height: 100px;
  padding: 0 30px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 100px;
  border-radius: 4px;
}

.hfm-join-group .join-guide dt a.btn-join-hpoint {
  background: #333;
}

.hfm-join-group .join-guide dt a.btn-join-simple,
.hfm-join-group .join-guide dt a.btn-join-staff {
  background: #c2935f;
}

.hfm-join-group .join-guide dd {
  margin-top: 40px;
}

.hfm-join-group .join-guide dd .txt-join-guide {
  margin: -5px 0;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.hfm-join-group .join-guide dd .txt-list li {
  font-size: 14px;
}

.hfm-join-group .join-guide dd .txt-list li::before {
  top: 10px;
}

.hfm-join-group .join-guide dd .join-btns {
  width: 100%;
  margin-top: 15px;
}

.hfm-join-group .join-guide dd .join-btns::after {
  content: '';
  display: block;
  clear: both;
}

.hfm-join-group .join-guide dd .join-btns li {
  float: left;
  width: 50%;
  margin-top: 20px;
}

.hfm-join-group .join-guide dd .join-btns li a {
  display: block;
  position: relative;
  padding-left: 34px;
  color: #000;
  font-size: 13px;
  line-height: 24px;
}

.hfm-join-group .join-guide dd .join-btns li a::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #eee url(/img_up/shop_pds/banobagi/design/images/main/icon_sns.png) no-repeat 0 -17px;
  border-radius: 4px;
}

.hfm-join-group .join-guide dd .join-btns li a.kakao::before {
  background-position: 0 -17px;
}

.hfm-join-group .join-guide dd .join-btns li a.naver::before {
  background-position: -24px -17px;
}

.hfm-join-group .join-guide dd .join-btns li a.facebook::before {
  background-position: -48px -17px;
}

.hfm-join-group .join-guide dd .join-btns li a.apple::before {
  background-position: -72px -17px;
}

.hfm-join-group .join-guide.staff {
  min-width: 100%;
  margin: 60px 0 0;
}

.hfm-join-group .join-guide.staff dd {
  position: relative;
}

.hfm-join-group .join-guide.staff dd .join-btns {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: auto;
  margin-top: 0;
}

.member-benefit {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 40px;
  border-top: 1px solid #000;
}

.member-benefit li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-top: 60px;
}

.member-benefit li:nth-child(1),
.member-benefit li:nth-child(2) {
  margin-top: 0;
}

.member-benefit li:nth-child(even) {
  padding-left: 10px;
}

.member-benefit li .benefit-img {
  width: 110px;
}

.member-benefit li .benefit-img img {
  vertical-align: top;
}

.member-benefit li .benefit-txt .txt {
  font-size: 16px;
}

.member-benefit li .benefit-txt .sub {
  margin-top: 10px;
  font-size: 13px;
  color: #666;
  line-height: 1.7;
}

.hfm-staff-box {
  position: relative;
  margin-top: 30px;
}

.hfm-staff-box .txt {
  color: #000;
  font-size: 16px;
  line-height: 28px;
}

.hfm-staff-box .btn-staff {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.agree-item + .agree-item {
  margin-top: 10px;
}

.agree-item .agree-list li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.agree-item .agree-list li + li {
  margin-top: 10px;
}

.agree-item .agree-list li .check-skin input + span .required {
  color: #c2935f;
}

.agree-item .agree-list li [class*='btn-type'] {
  min-width: 80px;
}

.agree-item .agree-list li .btn-text {
  color: #666;
}

.agree-item .agree-list + .check-list {
  margin-top: 15px;
}

.agree-item.lifetime {
  margin-top: 40px;
  padding-top: 40px;
}

.agree-item.lifetime strong {
  font-weight: 400;
}

.agree-option-wrap {
  padding-top: 40px;
  border-top: 1px solid #000;
}

.agree-option-wrap .agree-option dt {
  padding: 24px 30px;
  background: #f8f3f0;
}

.agree-option-wrap .agree-option dd {
  padding: 30px 30px 0;
}

.agree-option-wrap .agree-option dd .agree-item + .agree-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.complete-wrap {
  width: 800px;
  margin: 150px auto 0;
}

.complete-wrap .complete-msg {
  text-align: center;
}

.complete-wrap .complete-msg .title {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
}

.complete-wrap .complete-msg .txt {
  color: #000;
  font-size: 14px;
  line-height: 24px;
}

.complete-wrap .complete-benefit {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 55px;
}

.complete-wrap .complete-benefit li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: calc(50% - 10px);
  padding: 50px;
  background: #f8f3f0;
}

.complete-wrap .complete-benefit li + li {
  margin-left: 20px;
}

.complete-wrap .complete-benefit li .benefit-img {
  width: 110px;
}

.complete-wrap .complete-benefit li .benefit-img img {
  vertical-align: top;
}

.complete-wrap .complete-benefit li .benefit-txt .txt {
  font-size: 14px;
  font-weight: 700;
}

.complete-wrap .complete-benefit li .benefit-txt .sub {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.7;
}

.complete-wrap .complete-benefit li .benefit-txt .btn-coupon {
  margin-top: 8px;
}

.staff-input .staff-case {
  display: none;
}

.staff-input .staff-case + .staff-case {
  margin-top: 20px;
}

.staff-guide {
  margin-top: 80px;
}

.staff-guide .txt-group {
  display: none;
}

.input-info-group .select .sel-list ul,
.tbl-write .select .sel-list ul {
  max-height: 220px;
  overflow-y: auto;
}

.layer-wrap .page-info {
  margin-bottom: 35px;
}

.layer-wrap .txt-simple-info {
  margin-top: 25px;
  color: #c2935f;
}

.layer-wrap .txt-info-group {
  padding: 25px 30px;
}

.layer-wrap .txt-info-group li .txt-label {
  width: 100px;
  padding-left: 0;
  font-size: 14px;
}

.layer-wrap .txt-info-group li .txt-label::before {
  display: none;
}

.layer-wrap .txt-info-group .price {
  font-size: 14px;
}

.layer-wrap .txt-info-group .price .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.layer-wrap .input-info-group + .txt-group {
  margin-top: 35px;
}

.layer-wrap .terms-wrap {
  height: 243px;
}

.layer-wrap .staff-input .staff-case {
  margin-top: 20px;
}

.layer-wrap .staff-guide {
  margin-top: 0;
}

.membership-change-guide .txt-group dt {
  font-size: 20px;
}

.membership-change-guide .txt-group dd p {
  font-size: 14px;
  color: #000;
  line-height: 24px;
}

.period-input {
  position: relative;
  width: 220px;
}

.period-input .ui-datepicker-trigger {
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 30px;
  height: 30px;
}

.period-calendar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.period-calendar .period-input {
  position: relative;
  width: 170px;
}

.period-calendar .period-input + .period-input {
  margin-left: 6px;
}

.period-calendar .period-input .inp-datepicker {
  height: 40px;
  padding-left: 10px;
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 38px;
  background: #fff;
}

.period-calendar .txt {
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  color: #666;
  line-height: 40px;
}

.period-search-group {
  position: relative;
  margin: 60px 0;
  padding: 30px 40px;
  background: #f8f3f0;
}

.period-search-group .period-btns-box dt {
  display: inline-block;
  margin-right: 55px;
  font-size: 13px;
}

.period-search-group .period-btns-box dd {
  display: inline-block;
  vertical-align: middle;
}

.period-search-group .period-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.period-search-group .period-btns label {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.period-search-group .period-btns label input[type='radio'] {
  position: absolute;
  display: block;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}

.period-search-group .period-btns label input[type='radio'] + span {
  display: inline-block;
  position: relative;
  font-size: 13px;
  vertical-align: top;
  z-index: 3;
}

.period-search-group .period-btns label input[type='radio']:checked + span {
  color: #c2935f;
  text-decoration: underline;
}

.period-search-group .period-btns label + label {
  margin-left: 25px;
}

.period-search-group .period-calendar {
  position: absolute;
  top: 50%;
  right: 40px;
}

.period-search-group .period-calendar:only-child {
  position: static;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
}

.period-search-group .period-calendar .period-input .inp-datepicker {
  height: 30px;
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 28px;
  border-bottom: 0;
}

.period-search-group .period-calendar .btn-period {
  min-width: 80px;
  margin-left: 6px;
}

.page-info + .period-search-group {
  margin-top: 55px;
}

.tab-cont .period-search-group {
  margin: 50px 0 40px;
}

.page-title + .period-search-group {
  margin-top: 0;
}

.snb-content-wrap .delivery-info {
  position: relative;
}

.snb-content-wrap .delivery-info th,
.snb-content-wrap .delivery-info td {
  line-height: 1.7;
  vertical-align: top;
}

.snb-content-wrap .delivery-info .btn-address {
  position: absolute;
  top: 40px;
  right: 0;
}

.snb-content-wrap .wrap-product-list.event {
  margin-top: 60px;
}

.snb-content-wrap .wrap-product-list.event .product-list li {
  width: calc(100% / 3);
}

.snb-content-wrap .wrap-product-list.event .product-list .item-name {
  font-size: 14px;
  line-height: 1.7;
}

.snb-content-wrap .wrap-product-list.event .product-list .badge-winner {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 60px;
  height: 60px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 60px;
  background: #c2935f;
  border-radius: 0 0 10px 0;
}

.snb-content-wrap .wrap-product-list.event .product-list .badge-winner.not {
  color: #000;
  background: #eee8dc;
}

.order-links {
  padding: 21px 0 25px;
  background: #f8f3f0;
}

.order-links ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.order-links ul li {
  position: relative;
  width: 50%;
  text-align: center;
}

.order-links ul li a {
  border-bottom: 1px solid;
}

.order-links ul li .num {
  color: #c2935f;
}

.order-links ul li + li {
  margin-left: 20px;
  padding-left: 21px;
}

.order-links ul li + li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 1px;
  height: 16px;
  background: #ddd;
}

.order-list-wrap .order-tbl .row {
  padding: 34px 0;
}

.order-list-wrap .order-tbl .inner-row {
  position: relative;
}

.order-list-wrap .order-tbl .inner-row ~ .inner-row {
  padding-top: 34px;
}

.order-list-wrap .order-tbl .info-row ~ .info-row {
  padding-top: 34px;
}

.order-list-wrap .order-tbl .rowspan2 .cell-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  z-index: 10;
}

.order-list-wrap .order-tbl .cell-inner {
  text-align: center;
}

.order-list-wrap .order-tbl .cell-order-id {
  padding-left: 30px;
  text-align: left;
}

.order-list-wrap .order-tbl .cell-order-id .order-date,
.order-list-wrap .order-tbl .cell-order-id .order-num .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.order-list-wrap .order-tbl .cell-order-id .order-date {
  display: inline-block;
  width: 110px;
  vertical-align: middle;
}

.order-list-wrap .order-tbl .cell-order-id .order-num a.num {
  border-bottom: 1px solid #000;
}

.order-list-wrap .order-tbl .cell-order-num {
  width: 160px;
}

.order-list-wrap .order-tbl .cell-order-num .order-date,
.order-list-wrap .order-tbl .cell-order-num .order-num .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.order-list-wrap .order-tbl .cell-order-num .order-num {
  display: block;
  margin-top: 10px;
}

.order-list-wrap .order-tbl .cell-order-num .order-num .num {
  word-break: break-all;
  line-height: 1.4;
  border-bottom: 1px solid #000;
}

.order-list-wrap .order-tbl .cell-pd {
  width: 520px;
  padding-left: 145px;
  padding-right: 30px;
}

.order-list-wrap .order-tbl .cell-price {
  position: static;
  width: 200px;
}

.order-list-wrap .order-tbl .cell-price .cell-inner {
  width: 200px;
}

.order-list-wrap .order-tbl .cell-btn {
  position: static;
  width: 140px;
  text-align: center;
}

.order-list-wrap .order-tbl .cell-btn .cell-inner {
  width: 140px;
}

.order-list-wrap .order-tbl .cell-btn [class*='btn-'] {
  margin-top: 6px;
}

.order-list-wrap .order-tbl .cell-status {
  width: 140px;
  text-align: center;
}

.order-list-wrap .order-tbl .cell-status .cell-inner {
  width: 140px;
}

.order-list-wrap .order-tbl .cell-status .status {
  line-height: 1.7;
}

.order-list-wrap .order-tbl .cell-status .status .btns {
  margin-top: 10px;
  text-align: center;
}

.order-list-wrap .order-tbl .cell-status .status .btns .btn-tracking {
  padding-bottom: 3px;
  border-bottom: 1px solid #000;
}

.order-list-wrap .order-tbl .cell-qt {
  width: 80px;
}

.order-list-wrap .order-tbl .item-info {
  width: auto;
  padding: 0;
}

.order-list-wrap .order-tbl .item-brand {
  font-size: 13px;
  margin-bottom: 5px;
}

.order-list-wrap .order-tbl .item-img {
  left: 30px;
}

.order-list-wrap .order-tbl .item-name.clear-ellipsis {
  height: auto;
  max-height: none;
  white-space: normal;
  text-overflow: clip;
  -webkit-box-orient: inherit;
  -webkit-line-clamp: inherit;
  line-height: 1.7;
}

.order-list-wrap .order-tbl .item-opt {
  margin: 6px 0 0;
}

.order-list-wrap .order-tbl .item-btn {
  margin-top: 16px;
}

.order-list-wrap .order-tbl .plural .cell-price,
.order-list-wrap .order-tbl .plural .cell-btn {
  border: 0;
}

.order-list-wrap .order-tbl .plural .inner-row {
  position: relative;
}

.order-list-wrap .order-tbl .plural .inner-row ~ .inner-row {
  margin-top: 70px;
  padding-top: 0;
  border-top: 0;
}

.order-list-wrap .order-tbl .plural .inner-row ~ .inner-row::before {
  content: '';
  position: absolute;
  top: -35px;
  right: 0;
  left: 20px;
  border-top: 1px solid #eee;
}

.order-list-wrap .order-tbl .plural .inner-row ~ .inner-row > [class*='cell'] {
  padding-top: 0;
}

.order-list-wrap .order-tbl .txt-cmt {
  color: #666;
}

.order-list-wrap .order-tbl .cell-pd-wrap {
  position: relative;
}

.order-list-wrap .order-tbl .package-wrap .package {
  width: 500px;
  margin: 0 0 34px;
  padding-left: 30px;
}

.order-list-wrap .order-tbl .package-wrap .package .name {
  margin-right: 0;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: calc(100% - 95px);
}

.order-list-wrap .order-tbl .btn-tooltip {
  margin: -2px 0 0 5px;
}

.order-list-wrap .order-tbl.claim-request .package-wrap .package,
.order-list-wrap .order-tbl.claim-history .package-wrap .package,
.order-list-wrap .order-tbl.bulk-history .package-wrap .package {
  padding-left: 20px;
}

.order-list-wrap + .txt-group {
  margin-top: 80px;
}

.order-tbl.order-history ~ .order-history {
  margin-top: 40px;
}

.order-tbl.order-history .plural .cell-status .cell-inner {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}

.order-tbl.order-history .cell-pd-wrap {
  position: relative;
}

.order-tbl.order-history .rowspan2.cell-status .cell-inner {
  right: 140px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.order-tbl.order-history .rowspan2.cell-btn .cell-inner {
  right: 0;
  border-left: 1px solid #eee;
}

.order-tbl.order-history .package-wrap .package {
  width: 520px;
  padding-left: 30px;
}

.order-tbl.claim-history .cell-info {
  width: 500px;
}

.order-tbl.claim-history .cell-pd {
  width: 500px;
  padding-left: 135px;
}

.order-tbl.claim-history .cell-pd .item-img {
  left: 20px;
}

.order-tbl.claim-history .rowspan2.cell-price .cell-inner {
  right: 140px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.order-tbl.claim-history .rowspan2.cell-price + .cell-status .cell-inner {
  border-left: 0;
}

.order-tbl.claim-history .rowspan2.cell-status .cell-inner {
  right: 0;
  border-left: 1px solid #eee;
}

.order-tbl.claim-history.exchange .cell-status {
  width: 200px;
}

.order-tbl.claim-history.exchange .cell-status .cell-inner {
  width: 200px;
}

.order-tbl.claim-history.exchange .cell-btn {
  width: 140px;
}

.order-tbl.claim-history.exchange .cell-btn .cell-inner {
  width: 140px;
}

.order-tbl.claim-history.exchange .cell-btn .btns [class*='btn-type'] {
  display: block;
  margin: 0 auto;
}

.order-tbl.claim-history.exchange
  .cell-btn
  .btns
  [class*='btn-type']
  + [class*='btn-type'] {
  margin-top: 10px;
}

.order-tbl.claim-history.exchange .rowspan2.cell-status .cell-inner {
  right: 140px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.order-tbl.claim-history.exchange .rowspan2.cell-btn .cell-inner {
  right: 0;
  border-left: 1px solid #eee;
}

.order-tbl.claim-history.exchange .rowspan2 + .rowspan2.cell-btn .cell-inner {
  border-left: 0;
}

.order-tbl.bulk-history .cell-info {
  width: 420px;
}

.order-tbl.bulk-history .cell-pd {
  width: 420px;
  padding-left: 135px;
}

.order-tbl.bulk-history .cell-pd .item-img {
  left: 20px;
}

.order-tbl.bulk-history .plural .cell-status .cell-inner {
  border-left: 1px solid #eee;
}

.order-tbl.bulk-history .rowspan2.cell-status .cell-inner {
  right: 0;
  border-left: 1px solid #eee;
}

.order-tbl.claim-request .body .cell-check {
  vertical-align: middle;
}

.order-tbl.claim-request .body .cell-check .check-skin {
  margin-top: 0;
}

.order-tbl.claim-request .cell-info {
  width: 540px;
}

.order-tbl.claim-request .cell-pd {
  width: 540px;
  padding-left: 135px;
}

.order-tbl.claim-request .cell-pd .item-img {
  left: 20px;
}

.order-tbl.claim-request .package {
  margin-left: 80px;
}

.order-tbl.claim-request .claim-write {
  display: none;
  margin-top: 20px;
  margin-left: 80px;
}

.order-tbl.claim-request.exchange .cell-info {
  width: 940px;
}

.order-tbl.claim-request.exchange .cell-pd {
  width: 940px;
}

.order-tbl.claim-request.return .claim-write {
  margin-left: 20px;
}

.order-tbl.order-detail .cell-info {
  width: 400px;
}

.order-tbl.order-detail .cell-pd {
  width: 400px;
}

.order-tbl.order-detail .cell-price {
  width: 160px;
}

.order-tbl.order-detail .plural .cell-status .cell-inner {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}

.order-tbl.order-detail .rowspan2.cell-status .cell-inner {
  right: 140px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.order-tbl.order-detail .rowspan2.cell-btn .cell-inner {
  right: 0;
  border-left: 1px solid #eee;
}

.order-tbl.order-detail .rowspan2 + .rowspan2.cell-btn .cell-inner {
  border-left: 0;
}

.order-tbl.claim-detail .cell-info {
  width: 460px;
}

.order-tbl.claim-detail .cell-pd {
  width: 460px;
}

.order-tbl.claim-detail .rowspan2.cell-status .cell-inner {
  right: 0;
  border-left: 1px solid #eee;
}

.order-tbl.claim-detail.exchange .cell-info,
.order-tbl.claim-detail.exchange .cell-pd {
  width: 660px;
}

.order-tbl.claim-detail.exchange .cell-status {
  width: 200px;
  text-align: center;
}

.order-tbl.claim-detail.exchange .cell-status .cell-inner {
  width: 200px;
}

.order-tbl.claim-detail.exchange .plural .cell-price .cell-inner {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.order-tbl.claim-detail.exchange .plural .cell-status .cell-inner {
  border: 0;
}

.order-tbl.claim-detail.exchange .rowspan2.cell-status .cell-inner {
  right: 140px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.order-tbl.claim-detail.exchange .rowspan2.cell-btn .cell-inner {
  right: 0;
  border-left: 1px solid #eee;
}

.order-tbl.claim-detail.exchange .rowspan2 + .rowspan2.cell-btn .cell-inner {
  border-left: 0;
}

.order-tbl.claim-detail .package-wrap .package {
  width: 460px;
  padding-left: 30px;
}

.order-tbl.bulk-detail .cell-pd {
  width: 780px;
  padding-left: 145px;
}

.order-tbl.bulk-detail .cell-pd .item-img {
  left: 30px;
}

.claim-info-box {
  padding: 35px 0;
  font-size: 16px;
  line-height: 1.7;
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
}

.claim-info-box p + p {
  margin-top: 5px;
}

.board-expense .list-row [class*='cell-'] {
  padding: 10px 20px;
}

.board-expense .list-row .cell-sort {
  width: 340px;
}

.board-expense .list-row .cell-price,
.board-expense .list-row .cell-price2 {
  width: 50%;
}

.board-expense .list-row .cell-payment {
  width: 50%;
}

.board-expense .list-header .list-row [class*='cell-'],
.board-expense .list-content .list-row [class*='cell-'] {
  color: #000;
}

.board-expense .list-header .list-row .cell-sort {
  padding-left: 20px;
  text-align: left;
}

.board-expense .list-content {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.board-expense .list-content > li {
  min-height: auto;
  border-bottom: 0;
}

.board-expense .list-content .list-row [class*='cell-'] {
  padding: 10px 20px;
  text-align: center;
}

.board-expense .list-content .list-row .cell-sort {
  padding-left: 20px;
  text-align: left;
}

.board-expense .prd-name-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.board-expense .prd-name-info .txt {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.board-expense .prd-name-info .num {
  flex: 0 0 50px;
}

.board-expense .price .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 18px;
}

.board-expense.col2 .list-header,
.board-expense.col2 .list-content {
  padding-right: 440px;
}

.board-expense.col3 .list-header,
.board-expense.col3 .list-content {
  padding-right: 220px;
}

.board-expense.col3 .list-row .cell-price,
.board-expense.col3 .list-row .cell-price2,
.board-expense.col3 .list-row .cell-payment {
  width: 220px;
}

.board-expense.col4 .list-header,
.board-expense.col4 .list-content {
  padding-right: 0;
}

.board-expense.col4 .list-row .cell-price,
.board-expense.col4 .list-row .cell-price2,
.board-expense.col4 .list-row .cell-payment {
  width: 220px;
}

.board-expense.col4 .list-row .cell-classify {
  width: 30px;
}

.board-expense.col4 .list-content .list-row .cell-content {
  text-align: left;
}

.check-expense > ul > li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 30px 0;
  border-bottom: 1px solid #eee;
}

.check-expense .title {
  margin: 0 50px 0 30px;
}

.check-expense .value .refund-check {
  display: inline-block;
  margin-right: 100px;
  vertical-align: middle;
}

.check-expense .value .check-list {
  display: inline-block;
  margin-left: -30px;
  font-size: 0;
  vertical-align: middle;
}

.check-expense .value .check-list > li {
  display: inline-block;
  margin-left: 30px;
}

.layer-pop .dlv-sel + .tbl-write {
  margin-top: 20px;
}

.attach-img-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.attach-img-box .btn-attach {
  margin-right: 20px;
}

.attach-img-box .img-links {
  -ms-flex: 1;
  flex: 1;
  margin-top: 5px;
}

.img-links li {
  display: inline-block;
  font-size: 13px;
}

.img-links li a {
  color: #000;
  border-bottom: 1px solid #000;
}

.img-links li .btn-photo-del {
  width: 20px;
  height: 20px;
  margin: 0 8px;
  background: #ddd url('/img_up/shop_pds/banobagi/design/images/main/review/btn_del.png') no-repeat 50% 50%;
  font-size: 0;
  border-radius: 50%;
  vertical-align: middle;
}

.img-links li .btn-photo-del span {
  position: relative;
}

.claim-box {
  width: 460px;
  margin-top: 20px;
  padding: 0 30px;
}

.claim-box .claim-txt > li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 20px;
  line-height: 1.7;
}

.claim-box .claim-txt > li:first-child::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
}

.claim-box .claim-txt > li + li {
  margin-top: 20px;
}

.claim-box .claim-txt > li .title {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 5px;
}

.claim-box .claim-txt > li .value {
  -ms-flex: 1;
  flex: 1;
}

.claim-box .img-links li {
  position: relative;
}

.claim-box .img-links li + li::before {
  content: ',';
  margin-right: 10px;
}

.claim-box .img-links li .btn-photo-del {
  display: none;
}

.claim-write {
  margin-top: 14px;
}

.claim-write .tbl-claim {
  position: relative;
  padding-left: 30px;
}

.claim-write .tbl-claim::after {
  content: '';
  position: absolute;
  top: 20px;
  left: 0;
  width: 8px;
  height: 8px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
}

.claim-write .tbl-claim th,
.claim-write .tbl-claim td {
  padding: 15px 0;
}

.claim-write .tbl-claim th {
  padding-top: 24px;
  font-weight: 700;
  text-align: left;
  vertical-align: top;
}

.claim-write .tbl-claim td {
  padding-right: 200px;
  vertical-align: top;
}

.claim-write .tbl-claim td .input-box + .input-box {
  margin-top: 20px;
}

.claim-write .tbl-claim td .btn-opt {
  margin-right: 20px;
  vertical-align: middle;
}

.claim-write .tbl-claim td .txt-opt {
  vertical-align: middle;
}

.order-detail-section .detail-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 20px;
}

.order-detail-section .detail-header .ordered-info {
  margin-right: 10px;
}

.order-detail-section .detail-header .ordered-info .order-date,
.order-detail-section .detail-header .ordered-info .order-num {
  display: inline-block;
  vertical-align: middle;
}

.order-detail-section .detail-header .ordered-info .order-date {
  margin: 0 25px 0 0;
  font-size: 26px;
}

.order-detail-section .detail-header .ordered-info .order-num {
  color: #666;
}

.order-detail-section .detail-header .ordered-info .order-num .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.order-detail-section .detail-header .order-summary {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.order-detail-section .detail-header .order-summary li {
  padding: 0 45px;
  text-align: center;
}

.order-detail-section .detail-header .order-summary li .title {
  font-size: 16px;
}

.order-detail-section .detail-header .order-summary li .value {
  margin-top: 25px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 44px;
  font-weight: 300;
}

.order-detail-section .detail-header .btn-qna {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 130px;
}

.order-detail-section .detail-header .btn-right {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 130px;
}

.order-detail-section .delivery-info th {
  padding-left: 30px;
}

.order-detail-section .order-list-wrap + .delivery-info {
  margin-top: 60px;
}

.column-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.column-box .col {
  flex: 1;
  width: 50%;
}

.column-box .col + .col {
  margin-left: 80px;
}

.column-box.type2 {
  padding: 20px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
}

.column-box.type2 .payment-summary {
  flex: 1;
  padding: 25px 40px 25px 0;
  border: 0;
}

.column-box.type2 .payment-summary:nth-child(2n) {
  padding-right: 0;
  padding-left: 40px;
  border-left: 1px solid #eee;
}

.payment-summary {
  border-top: 1px solid #000;
  padding: 35px 0 0;
}

.payment-summary .item-summary > li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.payment-summary .item-summary > li + li {
  margin-top: 12px;
}

.payment-summary .item-summary > li .title {
  font-size: 13px;
}

.payment-summary .item-summary > li .value .price {
  color: #666;
}

.payment-summary .item-summary > li .value .price .num {
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 18px;
}

.payment-summary .item-summary > li .value .txt-sub {
  color: #666;
}

.payment-summary .item-summary > li .toggle-box {
  flex: 0 0 100%;
  margin-top: 10px;
  padding-left: 70px;
}

.payment-summary .item-summary > li .discount-list {
  margin-top: 0;
  padding: 20px;
  background: #f8f3f0;
}

.payment-summary .item-summary > li .discount-list li {
  color: #666;
}

.payment-summary .item-summary > li .discount-list li:after {
  content: '';
  display: block;
  clear: both;
}

.payment-summary .item-summary > li .discount-list li ~ li {
  margin-top: 15px;
}

.payment-summary .item-summary > li .discount-list li .tit {
  float: left;
  width: 100px;
}

.payment-summary .item-summary > li .discount-list li .num {
  float: right;
  width: 100px;
  text-align: right;
}

.payment-summary .item-summary > li .discount-list li .num span {
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.payment-summary .item-summary > li.item-group + li {
  margin-top: 30px;
}

.payment-summary .item-summary > li.item-group > .title {
  font-size: 14px;
}

.payment-summary .item-summary > li.item-group > .value {
  font-size: 13px;
}

.payment-summary .item-summary > li.item-group .item-summary {
  width: 100%;
  margin-top: 20px;
}

.payment-summary .item-summary.col2 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.payment-summary .item-summary.col2 > li {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding-right: 40px;
}

.payment-summary .item-summary.col2 > li:nth-child(1),
.payment-summary .item-summary.col2 > li:nth-child(2) {
  margin-top: 0;
}

.payment-summary .item-summary.col2 > li:nth-child(2n) {
  padding-right: 0;
  padding-left: 40px;
}

.payment-summary .total-box {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #000;
}

.payment-summary .total-box .item-summary .title {
  font-size: 16px;
}

.payment-summary .total-box .item-summary .value .price {
  color: #000;
}

.payment-summary .total-box .item-summary .value .price .num {
  font-size: 24px;
}

.payment-summary.noline {
  padding-bottom: 0;
  border-bottom: 0;
}

.payment-summary.noline .item-summary {
  padding: 0 30px;
}

.payment-summary.noline .total-box {
  border-top-color: #eee;
}

.claim-complete-wrap {
  padding-top: 150px;
  border-top: 1px solid #eee;
}

.claim-complete-wrap .complete-msg {
  text-align: center;
}

.claim-complete-wrap .complete-msg .title {
  margin-bottom: 23px;
  font-size: 24px;
  font-weight: 700;
}

.claim-complete-wrap .complete-msg .txt {
  color: #666;
  font-size: 14px;
  line-height: 24px;
}

.claim-complete-wrap .claim-step-box {
  margin-top: 150px;
}

.claim-complete-wrap .claim-step-box .step-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.claim-complete-wrap .claim-step-box .step-list li {
  flex: 1;
  position: relative;
}

.claim-complete-wrap .claim-step-box .step-list li .title {
  font-size: 16px;
  font-weight: 400;
}

.claim-complete-wrap .claim-step-box .step-list li .title .txt-step {
  padding-right: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.claim-complete-wrap .claim-step-box .step-list li .txt {
  margin-top: 15px;
  color: #666;
  font-size: 13px;
  line-height: 20px;
}

.claim-complete-wrap .claim-step-box .step-list li + li {
  padding-left: 70px;
}

.claim-complete-wrap .claim-step-box .step-list li + li::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 14px;
  height: 27px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_process.png) no-repeat 0 0;
}

.process-img-guide {
  margin: 45px 0;
}

.process-img-guide ol {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.process-img-guide ol li {
  position: relative;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  font-size: 16px;
}

.process-img-guide ol li::before {
  content: '';
  display: block;
  width: 75px;
  height: 75px;
  margin: 0 auto 22px;
}

.process-img-guide ol li:nth-child(1)::before {
  background-position: 0 0;
}

.process-img-guide ol li:nth-child(2)::before {
  background-position: -75px 0;
}

.process-img-guide ol li:nth-child(3)::before {
  background-position: -150px 0;
}

.process-img-guide ol li:nth-child(4)::before {
  background-position: -225px 0;
}

.process-img-guide ol li:nth-child(5)::before {
  background-position: -300px 0;
}

.process-img-guide ol li + li::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 14px;
  height: 27px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_process.png) no-repeat 0 0;
}

.process-img-guide ol li span {
  display: block;
  margin-top: 14px;
  font-size: 13px;
  color: #666;
}

.process-img-guide .order-process li::before {
  background: url(/img_up/shop_pds/banobagi/design/images/main/mypage/img_process_order.png) no-repeat;
}

.process-txt-guide {
  margin-top: 80px;
}

.process-txt-guide ol {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.process-txt-guide li {
  width: 50%;
  margin-bottom: 45px;
  padding-right: 30px;
}

.process-txt-guide li .title {
  font-size: 16px;
  font-weight: 400;
}

.process-txt-guide li .txt {
  margin-top: 17px;
  color: #666;
  font-size: 13px;
  line-height: 1.5;
}

.process-txt-guide li:nth-child(2n) {
  padding-right: 0;
  padding-left: 30px;
}

.edit-addr .board-head {
  margin-top: -60px;
}

.edit-addr .board-head [class*='btn-type'] {
  min-width: 130px;
}

.leave-group {
  padding-top: 40px;
  border-top: 1px solid #000;
}

.leave-group .check-list li + li {
  margin-left: 80px;
}

.leave-group .write-reason {
  margin-top: 20px;
}

.leave-group .write-reason textarea {
  height: 180px;
}

.complete-wrap.bye .complete-msg::before {
  content: '';
  display: block;
  margin: 0 auto 48px;
  width: 81px;
  height: 92px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_complete.png') no-repeat 0 0;
}

.tbl-write .etc-edit-info {
  margin-top: -23px;
  margin-bottom: 5px;
  text-align: right;
}

.tbl-write .etc-edit-info li {
  color: #666;
  font-size: 13px;
  line-height: 1.5;
}

.tbl-write .etc-edit-info li + li {
  margin-top: 6px;
}

.tbl-write .etc-edit-info li p,
.tbl-write .etc-edit-info li .btn-area {
  display: inline-block;
  vertical-align: top;
}

.tbl-write .etc-edit-info li .btn-area {
  min-width: 130px;
  margin-top: -2px;
}

.tbl-write .etc-edit-info li .btn-area .btn-link {
  position: relative;
  padding-right: 15px;
  color: #000;
  font-size: 13px;
}

.tbl-write .etc-edit-info li .btn-area .btn-link::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 11px;
  right: 0;
  width: 5px;
  height: 9px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow.png) no-repeat 0 0;
}

.tbl-write .edit-info-wrap {
  margin-top: 10px;
  padding: 40px;
  background: #f8f3f0;
}

.tbl-write .edit-info-wrap .input-box,
.tbl-write .edit-info-wrap .form-group {
  max-width: 100%;
}

.tbl-write .edit-info-wrap .input-box ~ .input-box,
.tbl-write .edit-info-wrap .input-box ~ .form-group,
.tbl-write .edit-info-wrap .form-group ~ .input-box,
.tbl-write .edit-info-wrap .form-group ~ .form-group {
  margin-top: 10px;
}

.tbl-write .edit-info-wrap .btn-box {
  margin-top: 30px;
}

.tbl-write .edit-info-wrap .btn-box [class*='btn-type'] {
  min-width: 116px;
}

.tbl-write .edit-info-wrap .btn-box [class*='btn-type'] + [class*='btn-type'] {
  margin-left: 6px;
}

.tbl-write .txt-tbl-phone {
  margin-right: 17px;
  line-height: 38px;
}

.tbl-write .txt-tbl-sns {
  margin-left: 100px;
  font-size: 16px;
  color: #000;
  vertical-align: middle;
}

.tbl-write .period-input {
  width: 220px;
  min-width: 220px;
}

.tbl-write .anniversary-box .period-input {
  margin-left: 10px;
}

.tbl-write .size-box .input-box {
  -ms-flex: 0 0 190px;
  flex: 0 0 190px;
}

.tbl-write .size-box .txt-unit {
  margin: 0 20px 0 10px;
  font-size: 13px;
}

.tbl-write .size-box select {
  -ms-flex: 1;
  flex: 1;
}

.tbl-write .select-coupon .select {
  margin-top: -10px;
  margin-left: 20px;
  vertical-align: top;
}

.tbl-write .srch-info-box {
  margin-top: 20px;
}

.tbl-write .srch-info-box .srch-info {
  margin-top: 20px;
}

.tbl-write .srch-info-box .srch-info .txt {
  margin-right: 20px;
  font-size: 16px;
  color: #000;
  vertical-align: middle;
}

.tbl-write .srch-info-box .srch-info [class*='btn-type'] {
  min-width: 80px;
  vertical-align: middle;
}

.toggle-wrap .btn-toggle {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -1px 0 0 5px;
  font-size: 0;
  background: url(/img_up/shop_pds/banobagi/design/images/main/btn_toggle.png) no-repeat 0 0;
}

.toggle-wrap.active .btn-toggle {
  background-position: 0 -18px;
}

.toggle-box {
  display: none;
}

.toggle-box.open {
  display: block;
}

.member-guide {
  margin-bottom: 60px;
}

.member-guide .user-id {
  color: #000;
}

.member-guide .txt-guide {
  color: #000;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.member-guide .txt-guide:first-child {
  margin-top: -6px;
}

.member-guide .txt-guide + .txt-guide {
  margin-top: 30px;
}

.membership-level {
  margin-bottom: 80px;
}

.membership-level table {
  border-collapse: separate;
}

.membership-level table thead th {
  height: 56px;
  font-size: 16px;
  border-right: 1px solid #fff;
}

.membership-level table thead th:not(.th-level) {
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  background: #e3d8c5;
}

.membership-level table thead th:first-child {
  border-radius: 10px 0 0 0;
}

.membership-level table thead th:last-child {
  border-right-color: #e3d8c5;
  border-radius: 0 10px 0 0;
}

.membership-level table thead th.th-level {
  padding-left: 20px;
  color: #fff;
  background: #000;
  text-align: left;
}

.membership-level table tbody th,
.membership-level table tbody td {
  padding: 40px 0;
  border: 1px solid #eee;
  letter-spacing: -0.25px;
  border-width: 0 1px 1px 0;
  vertical-align: middle;
}

.membership-level table tbody th {
  padding-left: 20px;
  color: #666;
  font-size: 13px;
  text-align: left;
  line-height: 20px;
  background: #f8f8f8;
  border-color: #f8f8f8;
}

.membership-level table tbody td {
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
}

.membership-level table tbody td .txt-benefits {
  margin-bottom: 15px;
}

.membership-level table tbody td .txt-benefits + .benefit-coupon {
  margin-top: 16px;
}

.membership-level table tbody td .level-voucher p {
  font-size: 12px;
  letter-spacing: -0.25px;
  line-height: 18px;
}

.membership-level table tbody td .level-coupon .benefit-item .coupon-img {
  display: inline-block;
  height: 32px;
  font-size: 0;
  vertical-align: middle;
}

.membership-level table tbody td .level-coupon .benefit-item .txt-benefit-num {
  display: inline-block;
  margin-left: 4px;
  font-size: 12px;
  color: #333;
  letter-spacing: -1px;
  vertical-align: middle;
}

.membership-level table tbody td .level-coupon .benefit-item .txt-benefit-num i,
.membership-level
  table
  tbody
  td
  .level-coupon
  .benefit-item
  .txt-benefit-num
  em {
  display: inline-block;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.membership-level table tbody td .benefit-mileage {
  display: inline-block;
  text-align: left;
}

.membership-level table tbody td .benefit-mileage::before {
  content: '';
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/mypage/icon_mileage.png) no-repeat 0 0;
  vertical-align: middle;
}

.membership-level table tbody td .benefit-mileage .txt-mileage {
  display: inline-block;
  margin-left: 3px;
  font-size: 12px;
  vertical-align: middle;
}

.membership-level table tbody td .benefit-mileage .txt-mileage .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.membership-level table tbody td .benefit-mileage .txt-mileage .num em {
  font-size: 18px;
}

.membership-benefit {
  margin-top: 80px;
  border-top: 1px solid #eee;
}

.membership-benefit ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
}

.membership-benefit ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-top: 80px;
}

.membership-benefit ul li .benefit-img {
  width: 130px;
}

.membership-benefit ul li .benefit-txt {
  font-size: 16px;
}

.membership-benefit ul li .benefit-txt .num {
  display: block;
  margin-bottom: 5px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
}

.membership-benefit ul li:nth-child(-n + 2) {
  margin-top: 0;
}

.txt-list.benefit-cmt {
  margin-top: 40px;
}

.staff-benefit {
  width: 100%;
  margin-top: 30px;
}

.staff-benefit table thead th {
  padding-bottom: 11px;
}

.staff-benefit table thead th span {
  display: block;
  height: 56px;
  margin: 0 5px 0 6px;
  color: #fff;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  background: #333;
  border-radius: 10px;
  line-height: 56px;
}

.staff-benefit table thead th:nth-child(1) span {
  margin-left: 0;
}

.staff-benefit table thead th:nth-child(3) span {
  margin-right: 0;
}

.staff-benefit table tbody td {
  padding: 40px 0;
  border: 1px solid #eee;
  vertical-align: top;
}

.staff-benefit table tbody td:nth-child(3) .brands {
  width: 352px;
}

.staff-benefit table tbody td:nth-child(3) .brands li:nth-child(1),
.staff-benefit table tbody td:nth-child(3) .brands li:nth-child(2) {
  margin-top: 0;
}

.staff-benefit table tbody td:nth-child(3) .brands li:nth-child(even) {
  margin-left: 30px;
}

.staff-benefit .brands {
  width: 161px;
  margin: 0 auto;
}

.staff-benefit .brands::after {
  content: '';
  display: block;
  clear: both;
}

.staff-benefit .brands li {
  float: left;
  text-align: center;
}

.staff-benefit .brands li + li {
  margin-top: 84px;
}

.staff-benefit .brands li .brand-item {
  margin: 0 auto;
}

.staff-benefit .brands li .brand-item .txt-brand {
  display: block;
  margin: 20px auto 0;
  color: #999;
}

.tab-wrap {
  position: relative;
}

.tab-wrap .tab-right {
  position: absolute;
  top: -6px;
  right: 0;
}

.my-benefit-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 80px;
  padding-top: 50px;
  border-top: 1px solid #eee;
}

.my-benefit-box .my-benefit {
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.my-benefit-box .my-benefit dt {
  font-size: 16px;
  line-height: 1.5;
}

.my-benefit-box .my-benefit dt button {
  margin-top: -1px;
  font-size: 16px;
  border-bottom: 1px solid;
}

.my-benefit-box .my-benefit dt button span {
  position: relative;
}

.my-benefit-box .my-benefit dd {
  margin-top: 25px;
}

.my-benefit-box .my-benefit dd .benefit-value {
  color: #c2935f;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 44px;
  font-weight: 300;
}

.my-benefit-box .my-benefit dd .benefit-value .btn-point {
  display: inline-block;
  margin-top: -5px;
  color: #c2935f;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 44px;
  font-weight: 300;
  border-bottom: 1px solid;
}

.my-benefit-box .my-benefit dd .benefit-value em {
  color: #000;
  font-size: 36px;
}

.my-benefit-box .my-benefit dd .expire-value {
  margin-top: 10px;
  font-size: 14px;
  color: #999;
}

.my-benefit-box .my-benefit dd .expire-value em {
  color: #c2935f;
}

.sec-title + .my-benefit-box {
  border-top-color: #000;
}

.giftcard-guide {
  position: relative;
  padding: 40px;
  background: #f8f3f0;
}

.giftcard-guide .txt-list {
  margin-top: 0;
}

.giftcard-guide .btns {
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.giftcard-guide .btns [class*='btn-type'] {
  display: block;
}

.giftcard-guide .btns [class*='btn-type'] + [class*='btn-type'] {
  margin-top: 10px;
}

.sec-title-box .right .txt-giftcard {
  margin-top: 5px;
  color: #999;
}

.sec-title-box .right .txt-giftcard .price {
  color: #000;
}

.sec-title-box .right .txt-giftcard .price .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 24px;
  vertical-align: -1px;
}

.tbl-write .byte-info {
  margin-top: 10px;
  overflow: hidden;
}

.tbl-write .byte-info .secret {
  float: left;
}

.tbl-write .byte-info .txt-byte {
  float: right;
  color: #ccc;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.tbl-write .byte-info .txt-byte .num {
  color: #000;
}

.btn-like2 {
  display: inline-block;
  height: 18px;
  padding-left: 30px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/btn_like5.png) no-repeat 0 0;
  line-height: 18px;
}

.btn-like2 .like-count {
  font-size: 14px;
  color: #666;
  vertical-align: middle;
}

.btn-like2.on {
  background-position: 0 -18px;
}

.btn-like2.on .like-count {
  color: #000;
}

.review-wear-info {
  width: 100%;
}

.review-wear-info th {
  width: 84px;
  height: 40px;
  color: #000;
}

.review-wear-info td {
  text-align: center;
}

.review-wear-info td div {
  background: #eee;
  border-radius: 4px;
  font-size: 0;
}

.review-wear-info td div span {
  display: inline-block;
  width: 33.3%;
  line-height: 20px;
  font-size: 12px;
  color: #999;
  border-radius: 4px;
}

.review-wear-info td div span:first-child {
  width: 33.4%;
}

.review-wear-info td div span.on {
  color: #fff;
  background: #000;
}

.attached-img {
  z-index: 105;
}

.attached-img:before {
  display: none;
}

.attached-img .layer-wrap {
  position: static;
  width: 100%;
  height: 100%;
  margin: 0;
  background: none;
}

.attached-img .layer-container {
  overflow: hidden;
  padding: 0;
  width: 100%;
  height: 100%;
}

.attached-img .layer-view-img {
  position: relative;
  display: flex;
  justify-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.attached-img .layer-view-vod {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.attached-img .layer-view-vod .video-skin {
  width: 100%;
  height: 100%;
  max-width: calc(100% - 600px);
  max-height: calc(100% - 300px);
}

.attached-img .layer-view-vod .video-skin .vod-box {
  width: 100%;
  height: 100%;
}

.attached-img .layer-view-vod iframe,
.attached-img .layer-view-vod video {
  width: 100%;
  height: 100%;
}

.layer-vod-full .btn-layer-close {
  top: 150px !important;
  right: 240px !important;
}

.attached-img .swiper-slide {
  text-align: center;
}

.attached-img .swiper-slide .box {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}

.attached-img .swiper-slide .box .vod {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.attached-img .swiper-slide .box .vod iframe,
.attached-img .swiper-slide .box .vod video {
  max-width: calc(100% - 780px);
  max-height: calc(100vh - 300px);
  width: 100%;
  height: 100%;
}

.attached-img .swiper-slide .box .img {
  display: table-cell;
  vertical-align: middle;
}

.attached-img .swiper-slide .box .img img {
  max-width: 100%;
  max-width: calc(100% - 780px);
  max-height: calc(100vh - 120px);
}

.attached-img .swiper-slide:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.attached-img .slide-container {
  position: relative;
  width: 100%;
}

.attached-img .slide-pagination {
  display: none;
  position: absolute;
  bottom: 40px;
  width: 100%;
  text-align: center;
}

.attached-img .slide-nav button {
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -51px;
}

.attached-img .slide-nav .slide-nav-prev {
  left: 300px;
}

.attached-img .slide-nav .slide-nav-next {
  right: 300px;
}

.attached-img .btn-layer-close {
  width: 24px;
  height: 24px;
  top: 114px;
  right: 305px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_layer_close_wh.png') no-repeat;
}

.attached-img:not([data-slide-length]) .slide-nav {
  display: none;
}

.board-list.board-coupon .list-row .cell-benefit {
  width: 160px;
}

.board-list.board-coupon .list-row .cell-match {
  width: 120px;
}

.board-list.board-coupon .list-row .cell-device {
  width: 120px;
}

.board-list.board-coupon .coupon-info {
  padding-top: 3px;
}

.board-list.board-coupon .coupon-info .coupon-sort {
  display: block;
  font-size: 14px;
}

.board-list.board-coupon .coupon-info .coupon-name {
  font-size: 16px;
}

.board-list.board-coupon .coupon-info .coupon-sort + .coupon-name {
  margin-top: 2px;
}

.board-list.board-coupon .coupon-info .coupon-etc {
  margin-top: 15px;
  color: #666;
  font-size: 14px;
}

.board-list.board-coupon .coupon-info .coupon-etc .date {
  padding-right: 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.board-list.board-coupon .coupon-info .coupon-etc .status {
  color: #c2935f;
}

.board-list.board-coupon .device-list {
  display: inline-block;
}

.board-list.board-coupon .device-list li {
  color: #666;
}

.board-list.board-coupon .device-list li + li {
  margin-top: 5px;
}

.board-list.board-point .list-row .cell-date,
.board-list.board-point .list-row .cell-date2,
.board-list.board-point .list-row .cell-plus,
.board-list.board-point .list-row .cell-minus {
  width: 120px;
}

.board-list.board-point .list-content .list-row .cell-date,
.board-list.board-point .list-content .list-row .cell-date2,
.board-list.board-point .list-content .list-row .cell-plus,
.board-list.board-point .list-content .list-row .cell-minus {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.board-list.board-point .list-content .list-row .txt-detail {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}

.board-list.board-point .list-content .list-row .txt-detail + .txt-detail {
  margin-top: 5px;
}

.board-list.board-point .list-content .list-row .txt-detail em {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 5px;
}

.board-list.board-point .list-content .list-row .txt-detail .value {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: none;
}

.board-list.board-point .list-content .list-row .txt-detail .value a {
  vertical-align: middle;
}

.board-list.board-point .list-content .list-row .txt-detail .value.num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.board-list.board-point .list-content .list-row .txt-detail .value.num a {
  text-decoration: underline;
}

.board-list.board-giftcard .list-row .cell-amount {
  width: 180px;
}

.board-list.board-giftcard .list-row .cell-status {
  width: 180px;
}

.board-list.board-giftcard .list-row .cell-receipt {
  width: 240px;
}

.board-list.board-giftcard .list-row .cell-hplus {
  width: 120px;
}

.board-list.board-giftcard .list-content .list-row .cell-date,
.board-list.board-giftcard .list-content .list-row .cell-amount {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.board-list.board-giftcard .list-content .list-row .cell-status {
  width: 180px;
  color: #c2935f;
}

.board-list.board-giftcard .list-content .list-row .cell-receipt p {
  display: inline-block;
  vertical-align: middle;
}

.board-list.board-giftcard .list-content .list-row .cell-receipt .btns {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

.board-list.board-giftcard .list-content .list-row .cell-hplus {
  width: 120px;
}

.board-list.board-address .list-row .cell-select {
  width: 80px;
}

.board-list.board-address .list-row .cell-name {
  width: 120px;
}

.board-list.board-account .list-row .cell-bank {
  width: 200px;
}

.board-list.board-account .list-row .cell-account {
  width: auto;
}

.board-list.board-account .list-row .cell-name {
  width: 200px;
}

.board-list.board-account .list-row .cell-birth + .cell-name {
  width: 160px;
}

.board-list.board-account .list-row .cell-bank2,
.board-list.board-account .list-row .cell-account2 {
  padding-left: 20px;
  padding-right: 20px;
}

.board-list.board-account .list-row .cell-bank2 {
  width: 220px;
}

.board-list.board-account .list-row .cell-bank2 .select {
  width: 100%;
  text-align: left;
}

.board-list.board-account .list-row .cell-bank2 .select .sel-list ul {
  max-height: 220px;
  overflow-y: auto;
}

.board-list.board-account .list-row .cell-account2 {
  width: auto;
}

.board-list.board-account .list-content .list-row .cell-account {
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.board-list.board-account .list-content .list-row .cell-name {
  font-size: 16px;
  color: #000;
}

.board-list.board-account .list-content .list-row .cell-birth + .cell-name {
  font-size: 14px;
  color: #666;
}

.board-list.board-membership .list-row .cell-membership {
  width: 150px;
}

.board-list.board-membership .list-row .cell-channel {
  width: 120px;
}

.board-list.board-membership .list-row .cell-mileage {
  width: 200px;
}

.board-list.board-membership .list-content .list-row .cell-membership,
.board-list.board-membership .list-content .list-row .cell-mileage {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.board-list.board-zip .list-row .cell-zip {
  width: 90px;
  color: #000;
}

.board-list.board-zip .list-row .cell-address {
  width: auto;
  color: #000;
}

.board-list.board-zip .list-content .list-row .cell-address {
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}

.search-zip {
  position: relative;
  height: 60px;
}

.search-zip .inp-search {
  height: 100%;
  font-size: 16px;
  line-height: 56px;
}

.search-zip .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 100%;
  font-size: 0;
  background: url(/img_up/shop_pds/banobagi/design/images/main/btn_search.png) no-repeat 50% 50%;
}

.zip-result-box {
  margin-top: 40px;
}

.zip-result-box .board-zip .list-content {
  max-height: 372px;
  overflow-y: auto;
}

.address-input {
  margin-top: 40px;
}

.address-input dl dt {
  font-size: 16px;
  color: #000;
}

.address-input dl dd {
  margin-top: 20px;
}

.address-input dl dd ~ dt {
  margin-top: 40px;
}

.address-input .address-info li {
  display: table;
  font-size: 14px;
  color: #000;
}

.address-input .address-info li .title,
.address-input .address-info li .value {
  display: table-cell;
}

.address-input .address-info li .title {
  width: 125px;
}

.address-input .address-info li + li {
  margin-top: 20px;
}

.summary-box {
  margin-bottom: 60px;
  padding: 50px 0 0;
  border-top: 1px solid #eee;
}

.summary-box ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.summary-box li {
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.summary-box li .title {
  display: block;
  font-size: 16px;
  line-height: 1.5;
}

.summary-box li .value {
  display: block;
  margin-top: 20px;
  color: #c2935f;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 44px;
  font-weight: 300;
}

.summary-box li .value a {
  display: inline-block;
  border-bottom: 2px solid;
}

.qna-group {
  padding: 30px 80px 34px 70px;
  color: #666;
  font-size: 14px;
  line-height: 1.7;
  word-break: break-all;
}

.qna-group .question-box .qna-order .txt-num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.qna-group .question-box .qna-alarm {
  margin-top: 20px;
}

.qna-group .answer-box {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #eee;
}

.qna-group .answer-box .answer-item {
  position: relative;
  padding-left: 30px;
}

.qna-group .answer-box .answer-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border: 2px solid #000;
  border-width: 0 0 2px 2px;
}

.qna-group .answer-box .answer-item .date {
  margin-top: 25px;
}

.qna-group .answer-box .answer-item .cs-answer {
  margin-bottom: 10px;
}

.qna-group .answer-box .answer-item .cs-answer .date {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.qna-group .answer-box .answer-item + .answer-item {
  margin-top: 40px;
}

.qna-group .date .sec {
  padding-left: 10px;
}

.board-list .fold-cont .btns {
  margin-top: 60px;
}

.board-list .fold-cont .btns-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
}

.board-list .fold-cont .btns-group .qna-reply {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 30px;
}

.board-list .fold-cont .btns-group .qna-reply li {
  position: relative;
  margin-left: 20px;
  padding-left: 11px;
  color: #c2935f;
}

.board-list .fold-cont .btns-group .qna-reply li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 2px;
  height: 2px;
  background: #c2935f;
}

.board-list .fold-cont .btns-group .qna-reply li em {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.board-list .fold-cont .btns-group .btns {
  margin-top: 0;
}

.board-list.board-qna .list-row .cell-num {
  width: 100px;
}

.board-list.board-qna .list-content .list-row {
  padding-right: 80px;
}

.board-list.board-qna.myqna .list-row .cell-num {
  width: 50px;
}

.board-list.board-qna.myqna .list-content .files .img-file button {
  position: relative;
  background: none !important;
}

.board-list.board-qna.myqna .list-content .files .img-file button img {
  position: absolute;
  display: block;
}

.board-list.board-qna.myqna .list-content .files .img-file button img.w {
  top: 0;
  left: 50%;
  height: 100%;
  width: unset;
  transform: translateX(-50%);
}

.board-list.board-qna.myqna .list-content .files .img-file button img.h {
  top: 50%;
  left: 0;
  width: 100%;
  height: unset;
  transform: translateY(-50%);
}

.board-list.board-qna .qna-prd-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 30px 0 40px;
}

.board-list.board-qna .qna-prd-item .item-img {
  width: 100px;
  height: 150px;
  margin-right: 28px;
  border: 1px solid #ddd;
}

.board-list.board-qna .qna-prd-item .item-img img {
  width: 100%;
}

.board-list.board-qna .qna-prd-item .review-prd-info {
  display: block;
}

.board-list.board-qna .qna-prd-item .review-prd-info li + li {
  margin: 0;
  padding: 0;
}

.board-list.board-review .list-row .cell-num {
  width: 50px;
}

.board-list.board-review .list-content .title-review .icon-attach {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  margin-left: 5px;
  font-size: 0;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_attach_img.png) no-repeat 0 0;
  vertical-align: top;
}

.board-list.board-review .list-content .title-review .icon-best {
  margin: 1px 0 0;
  vertical-align: top;
  display: inline-block;
  height: 21px;
  padding: 0 9px;
  border-radius: 2px;
  border: 1px solid #333;
  font-size: 12px;
  line-height: 21px;
  background: #c2935f;
  border-color: #c2935f;
  color: #fff;
}

.board-list.board-review .list-content .review-group {
  padding: 30px 80px 34px 70px;
  color: #666;
  font-size: 14px;
  line-height: 1.7;
  word-break: break-all;
}

.board-list.board-review .list-content .review-group .review-prd-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
}

.board-list.board-review
  .list-content
  .review-group
  .review-prd-item
  .item-img {
  width: 100px;
  height: 150px;
  margin-right: 28px;
  border: 1px solid #ddd;
}

.board-list.board-review
  .list-content
  .review-group
  .review-prd-item
  .item-img
  img {
  width: 100%;
}

.board-list.board-review
  .list-content
  .review-group
  .review-prd-item
  .review-prd-info {
  display: block;
}

.board-list.board-review
  .list-content
  .review-group
  .review-prd-item
  .review-prd-info
  li
  + li {
  margin: 0;
  padding: 0;
}

.board-list.board-review .list-content .review-group .review-prd-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.board-list.board-review .list-content .review-group .review-prd-info li {
  position: relative;
}

.board-list.board-review .list-content .review-group .review-prd-info li + li {
  margin-left: 20px;
  padding-left: 21px;
}

.board-list.board-review
  .list-content
  .review-group
  .review-prd-info
  li
  + li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 1px;
  height: 10px;
  background: #ddd;
}

.board-list.board-review
  .list-content
  .review-group
  .review-prd-info
  .prd-option
  .prd-option-color
  [class*='pdColor'] {
  position: relative;
  padding-right: 25px;
  width: auto;
  height: auto;
  font-size: 14px;
  text-transform: uppercase;
}

.board-list.board-review
  .list-content
  .review-group
  .review-prd-info
  .prd-option
  .prd-option-color
  [class*='pdColor']::before {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 15px;
  height: 15px;
  margin-top: -1px;
}

.board-list.board-review .list-content .review-group .txt-box {
  margin-top: 15px;
}

.board-list.board-review .list-content .review-group .wear-feeling {
  margin-top: 30px;
}

.board-list.board-review .list-content .review-group .wear-feeling span {
  position: relative;
  padding-left: 10px;
  color: #000;
  font-size: 14px;
}

.board-list.board-review
  .list-content
  .review-group
  .wear-feeling
  span::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 2px;
  height: 2px;
  background: #000;
}

.board-list.board-review .list-content .review-group .wear-feeling span + span {
  margin-left: 20px;
}

.layer-wrap .page-info + .txt-list {
  margin-top: -5px;
}

.layer-wrap .input-info-group + .txt-list {
  margin-top: 35px;
}

.layer-wrap .txt-group {
  margin-top: 35px;
}

.layer-wrap .wrap-product-list.coupon-goods .product-list {
  margin: 0 -5px;
}

.layer-wrap .wrap-product-list.coupon-goods .product-list li {
  width: calc(100% / 6);
}

.layer-wrap .wrap-product-list.coupon-goods .product-list .item-box {
  margin: 0 5px;
  color: #000;
}

.layer-wrap .wrap-product-list.coupon-goods .product-list .item-info {
  padding: 20px 0 0;
}

.layer-wrap .wrap-product-list.coupon-goods .product-list .item-brand {
  margin-bottom: 6px;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.layer-wrap .wrap-product-list.coupon-goods .product-list .item-name {
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
  height: 40px;
  max-height: 40px;
  line-height: 20px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
}

.layer-wrap .wrap-product-list.coupon-goods .paging {
  margin-top: 0;
}

.layer-wrap .coupon-target-box {
  padding: 30px;
  background: #f8f3f0;
}

.layer-wrap .coupon-target-box .coupon-target {
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.layer-wrap .coupon-target-box .coupon-target dt {
  font-size: 14px;
  font-weight: 700;
}

.layer-wrap .coupon-target-box .coupon-target dd {
  margin-top: 20px;
  font-size: 13px;
}

.layer-wrap .coupon-target-box .coupon-target dd .sub-cate {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.layer-wrap .coupon-target-box .coupon-target dd .sub-cate .cate a {
  text-decoration: underline;
}

.layer-wrap .coupon-target-box .coupon-target dd .sub-cate .cate .season {
  color: #999;
}

.layer-wrap .coupon-target-box .coupon-target dd .sub-cate .cate .season em {
  font-weight: 400;
}

.layer-wrap .coupon-target-box .coupon-target dd .sub-cate .per {
  color: #c2935f;
}

.layer-wrap .coupon-target-box .coupon-target dd .sub-cate .per em {
  font-weight: 400;
}

.layer-wrap .coupon-target-box .coupon-target dd .sub-cate + .sub-cate {
  margin-top: 15px;
}

.layer-wrap .coupon-target-box .coupon-target + .coupon-target {
  margin-top: 40px;
}

.layer-wrap .giftcard-info-box {
  padding: 30px;
  background: #f8f3f0;
}

.layer-wrap .giftcard-info-box .giftcard-input {
  width: 100%;
  font-size: 0;
}

.layer-wrap .giftcard-info-box .giftcard-input + .giftcard-input {
  margin-top: 20px;
}

.layer-wrap .giftcard-info-box .giftcard-input dt,
.layer-wrap .giftcard-info-box .giftcard-input dd {
  display: inline-block;
  font-size: 14px;
}

.layer-wrap .giftcard-info-box .giftcard-input dt {
  width: 100px;
  color: #000;
}

.layer-wrap .giftcard-info-box .giftcard-input dd {
  width: calc(100% - 100px);
}

.layer-wrap .giftcard-info-box .card-num-group {
  position: relative;
}

.layer-wrap .giftcard-info-box .card-num-group .btn-regist {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 80px;
}

.layer-wrap .giftcard-info-box .card-num-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 524px;
}

.layer-wrap .giftcard-info-box .card-num-box .inp-sm {
  min-width: 100px;
}

.layer-wrap .giftcard-info-box .card-num-box .hyphen {
  padding: 0 3px;
}

.layer-wrap .giftcard-info-box + .txt-list {
  margin-top: 15px;
}

.layer-wrap .giftcard-num-check {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.layer-wrap .giftcard-num-check .giftcard-num {
  width: 50%;
  text-align: center;
}

.layer-wrap .giftcard-num-check .giftcard-num + .giftcard-num {
  margin-left: 20px;
}

.layer-wrap .giftcard-num-check .giftcard-num dt {
  height: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  color: #000;
}

.layer-wrap .giftcard-num-check .giftcard-num dd img {
  border: 1px solid #eee;
}

.layer-wrap .giftcard-info-box ~ .txt-list {
  margin-top: 15px;
}

.layer-wrap .board-list.expired-point .list-row [class*='cell-'],
.layer-wrap .board-list.expired-mileage .list-row [class*='cell-'] {
  width: 50%;
}

.layer-wrap .board-list.expired-point .list-content,
.layer-wrap .board-list.expired-mileage .list-content {
  padding: 30px 0;
}

.layer-wrap .board-list.expired-point .list-content > li,
.layer-wrap .board-list.expired-mileage .list-content > li {
  min-height: auto;
  border: 0;
}

.layer-wrap .board-list.expired-point .list-content > li + li,
.layer-wrap .board-list.expired-mileage .list-content > li + li {
  margin-top: 20px;
}

.layer-wrap .board-list.expired-point .list-content [class*='cell-'],
.layer-wrap .board-list.expired-mileage .list-content [class*='cell-'] {
  padding: 0;
}

.layer-wrap .board-list.expired-point .list-content .cell-date,
.layer-wrap .board-list.expired-mileage .list-content .cell-date {
  color: #000;
}

.mycloset-wrap .wrap-product-list {
  margin-top: 0;
}

.mycloset-wrap .wrap-product-list .list-head {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: -20px 0 34px;
  padding-left: 0;
  border-top: 0;
  border-bottom: 1px solid #000;
}

.mycloset-wrap .wrap-product-list .list-head .list-count {
  line-height: 48px;
}

.mycloset-wrap .wrap-product-list .list-head .list-count span {
  color: #000;
}

.mycloset-wrap .wrap-product-list .cell-left {
  position: absolute;
  left: 0;
}

.mycloset-wrap .wrap-product-list .cell-left .select .sel-list {
  top: 49px;
  left: 0;
  right: auto;
}

.mycloset-wrap .wrap-product-list .list-filter {
  text-align: right;
}

.mycloset-wrap .wrap-product-list .list-filter .btn-closet-filter {
  margin-top: 10px;
}

.mycloset-wrap .wrap-product-list .list-filter .filter-layer {
  top: 49px;
  padding: 0 30px 30px;
  background: #fff;
  border: 1px solid #000;
  text-align: left;
}

.mycloset-wrap .wrap-product-list .list-filter .filter-layer .filter-menu {
  float: none;
  display: table;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #eee;
}

.mycloset-wrap .wrap-product-list .list-filter .filter-layer .filter-title {
  display: table-cell;
  width: 130px;
  padding-top: 10px;
  font-size: 14px;
  vertical-align: top;
}

.mycloset-wrap .wrap-product-list .list-filter .filter-layer .filter-sub {
  display: table-cell;
  position: static;
}

.mycloset-wrap
  .wrap-product-list
  .list-filter
  .filter-layer
  .filter-sub
  .inner {
  padding: 0;
  border: 0;
}

.mycloset-wrap .wrap-product-list .list-filter .filter-layer .btn-box {
  width: 100%;
}

.mycloset-wrap
  .wrap-product-list
  .list-filter
  .filter-layer
  .btn-box
  [class*='btn-type']
  + [class*='btn-type'] {
  margin-left: 6px;
}

.mycloset-wrap
  .wrap-product-list
  .list-filter
  .filter-layer
  .filterSlideWrap
  .input {
  font-size: 13px;
}

.mycloset-wrap
  .wrap-product-list
  .list-filter
  .filter-layer
  .filterSlideWrap
  .input
  .btn-filter-price
  span {
  margin-right: 0;
}

.mycloset-wrap .wrap-product-list .list-filter .check-skin input + span {
  font-size: 13px;
}

.mycloset-wrap .wrap-product-list .selected-filter {
  padding-top: 10px;
}

.mycloset-wrap .wrap-product-list .selected-filter button {
  color: #666;
}

.mycloset-wrap .wrap-product-list .selected-filter button span {
  position: relative;
  pointer-events: none;
}

.mycloset-wrap .product-list {
  margin: -40px -10px 0 -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mycloset-wrap .product-list > li {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  position: relative;
  margin: 40px 0 0 0;
  padding-bottom: 50px;
}

.mycloset-wrap .product-list .item-box {
  margin: 0 10px;
}

.mycloset-wrap .product-list .item-box .soldout {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 24px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}

.mycloset-wrap .product-list .item-box .soldout span {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.mycloset-wrap .product-list .item-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 10px;
}

.mycloset-wrap .product-list .item-btn button {
  flex: 1;
}

.mycloset-wrap .product-list .item-btn button + button {
  margin-left: 6px;
}

.mycloset-wrap .product-list .item-info {
  padding: 20px 0 0;
}

.mycloset-wrap .product-list .item-price * {
  margin-right: 7px;
}

.mycloset-wrap .closet-group .closet-title {
  margin: 0 0 20px 0;
  font-size: 18px;
}

.mycloset-wrap .closet-group .closet-title [class*='pdColor'] {
  font-size: 18px;
  width: auto;
  height: auto;
}

.mycloset-wrap .closet-group .closet-title [class*='pdColor']::before {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  vertical-align: -1px;
}

.mycloset-wrap .closet-group .closet-title .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.mycloset-wrap .closet-group .closet-title.cate-type span {
  display: inline-block;
}

.mycloset-wrap .closet-group .closet-title.cate-type span + span {
  margin-left: 10px;
  padding-left: 16px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/arrow_cate.png') no-repeat 0 50%;
}

.mycloset-wrap .closet-group .closet-title.brand-type {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.mycloset-wrap .closet-group ~ .closet-group {
  margin-top: 100px;
}

.layer-coordinate.layer-pop .layer-wrap {
  width: 764px;
}

.layer-coordinate.layer-pop .layer-wrap .layer-container .layer-content {
  width: 684px;
}

.layer-coordinate .coordinate-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.layer-coordinate .coordinate-wrap .coordi-left {
  width: 238px;
  padding-right: 38px;
}

.layer-coordinate .coordinate-wrap .coordi-right {
  width: calc(100% - 238px);
  padding-left: 62px;
  border-left: 1px solid #eee;
}

.layer-coordinate .coordinate-wrap .coordi-item {
  margin: 0;
}

.layer-coordinate .coordinate-wrap .coordi-item .item-box {
  margin: 0;
}

.layer-coordinate .coordinate-wrap .coordi-item .item-info {
  padding: 15px 0 0;
  color: #000;
}

.layer-coordinate .coordinate-wrap .coordi-item .item-brand {
  margin: 0 0 10px;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.layer-coordinate .coordinate-wrap .coordi-item .item-name {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.layer-coordinate .coordinate-wrap .coordi-item .item-price {
  margin: 10px 0 0;
  font-size: 20px;
  font-weight: 400;
}

.layer-coordinate .coordinate-wrap .coordi-item .item-price .price {
  color: #000;
}

.layer-coordinate .coordinate-wrap .coordi-item .item-color {
  margin: 15px 0 0 -6px;
  font-size: 0;
}

.layer-coordinate .coordinate-wrap .coordi-item .item-color .color-check {
  margin: 6px 0 0 6px;
}

.layer-coordinate .coordinate-wrap .like-items {
  margin-top: 45px;
}

.layer-coordinate .coordinate-wrap .like-items .like-item-list {
  width: 204px;
  height: 196px;
  margin: -4px 0 0 -4px;
  font-size: 0;
}

.layer-coordinate .coordinate-wrap .like-items .like-item-list li {
  display: inline-block;
  margin: 4px 0 0 4px;
}

.layer-coordinate .coordinate-wrap .like-items .like-item-list li .item-box {
  width: 64px;
  height: 96px;
  overflow: hidden;
}

.layer-coordinate
  .coordinate-wrap
  .like-items
  .like-item-list
  li
  .item-box
  img {
  width: 100%;
}

.layer-coordinate .coordinate-wrap .like-items .paging {
  margin-top: 20px;
}

.layer-coordinate .coordinate-wrap .coordi-right-item .layer-sec-title {
  margin-top: 0;
}

.layer-coordinate .coordinate-wrap .coordi-right-item + .coordi-right-item {
  margin-top: 30px;
}

.layer-coordinate .coordinate-wrap .rcm-coordi-group {
  position: relative;
  width: 360px;
}

.layer-coordinate
  .coordinate-wrap
  .rcm-coordi-group
  [data-slide-length='1']
  .slide-pagination,
.layer-coordinate
  .coordinate-wrap
  .rcm-coordi-group
  [data-slide-length='2']
  .slide-pagination,
.layer-coordinate
  .coordinate-wrap
  .rcm-coordi-group
  [data-slide-length='3']
  .slide-pagination,
.layer-coordinate
  .coordinate-wrap
  .rcm-coordi-group
  [data-slide-length='4']
  .slide-pagination {
  display: none;
}

.layer-coordinate .coordinate-wrap .rcm-coordi-group + .rcm-coordi-group {
  margin-top: 30px;
}

.layer-coordinate .coordinate-wrap .rcm-coordi-group .title span {
  display: inline-block;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 14px;
  color: #000;
}

.layer-coordinate .coordinate-wrap .rcm-coordi-group .title span + span {
  margin-left: 10px;
  padding-left: 16px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/arrow_cate.png') no-repeat 0 50%;
}

.layer-coordinate .coordinate-wrap .rcm-coordi-group .list {
  position: relative;
  margin-top: 20px;
}

.layer-coordinate .coordinate-wrap .rcm-coordi-group .list .product-list {
  margin: 0 -2px;
}

.layer-coordinate .coordinate-wrap .rcm-coordi-group .list .item-box {
  margin: 0 2px;
}

.layer-coordinate .coordinate-wrap .rcm-coordi-group .list .slide-pagination {
  margin-top: 25px;
  text-align: center;
}

.layer-coordinate
  .coordinate-wrap
  .rcm-coordi-group
  .list
  .slide-pagination
  .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
}

.layer-coordinate .coordinate-wrap .rcm-coordi-group .list .slide-nav-prev,
.layer-coordinate .coordinate-wrap .rcm-coordi-group .list .slide-nav-next {
  position: absolute;
  top: 53px;
}

.layer-coordinate .coordinate-wrap .rcm-coordi-group .list .slide-nav-prev {
  left: -24px;
}

.layer-coordinate .coordinate-wrap .rcm-coordi-group .list .slide-nav-next {
  right: -24px;
}

.layer-coordinate .coordinate-wrap .rcm-coordi-group .list .btn-like {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 14px;
  height: 13px;
}

.layer-coordinate .coordinate-wrap .rcm-coordi-group .list .btn-like::after,
.layer-coordinate .coordinate-wrap .rcm-coordi-group .list .btn-like span {
  width: 14px;
  height: 13px;
  margin: 0;
  background-size: 14px auto;
}

.layer-opt-select .layer-wrap .product-view-info {
  display: block;
  width: 100%;
  padding: 0;
  color: #000;
}

.layer-opt-select .layer-wrap .product-view-info .item-brand {
  font-size: 14px;
  margin-bottom: 15px;
}

.layer-opt-select .layer-wrap .product-view-info .item-name {
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
}

.layer-opt-select .layer-wrap .product-view-info .product-view-option {
  padding-top: 0;
  border-top: 0;
}

.layer-opt-select .layer-wrap .product-view-info .product-view-option .size {
  padding-right: 0;
}

.layer-opt-select
  .layer-wrap
  .product-view-info
  .product-view-option
  .option-bot {
  margin-top: 80px;
}

.layer-opt-select .layer-wrap .product-view-info .product-view-option .dlv-sel {
  margin-top: 30px;
  border: 0;
}

.layer-opt-select .layer-wrap .product-view-info .product-view-option .btn-box {
  margin-top: 30px;
}

.layer-opt-select .option-change .option-bot {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}

.layer-opt-select .option-change .quantity {
  position: relative;
}

.layer-opt-select .option-change .quantity ~ .quantity {
  margin-top: 30px;
}

.layer-opt-select .option-change .quantity .tit {
  display: block;
  font-size: 13px;
  font-weight: 400;
}

.layer-opt-select .option-change .quantity .tit .name {
  color: #999;
}

.layer-opt-select .option-change .quantity .item-count {
  width: auto;
}

.layer-opt-select .option-change .quantity .item-count .input-num {
  width: 55px;
}

.layer-opt-select .option-change .quantity .price {
  position: absolute;
  right: 0;
  bottom: 0;
}

.layer-opt-select .option-change .quantity .price .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.layer-opt-select .option-change .quantity .price .btn-reset {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  background: #eee url('/img_up/shop_pds/banobagi/design/images/main/btn_reset.png') no-repeat 50% 50%;
  border-radius: 3px;
  vertical-align: 6px;
  font-size: 0;
}

.layer-opt-select .option-change .quantity .price .btn-reset span {
  position: relative;
}

.layer-opt-select .option-change .pd-name,
.layer-opt-select .option-change .add-option {
  margin-bottom: 5px;
  padding-right: 80px;
  font-size: 13px;
  color: #999;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.layer-opt-select .option-change .pd-name span,
.layer-opt-select .option-change .add-option span {
  display: inline-block;
  width: 46px;
  height: 20px;
  margin-right: 5px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  background: #c2935f;
  border-radius: 2px;
  color: #fff;
}

.layer-opt-select .option-change .total {
  position: relative;
  margin: 30px 0 0;
  padding: 30px 0 30px;
  text-align: right;
  border-top: 1px solid #eee;
  border-bottom: 1px dashed #eee;
}

.layer-opt-select .option-change .total .tit {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  font-weight: 400;
}

.layer-opt-select .option-change .total .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
}

.layer-opt-select .option-change .sel-pickup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 40px 0 0;
}

.layer-opt-select .option-change .sel-pickup .chkeck-skin input + span {
  color: #000;
}

.layer-opt-select .option-change .sel-pickup .btn-tooltip {
  vertical-align: -5px;
  margin-left: 6px;
}

.layer-opt-select .option-change .sel-pickup .pickup-check {
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
}

.layer-opt-select .option-change .sel-pickup .dlv-sel-shop {
  -ms-flex: 1;
  flex: 1;
}

.layer-opt-select .option-change .sel-pickup .dlv-sel-shop p {
  display: inline-block;
  min-height: 22px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #000;
  line-height: 22px;
  vertical-align: middle;
}

.layer-opt-select .option-change .sel-pickup .dlv-sel-shop .btn-store {
  width: 97px;
  height: 26px;
  font-size: 13px;
  text-align: center;
  color: #000;
  line-height: 26px;
  background-color: #eee;
}

.layer-pop .tab-wrap > .tabs {
  margin-bottom: 40px;
  text-align: left;
}

.receipt-wrap .receipt-msg {
  color: #000;
}

.receipt-wrap .receipt-msg dt {
  font-size: 20px;
}

.receipt-wrap .receipt-msg dd {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.7;
}

.receipt-wrap .txt-info-group {
  margin: 40px 0;
  padding: 35px 0;
  background: none;
  border: 1px solid #eee;
  border-width: 1px 0;
}

.receipt-wrap .txt-info-group li + li {
  margin-top: 25px;
}

.receipt-wrap .txt-info-group li .txt-label {
  width: 145px;
}

.receipt-wrap .txt-info-group li .txt-value {
  font-size: 14px;
}

.receipt-wrap .txt-cmt-box {
  margin-top: 40px;
  font-size: 13px;
  color: #666;
  line-height: 1.7;
}

.tracking-wrap .delivery-info {
  margin-top: -10px;
  margin-bottom: 30px;
  padding: 0;
  border: 0;
}

.tracking-wrap .delivery-info table th,
.tracking-wrap .delivery-info table td {
  padding: 3px 0;
  color: #000;
  line-height: 28px;
}

.tracking-wrap .delivery-info table th {
  vertical-align: top;
}

.tracking-wrap .Tracking-history .list {
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
}

.tracking-wrap .Tracking-history .list li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
}

.tracking-wrap .Tracking-history .list li .time {
  width: 190px;
}

.tracking-wrap .Tracking-history .list li .location {
  font-size: 16px;
  color: #000;
}

.user-info-summary {
  position: relative;
  margin-top: 40px;
}

.user-info-summary .user-level {
  position: relative;
  margin-top: -9px;
  font-size: 26px;
  line-height: 1.5;
}

.user-info-summary .user-level .my-level {
  color: #c2935f;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.user-info-summary .user-level .btn-level {
  position: absolute;
  top: 15px;
  right: 0;
  padding-right: 15px;
  font-size: 14px;
}

.user-info-summary .user-level .btn-level::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 0;
  width: 5px;
  height: 9px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow.png) no-repeat 0 0;
}

.user-level-section {
  margin-top: 40px;
}

.user-level-section .user-level-box {
  position: relative;
  padding: 40px;
  background: #c2935f;
  border-radius: 20px;
}

.user-level-section .next-month {
  font-size: 14px;
  color: #fff;
}

.user-level-section .next-month .month,
.user-level-section .next-month .level {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.user-level-section .next-month .month-line {
  display: inline-block;
  position: relative;
  padding-right: 16px;
  padding-left: 14px;
  margin-left: 9px;
}

.user-level-section .next-month .month-line::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 1px;
  height: 11px;
  background-color: #fff;
  box-sizing: border-box;
  opacity: 0.3;
}

.user-level-section .next-month .month-line::after {
  content: '';
  position: absolute;
  top: 3px;
  right: 0;
  width: 6px;
  height: 10px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/arrow_level.png') no-repeat center center;
}

.user-level-section .legend-item {
  position: absolute;
  top: 42px;
  right: 40px;
  font-size: 0;
}

.user-level-section .legend-item li {
  display: inline-block;
  font-size: 14px;
}

.user-level-section .legend-item li + li {
  margin-left: 10px;
}

.user-level-section .legend-item li .icon-level {
  color: #fff;
}

.user-level-section .legend-item li .icon-level::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-top: -2px;
  margin-right: 7px;
  border-radius: 50%;
  vertical-align: middle;
  box-sizing: border-box;
}

.user-level-section .legend-item li .icon-level.level-current::before {
  background: #333;
}

.user-level-section .legend-item li .icon-level.level-next::before {
  background: #fff;
}

.user-level-section .level-list {
  position: relative;
  margin-top: 80px;
}

.user-level-section .level-list ol {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.user-level-section .level-list ol::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
}

.user-level-section .level-list ol li {
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

.user-level-section .level-list ol li .txt-level {
  display: inline-block;
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.5);
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.user-level-section .level-list ol li.level8 {
  width: 0;
  position: absolute;
  right: 0;
}

.user-level-section .level-list ol li.level1 .level-msg,
.user-level-section .level-list ol li.level2 .level-msg,
.user-level-section .level-list ol li.level3 .level-msg {
  left: -12px;
  right: auto;
}

.user-level-section .level-list ol li.level1 .level-msg .msg-cont::before,
.user-level-section .level-list ol li.level2 .level-msg .msg-cont::before,
.user-level-section .level-list ol li.level3 .level-msg .msg-cont::before {
  left: 12px;
  right: auto;
}

.user-level-section .level-list .current-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  background: #333;
  border-radius: 2px;
  font-size: 0;
}

.user-level-section .level-list .current-line.active {
  visibility: hidden;
  width: 0;
  -webkit-animation: animate-width;
  -moz-animation: animate-width;
  animation: animate-width;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-duration: 0.6s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.user-level-section .level-list .next-level {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -3px;
  z-index: 10;
}

.user-level-section .level-list .next-level .icon {
  display: inline-block;
  position: relative;
  width: 6px;
  height: 6px;
  background: #fff;
  font-size: 0;
  border-radius: 50%;
  vertical-align: top;
  z-index: 10;
}

.user-level-section .level-list .next-level .level-msg {
  position: absolute;
  right: -16px;
  bottom: 29px;
}

.user-level-section .level-list .next-level .level-msg .msg-cont {
  position: relative;
  height: 35px;
  padding: 5px 10px 6px;
  color: #000;
  font-size: 14px;
  line-height: 1.5;
  background: #fff;
  white-space: nowrap;
  border-radius: 16px;
  z-index: 10;
}

.user-level-section .level-list .next-level .level-msg .msg-cont::before {
  content: '';
  display: inline-block;
  position: absolute;
  right: 14px;
  bottom: -5px;
  width: 10px;
  height: 10px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/mypage/bg_level_msg.png') no-repeat 0 0;
}

.user-level-section .level-list .next-level .level-msg .msg-cont .level,
.user-level-section .level-list .next-level .level-msg .msg-cont strong {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.user-benefit-section {
  width: 100%;
  padding-top: 40px;
}

.user-benefit-section.staff-line {
  margin-top: 20px;
  border-top: 1px solid #000;
}

.user-benefit-section::after {
  content: '';
  display: block;
  clear: both;
}

.user-benefit-section .user-benefit {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.user-benefit-section .user-benefit li {
  width: calc(840px / 3);
  text-align: center;
}

.user-benefit-section .user-benefit li:first-child {
  width: 160px;
}

.user-benefit-section .user-benefit li .title {
  font-size: 16px;
}

.user-benefit-section .user-benefit li .value {
  margin-top: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 30px;
  font-weight: 300;
}

.user-benefit-section .user-benefit li .value a {
  color: #c2935f;
  border-bottom: 1px solid;
}

.user-benefit-section .user-benefit li .value .num em {
  font-size: 30px;
}

.user-benefit-section .user-benefit li .value .num .kor {
  font-size: 26px;
  font-weight: 400;
}

.order-slide-section {
  position: relative;
}

.order-slide-section .slide-util {
  position: absolute;
  right: 0;
  top: -35px;
  font-size: 16px;
  color: #999;
}

.order-slide-section .slide-util .slide-active {
  color: #000;
}

.order-slide-section .slide-util .slide-nav {
  margin-left: 20px;
}

.mypage-slide-wrap .product-slide-list .slide-container.style-list {
  margin: 0 -20px;
}

.mypage-slide-wrap .product-slide-list .slide-container.style-list li {
  padding: 0 20px;
}

.mypage-slide-wrap .product-slide-list .slide-container.style-list .item-tit {
  font-size: 14px;
}

.mypage-slide-wrap .promo-slide .product-list {
  margin: 0 -8px;
}

.mypage-slide-wrap .promo-slide .product-list .item-box {
  margin: 0 8px;
}

.srch-order-wrap {
  color: #000;
}

.srch-order-wrap .order-list-wrap .order-tbl .head .cell-check {
  width: 52px;
  padding: 0 10px 0 20px;
  text-align: left;
}

.srch-order-wrap .order-list-wrap .order-tbl .head .cell-order-id {
  padding-left: 20px;
}

.srch-order-wrap .order-list-wrap .order-tbl .cell-pd {
  width: 350px;
  padding-right: 20px;
  padding-left: 125px;
}

.srch-order-wrap .order-list-wrap .order-tbl .cell-price,
.srch-order-wrap .order-list-wrap .order-tbl .cell-status,
.srch-order-wrap .order-list-wrap .order-tbl .cell-btn {
  width: 140px;
}

.srch-order-wrap .order-list-wrap .order-tbl .item-img {
  left: 20px;
}

.srch-order-wrap .order-list-wrap .order-tbl .item-opt span {
  margin-right: 15px;
}

.srch-order-wrap .order-list-wrap .order-tbl .package-wrap .package {
  width: 350px;
  padding-left: 20px;
}

.srch-order-wrap.srch-prd .order-list-wrap .order-tbl .body .cell-check {
  width: 22px;
  padding: 0;
  vertical-align: middle;
}

.srch-order-wrap.srch-prd .order-list-wrap .order-tbl .cell-pd {
  width: 328px;
}

.srch-order-wrap.srch-prd .order-list-wrap .order-tbl .package-wrap .package {
  width: 328px;
  padding-left: 42px;
}

.check-payment-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
  padding: 35px 0;
}

.check-payment-wrap .payment-summary {
  -ms-flex: 1;
  flex: 1;
  padding: 0;
  border: 0;
}

.check-payment-wrap .check-expense {
  -ms-flex: 1;
  flex: 1;
  margin-left: 80px;
}

.check-payment-wrap .check-expense .refund-check {
  margin-bottom: 20px;
}

.check-payment-wrap .check-expense .check-payment {
  margin-top: -10px;
  margin-left: 0;
  padding-right: 100px;
}

.check-payment-wrap .check-expense .check-payment > li {
  width: 50%;
  margin-top: 10px;
  margin-left: 0;
  padding: 0;
  border-bottom: 0;
}

.promo-select-box {
  margin-top: 40px;
}

.promo-select-box .select {
  width: 100%;
}

.promo-select-box .select .sel-list {
  max-width: 100%;
}

.promo-select-box .select .sel-list label span {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.promo-select-box .select .sel-list.bot {
  bottom: 40px;
}

.layer-header .promo-select-box {
  position: absolute;
  top: 30px;
  right: 90px;
  width: 400px;
  margin-top: 0;
}

#snb.snb-cs {
  margin-top: 0;
  margin-bottom: 50px;
}

#snb.snb-cs li {
  position: relative;
  margin: 0;
  font-size: 18px;
  color: #000;
}

#snb.snb-cs li + li {
  margin-left: 30px;
  padding-left: 31px;
}

#snb.snb-cs li + li::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 10px;
  background: #ddd;
}

#snb.snb-cs a {
  padding: 0 0 16px 0;
  color: #666;
}

.myqna-info-summary {
  position: relative;
  padding: 30px;
  background: #f8f3f0;
  border-radius: 6px;
}

.myqna-info-summary dl {
  font-size: 0;
}

.myqna-info-summary dl dt,
.myqna-info-summary dl dd {
  display: inline-block;
  font-size: 16px;
}

.myqna-info-summary dl dt {
  margin-right: 50px;
}

.myqna-info-summary dl dd {
  color: #666;
}

.myqna-info-summary dl dd .count {
  color: #c2935f;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 700;
}

.myqna-info-summary .btn-myqna {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 13px;
}

.search-input {
  position: relative;
  height: 60px;
  padding-right: 70px;
  border-bottom: 1px solid #ddd;
}

.search-input .inp-search {
  height: 100%;
  font-size: 16px;
  border: 0;
  line-height: 56px;
}

.search-input .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 100%;
  font-size: 0;
  background: url(/img_up/shop_pds/banobagi/design/images/main/btn_search.png) no-repeat 50% 50%;
}

.cs-search-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.cs-search-wrap .search-input-group {
  width: calc(100% - 294px);
  margin: 0;
  padding: 44px 0 29px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.cs-search-wrap .search-input-group .search-input {
  border-width: 0 0 2px;
}

.cs-search-wrap
  .search-input-group
  .search-input
  .inp-search::-webkit-input-placeholder {
  color: #999;
}

.cs-search-wrap
  .search-input-group
  .search-input
  .inp-search:-ms-input-placeholder {
  color: #999;
}

.cs-search-wrap .search-input-group .search-input .inp-search::placeholder {
  color: #999;
}

.cs-search-wrap .cs-info {
  -ms-flex: 0 0 284px;
  flex: 0 0 284px;
  padding: 30px;
  color: #fff;
  background: #c2935f;
  border-radius: 5px;
}

.cs-search-wrap .cs-info dt {
  font-size: 16px;
  font-weight: 700;
}

.cs-search-wrap .cs-info dd {
  margin-top: 12px;
}

.cs-search-wrap .cs-info dd .tel {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 40px;
  font-weight: 300;
}

.cs-search-wrap .cs-info dd .service-time {
  margin-top: 17px;
  font-size: 13px;
}

.cs-search-wrap .cs-info dd .service-time p + p {
  margin-top: 5px;
}

.cs-search-wrap .cs-info dd .service-time .time {
  padding-left: 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.search-input-group {
  width: 620px;
  margin: 0 auto 60px;
}

.search-input-group .search-input {
  width: 620px;
  margin: 0 auto;
  border: 2px solid #333;
}

.search-input-group .search-input .inp-search {
  padding: 0 20px;
}

.search-input-group .txt-faq-cmt {
  width: 620px;
  margin: 15px auto 0;
  font-size: 13px;
  color: #666;
}

.search-input-group .frequency-keywords {
  margin-top: 15px;
  font-size: 0;
  text-align: center;
}

.search-input-group .frequency-keywords .title,
.search-input-group .frequency-keywords .keywords {
  display: inline-block;
  vertical-align: top;
}

.search-input-group .frequency-keywords .title {
  height: 30px;
  padding: 0 10px;
  color: #666;
  font-size: 12px;
  line-height: 30px;
  background: #f8f3f0;
}

.search-input-group .frequency-keywords .keywords {
  margin-left: 10px;
  font-size: 13px;
}

.search-input-group .frequency-keywords .keywords li {
  display: inline-block;
  position: relative;
  line-height: 30px;
}

.search-input-group .frequency-keywords .keywords li + li {
  margin-left: 10px;
  padding-left: 11px;
}

.search-input-group .frequency-keywords .keywords li + li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background: #ccc;
}

.search-input-group.repair {
  width: 678px;
}

.search-input-group.repair .search-input {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.search-input-group.repair .search-input .inp-name {
  flex: 0 0 256px;
  border-right: 2px solid #333;
}

.cs-quick ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 20px;
}

.cs-quick ul li {
  min-width: 156px;
}

.cs-quick ul li a {
  display: block;
  font-size: 18px;
  text-align: center;
}

.cs-quick ul li a::before {
  content: '';
  display: block;
  width: 110px;
  height: 110px;
  margin: 0 auto 20px;
  background: #f8f3f0 url(/img_up/shop_pds/banobagi/design/images/main/customer/icon_cs_quick.png) no-repeat;
  border-radius: 50%;
}

.cs-quick ul li.quick1 a::before {
  background-position: 0 0;
}

.cs-quick ul li.quick2 a::before {
  background-position: -110px 0;
}

.cs-quick ul li.quick3 a::before {
  background-position: -220px 0;
}

.cs-quick ul li.quick4 a::before {
  background-position: -330px 0;
}

.cs-quick ul li.quick5 a::before {
  background-position: -440px 0;
}

.cs-quick ul li.quick6 a::before {
  background-position: -550px 0;
}

.faq-section .tab-cont .board-faq,
.faq-section .tab-cont .nodata {
  margin-top: -51px;
}

.faq-section .tab-cont .on {
  background: none;
}

.repair-guide {
  margin-top: 80px;
}

.repair-guide .sec-title {
  margin-top: 0;
  margin-bottom: 35px;
}

.repair-guide .repair-process {
  margin-top: -5px;
}

.repair-guide .repair-process li::before {
  background: url(/img_up/shop_pds/banobagi/design/images/main/customer/icon_cs_repair.png) no-repeat;
}

.repair-guide .repair-info {
  color: #666;
  font-size: 13px;
  line-height: 24px;
}

.repair-guide .repair-info .txt-group {
  margin-top: 0;
}

.repair-guide .repair-info .txt-group + .txt-group {
  margin-top: 25px;
}

.repair-guide .repair-info h4 {
  color: #000000;
  font-size: 16px;
}

.repair-guide .repair-info > h4 + .txt-group {
  margin-top: 10px;
}

.repair-guide .repair-info > p + p {
  margin-top: 10px;
}

.repair-guide .repair-info .btn_link {
  padding-bottom: 2px;
  border-bottom: 1px solid #000000;
}

.repair-guide .repair-info .board-list {
  margin-top: 5px;
}

.repair-guide .repair-info .board-list.table01 .list-header .list-row .cell-01 {
  width: 60%;
}

.repair-guide .repair-info .board-list.table01 .list-header .list-row .cell-02 {
  width: 40%;
}

.repair-guide
  .repair-info
  .board-list.table01
  .list-content
  .list-row
  [class*='cell-'] {
  padding: 25px 20px;
  text-align: left;
}

.repair-guide
  .repair-info
  .board-list.table01
  .list-content
  .list-row
  .cell-01 {
  width: 60%;
}

.repair-guide
  .repair-info
  .board-list.table01
  .list-content
  .list-row
  .cell-02 {
  width: 40%;
}

.repair-guide + .repair-guide {
  padding-top: 80px;
  border-top: 1px solid #eee;
}

.brand-store {
  display: none;
}

.brand-store .img-logo {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100px;
  margin-top: -60px;
}

.partnership-info {
  margin-top: 80px;
  text-align: center;
}

.partnership-info .title {
  margin-bottom: 30px;
  color: #000;
  font-size: 20px;
  font-weight: 700;
}

.partnership-info .txt {
  color: #000;
  font-size: 14px;
  line-height: 1.7;
}

.terms-wrap {
  height: 337px;
  padding: 30px;
  background: #f8f3f0;
  overflow: auto;
}

.agree-option-wrap .terms-wrap {
  margin-top: 40px;
}

.board-faq .list-row .cell-cate {
  width: 130px;
}

.board-faq .list-content .list-row .cell-title {
  position: relative;
  padding-right: 80px !important;
}

.board-faq .list-content .list-row .cell-title .title-q {
  position: relative;
  padding-left: 20px;
  line-height: 1.5;
}

.board-faq .list-content .list-row .cell-title .title-q::before {
  content: 'Q.';
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 16px;
}

.board-faq .list-content .list-row .cell-title .title-q .txt-keyword {
  color: #c2935f;
}

.board-faq .answer-content {
  padding: 25px 20px 30px 150px;
  color: #666;
  font-size: 14px;
  line-height: 1.7;
}

.board-notice .list-row {
  padding-right: 80px;
}

.board-notice .list-row .cell-num {
  width: 90px;
}

.board-notice .list-row .cell-cate {
  width: 130px;
}

.board-notice .list-row .cell-title .title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
}

.board-notice .list-row .cell-title .title > span {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  font-size: 16px;
}

.board-notice .list-row .cell-title .icon-new {
  flex: 0 0 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 5px 0 0 8px;
  font-size: 0;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_new.png') no-repeat 0 0;
  vertical-align: top;
}

.board-notice li.on .cell-title .title {
  display: block;
}

.board-notice li.on .cell-title .title > span {
  display: inline;
  max-height: none;
  white-space: normal;
  text-overflow: clip;
}

.board-notice .view-content {
  padding: 34px 235px 34px 240px;
  border-top: 1px solid #eee;
}

.cs-main .board-notice .view-content {
  padding-left: 150px;
}

.board-notice .view-content .view-box {
  color: #666;
  font-size: 14px;
  line-height: 1.7;
}

.board-notice .view-content .view-box img {
  max-width: 100%;
}

.board-repair .list-row .cell-num,
.board-repair .list-row .cell-schedule {
  width: 140px;
}

.board-repair .list-row .cell-store {
  width: 120px;
}

.board-repair .list-row .cell-status {
  width: 110px;
}

.board-repair .list-content .list-row .cell-num,
.board-repair .list-content .list-row .cell-date,
.board-repair .list-content .list-row .cell-store,
.board-repair .list-content .list-row .cell-schedule {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.board-store .list-row .cell-store {
  width: 180px;
}

.board-store .list-row .cell-cate {
  width: 120px;
}

.customer-voice .txt-customer-guide {
  margin-top: -7px;
  color: #666;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.customer-voice .textarea-group .txt-customer-write {
  margin-top: 15px;
  color: #666;
  font-size: 13px;
  line-height: 20px;
}

.customer-voice .textarea-group textarea {
  height: 200px;
  background: #f8f8f8;
}

.customer-voice .input-info-group + .input-info-group {
  margin-top: 40px;
}

.customer-voice .tbl-write {
  border-top: 0;
}

.customer-voice .select-detail .layer-sec-title3 {
  color: #c2935f;
}

.customer-voice .select-detail .check-list {
  margin-left: 0;
}

.customer-voice .select-detail .check-list > li {
  margin-left: 0;
  margin-bottom: 15px;
  width: 50%;
}

.agree-wrap {
  position: relative;
}

.agree-wrap .check-group {
  position: absolute;
  top: 0;
  right: 0;
}

.page-info.btn-info {
  display: flex;
  margin-top: 20px;
  margin-bottom: 0;
  justify-content: center;
}

.page-info.btn-info .txt-type1 {
  flex: 1;
  color: #666;
  text-align: center;
}

.pay-img {
  width: 442px;
  height: 463px;
}

.pay-img img {
  width: 100%;
  height: 100%;
}

/* 회원혜택안내 memberLevel table */
#memberLevel > .tabs {
  margin-left: 25%;
  margin-right: 25%;
}

#memberLevel .tab-wrap {
  width: 100%;
}

#memberLevel .tab-wrap > .tabs {
  margin-bottom: 40px;
  font-size: 0;
  text-align: left;
}

.in-progress-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100vh;
  text-align: center;
}

.in-progress-section .notice-msg {
  margin-top: 35px;
}

.in-progress-section .notice-msg.type-error {
  margin: 0;
  padding-top: 90px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_error.png') no-repeat 50% 0;
}

.in-progress-section .notice-msg .title {
  font-size: 24px;
  font-weight: 700;
}

.in-progress-section .notice-msg p {
  margin-top: 30px;
  font-size: 14px;
  line-height: 22px;
}

.lds-spinner {
  display: inline-block;
  position: relative;
  width: 62px;
  height: 62px;
}

.lds-spinner div {
  transform-origin: 31px 31px;
  animation: lds-spinner 2.4s linear infinite;
}

.lds-spinner div:after {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 31px;
  width: 2px;
  height: 11px;
  border-radius: 20%;
  background: #7f7f7f;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(15deg);
  animation-delay: -2.3s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -2.2s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(45deg);
  animation-delay: -2.1s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(60deg);
  animation-delay: -2s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(75deg);
  animation-delay: -1.9s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(90deg);
  animation-delay: -1.8s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(105deg);
  animation-delay: -1.7s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(120deg);
  animation-delay: -1.6s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(135deg);
  animation-delay: -1.5s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(150deg);
  animation-delay: -1.4s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(165deg);
  animation-delay: -1.3s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(180deg);
  animation-delay: -1.2s;
}

.lds-spinner div:nth-child(13) {
  transform: rotate(195deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(14) {
  transform: rotate(210deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(15) {
  transform: rotate(225deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(16) {
  transform: rotate(240deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(17) {
  transform: rotate(255deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(18) {
  transform: rotate(270deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(19) {
  transform: rotate(285deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(20) {
  transform: rotate(300deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(21) {
  transform: rotate(315deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(22) {
  transform: rotate(330deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(23) {
  transform: rotate(345deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(24) {
  transform: rotate(360deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.order-tbl {
  border-top: 1px solid #000;
}

.order-tbl .head {
  display: table;
  width: 100%;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  table-layout: fixed;
  border-bottom: 1px solid #ccc;
}

.order-tbl .body {
  border-bottom: 1px solid #eee;
}

.order-tbl .nodata {
  border-top: 0;
}

.order-tbl .row ~ .row {
  border-top: 1px solid #eee;
}

.order-tbl .row,
.order-tbl .inner,
.order-tbl .info-row {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.order-tbl .row {
  padding: 30px 0;
}

.order-tbl .info-row ~ .info-row {
  padding-top: 24px;
}

.order-tbl .inner-row ~ .inner-row {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #eee;
}

.order-tbl .btn-del {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0;
  right: 34px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_del2.png') no-repeat;
  font-size: 0;
}

.order-tbl .package {
  margin: 0 0 30px;
}

.order-tbl .package .tit {
  display: inline-block;
  min-width: 60px;
  height: 21px;
  padding: 4px 9px 0;
  background: #c2935f;
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
  text-align: center;
  vertical-align: middle;
}

.order-tbl .package .name {
  display: inline-block;
  margin: 0 30px 0 15px;
  vertical-align: middle;
}

.order-tbl .package .btn-link {
  vertical-align: middle;
}

.order-tbl [class*='cell-'] {
  display: table-cell;
  vertical-align: middle;
  table-layout: fixed;
}

.order-tbl [class*='case'] {
  position: relative;
  display: block;
}

.order-tbl [class*='case'] .cell-state {
  width: 400px;
  padding-left: 200px;
  text-align: center;
}

.order-tbl [class*='case'] .cell-price {
  display: flex;
  position: absolute;
  top: 0;
  right: 370px;
  bottom: 0;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.order-tbl [class*='case'] .cell-price:before,
.order-tbl [class*='case'] .cell-price:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 35px;
  background: #fff;
}

.order-tbl [class*='case'] .cell-price:before {
  left: -36px;
}

.order-tbl [class*='case'] .cell-price:after {
  right: -36px;
}

.order-tbl.type-order .nodata {
  margin-right: -240px;
}

.order-tbl.type-order .body {
  position: relative;
  padding-right: 240px;
}

.order-tbl.type-order .body .cell-dlv {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-left: 1px solid #eee;
}

.order-tbl.type-order .cell-info,
.order-tbl.type-order .cell-pd {
  width: 680px;
}

.order-tbl.type-order .cell-qt {
  width: 80px;
}

.order-tbl.type-order .cell-price {
  width: 200px;
}

.order-tbl.type-order .cell-dlv {
  width: 240px;
}

.order-tbl.type-cart .nodata {
  margin-right: -160px;
}

.order-tbl.type-cart .body {
  position: relative;
  padding-right: 160px;
}

.order-tbl.type-cart .body .cell-dlv {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-left: 1px solid #eee;
}

.order-tbl .cell-check {
  width: 60px;
  text-align: center;
}

.order-tbl .cell-info {
  width: 620px;
}

.order-tbl .cell-info .info-row {
  display: table;
  width: 100%;
}

.order-tbl .cell-pd {
  position: relative;
  width: 620px;
  height: 129px;
  vertical-align: top;
}

.order-tbl .cell-price {
  position: relative;
  text-align: center;
  width: 180px;
}

.order-tbl .cell-price .price {
  display: inline-block;
  height: 60px;
}

.order-tbl .cell-price .price:only-child {
  height: auto;
}

.order-tbl .cell-price .price span .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 20px;
}

.order-tbl .cell-price .price del {
  display: block;
  margin: 5px 0 0;
  color: #aaa;
  text-align: left;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.order-tbl .cell-price .item-count .input-num {
  width: 34px;
  height: 30px;
}

.order-tbl .cell-btn {
  position: relative;
  width: 180px;
  text-align: center;
}

.order-tbl .cell-qt {
  width: 150px;
  text-align: center;
}

.order-tbl .cell-dlv {
  width: 160px;
}

.order-tbl .cell-dlv .inner {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.order-tbl .cell-dlv .inner p > span {
  display: block;
  margin: 0 0 8px;
  font-size: 16px;
  color: #000;
  line-height: 1;
}

.order-tbl .cell-dlv .inner .sort {
  margin: 0 0 15px;
}

.order-tbl .cell-dlv .inner .sub {
  margin-bottom: 0;
  font-size: 13px;
  color: #999;
  line-height: 1.6;
}

.order-tbl .cell-dlv .inner .price {
  font-size: 14px;
}

.order-tbl .cell-dlv .inner .price .num {
  margin: 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.order-tbl .cell-dlv .inner [class*='btn-type'] {
  margin-top: 15px;
}

.order-tbl .cell-dlv .inner .point-link {
  display: block;
  margin-top: 15px;
}

.order-tbl .cell-shop {
  position: relative;
  width: 160px;
  text-align: center;
}

.order-tbl .body .cell-shop {
  padding: 0 10px;
  color: #c2935f;
  line-height: 1.6;
}

.order-tbl .body .cell-shop .txt {
  font-size: 14px;
}

.order-tbl .body .cell-shop .txt span {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.order-tbl .body .cell-shop .txt2 {
  font-size: 13px;
}

.order-tbl .body .cell-shop .btn-type1-sm {
  margin-top: 15px;
}

.order-tbl .body .cell-shop:after {
  content: '';
  position: absolute;
  top: -30px;
  bottom: -30px;
  left: 0;
  border-left: 1px solid #eee;
}

.order-tbl .body .cell-check {
  vertical-align: top;
}

.order-tbl .body .cell-check .check-skin {
  margin-top: 53px;
}

.order-tbl .disabled {
  color: #ccc;
}

.order-tbl .plural .cell-btn {
  border-left: 1px solid #eee;
}

.order-tbl .item-img {
  position: absolute;
  top: 0;
  left: 20px;
}

.order-tbl .item-img img {
  width: 86px;
  height: 129px;
}

.order-tbl .item-img .btn-like-s {
  position: absolute;
  top: 10px;
  right: 10px;
}

.order-tbl .item-info {
  width: 640px;
  padding: 0 30px 0 130px;
}

.order-tbl .item-state {
  color: #c2935f;
  margin: 0 0 10px;
}

.order-tbl .item-label {
  margin: 0 0 15px;
}

.order-tbl .item-label span {
  display: inline-block;
  min-width: 60px;
  height: 21px;
  padding: 4px 9px 0;
  border: 1px solid #eee;
  border-radius: 2px;
  color: #888;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.order-tbl .item-label span.label2 {
  background: #eee;
  color: #000;
}

.order-tbl .item-label span.label3 {
  background: #c2935f;
  color: #fff;
  font-size: 10px;
  padding: 6px 18px 0;
  border: 0;
}

.order-tbl .item-brand {
  margin: 0 0 10px;
  word-break: break-all;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.order-tbl .item-name {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-tbl .item-opt {
  margin: 16px 0 45px;
}

.order-tbl .item-opt span {
  display: inline-block;
  margin-right: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.order-tbl .item-gift {
  margin-top: 10px;
}

.order-tbl .item-etc {
  margin-top: 10px;
  color: #c2935f;
  line-height: 1.5;
}

.order-tbl .item-etc .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.order-tbl .item-etc .btn-dlv {
  margin-left: 18px;
  border-bottom: 1px solid;
}

.order-tbl .item-etc + .item-etc {
  margin-top: 2px;
}

.order-tbl .item-link {
  margin-top: 15px;
}

.order-tbl .item-link [class*='link'] {
  display: inline-block;
  margin-right: 18px;
  padding-left: 30px;
  line-height: 24px;
  color: #000;
}

.order-tbl .item-link [class*='link'] a {
  border-bottom: 1px solid;
}

.order-tbl .item-link .link1 {
  background: url('/img_up/shop_pds/banobagi/design/images/main/order/icon_link1.png') no-repeat 0 50%;
}

.order-tbl .item-link .link2 {
  background: url('/img_up/shop_pds/banobagi/design/images/main/order/icon_link2.png') no-repeat 0 50%;
}

.order-tbl .item-link .link3 {
  background: url('/img_up/shop_pds/banobagi/design/images/main/order/icon_link3.png') no-repeat 0 50%;
}

.order-tbl .item-discount {
  margin-top: 50px;
}

.order-tbl .related-promo {
  position: relative;
  margin: 34px 0 0 80px;
  border-top: 1px solid #eee;
}

.order-tbl .related-promo a {
  display: block;
  padding: 34px 180px 0 345px;
}

.order-tbl .related-promo .tit {
  position: absolute;
  top: 34px;
  left: 0;
  padding: 4px 0 0 30px;
  font-weight: 700;
  color: #c2935f;
}

.order-tbl .related-promo .tit:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
}

.order-tbl .related-promo .txt {
  line-height: 1.5;
}

.order-tbl .related-promo .txt:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 11px;
  margin-left: 10px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow2.png') no-repeat;
  vertical-align: -1px;
}

.order-tbl .related-promo .date {
  margin-top: 10px;
  color: #999;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.order-tbl .price-row {
  padding: 40px 0;
  background: #f8f3f0;
  text-align: center;
  font-size: 16px;
}

.order-tbl .price-row > span {
  display: inline-block;
}

.order-tbl .price-row [class*='symbol'] {
  position: relative;
  width: 15px;
  height: 15px;
  margin: 0 15px;
  font-size: 0;
}

.order-tbl .price-row .symbol-plus {
  vertical-align: 14px;
}

.order-tbl .price-row .symbol-plus:before,
.order-tbl .price-row .symbol-plus:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 15px;
  background: #000;
}

.order-tbl .price-row .symbol-plus:after {
  transform: rotate(90deg);
}

.order-tbl .price-row .symbol-eq {
  height: 8px;
  vertical-align: 10px;
}

.order-tbl .price-row .symbol-eq:before,
.order-tbl .price-row .symbol-eq:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 1px;
  background: #000;
}

.order-tbl .price-row .symbol-eq:after {
  top: 100%;
}

.order-tbl .price-row .price {
  color: #c2935f;
}

.order-tbl .price-row .price .num {
  font-size: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.order-tbl .price-row .price .txt {
  font-size: 20px;
}

.order-tbl .price-row .total .num,
.order-tbl .price-row .total .etc {
  font-size: 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.order-tbl .price-row .total .etc {
  margin-left: 5px;
  font-weight: 700;
}

.order-tbl .gift-row {
  padding: 30px;
  background: #f8f3f0;
}

.order-tbl .gift-row span {
  margin-right: 5px;
}

.tbl-btn {
  margin-top: 20px;
}

.tbl-btn [class*='btn-type'] {
  margin-right: 2px;
}

.cart-price {
  margin: 80px 0 0;
  position: relative;
}

.cart-price .inner {
  padding: 70px 0;
  background: #f8f3f0;
  border-top: 1px solid #000;
  text-align: center;
  font-size: 14px;
}

.cart-price .inner > span {
  display: inline-block;
  text-align: left;
}

.cart-price [class*='symbol'] {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0 50px;
  font-size: 0;
}

.cart-price .symbol-plus {
  vertical-align: 36px;
}

.cart-price .symbol-plus:before,
.cart-price .symbol-plus:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 30px;
  background: #000;
}

.cart-price .symbol-plus:after {
  transform: rotate(90deg);
}

.cart-price .symbol-minus {
  vertical-align: middle;
}

.cart-price .symbol-minus:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 1px;
  background: #000;
}

.cart-price .symbol-eq {
  height: 13px;
  vertical-align: 30px;
  margin-left: 80px;
}

.cart-price .symbol-eq:before,
.cart-price .symbol-eq:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 1px;
  background: #000;
}

.cart-price .symbol-eq:after {
  top: 100%;
}

.cart-price .price .txt {
  display: block;
  margin: 0 0 10px;
  color: #000;
}

.cart-price .price .txt .btn-tooltip {
  margin-left: 5px;
  vertical-align: 1px;
}

.cart-price .price .num {
  font-size: 28px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.cart-price .price.sale .num {
  color: #c2935f;
}

.cart-price .price.total .num,
.cart-price .price.total .etc {
  font-size: 28px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.cart-price .inner.type2 {
  position: absolute;
  top: -35px;
  right: 0;
  padding: 0;
  background: none;
  border: 0;
  width: 100%;
  text-align: right;
}

.cart-price .inner.type2 [class*='symbol'] {
  width: 14px;
  height: 14px;
  margin: 0 15px;
}

.cart-price .inner.type2 .symbol-minus {
  vertical-align: 5px;
}

.cart-price .inner.type2 .symbol-minus:before {
  width: 14px;
}

.cart-price .inner.type2 .symbol-eq {
  height: 6px;
  vertical-align: 8px;
}

.cart-price .inner.type2 .symbol-eq:before,
.cart-price .inner.type2 .symbol-eq:after {
  width: 14px;
  height: 1px;
}

.cart-price .inner.type2 .price .txt {
  display: inline-block;
}

.cart-price .inner.type2 .price .num {
  margin-left: 8px;
  font-size: 18px;
}

.option-change {
  color: #000;
}

.option-change .inner {
  position: relative;
  min-height: 129px;
  padding: 0 0 0 115px;
}

.option-change .inner ~ .inner {
  min-height: 165px;
  margin-top: 50px;
}

.option-change .item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 86px;
  height: 129px;
}

.option-change .item-img img {
  width: 100%;
  height: 100%;
}

.option-change .item-brand {
  margin: 0 0 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
}

.option-change .item-name {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.option-change .item-opt {
  margin-top: 15px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
}

.option-change .change-wrap {
  margin-top: 20px;
  font-size: 13px;
}

.option-change .change-wrap .row {
  position: relative;
  margin-top: 30px;
}

.option-change .change-wrap .txt {
  margin-top: 15px;
  display: block;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  color: #999;
}

.option-change .change-wrap .select {
  width: 100%;
}

.option-change .change-wrap .item-count {
  width: 100%;
}

.option-change .change-wrap .item-count .input-num {
  width: 100%;
}

.option-change .change-wrap .color-check {
  margin: 0 8px 8px 0;
}

.option-change .change-wrap .btn-skin input + span {
  min-width: 54px;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  border-radius: 2px;
  background: #eee8dc;
  border: 0;
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.option-change .change-wrap .btn-skin input:checked + span {
  background: #000;
  color: #fff;
}

.option-change .change-wrap .btn-skin input:disabled + span {
  background: #eee;
  color: #ccc;
}

.option-change .item-count .input-num {
  width: 50px;
}

.option-change .quantity-change {
  position: relative;
  margin: 50px 0 0;
  padding: 20px 0 0 84px;
  border-top: 1px solid #eee;
}

.option-change .quantity-change .tit {
  position: absolute;
  top: 30px;
  left: 0;
}

.cart-banner {
  margin-top: 80px;
}

.cart-banner [class*='banner'] ~ [class*='banner'] {
  margin-top: 20px;
}

.cart-banner [class*='banner'] .inner {
  display: flex;
  height: 120px;
  align-items: center;
}

.cart-banner [class*='banner'] .tit {
  width: 300px;
  padding-left: 50px;
  font-size: 20px;
}

.cart-banner [class*='banner'] .txt {
  line-height: 1.6;
}

.cart-banner .banner1 {
  background: #314063;
  color: #fff;
}

.cart-banner .banner2 {
  background: #e3d8c5 url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow3.png') no-repeat 95% 50%;
}

.cart-recom-product {
  position: relative;
}

.cart-recom-product .slide-util {
  position: absolute;
  top: 10px;
  right: 0;
}

.bg-box {
  padding: 40px;
  background: #f8f3f0;
}

.info-order-box {
  display: flex;
  padding: 40px;
}

.info-order-box .title {
  margin-top: -5px;
  padding-right: 100px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.info-order-box .txt-list {
  margin: 0;
}

.info-order-box .txt-list.list-cell {
  width: 800px;
  margin: -10px 0 0;
}

.info-order-box .txt-list.list-cell li {
  float: left;
  width: 400px;
  margin: 10px 0 0;
}

.info-order-box .txt-list.list-cell li.full {
  width: 100%;
}

.layer-aeo .layer-container .bg-box {
  padding: 30px;
}

.layer-aeo .layer-container .txt-aeo {
  font-size: 13px;
  line-height: 1.5;
  color: #000;
}

.layer-aeo .layer-container .simple-table {
  margin-top: 60px;
}

.layer-aeo .layer-container .simple-table th,
.layer-aeo .layer-container .simple-table td {
  font-size: 13px;
}

.layer-aeo .layer-container .simple-table thead th {
  padding: 15px 0 15px 14px;
  text-align: left;
  color: #666;
}

.layer-aeo .layer-container .simple-table thead th:first-child {
  padding-left: 0;
}

.layer-aeo .layer-container .simple-table tbody td {
  padding: 20px 0 20px 14px;
  color: #000;
}

.layer-aeo .layer-container .simple-table tbody td:first-child {
  padding-left: 0;
}

.terms-wrap {
  height: 440px;
  margin: 20px 0 20px;
  padding: 25px 30px;
  background: #f8f3f0;
  overflow: auto;
  line-height: 1.5;
  font-size: 13px;
  color: #666;
}

.terms-wrap strong {
  display: inline-block;
  padding: 0 0 5px;
  font-weight: 400;
  color: #000;
}

.gift-select-section {
  margin-top: 80px;
}

.gift-select-section .title {
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}

.gift-select-section .select-wrap {
  margin-top: 40px;
  border-top: 1px solid #000;
}

.gift-select-section .select-wrap .row {
  display: table;
  width: 100%;
  padding: 50px 0;
  border-bottom: 1px solid #eee;
}

.gift-select-section .gift-title {
  display: table-cell;
  width: 480px;
  padding: 0 0 0 40px;
  vertical-align: middle;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.gift-select-section .gift-select {
  text-align: right;
}

.gift-select-section .gift-select .radio-skin input + span {
  padding: 30px 0 0;
  text-align: center;
  width: 86px;
}

.gift-select-section .gift-select .radio-skin input + span:before {
  left: 50%;
  margin-left: -11px;
}

.gift-select-section .gift-select .radio-skin input + span .img {
  position: relative;
  display: block;
  width: 86px;
  height: 129px;
}

.gift-select-section .gift-select .radio-skin input + span .img img {
  width: 100%;
  height: 100%;
}

.gift-select-section .gift-select .radio-skin input + span .name {
  display: block;
  margin-top: 10px;
  color: #000;
  line-height: 25px;
}

.gift-select-section .gift-select .radio-skin input + span .soldout {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 45px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 16px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 700;
  line-height: 1.1;
}

.gift-select-section .gift-select .radio-skin + .radio-skin {
  margin-left: 60px;
}

.order-header {
  position: relative;
  margin: 0 0 30px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
  text-align: center;
  padding: 50px 0;
}

.order-header .txt {
  font-size: 16px;
}

.order-header .code {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.order-header .btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}

.order-header .btn [class*='btn-type'] {
  min-width: 130px;
  margin-left: 6px;
}

.order-cont {
  position: relative;
}

.order-cont .payment-input {
  width: 880px;
}

.order-cont .payment-input .orderer-info {
  display: flex;
  margin: 20px 0 0;
  padding: 28px 30px;
}

.order-cont .payment-input .orderer-info .tit {
  width: 130px;
}

.order-cont .payment-input .orderer-info .txt {
  width: 500px;
  font-size: 16px;
}

.order-cont .payment-input .orderer-info .link {
  flex: 1;
  text-align: right;
}

.order-cont .payment-input .orderer-info .link a {
  padding-right: 14px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow.png') no-repeat 99% 50%;
}

.order-cont .payment-input .tbl-write tbody tr td {
  padding-right: 0;
}

.order-cont .payment-input .tbl-write .select {
  width: 100%;
}

.order-cont .payment-input .tbl-write .select .sel-btn {
  font-size: 16px;
}

.order-cont .payment-input .country-code .code-agree .txt {
  margin-top: 15px;
  font-size: 13px;
  color: #666;
}

.order-cont .payment-input .country-code .code-input {
  margin-top: 40px;
}

.order-cont .payment-input .country-code .code-input .input-box {
  width: 610px;
  margin-top: 10px;
}

.order-cont .payment-input .country-code .txt-help {
  margin-top: 35px;
  font-size: 13px;
  line-height: 1.5;
  color: #666;
}

.order-cont .payment-input .country-code .txt-help .link {
  display: inline-block;
  margin-top: 5px;
  padding-right: 12px;
  color: #c2935f;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow4.png') no-repeat 100% 50%;
}

.order-cont .payment-input .tbl-discount td {
  position: relative;
}

.order-cont .payment-input .tbl-discount .input-box {
  display: inline-block;
  width: 220px;
  vertical-align: middle;
}

.order-cont .payment-input .tbl-discount .input-box.inp-right {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.order-cont .payment-input .tbl-discount .input-box.inp-right .cupon-val {
  color: #000;
}

.order-cont .payment-input .tbl-discount .input-box.inp-right .etc {
  margin: 10px 0 0;
}

.order-cont .payment-input .tbl-discount .unit {
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
  color: #000;
}

.order-cont .payment-input .tbl-discount .etc {
  display: inline-block;
  margin-left: 40px;
  vertical-align: middle;
  color: #111;
}

.order-cont .payment-input .tbl-discount [class*='btn-type'] {
  width: 110px;
  vertical-align: 0;
}

.order-cont .payment-input .tbl-discount .count {
  display: inline-block;
  margin-left: 10px;
  vertical-align: 0;
}

.order-cont .payment-input .tbl-discount .count .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  color: #c2935f;
}

.order-cont .payment-input .tbl-discount .btn-coupon-add {
  position: absolute;
  top: 8px;
  right: 0;
  padding-right: 15px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow.png') no-repeat 99% 50%;
}

.order-cont .payment-input .tbl-discount .btn-coupon-add span {
  position: relative;
}

.order-cont .payment-input .receipt-wrap .txt {
  margin: 10px 0 30px;
  font-size: 13px;
}

.order-cont .payment-input .receipt-wrap .receipt-box {
  width: 610px;
  margin-top: 50px;
  display: none;
}

.order-cont .payment-input .receipt-wrap .receipt-box .input-box {
  width: 100%;
  margin-top: 20px;
}

.order-cont .payment-input .receipt-wrap .receipt-box.open {
  display: block;
}

.order-cont .payment-input > .txt-group {
  margin-top: 80px;
}

.order-cont .total-payment {
  position: absolute;
  top: 0;
  right: 0;
  width: 280px;
  height: 100%;
}

.order-cont .total-payment .inner {
  width: 280px;
  padding: 50px 19px 19px;
  border: 1px solid #000;
}

.order-cont .total-payment .inner.sticky {
  position: fixed;
  top: 100px;
}

.order-cont .total-payment .inner.end {
  position: absolute;
  top: auto;
  bottom: 0;
}

.order-cont .total-payment .payment-info li:after {
  content: '';
  display: block;
  clear: both;
}

.order-cont .total-payment .payment-info li > span {
  display: block;
}

.order-cont .total-payment .payment-info li ~ li {
  margin-top: 10px;
}

.order-cont .total-payment .payment-info li .tit {
  float: left;
}

.order-cont .total-payment .payment-info li .num {
  float: right;
  font-size: 14px;
}

.order-cont .total-payment .payment-info li .num span {
  display: inline-block;
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 18px;
}

.order-cont .total-payment .payment-info li .num span.discount {
  color: #c2935f;
}

.order-cont .total-payment .payment-info li .btn-show-toggle {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_toggle.png') no-repeat;
  border-radius: 3px;
  font-size: 0;
}

.order-cont .total-payment .payment-info li .btn-show-toggle span {
  position: relative;
}

.order-cont .total-payment .payment-info li .btn-show-toggle.on {
  background-position: 0 100%;
}

.order-cont .total-payment .payment-info li.total {
  display: block;
  text-align: right;
  margin: 0 0 30px;
  padding: 0 0 40px;
  border-bottom: 1px solid #ddd;
}

.order-cont .total-payment .payment-info li.total .tit {
  float: none;
  font-size: 16px;
  text-align: right;
}

.order-cont .total-payment .payment-info li.total .num {
  float: none;
  margin: 20px 0 0;
  font-size: 16px;
}

.order-cont .total-payment .payment-info li.total .num span {
  display: inline-block;
  font-size: 36px;
}

.order-cont .total-payment .discount-list {
  display: none;
  margin: 10px 0 0;
}

.order-cont .total-payment .discount-list ul {
  padding: 20px;
  background: #f8f3f0;
}

.order-cont .total-payment .discount-list.open {
  display: block;
}

.order-cont .total-payment .discount-list li {
  color: #666;
  font-size: 13px;
}

.order-cont .total-payment .discount-list li:after {
  content: '';
  display: block;
  clear: both;
}

.order-cont .total-payment .discount-list li ~ li {
  margin-top: 15px;
}

.order-cont .total-payment .discount-list li > span {
  display: block;
}

.order-cont .total-payment .discount-list li .tit {
  float: left;
}

.order-cont .total-payment .discount-list li .num {
  float: right;
  color: #000;
}

.order-cont .total-payment .discount-list li .num span {
  font-size: 14px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  color: #000;
}

.order-cont .total-payment .point-info {
  background: #f8f3f0;
  margin: 40px -19px 0;
  padding: 20px;
}

.order-cont .total-payment .point-info .txt {
  font-size: 13px;
}

.order-cont .total-payment .point-info .txt-list {
  margin: 13px 0 0;
}

.order-cont .total-payment .point-info .txt-list li:after {
  content: '';
  display: block;
  clear: both;
}

.order-cont .total-payment .point-info .txt-list li + li {
  margin-top: 0;
}

.order-cont .total-payment .point-info .txt-list li .tit {
  float: left;
}

.order-cont .total-payment .point-info .txt-list li .num {
  float: right;
  font-size: 12px;
  color: #000;
}

.order-cont .total-payment .point-info .txt-list li .num span {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  color: #000;
}

.order-cont .total-payment .point-info .alert {
  margin-top: 10px;
  color: #666;
  font-size: 12px;
}

.order-cont .total-payment .payment-agree {
  margin-top: 40px;
}

.order-cont .total-payment .payment-agree p ~ p {
  margin-top: 20px;
}

.order-cont .total-payment .payment-agree .point-link {
  margin: 4px 0 0 32px;
  color: #c2935f;
  border: 0;
}

.order-cont .total-payment .btn-box {
  margin-top: 50px;
}

.order-cont .total-payment .notice {
  line-height: 22px;
}

.order-cont .total-payment .notice .point-link {
  margin: 4px 0 0 0;
}

.order-cont .payment-method .row-sel {
  position: relative;
  margin: 0 0 10px;
  padding: 30px;
  background: #f8f3f0;
}

.order-cont .payment-method .row-sel .radio-skin {
  vertical-align: middle;
}

.order-cont .payment-method .row-sel .btn-tooltip {
  margin-left: 5px;
}

.order-cont .payment-method .row-sel .btn {
  display: none;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -7px;
  padding-right: 15px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow.png') no-repeat 99% 50%;
}

.order-cont .payment-method .row-sel.active .btn {
  display: block;
}

.order-cont .payment-method-tab {
  display: none;
}

.order-cont .payment-method-tab.open {
  display: block;
}

.order-cont .payment-method-tab .tab {
  margin: 30px 0 0 20px;
}

.order-cont .payment-method-tab .tab .btn-skin {
  width: 156px;
  height: 46px;
  margin: 5px;
}

.order-cont .payment-method-tab .tab .btn-skin input + span {
  width: 100%;
  height: 100%;
  line-height: 46px;
  border-color: #eee;
  border-radius: 46px;
  color: #000;
}

.order-cont .payment-method-tab .tab .btn-skin input:checked + span {
  background: #333;
  color: #fff;
}

.order-cont .payment-method-tab .tab-contents .contents {
  display: none;
  padding: 30px 30px 0;
}

.order-cont .payment-method-tab .tab-contents .contents.on {
  display: block;
}

.order-cont .payment-method-tab .tab-contents .tit {
  margin: 0 0 15px;
  font-size: 16px;
  font-weight: 400;
}

.order-cont .payment-method-tab .tab-contents .txt-list {
  margin: 0;
}

.order-cont .payment-method-tab .tab-contents .depth {
  margin-left: 10px;
}

.order-cont .payment-method-tab .tab-contents .tit2 {
  margin-top: 15px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
}

.order-cont .payment-method-tab .tab-contents .txt-list2 {
  margin: 10px 0 0;
}

.order-cont .payment-method-tab .tab-contents .txt-list2 li ~ li {
  margin-top: 6px;
}

.order-cont .payment-method-tab .tab-contents .table {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.order-cont .payment-method-tab .tab-contents .table th,
.order-cont .payment-method-tab .tab-contents .table td {
  padding: 20px;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  text-align: left;
}

.order-cont .payment-method-tab .tab-contents .table td {
  line-height: 1.4;
}

.shop-wrap .shop-row {
  padding: 40px 0 0;
}

.shop-wrap .shop-row ~ .shop-row {
  margin: 40px 0 0;
  border-top: 1px solid #000;
}

.shop-wrap .item-brand {
  margin: 0 0 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.shop-wrap .item-name {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shop-wrap .txt-list li {
  padding-left: 155px;
  font-size: 14px;
  color: #000;
}

.shop-wrap .txt-list .tit {
  position: absolute;
  top: 0;
  left: 10px;
}

.shop-wrap .txt-list .cont {
  font-size: 16px;
}

.shop-wrap .txt-list .cont span {
  display: block;
}

.store-pickup {
  padding: 40px 0 0;
  border-top: 1px solid #000;
}

.store-pickup .orderer-info {
  display: flex;
  margin-bottom: 40px;
  padding: 28px 30px;
}

.store-pickup .orderer-info .tit {
  width: 160px;
}

.store-pickup .orderer-info .txt {
  width: 500px;
  font-size: 16px;
}

.store-pickup .orderer-info .link {
  flex: 1;
  text-align: right;
}

.store-pickup .orderer-info .link a {
  padding-right: 14px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow.png') no-repeat 99% 50%;
}

.store-pickup .shop-row {
  padding: 0;
}

.store-pickup .shop-row ~ .shop-row {
  padding: 40px 0 0;
  border-top: 1px solid #ddd;
}

.order-com-alert {
  text-align: center;
  font-size: 16px;
  line-height: 28px;
}

.order-com-payment {
  display: table;
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
}

.order-com-payment.no-memeber [class*='cell'] {
  width: 50%;
}

.order-com-payment.no-memeber .cell-method:first-child {
  position: relative;
  padding-left: 170px;
}

.order-com-payment.no-memeber .cell-method:first-child .title {
  position: absolute;
  top: 30px;
  left: 0;
}

.order-com-payment [class*='cell'] {
  display: table-cell;
  width: 280px;
  padding: 30px;
}

.order-com-payment [class*='cell']:first-child {
  padding-left: 0;
}

.order-com-payment [class*='cell']:last-child {
  padding-right: 0;
}

.order-com-payment [class*='cell'] ~ [class*='cell'] {
  border-left: 1px solid #eee;
}

.order-com-payment [class*='cell'] .title {
  margin: 0 0 45px;
  font-weight: 400;
  font-size: 20px;
}

.order-com-payment [class*='cell'] .list li {
  display: flex;
  line-height: 18px;
}

.order-com-payment [class*='cell'] .list li ~ li {
  margin: 12px 0 0;
}

.order-com-payment [class*='cell'] .list li span {
  flex: 1;
}

.order-com-payment [class*='cell'] .list .tit {
  font-size: 13px;
}

.order-com-payment [class*='cell'] .list .num {
  text-align: right;
  color: #666;
}

.order-com-payment [class*='cell'] .list .num span {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 18px;
  color: #000;
}

.order-com-payment [class*='cell'] .list .num span.discount {
  color: #c2935f;
}

.order-com-payment [class*='cell'] .list .total {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #000;
}

.order-com-payment [class*='cell'] .list .total .tit {
  font-size: 16px;
}

.order-com-payment [class*='cell'] .list .total .num span {
  font-size: 24px;
}

.order-com-payment [class*='cell'] .list2 {
  margin-top: 12px;
  line-height: 25px;
}

.order-com-payment [class*='cell'] .txt2 {
  margin: 25px 0 0;
  font-size: 13px;
  color: #666;
}

.order-com-payment .cell-total {
  width: 360px;
}

.order-com-banner {
  margin-top: 80px;
}

.order-com-banner .banner a {
  display: block;
}

.order-com-banner .banner a ~ a {
  margin-top: 20px;
}

.delivery-info {
  padding: 25px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
}

.delivery-info th,
.delivery-info td {
  padding: 15px 0;
  text-align: left;
  font-size: 16px;
}

.delivery-info th {
  font-size: 14px;
}

.layer-pop .sale-info .contact-cs {
  margin-top: 40px;
  padding-top: 15px;
  border-top: 1px solid #eee;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.5px;
}

.layer-pop .sale-info .contact-cs .num {
  margin-left: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.layer-pop .dlv-sel {
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
}

.layer-pop .dlv-sel li ~ li {
  border-top: 1px solid #eee;
}

.layer-pop .dlv-sel .nodata {
  line-height: 28px;
}

.layer-pop .dlv-sel .radio-skin {
  padding: 13px 15px 13px 60px;
}

.layer-pop .dlv-sel .none {
  position: absolute;
  top: 20px;
  left: 10px;
  font-size: 0;
}

.layer-pop .dlv-sel table th,
.layer-pop .dlv-sel table td {
  color: #000;
  vertical-align: top;
  line-height: 30px;
  font-size: 16px;
}

.layer-pop .dlv-sel table th {
  width: 100px;
  font-size: 14px;
}

.layer-pop .form-wrap {
  margin-top: 35px;
}

.layer-pop .form-wrap .form-group ~ .form-group {
  margin-top: 20px;
}

.layer-pop .coupon-res .input-box {
  margin-top: 33px;
}

.layer-pop .join-benefit {
  margin-top: 40px;
  color: #000;
  text-align: center;
}

.layer-pop .join-benefit .bg-box {
  border-radius: 38px 0 38px 0;
}

.layer-pop .join-benefit .bg-box li ~ li {
  margin-top: 35px;
}

.layer-pop .join-benefit .txt-join-box {
  text-align: center;
}

.layer-pop .join-benefit .txt-join-box .txt-join {
  margin-bottom: 10px;
}

.layer-pop .join-benefit-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 55px;
  text-align: left;
}

.layer-pop .join-benefit-list li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 50%;
  margin-top: 40px;
}

.layer-pop .join-benefit-list li:nth-child(-n + 2) {
  margin-top: 0;
}

.layer-pop .join-benefit-list li .benefit-img {
  width: 75px;
  flex: 0 0 75px;
}

.layer-pop .join-benefit-list li .benefit-img img {
  vertical-align: top;
}

.layer-pop .join-benefit-list li .benefit-txt .txt {
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
  word-break: keep-all;
}

.layer-pop .tbl-coupon-info {
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
}

.layer-pop .tbl-coupon-info thead th {
  height: 50px;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
}

.layer-pop .tbl-coupon-info tbody td {
  padding: 20px;
  border-top: 1px solid #ddd;
  color: #000;
  text-align: center;
}

.layer-pop .tbl-coupon-info tbody td.left {
  text-align: left;
}

.layer-pop .tbl-coupon-info tbody td .select {
  width: 100%;
  text-align: left;
}

.layer-pop .tbl-coupon-info tbody td.nodata {
  padding: 100px 0;
}

.layer-pop .tbl-coupon-info tbody .disabled td {
  color: #ccc;
}

.layer-pop .tbl-coupon-info tbody .disabled .radio-skin input + span {
  color: #ccc;
}

.layer-pop .tbl-coupon-info tbody .disabled .radio-skin input + span:before {
  display: none;
}

.layer-pop .tbl-coupon-info .date,
.layer-pop .tbl-coupon-info .code {
  font-size: 13px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.layer-pop .tbl-coupon-info .item-brand {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
}

.layer-pop .tbl-coupon-info .item-name {
  margin: 10px 0 0;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.layer-pop .tbl-coupon-info .item-opt {
  margin: 15px 0 0;
  color: #666;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.layer-pop .tbl-coupon-info .radio-skin input + span {
  color: #000;
}

.layer-pop .tbl-coupon-info .price {
  display: block;
  margin: 10px 0;
}

.layer-pop .tbl-coupon-info .price > span {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 20px;
}

.layer-pop .tbl-coupon-info .price .btn-tooltip {
  margin-left: 5px;
  vertical-align: 0;
}

.layer-pop .coupon-sel .sec-title {
  margin: 40px 0 20px;
  font-size: 16px;
}

.layer-pop .coupon-sel .total-coupon-discount {
  display: flex;
  height: 60px;
}

.layer-pop .coupon-sel .total-coupon-discount [class*='btn-type'] {
  flex: 1;
  height: 60px;
}

.layer-pop .coupon-sel .total-coupon-discount .txt-price {
  width: 550px;
  padding: 20px 0 0 40px;
  background: #000;
  color: #fff;
  font-size: 16px;
}

.layer-pop .coupon-sel .total-coupon-discount .price {
  margin-left: 50px;
  font-size: 14px;
}

.layer-pop .coupon-sel .total-coupon-discount .price span {
  margin-right: 5px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 20px;
}

.layer-pop .txt-voucher {
  margin: 0 0 20px;
  font-size: 16px;
  color: #000;
}

.layer-pop .txt-voucher .count {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  color: #c2935f;
}

.layer-pop .voucher-total {
  margin: 40px 0 0;
  padding: 30px;
  background: #f8f3f0;
  border-top: 1px solid #111;
}

.layer-pop .voucher-total li {
  display: flex;
  color: #000;
}

.layer-pop .voucher-total li ~ li {
  margin-top: 20px;
}

.layer-pop .voucher-total li .tit {
  display: flex;
  align-items: center;
  flex: 1;
  font-weight: 400;
}

.layer-pop .voucher-total li .price {
  text-align: right;
  font-size: 14px;
}

.layer-pop .voucher-total li .price span {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 20px;
}

.layer-pop .voucher-total li .price span.total {
  display: inline-block;
  min-width: 150px;
  padding: 12px 0 12px 10px;
  font-size: 20px;
}

.layer-pop .layer-package .package-info {
  padding: 30px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.layer-pop .layer-package .package-info .tit {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.layer-pop .layer-package .package-info .txt {
  margin-top: 15px;
}

.layer-pop .layer-package .package-info .date {
  margin-top: 10px;
  font-size: 13px;
  color: #999;
}

.layer-pop .layer-package .product-list-sub .item-box {
  margin-top: 20px;
}

.layer-pop .layer-package .product-list-sub .item-img {
  position: relative;
  width: 90px;
  height: 135px;
}

.layer-pop .layer-package .product-list-sub .item-img img {
  width: 90px;
  height: 135px;
}

.layer-pop .layer-package .product-list-sub .item-img .btn-like-s {
  position: absolute;
  top: 10px;
  right: 10px;
}

.layer-pop .layer-package .product-list-sub .item-info {
  color: #000;
}

.layer-pop .layer-package .product-list-sub .item-opt {
  margin-top: 10px;
}

.layer-pop .layer-package .product-list-sub .item-opt span {
  margin-right: 10px;
}

.layer-pop .layer-package .product-list-sub .item-price {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
}

.layer-pop .layer-package .product-list-sub .item-price .price {
  margin: 0;
  font-size: 20px;
}

.layer-pop .layer-package .product-list-sub .item-info {
  vertical-align: top;
}

.layer-pop .layer-package .package-item-list {
  margin-top: 25px;
  border-top: 1px solid #eee;
}

.layer-pop .layer-package .package-item-list .txt {
  margin: 40px 0 14px;
  font-size: 16px;
  color: #000;
}

.layer-pop .layer-package .package-item-list .nodata {
  border: 0;
  line-height: 1.5;
}

.layer-pop .layer-package .package-item-list .list {
  margin: -40px -5px 0;
}

.layer-pop .layer-package .package-item-list .list:after {
  content: '';
  display: block;
  clear: both;
}

.layer-pop .layer-package .package-item-list .list li {
  float: left;
  width: 25%;
  margin-top: 40px;
}

.layer-pop .layer-package .package-item-list .list .item-box {
  display: block;
  width: 104px;
  margin: 0 5px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  color: #000;
}

.layer-pop .layer-package .package-item-list .list .item-img {
  width: 104px;
  height: 156px;
  margin: 0 0 18px;
}

.layer-pop .layer-package .package-item-list .list .item-img img {
  width: 100%;
  height: 100%;
}

.layer-pop .layer-package .package-item-list .list .item-brand {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 5px;
}

.layer-pop .layer-package .package-item-list .list .item-name {
  overflow: hidden;
  height: 40px;
  max-height: 40px;
  line-height: 20px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
}

.smilebox-group .use-smilebox {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 40px;
}

.smilebox-group .use-smilebox .txt-smilebox {
  font-size: 24px;
}

.smilebox-group .smilebox-info-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}

.smilebox-group .smilebox-info-box .txt-group {
  -ms-flex: 1;
  flex: 1;
  margin-top: 0;
}

.smilebox-address-group {
  display: none;
  margin-top: 40px;
}

.smilebox-address-group .align-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.smilebox-address-group .txt-warning {
  margin-top: 34px;
}

.smilebox-address-group .tbl-write {
  padding-top: 34px;
}

.promo-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 1920px;
  height: 60px;
  margin: 0 auto;
  padding: 0 80px;
}

.promo-header .date {
  color: #222;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.promo-header .etc .btn {
  position: relative;
  display: inline-block;
}

.promo-header .etc .btn ~ .btn {
  margin-left: 30px;
  padding-left: 30px;
}

.promo-header .etc .btn ~ .btn:before {
  content: '';
  height: 10px;
  position: absolute;
  top: 3px;
  left: 0;
  border-left: 1px solid #eee;
}

.promo-header .etc .btn [class*='type']:before {
  content: '';
  display: inline-block;
  margin-right: 10px;
  vertical-align: -2px;
}

.promo-header .etc .btn .type-share {
  font-size: 0;
}

.promo-header .etc .btn .type-share:before {
  width: 20px;
  height: 22px;
  margin-right: 0;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_share2.png') no-repeat;
}

.promo-header .etc .btn .type-list {
  font-size: 0;
}

.promo-header .etc .btn .type-list:before {
  width: 23px;
  height: 20px;
  margin-right: 0;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_list.png') no-repeat;
}

.promo-header .etc .layer-share {
  right: 0;
  top: 32px;
  margin-right: 0;
}

.promo-header .etc .layer-promo-list {
  top: 32px;
  right: 0;
  width: 1100px;
  padding: 65px 75px 75px;
  border: 0;
  border-radius: 0 0 8px 8px;
}

.promo-header .etc .layer-promo-list .item-box {
  display: table;
  width: 310px;
  white-space: normal;
  font-size: 13px;
  table-layout: fixed;
}

.promo-header .etc .layer-promo-list .item-img {
  display: table-cell;
  width: 150px;
  height: 150px;
}

.promo-header .etc .layer-promo-list .item-img img {
  width: 100%;
  height: 100%;
}

.promo-header .etc .layer-promo-list .item-info {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px 0 20px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  line-height: 1.4;
}

.promo-header .etc .layer-promo-list .item-brand {
  margin: 0 0 5px;
}

.promo-header .etc .layer-promo-list .item-tit {
  overflow: hidden;
  height: 51px;
  max-height: 51px;
  line-height: 17px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  white-space: normal;
}

.promo-header .etc .layer-promo-list .item-title {
  font-size: 16px;
  overflow: hidden;
  height: 48px;
  max-height: 48px;
  line-height: 24px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.promo-header .etc .layer-promo-list .item-subtitle {
  margin-top: 15px;
  font-size: 13px;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 19px;
  line-height: 19px;
}

.promo-header .etc .layer-promo-list .slide-nav-prev,
.promo-header .etc .layer-promo-list .slide-nav-next {
  position: absolute;
  top: 50%;
  margin-top: -11px;
}

.promo-header .etc .layer-promo-list .slide-nav-prev {
  left: 20px;
}

.promo-header .etc .layer-promo-list .slide-nav-next {
  right: 20px;
}

.promo-banner .banner-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 120px;
  background: #000;
  text-align: center;
}

.promo-banner .banner-item .logo-banner {
  display: inline-block;
  margin-right: 40px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 28px;
  color: #fff;
}

.promo-banner .banner-item .txt-banner {
  display: inline-block;
  font-size: 24px;
  color: #fff;
  vertical-align: middle;
}

.promo-banner > a {
  display: block;
}

.promo-banner > a + a {
  margin-top: 20px;
}

.md-choice {
  position: relative;
  margin: 0 -18px;
}

.md-choice .slide-nav-prev,
.md-choice .slide-nav-next {
  position: absolute;
  top: 50%;
  margin-top: -62px;
}

.md-choice .slide-nav-prev {
  margin-left: 18px;
}

.md-choice .slide-nav-next {
  margin-right: 18px;
}

.md-choice .wrap-product-list {
  position: relative;
}

.md-choice .product-list {
  margin: 0;
}

.md-choice .product-list li {
  margin-bottom: 0;
  padding: 0 18px;
}

.md-choice .product-list li .item-box {
  margin: 0;
}

.md-choice .product-list li .item-brand {
  font-size: 18px;
}

.md-choice .product-list li .item-price {
  font-size: 20px;
}

.md-choice .product-list li .item-info {
  text-align: center;
}

.promo-tab-brand {
  max-width: 1920px;
  padding: 0 80px;
  margin: 100px auto 75px;
  text-align: center;
}

.promo-tab-brand > ul {
  background-color: #f8f3f0;
}

.promo-tab-brand > ul::after {
  content: '';
  clear: both;
  display: block;
}

.promo-tab-brand li {
  float: left;
  width: 20%;
}

.promo-tab-brand li button {
  display: block;
  padding: 40px 0;
  width: 100%;
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
}

.promo-tab-brand li button span {
  position: relative;
  line-height: 21px;
}

.promo-tab-brand li.active {
  background: #c2935f;
}

.promo-tab-brand li.active button {
  color: #fff;
}

.promo-list-header {
  position: relative;
  margin-top: 80px;
  min-height: 30px;
}

.promo-list-header .list-count span {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
  color: #c2935f;
}

.promo-list-header .list-sort {
  position: absolute;
  top: -10px;
  right: 0;
}

.promo-list-header .list-sort .check-skin {
  vertical-align: middle;
}

.promo-list-header .list-sort .select {
  position: relative;
  margin-left: 60px;
  vertical-align: middle;
}

.promo-list-header .list-sort .select .sel-btn {
  color: #000;
  border: 0;
}

.promo-list-header .list-sort .btn-anchor + .select:before {
  content: '';
  height: 10px;
  position: absolute;
  top: 16px;
  left: -30px;
  border-left: 1px solid #eee;
}

.promo-detail-wrap .wrap-product-list {
  margin-top: 0;
}

.promo-detail-wrap .wrap-product-list .promo-list-Anchor {
  margin-top: 0;
}

.promo-detail-wrap .wrap-product-list .anchor-section {
  margin-top: 80px;
}

.promo-detail-wrap .wrap-product-list .anchor-section ~ .anchor-section {
  margin-top: 80px;
}

.promo-detail-wrap .wrap-product-list .anchor-section ~ .promo-list-Anchor {
  margin-top: 100px;
}

.promo-list-Anchor {
  margin: 16px 0 0;
  padding: 15px 20px;
  font-size: 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.promo-list-Anchor li {
  display: inline-block;
  margin: 15px 70px;
  text-align: center;
}

.promo-list-Anchor li button {
  font-size: 16px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  line-height: 17px;
}

.promo-list-Anchor li button span {
  display: inline-block;
  position: relative;
  pointer-events: none;
}

.promo-list-Anchor li.active button span {
  color: #c2935f;
}

.promo-list-Anchor li.active button span::before {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c2935f;
}

.promo-pd-wrap .banner {
  margin-top: 100px;
}

.promo-pd-wrap .product-list {
  text-align: center;
  margin: 100px -20px 0;
}

.promo-pd-wrap .product-list li {
  width: 33.33%;
  text-align: left;
}

.promo-pd-wrap .product-list .item-box {
  margin: 0 20px;
}

.bg-section.type3 {
  margin: 100px 0;
  padding: 80px 0;
  background: #f8f3f0;
}

.btn-anchor {
  height: 40px;
}

.wrap-product-list.event .list-head {
  margin-bottom: 30px;
  padding-left: 200px;
}

.wrap-product-list.event .select .sel-btn {
  min-width: 50px;
  max-height: none;
  height: auto;
  white-space: normal;
  overflow: visible;
  background-position: 100% 0px;
}

.wrap-product-list.event .select .sel-list {
  width: auto;
  min-width: 0;
  padding: 30px;
}

.wrap-product-list.event .select .sel-list ul {
  padding: 0px;
  width: calc(100% + 30px);
  height: 265px;
  overflow-y: auto;
}

.wrap-product-list.event .select .sel-list ul li ~ li {
  margin-top: 5px;
}

.wrap-product-list.event .select .sel-list .btn-box {
  margin-top: 20px;
}

.wrap-product-list.event .product-list {
  margin: 0 -10px;
}

.wrap-product-list.event .product-list > li {
  margin: 80px 0 0;
}

.wrap-product-list.event .product-list > li:nth-child(-n + 4) {
  margin-top: 0;
}

.wrap-product-list.event .product-list .item-box {
  margin: 0 10px;
}

.wrap-product-list.event .product-list .item-info .btn-winner {
  margin-top: 20px;
}

.wrap-product-list.event .product-list .item-date .d-day {
  display: inline-block;
  min-width: 50px;
  height: 20px;
  margin-top: -3px;
  margin-right: 5px;
  padding: 0 10px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  background: #c2935f;
  border-radius: 2px;
  vertical-align: middle;
}

.wrap-product-list.event .product-list .item-brand {
  margin: 0;
}

.wrap-product-list.event .product-list .item-brand .store {
  margin-bottom: 10px;
  margin-left: 0;
}

.dp-tab + .wrap-product-list.event {
  margin-top: 0;
}

.promo-top-box {
  color: #fff;
}

.promo-top-box .inner-box {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}

.promo-top-box .promo-img {
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.promo-top-box .promo-img .img {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 1920px;
}

.promo-top-box .promo-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1220px;
  transform: translateX(-50%);
  text-align: center;
}

.promo-top-box .promo-info2 {
  position: absolute;
  left: 50%;
  top: 155px;
  width: 1220px;
  transform: translateX(-50%);
}

.promo-top-box .str {
  font-size: 16px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.promo-top-box .str .tit {
  font-size: 52px;
  font-weight: 500;
  line-height: 1.1;
}

.promo-top-box .str .sub {
  margin-top: 25px;
  font-size: 20px;
  line-height: 30px;
}

.promo-top-box .str .etc {
  margin-top: 30px;
}

.promo-top-box .str .promo-logo {
  margin-bottom: 40px;
}

.promo-top-box .str .promo-logo img {
  height: 60px;
}

.promo-top-box .str .promo-logo img + img {
  margin-left: 40px;
}

.promo-top-box .promo-time-txt {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -140px;
  margin-top: -123px;
}

.promo-top-box .promo-time-logo {
  position: absolute;
  right: 80px;
  top: 30px;
}

.promo-top-box .promo-time-logo img {
  height: 75px;
}

.promo-logo-section {
  padding: 40px 0;
  background: #000;
  text-align: center;
}

.promo-logo-section .promo-logo img {
  height: 60px;
}

.promo-logo-section .promo-logo img + img {
  margin-left: 40px;
}

.promo-txt-box {
  width: 100%;
  text-align: center;
}

.promo-txt-box .inner-box {
  max-width: 1920px;
  margin: 0 auto;
  padding: 80px 80px;
}

.promo-txt-box .tit {
  color: #000;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

.promo-txt-box .sub {
  margin-top: 15px;
  color: #000;
  font-size: 20px;
  line-height: 1.7;
}

.promo-header + .promo-txt-box .inner-box {
  padding: 60px 0;
}

.promo-notice-box {
  max-width: 1920px;
  margin: 100px auto;
  padding: 0 80px;
}

.promo-notice-box .promo-notice {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.promo-notice-box .promo-notice dt {
  position: relative;
  margin-right: 45px;
  padding: 0 60px;
  font-family: #000;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

.promo-notice-box .promo-notice dt::before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 20px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/icon_notice.png') no-repeat 0 0;
}

.promo-notice-box .promo-notice dd {
  -ms-flex: 1;
  flex: 1;
  line-height: 24px;
}

.promo-notice-box .promo-notice .title {
  color: #000;
  font-size: 16px;
  line-height: 1.7;
}

.promo-notice-box .promo-notice .txt-list {
  margin-top: 0;
  color: #000;
  font-size: 16px;
  line-height: 2;
}

.promo-notice-box .promo-notice .txt-list .txt02 {
  position: relative;
  padding-left: 10px;
}

.promo-notice-box .promo-notice .txt-list .txt02::before {
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
}

.promo-notice-box .promo-notice .txt-list .txt03 {
  position: relative;
  padding-left: 10px;
}

.promo-notice-box .promo-notice .txt-list .txt03::before {
  content: '';
  position: absolute;
  left: 0;
  top: 15px;
  width: 4px;
  height: 4px;
  background: #666;
}

.promo-notice-box .promo-notice .txt-list .txt-refer {
  font-size: 14px;
  color: #666;
}

.promo-notice-box .promo-notice .txt-list .txtin {
  margin-top: 5px;
  padding-left: 10px;
}

.promo-coupon-box {
  padding: 80px 80px 30px;
  background: #000;
  text-align: center;
}

.promo-coupon-box .inner-box {
  max-width: 1920px;
  margin: 0 auto;
}

.promo-coupon-box .title {
  margin-bottom: 40px;
  color: #fff;
  font-size: 30px;
}

.promo-coupon-box .coupon-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.promo-coupon-box .coupon-list li {
  flex: 0 0 270px;
  padding: 0 15px;
  margin-bottom: 40px;
}

.promo-coupon-box .coupon-list.items2 {
  width: 600px;
  margin: 0 auto;
}

.promo-coupon-box .coupon-list.items3 {
  width: 900px;
  margin: 0 auto;
}

.promo-coupon-box .txt-etc {
  margin-top: 20px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}

.promo-coupon-box .coupon-item {
  position: relative;
  width: 270px;
  height: 198px;
  padding-top: 35px;
  color: #000;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/bg_promo_coupon.png');
}

.promo-coupon-box .coupon-item .name {
  display: inline-block;
  width: 100%;
  font-size: 40px;
}

.promo-coupon-box .coupon-item .name .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 45px;
}

.promo-coupon-box .coupon-item .btn-download {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
}

.pack-promo {
  margin: 80px 0;
}

.pack-promo .pack-item {
  font-size: 0;
  text-align: center;
}

.pack-promo .pack-item li {
  display: inline-block;
  position: relative;
  width: 180px;
}

.pack-promo .pack-item li + li::before,
.pack-promo .pack-item li + li::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 2px;
  height: 34px;
  background: #ddd;
}

.pack-promo .pack-item .item-box {
  position: relative;
  text-align: center;
}

.pack-promo .pack-item .item-box .percent {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin: 40px auto 0;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
  background: #000;
  border-radius: 50%;
}

.pack-promo .pack-item .item-box .quantity {
  font-size: 30px;
  color: #000;
}

.pack-promo .pack-item .item-box .quantity .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 60px;
}

.promo-time {
  height: 80px;
  padding-top: 26px;
  background: #000;
  text-align: center;
}

.promo-time .txt-promo-time {
  margin-right: 25px;
  font-size: 20px;
  color: #c2935f;
  vertical-align: middle;
}

.promo-time .time {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}

.promo-time .time span {
  display: inline-block;
  position: relative;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 28px;
  color: #c2935f;
}

.promo-time .time span + span {
  padding-left: 20px;
}

.promo-time .time span + span::before {
  content: ':';
  position: absolute;
  left: 7px;
  top: -2px;
}

.email-validation-box {
  width: 580px;
  margin: 80px auto;
}

.email-validation-box .list li + li {
  margin-top: 80px;
}

.email-validation-box .list .title {
  margin-bottom: 30px;
  font-size: 16px;
  color: #000;
}

.email-validation-box .list .code-dday dt {
  font-size: 14px;
  color: #999;
}

.email-validation-box .list .code-dday dd {
  margin-top: 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.email-validation-box .list .form-group {
  margin-top: 25px;
}

.email-validation-box .list .form-group input[type='text'] {
  height: 50px;
  font-size: 20px;
  line-height: 48px;
  border-bottom-width: 2px;
}

.email-validation-box .list .form-group .btn-valid {
  width: 120px;
}

.email-validation-box .list .txt-invalid {
  line-height: 32px;
}

.email-validation-box .btn-box .btn-text {
  padding-bottom: 5px;
  font-size: 16px;
}

.cross-promo {
  margin: 60px 0;
}

.cross-promo .promo-price-item {
  position: relative;
  margin-left: 39px;
  padding-left: 83px;
}

.cross-promo .promo-price-item::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 105px;
  width: 43px;
  height: 32px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/icon_equals.png') no-repeat 0 0;
}

.cross-promo .promo-price-item .item-price {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 35px;
  font-weight: 700;
}

.cross-promo .promo-price-item .item-price > * {
  display: block;
  margin: 15px 0;
  text-align: center;
}

.cross-promo .promo-price-item .item-price .regular {
  color: #666;
}

.cross-promo .promo-price-item .item-price .percent {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
  background: #000;
  border-radius: 50%;
}

.cross-promo .set-item-list li + li {
  margin-left: 59px;
  padding-left: 86px;
}

.cross-promo.bogo .promo-price-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 252px;
}

.set-item-list {
  margin-top: -40px;
  font-size: 0;
  text-align: center;
}

.set-item-list li {
  display: inline-block;
  position: relative;
  margin-top: 40px;
  font-size: 14px;
  text-align: center;
  vertical-align: top;
}

.set-item-list li + li {
  margin-left: 10px;
  padding-left: 53px;
}

.set-item-list li + li::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 167px;
  width: 36px;
  height: 36px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/icon_plus.png') no-repeat 0 0;
}

.set-item-list .item-box {
  position: relative;
  width: 250px;
}

.set-item-list .item-box .group-name {
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 700;
}

.set-item-list .item-box .item-img {
  position: relative;
}

.set-item-list .item-box .item-img .img {
  width: 100%;
  height: 375px;
}

.set-item-list .item-box .item-img .img img {
  width: 100%;
}

.set-item-list .item-box .item-img .btn-like {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
}

.set-item-list .item-box .item-img .btn-like::after,
.set-item-list .item-box .item-img .btn-like span {
  width: 100%;
  height: 100%;
  background-size: 18px auto;
}

.set-item-list .item-box .item-img .percent {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: -45px;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
  background: #000;
  border-radius: 50%;
}

.set-item-list .item-box .item-info {
  margin-top: 18px;
  text-align: left;
}

.set-item-list .item-box .item-info .item-brand {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.set-item-list .item-box .item-info .item-price {
  margin-top: 10px;
  font-size: 15px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 100;
}

.set-item-list .item-box .item-info .item-price .price {
  color: #000;
}

.set-item-list .item-box .item-info .item-price .regular {
  color: #666;
  margin-left: 7px;
}

.promo-set-item .inner-box {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.promo-set-item .set-item-group {
  width: 1120px;
  margin: 0 auto;
}

.promo-set-item .set-item-group + .set-item-group {
  margin-top: 100px;
}

.promo-set-item .set-item-group .title {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 700;
}

.promo-set-item .set-item-group .package-buy {
  position: relative;
}

.promo-set-item .set-item-group .package-buy .item-info {
  display: inline-block;
  margin-right: 7px;
  vertical-align: middle;
}

.promo-set-item .set-item-group .package-buy .item-info .item-price {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 20px;
}

.promo-set-item .set-item-group .package-buy .item-info .item-price .price {
  color: #000;
}

.promo-set-item .set-item-group .package-buy .item-info .item-price .regular {
  margin-left: 5px;
  color: #aaa;
}

.promo-set-item .set-item-group .package-buy .btn-buy {
  vertical-align: middle;
}

.promo-set-item .set-item-group .set-item-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.promo-set-item .set-item-group .set-item-box .primary-item {
  flex: 0 0 450px;
  width: 450px;
  margin-right: 60px;
}

.promo-set-item .set-item-group .set-item-box .primary-item .item-box {
  position: relative;
  width: 100%;
}

.promo-set-item
  .set-item-group
  .set-item-box
  .primary-item
  .item-box
  .item-img {
  position: relative;
}

.promo-set-item
  .set-item-group
  .set-item-box
  .primary-item
  .item-box
  .item-img
  .img {
  width: 100%;
  height: 675px;
  overflow: hidden;
}

.promo-set-item
  .set-item-group
  .set-item-box
  .primary-item
  .item-box
  .item-img
  .img
  img {
  width: 100%;
}

.promo-set-item .set-item-group .set-item-box .set-item-list {
  margin-top: -5px;
  text-align: left;
}

.promo-set-item .set-item-group .set-item-box .set-item-list li + li {
  margin-left: 25px;
  padding-left: 40px;
}

.promo-set-item .set-item-group .set-item-box .set-item-list li + li::before {
  top: 92px;
  bottom: auto;
  width: 17px;
  height: 17px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/icon_plus_sm.png') no-repeat 0 0;
  background-size: 17px auto;
}

.promo-set-item .set-item-group .set-item-box .set-item-list li:nth-child(4) {
  margin-left: 0;
  padding-left: 0;
}

.promo-set-item
  .set-item-group
  .set-item-box
  .set-item-list
  li:nth-child(4)::before {
  display: none;
}

.promo-set-item .set-item-group .set-item-box .set-item-list .item-box {
  width: 134px;
}

.promo-set-item .set-item-group .set-item-box .set-item-list .item-box .img {
  width: 100%;
  height: 201px;
}

.promo-best-item {
  margin: 100px auto;
}

.editor-box {
  text-align: center;
  overflow: hidden;
}

.editor-box .editor-inner {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
}

.editor-box img {
  max-width: 100%;
}

.editor-box.left {
  text-align: left;
}

.list-head2 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 50px;
  padding-top: 20px;
  border-top: 1px solid #000;
}

.list-head2 .right:only-child {
  width: 100%;
  text-align: right;
}

.list-head2 .tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.list-head2 .tabs li {
  position: relative;
  color: #999;
}

.list-head2 .tabs li + li {
  margin-left: 30px;
  padding-left: 30px;
}

.list-head2 .tabs li + li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 1px;
  height: 12px;
  background: #ddd;
}

.list-head2 .tabs li.on {
  color: #000;
}

.list-head2 .tabs li.on .count {
  color: #c2935f;
}

.list-head2 .tabs li {
  font-size: 16px;
}

.list-head2 .tabs li.on {
  font-weight: 700;
}

.list-head2 .list-sorting {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.list-head2 .list-sorting li {
  padding: 0;
}

.list-head2 .list-sorting li + li {
  margin-left: 30px;
  padding-left: 30px;
}

.list-sorting {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.list-sorting li {
  position: relative;
  padding: 0 30px;
  color: #999;
}

.list-sorting li + li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 1px;
  height: 10px;
  background: #eee;
}

.list-sorting li.on {
  color: #000;
}

.list-sorting li.on .count {
  color: #c2935f;
}

.event-detail-wrap .promo-list-header {
  margin-top: 100px;
}

.event-detail-section {
  overflow: hidden;
  width: auto;
  height: auto;
}

.event-detail-section .corner-box {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
}

.event-detail-section .event-btn-box {
  width: 100%;
  padding: 90px 0;
  text-align: center;
}

.event-detail-section .event-btn-box .btn-event {
  display: inline-block;
  width: 320px;
  height: 80px;
  color: #000;
  font-size: 28px;
  text-align: center;
  line-height: 80px;
  background: #fff;
  border-radius: 40px;
}

.event-tBanner {
  position: relative;
  background: #213274; /*.event-sample .sample01 {display:flex; justify-content:center; align-items:center; text-align:center; height: 600px;}*/
}

.event-tBanner + .draw-event-group {
  padding: 0 0 50px;
}

.event-tBanner .tBanner01 {
  display: table;
  width: 100%;
  min-height: 600px;
}

.event-tBanner .str {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.event-tBanner .str .tit {
  display: block;
  margin-bottom: 40px;
  font-size: 60px;
  font-weight: 400;
  color: #fff;
}

.event-tBanner .str .tit span {
  font-weight: 400;
}

.event-tBanner .str .sub {
  display: block;
  font-size: 20px;
  color: #fff;
  font-weight: 300;
}

.event-tBanner .str .etc {
  display: block;
  margin-top: 20px;
  font-size: 20px;
  font-weight: 300;
  color: #fff;
}

.sub-event-section {
  width: 100%;
  padding: 100px 0;
  background: #f7f7f7;
}

.sub-event-section .wrap-product-list.event {
  width: 1206px;
  margin: 0 auto;
}

.sub-event-section .wrap-product-list.event .product-list {
  margin: -60px -20px 0;
}

.sub-event-section .wrap-product-list.event .product-list li {
  width: 50%;
  margin: 60px 0 0;
}

.sub-event-section .wrap-product-list.event .product-list .item-box {
  margin: 0 20px;
}

.sub-event-section .wrap-product-list.event .product-list .item-img {
  padding: 0;
}

.sub-event-section .wrap-product-list.event .product-list .item-img .img-box {
  position: static;
}

.sub-event-section.color-type2 {
  background-color: #000;
}

.sub-event-section.color-type2 .product-list .item-name,
.sub-event-section.color-type2 .product-list .item-date {
  color: #fff;
}

.comment-section {
  max-width: 1920px;
  min-width: 1280px;
  margin: 100px auto 0;
  padding: 0 80px;
}

.comment-group {
  border-top: 1px solid #000;
}

.comment-group .comment-write {
  padding: 40px;
  background: #f8f3f0;
  border-bottom: 1px solid #eee;
}

.comment-group .comment-write .cmt-title {
  font-size: 16px;
  font-weight: 400;
}

.comment-group .cmt-edit-box .cmt-img {
  margin-top: 20px;
}

.comment-group .cmt-edit-box .cmt-img .img {
  display: inline-block;
  position: relative;
}

.comment-group .cmt-edit-box .cmt-img .img img {
  width: 150px;
}

.comment-group .cmt-edit-box .cmt-img .img .btn-del {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 25px;
  height: 25px;
  font-size: 0;
  background: #666 url('/img_up/shop_pds/banobagi/design/images/main/review/btn_del.png') no-repeat 50% 50%;
}

.comment-group .cmt-edit-box .cmt-img .img .btn-del span {
  position: relative;
}

.comment-group .cmt-edit-box .cmt-etc {
  position: relative;
  margin: -17px 0 20px 0;
  padding-right: 130px;
  text-align: right;
}

.comment-group .cmt-edit-box .cmt-etc .txt-byte .num {
  font-weight: 700;
  color: #c2935f;
}

.comment-group .cmt-edit-box .cmt-etc .btn-area {
  position: absolute;
  top: 0;
  right: -30px;
  width: 130px;
  text-align: center;
}

.comment-group .cmt-edit-box .cmt-etc .btn-photo {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.comment-group .cmt-edit-box .cmt-etc .btn-photo input[type='file'] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.comment-group
  .cmt-edit-box
  .cmt-etc
  .btn-photo
  input[type='file']:disabled
  ~ span {
  color: #ccc;
  cursor: default;
}

.comment-group .cmt-edit-box .cmt-etc .btn-photo span {
  display: inline-block;
  position: relative;
  border-bottom: 1px solid;
  z-index: 10;
  cursor: pointer;
}

.comment-group .cmt-edit-box .cmt-textarea {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.comment-group .cmt-edit-box .cmt-textarea textarea {
  height: 100px;
  padding: 25px 30px;
  font-size: 14px;
  background: #fff;
}

.comment-group .cmt-edit-box .cmt-textarea textarea:focus {
  border-bottom: 1px solid #000;
}

.comment-group .cmt-edit-box .cmt-textarea .btn-regist {
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  margin-left: 10px;
  width: 120px;
  height: 100px;
  color: #fff;
  font-size: 16px;
  background: #c2935f;
  border-radius: 6px;
}

.comment-group .comment-list .list-row [class*='cell-'] {
  padding: 35px 0;
  vertical-align: top;
}

.comment-group .comment-list .list-row .cell-num {
  width: 100px;
}

.comment-group .comment-list .list-row .cell-comment {
  width: auto;
  padding-left: 20px;
  text-align: left;
}

.comment-group .comment-list .list-content {
  border-top: 1px solid #eee;
}

.comment-group .comment-list .cell-comment .cmt-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.comment-group .comment-list .cell-comment .cmt-info li {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #666;
}

.comment-group .comment-list .cell-comment .cmt-info li .writer {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.comment-group .comment-list .cell-comment .cmt-info li .date {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.comment-group .comment-list .cell-comment .cmt-info li .date .time {
  display: inline-block;
  margin-left: 15px;
}

.comment-group .comment-list .cell-comment .cmt-info li .btn-text {
  color: #666;
  border-bottom: 1px solid;
}

.comment-group .comment-list .cell-comment .cmt-info li .btn-text + .btn-text {
  margin-left: 20px;
}

.comment-group .comment-list .cell-comment .cmt-info li + li {
  margin-left: 20px;
  padding-left: 21px;
}

.comment-group .comment-list .cell-comment .cmt-info li + li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 1px;
  height: 10px;
  background: #eee;
}

.comment-group .comment-list .cell-comment .cmt-content {
  position: relative;
}

.comment-group .comment-list .cell-comment .cmt-content .cmt-delete {
  margin: 35px 0 5px;
  color: #666;
}

.comment-group .comment-list .cell-comment .cmt-content .cmt-delete::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -1px 17px 0 0;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_notice2.png) no-repeat 0 0;
  vertical-align: middle;
}

.comment-group .comment-list .cell-comment .cmt-content .cmt-img {
  margin-top: 20px;
}

.comment-group .comment-list .cell-comment .cmt-content .cmt-img img {
  width: 150px;
}

.comment-group .comment-list .cell-comment .cmt-content .cmt-txt {
  margin-top: 10px;
  overflow: hidden;
  height: 48px;
  max-height: 48px;
  line-height: 24px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.comment-group .comment-list .cell-comment .cmt-content .btn-cmt-all {
  display: none;
  margin-top: 50px;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: left;
  outline: none;
}

.comment-group .comment-list .cell-comment .cmt-content .btn-cmt-all span {
  position: absolute;
  display: block;
  bottom: 0;
  font-size: 14px;
  line-height: 19px;
  color: #666;
}

.comment-group
  .comment-list
  .cell-comment
  .cmt-content
  .btn-cmt-all
  span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 72px;
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_more_arrow2.png) no-repeat 50% 50%;
}

.comment-group .comment-list .cell-comment .cmt-content.show .cmt-img img {
  width: auto;
  max-width: 640px;
}

.comment-group .comment-list .cell-comment .cmt-content.show .cmt-txt {
  height: auto;
  max-height: none;
  white-space: normal;
  text-overflow: clip;
  -webkit-box-orient: inherit;
  -webkit-line-clamp: inherit;
}

.comment-group
  .comment-list
  .cell-comment
  .cmt-content.show
  .btn-cmt-all:after {
  background-position: 0 -6px;
}

.comment-group
  .comment-list
  .cell-comment
  .cmt-content.show
  .btn-cmt-all
  span:before {
  transform: rotate(180deg);
}

.comment-group .comment-list .cell-comment .cmt-edit-box .cmt-textarea {
  margin-left: -20px;
}

.comment-group
  .comment-list
  .cell-comment
  .cmt-edit-box
  .cmt-textarea
  textarea {
  color: #666;
  background: #f8f3f0;
}

.comment-group .comment-list .cell-comment .cmt-vote {
  display: flex;
  align-items: center;
  padding: 40px 0 0;
}

.comment-group .comment-list .cell-comment .cmt-vote .vote-img {
  width: 100px;
  height: 150px;
  margin-right: 20px;
}

.comment-group .comment-list .cell-comment .cmt-vote .vote-img img {
  width: 100%;
}

.event-section .promo-list-Anchor li.active button span {
  color: #c2935f;
  border-color: #c2935f;
}

.event-section .product-list .item-rank {
  padding-top: 14px;
}

.promo-tab-brand2 {
  margin: 15px 0 0;
  padding: 23px 20px;
  font-size: 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.promo-tab-brand2 li {
  display: inline-block;
  width: 16.66%;
  margin: 7px 0;
  text-align: center;
}

.promo-tab-brand2 li button {
  font-size: 16px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.promo-tab-brand2 li button span {
  display: inline-block;
  position: relative;
  padding: 8px 0;
  border-bottom: 1px solid transparent;
}

.promo-tab-brand2 li.active button span {
  color: #c2935f;
  border-color: #c2935f;
}

.event-notice-box {
  max-width: 1920px;
  min-width: 1280px;
  margin: 0 auto;
  padding: 0 80px;
}

.event-notice-box .event-notice {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 100px 0 0;
}

.event-notice-box .event-notice dt {
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  position: relative;
  margin-right: 100px;
  padding-left: 60px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

.event-notice-box .event-notice dt::before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 20px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/icon_notice.png') no-repeat 0 0;
}

.event-notice-box .event-notice dd {
  line-height: 24px;
}

.event-notice-box .event-notice dd .txt-list {
  margin-top: 0;
  color: #000;
  font-size: 16px;
  line-height: 1.7;
}

.event-notice-box .event-notice dd .txt-list p {
  position: relative;
  padding-left: 15px;
}

.event-notice-box .event-notice dd .txt-list p::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 12px;
  width: 4px;
  height: 4px;
  background: #666;
}

.event-notice-box .event-notice dd .txt-list p + p {
  margin-top: 9px;
}

.more-event-slide {
  width: 1206px;
  margin: 0 auto;
}

.more-event-slide[data-slide-length='1'] .slide-pagination,
.more-event-slide[data-slide-length='2'] .slide-pagination,
.more-event-slide[data-slide-length='3'] .slide-pagination {
  display: none;
}

.more-event-slide .slide-container {
  position: relative;
  height: 402px;
}

.more-event-slide .slide-pagination {
  margin: 25px 0 0;
  text-align: center;
}

.more-event-slide .slide-nav-prev,
.more-event-slide .slide-nav-next {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  z-index: 5;
}

.more-event-slide .slide-nav .slide-nav-prev {
  left: 0;
}

.more-event-slide .slide-nav .slide-nav-next {
  right: 0;
}

.more-event-slide .box {
  position: relative;
  width: 402px;
  height: 402px;
  overflow: hidden;
}

.more-event-slide .box img {
  width: 100%;
  height: 100%;
}

.more-event-slide .box .over-view {
  display: none;
}

.layer-wrap .event-winner-info .winner-celebrate {
  padding: 30px;
  color: #000;
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
  background: #f8f3f0;
}

.layer-wrap .event-winner-info .winner-celebrate .event-name {
  font-weight: 400;
  color: #c2935f;
}

.layer-wrap .event-winner-info .winner-info {
  margin-top: 40px;
}

.layer-wrap .event-winner-info .winner-info .winner-group + .winner-group {
  margin-top: 40px;
}

.layer-wrap .event-winner-info .winner-info .winner-group .winner-gift {
  font-size: 16px;
  color: #000;
}

.layer-wrap .event-winner-info .winner-info .winner-group .winner-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
  color: #666;
  font-size: 13px;
  line-height: 1.7;
}

.layer-wrap .event-winner-info .winner-info .winner-group .winner-list p {
  width: 50%;
  margin-top: 10px;
}

.layer-wrap .event-gift-box {
  text-align: center;
}

.layer-wrap .event-gift-box .gift-img img {
  max-width: 100%;
}

.layer-wrap .event-gift-box .txt-cmt {
  margin-top: 20px;
  color: #000;
}

.layer-wrap .event-gift-box .txt-hgift {
  margin-top: 15px;
  color: #000;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.layer-wrap .event-gift-box .coupon-item {
  display: inline-block;
  width: 232px;
  height: 128px;
  padding-top: 33px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/bg_gift_coupon2.png') no-repeat 0 0;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
}

.layer-wrap .event-gift-box .coupon-item .name {
  display: inline-block;
  width: 100%;
  color: #c2935f;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 38px;
  font-weight: 300;
}

.layer-wrap .event-gift-box .coupon-item .name .num {
  font-weight: 500;
}

.layer-wrap .event-gift-box .hgift-item {
  display: inline-block;
  width: 232px;
  height: 128px;
  padding-top: 33px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/bg_hgift2.png?ver=20210120_01') no-repeat 0 0;
}

.layer-wrap .event-gift-box .hgift-item .name {
  display: inline-block;
  width: 100%;
  color: #c2935f;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 38px;
  font-weight: 300;
}

.layer-wrap .event-gift-box .hgift-item .name .num {
  font-weight: 500;
}

.layer-wrap .gift-msg {
  margin-bottom: 50px;
  text-align: center;
}

.layer-wrap .gift-msg .txt {
  text-align: left;
  margin: -7px 0;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.layer-wrap .gift-msg .txt .gift {
  font-weight: 700;
  color: #c2935f;
}

.layer-wrap .gift-msg .txt .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
}

.layer-wrap .event-result {
  margin-top: 40px;
  padding: 40px;
  color: #000;
  font-size: 14px;
  line-height: 1.7;
  background: #f8f3f0;
  text-align: center;
}

.layer-wrap .event-result .txt-gift {
  margin-top: 5px;
  font-size: 26px;
}

.draw-event-group {
  width: 100%;
  padding: 90px 0 50px;
  background: #213274;
  text-align: center;
}

.draw-event-group .draw-event-inner {
  width: 1220px;
  margin: 0 auto;
}

.draw-event-group .draw-gift-box .draw-btn-box {
  text-align: center;
  padding: 90px 0 40px;
}

.draw-event-group .draw-gift-box .draw-btn-box .btn-draw {
  display: inline-block;
  min-width: 320px;
  height: 80px;
  color: #000;
  font-size: 28px;
  text-align: center;
  line-height: 80px;
  background: #fff;
  border-radius: 6px;
}

.draw-event-group .draw-gift-box .draw-btn-box .btn-draw02 {
  display: inline-block;
  width: 260px;
  height: 80px;
  padding: 0 16px;
  color: #000;
  font-size: 28px;
  text-align: center;
  line-height: 80px;
  background: #fff;
  border-radius: 6px;
}

.draw-event-group .draw-gift-box .draw-btn-box.bp30 {
  padding-bottom: 30px;
}

.draw-event-group .draw-gift-box .gift-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.draw-event-group .draw-gift-box .gift-list li {
  flex: 0 0 270px;
  margin: 0 0 40px;
  padding: 0 15px;
}

.draw-event-group .draw-gift-box .gift-list li .btn-box {
  margin-top: 60px;
}

.draw-event-group .draw-gift-box .gift-list li .btn-box .btn-download {
  display: inline-block;
  width: 270px;
  height: 64px;
  color: #000;
  font-size: 20px;
  text-align: center;
  line-height: 64px;
  background: #fff;
  border-radius: 32px;
}

.draw-event-group .draw-gift-box .gift-list li .btn-box .btn-download span {
  position: relative;
}

.draw-event-group .draw-gift-box .new-coupon-item {
  position: relative;
  width: 270px;
  height: 145px;
  padding-top: 37px;
  background: #fff;
  border-radius: 40px 0;
}

.draw-event-group .draw-gift-box .new-coupon-item .name {
  display: block;
  width: 100%;
  height: 53px;
  font-size: 38px;
  font-weight: 500;
}

.draw-event-group .draw-gift-box .new-coupon-item .name .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 38px;
  font-weight: 500;
}

.draw-event-group .draw-gift-box .new-coupon-item .type {
  display: block;
  width: 100%;
  font-size: 18px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: 0.2em;
  text-align: center;
}

.draw-event-group .draw-gift-box .coupon-item {
  position: relative;
  width: 270px;
  height: 198px;
  padding-top: 38px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/bg_download_coupon.png?ver=20210120_01');
}

.draw-event-group .draw-gift-box .coupon-item .name {
  display: inline-block;
  width: 100%;
  font-size: 38px;
}

.draw-event-group .draw-gift-box .coupon-item .name .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 38px;
  font-weight: 500;
}

.draw-event-group .draw-gift-box .coupon-item .btn-download {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
}

.draw-event-group .draw-gift-box .coupon-item .btn-download span {
  position: absolute;
  display: inline-block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  font-size: 18px;
}

.draw-event-group .draw-gift-box .hgift-item {
  position: relative;
  width: 270px;
  height: 198px;
  padding-top: 38px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/bg_download_hgift.png?ver=20210120_01');
}

.draw-event-group .draw-gift-box .hgift-item .name {
  display: inline-block;
  width: 100%;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 38px;
  font-weight: 500;
}

.draw-event-group .draw-gift-box .hgift-item .name .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 38px;
  font-weight: 500;
}

.draw-event-group .draw-gift-box .hgift-item .btn-hgift {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
}

.draw-event-group .draw-gift-box .hgift-item .btn-hgift span {
  position: absolute;
  display: inline-block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  font-size: 18px;
}

.draw-event-group .draw-gift-box .btn-box {
  margin-top: 0;
  padding: 0px 0 40px;
}

.draw-event-group .draw-gift-box .btn-box .btn-download-all {
  display: inline-block;
  min-width: 270px;
  height: 64px;
  padding: 0 30px;
  color: #000;
  font-size: 20px;
  text-align: center;
  line-height: 64px;
  background: #fff;
  border-radius: 6px;
}

.draw-event-group .draw-gift-box .btn-box .btn-download-all span {
  position: relative;
}

.draw-event-group .draw-gift-box.case4 .gift-list li {
  position: relative;
}

.draw-event-group .draw-gift-box.case4 .gift-list li + li {
  margin-left: 15px;
  padding-left: 60px;
}

.draw-event-group .draw-gift-box.case4 .gift-list li + li::before {
  content: '+';
  position: absolute;
  left: 0;
  top: 70px;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
}

.draw-event-group .draw-gift-box.twin .gift-list li {
  position: relative;
}

.draw-event-group .draw-gift-box.twin .gift-list li + li {
  margin-left: 15px;
  padding-left: 60px;
}

.draw-event-group .draw-gift-box.twin .gift-list li + li::before {
  content: '+';
  position: absolute;
  left: 0;
  top: 74px;
  font-size: 50px;
  color: #fff;
}

.vote-content {
  width: 100%;
}

.vote-content .vote-content-inner {
  width: 1220px;
  margin: 0 auto;
  padding: 100px 0;
}

.vote-content .vote-box .title {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}

.vote-content .vote-box .sub {
  margin: 40px 0 0;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
}

.vote-content .vote-box .vote-list {
  margin-top: 50px;
  margin-left: -19px;
  font-size: 0;
  text-align: center;
}

.vote-content .vote-box .vote-list li {
  display: inline-block;
  position: relative;
  width: 394px;
  margin-left: 19px;
  margin-top: 80px;
}

.vote-content .vote-box .vote-list li .img {
  width: 100%;
  height: 591px;
}

.vote-content .vote-box .vote-list li .img img {
  width: 100%;
  height: 100%;
}

.vote-content .vote-box .vote-list li .txt {
  margin-top: 30px;
  text-align: center;
}

.vote-content .vote-box .vote-list li .txt .radio-skin input + span {
  font-size: 18px;
  color: #000;
}

.vote-content .vote-box .vote-list li .number {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #c2935f;
  background: #000;
  border-radius: 0 0 10px 0;
  line-height: 50px;
  text-align: center;
}

.vote-content .vote-box .vote-list li .btn {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  margin: 0;
}

.vote-content .vote-box .vote-list li .btn .btn-vote {
  display: inline-block;
  width: 100%;
  height: 60px;
  font-size: 16px;
  color: #000;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.vote-content .vote-box .vote-list li .btn .btn-vote span {
  position: relative;
}

.vote-content .vote-box .vote-list li:nth-child(-n + 3) {
  margin-top: 0;
}

.vote-content .vote-box .btn-box {
  margin-top: 80px;
}

.vote-content .vote-box .btn-box .btn-vote-result {
  width: 500px;
}

.vote-result-box .vote-result-list {
  margin-left: -21px;
  font-size: 0;
}

.vote-result-box .vote-result-list li {
  display: inline-block;
  width: 226px;
  margin-top: 50px;
  margin-left: 21px;
}

.vote-result-box .vote-result-list li:nth-child(-n + 3) {
  margin-top: 0;
}

.vote-result-box .vote-result-list li .img {
  position: relative;
  width: 100%;
  height: 339px;
}

.vote-result-box .vote-result-list li .img img {
  width: 100%;
  height: 100%;
}

.vote-result-box .vote-result-list li .img .vote-rank {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 42px;
  height: 42px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #c2935f;
  background: #000;
  border-radius: 0 0 10px 0;
  line-height: 42px;
  text-align: center;
}

.vote-result-box .vote-result-list li .vote-per {
  position: relative;
  margin-top: 20px;
  padding-right: 45px;
}

.vote-result-box .vote-result-list li .vote-per .status-bar {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 10px;
  background: #eee;
}

.vote-result-box .vote-result-list li .vote-per .status-bar::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 10px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/vote_bar_left.png') no-repeat 0 0;
  z-index: 10;
}

.vote-result-box .vote-result-list li .vote-per .status-bar::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 10px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/vote_bar_right.png') no-repeat 0 0;
  z-index: 10;
}

.vote-result-box .vote-result-list li .vote-per .status-bar span {
  display: inline-block;
  height: 10px;
  background: #c2935f;
}

.vote-result-box .vote-result-list li .vote-per .txt-per {
  position: absolute;
  right: 0;
  top: -2px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.attend-content {
  width: 100%;
  background: #000;
}

.attend-content .attend-content-inner {
  width: 816px;
  margin: 0 auto;
  padding: 100px 0;
}

.attend-content .month-attend-box .attend-info {
  position: relative;
  padding: 150px 0 52px;
  text-align: center;
}

.attend-content .month-attend-box .attend-info .this-month {
  display: inline-block;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  vertical-align: middle;
}

.attend-content .month-attend-box .attend-info .this-month .count {
  font-size: 44px;
  font-weight: 400;
  color: #c2935f;
}

.attend-content .month-attend-box .attend-info .btn-attend {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 250px;
  height: 70px;
  margin-left: -125px;
  font-size: 26px;
  color: #000;
  background: #fff;
  border-radius: 35px;
}

.attend-content .month-attend-box .attend-info .btn-attend span {
  position: relative;
  padding-left: 35px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/icon_attend.png') no-repeat 0 6px;
}

.attend-content .month-attend-box .attend-tbl table td {
  position: relative;
  width: 136px;
  padding: 8px;
  text-align: center;
  vertical-align: top;
}

.attend-content .month-attend-box .attend-tbl table td .day {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #333;
  background: #fff;
  border-radius: 50%;
}

.attend-content .month-attend-box .attend-tbl table td .day .num {
  display: block;
  font-size: 28px;
}

.attend-content .month-attend-box .attend-tbl table td .day-gift {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 8px;
  width: 120px;
  height: 120px;
  font-size: 18px;
  font-weight: 400;
  background: #fff;
  border-radius: 50%;
}

.attend-content .month-attend-box .attend-tbl table td .day-gift .num {
  display: block;
  font-size: 28px;
}

.attend-content .month-attend-box .attend-tbl table td.stamp .day {
  color: #fff;
  background: #c2935f;
}

.attend-content .month-attend-box .attend-tbl table td.stamp .day-gift {
  color: #fff;
  background: #c2935f;
}

.attend-content
  .month-attend-box
  .attend-tbl
  table
  td.stamp.today
  .day
  span::before {
  content: '';
  display: block;
  width: 32px;
  height: 23px;
  margin: 0 auto 10px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/stamp_today_checked.png') no-repeat 0 0;
}

.attend-content .month-attend-box .attend-tbl table td.stamp.today .day .num {
  display: inline-block;
  font-size: 18px;
}

.crowd-funding-content .crowd-funding-item .title {
  margin: 100px 0 40px;
  font-size: 28px;
  text-align: center;
}

.crowd-funding-content .crowd-funding-item .product-list li {
  width: 25%;
}

.crowd-funding-content .crowd-funding-item .status-info-box {
  margin-top: 40px;
}

.crowd-funding-content .crowd-funding-item .status-info-box .status-bar {
  position: relative;
  height: 4px;
  background: #ddd;
  border-radius: 2px;
}

.crowd-funding-content .crowd-funding-item .status-info-box .status-bar span {
  display: inline-block;
  position: relative;
  height: 4px;
  background: #c2935f;
  border-radius: 2px;
  vertical-align: top;
  z-index: 10;
}

.crowd-funding-content .crowd-funding-item .status-info-box .status-txt {
  position: relative;
  margin-top: 20px;
}

.crowd-funding-content .crowd-funding-item .status-info-box .current-num .num {
  color: #c2935f;
}

.crowd-funding-content .crowd-funding-item .status-info-box .goal {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}

.crowd-funding-content .crowd-funding-item .status-info-box .goal .num {
  display: block;
  margin-bottom: 5px;
}

.funding-timer {
  position: absolute;
  bottom: 0;
  padding-top: 26px;
  width: 100%;
  height: 80px;
  background: #000;
  text-align: center;
}

.funding-timer .date {
  display: inline-block;
  margin-right: 30px;
  font-size: 20px;
  color: #fff;
  vertical-align: middle;
}

.funding-timer .day {
  display: inline-block;
  margin-right: 30px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 28px;
  color: #c2935f;
  vertical-align: middle;
}

.funding-timer .time {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}

.funding-timer .time span {
  display: inline-block;
  position: relative;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 28px;
  color: #c2935f;
}

.funding-timer .time span + span {
  padding-left: 20px;
}

.funding-timer .time span + span::before {
  content: ':';
  position: absolute;
  left: 5px;
  top: -5px;
}

.event-card {
  padding: 80px 0;
  background: #000 url('/img_up/shop_pds/banobagi/design/images/main/event/bg_card_event.png') no-repeat 50% 0;
}

.event-card .event-card-box {
  width: 1140px;
  margin: 0 auto;
  padding: 80px 70px;
  background: #fff;
  border-radius: 80px 0 80px 0;
}

.event-card .card-title {
  margin-bottom: 50px;
  font-size: 40px;
  font-weight: 400;
  text-align: center;
}

.event-card .tbl-list {
  position: relative;
}

.event-card .tbl-list::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 51px;
  width: 100%;
  height: 29px;
  background: #fff;
}

.event-card .tbl-list::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 28px;
  background: #fff;
}

.event-card .tbl-list table {
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
}

.event-card .tbl-list thead th {
  height: 50px;
  font-size: 13px;
  color: #000;
  border-bottom: 1px solid #ddd;
  word-break: break-all;
}

.event-card .tbl-list tbody td {
  padding: 30px 0;
  font-size: 14px;
  border-left: 1px solid #eee;
  line-height: 1.7;
  text-align: center;
  word-break: break-all;
}

.event-card .tbl-list tbody td:first-child {
  border-left: 0;
}

.event-card .tbl-list tbody td.cell3 {
  padding-left: 70px;
  text-align: left;
}

.event-card .tbl-list tbody td.cell4 {
  padding-left: 60px;
  text-align: left;
}

.event-card .tbl-list tbody td.cell5 {
  padding-left: 40px;
  text-align: left;
}

.new-sub-event-section {
  width: 100%;
}

.new-sub-event-section .sub-event-inner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.new-sub-event-section .tab-btns-box {
  position: relative;
}

.new-sub-event-section .tab-btns-box .tab-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.new-sub-event-section .tab-btns-box .tab-btns li {
  flex: 1;
  height: 73px;
  line-height: 73px;
  color: #fff;
  background: #000;
  text-align: center;
}

.new-sub-event-section .tab-btns-box .tab-btns li button {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #fff;
}

.new-sub-event-section .tab-btns-box .tab-btns li.on {
  background: #c2935f;
}

.new-sub-event-section .sub-event-tab .tabs-box {
  height: 73px;
  background-color: #000000;
}

.new-sub-event-section .sub-event-tab .tabs-box .fixedTab.active {
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 1366px;
  max-width: 1920px;
  margin: 0 auto;
  z-index: 800;
}

.new-sub-event-section .event-cont {
  display: none;
  width: 100%;
}

.new-draw-event .draw-title {
  width: 1334px;
  margin: 90px auto 0;
  text-align: center;
}

.new-draw-event .draw-title .title {
  font-size: 30px;
  font-weight: 700;
}

.new-draw-event .draw-title .sub {
  margin: 10px 0 0;
  font-size: 20px;
  line-height: 36px;
}

.new-draw-event .draw-list-wrap {
  width: 1334px;
  margin: 180px auto 0;
}

.new-draw-event .draw-list-wrap.first-list {
  margin: 90px auto 0;
}

.new-draw-event .draw-list-wrap .draw-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}

.new-draw-event .draw-list-wrap .draw-list li {
  position: relative;
  width: calc(25% - 30px);
  margin-left: 30px;
}

.new-draw-event .draw-list-wrap .draw-list li:first-child {
  margin-left: 0;
}

.new-draw-event .draw-list-wrap .draw-list li .draw-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 467px;
  background: #f5f5f5;
}

.new-draw-event .draw-list-wrap .draw-list li .draw-item .draw-item-box {
  width: 100%;
  height: 100%;
}

.new-draw-event .draw-list-wrap .draw-list li .draw-item .item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.new-draw-event .draw-list-wrap .draw-list li .draw-item .item img {
  width: 100%;
}

.new-draw-event .draw-list-wrap .draw-list li .draw-item .txt {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
  padding: 0 20px;
  font-size: 14px;
  text-align: center;
}

.new-draw-event .draw-list-wrap .draw-list li .draw-item .txt p {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new-draw-event .draw-list-wrap .draw-list li .draw-item .draw-count {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  line-height: 18px;
  color: #fff;
  background: #000;
  border-radius: 0 0 20px 0;
  text-align: center;
}

.new-draw-event .draw-list-wrap .draw-list li .draw-item .draw-count .count em {
  font-weight: 300;
}

.new-draw-event .draw-list-wrap .draw-list li .draw-btn-box {
  margin-top: 0px;
}

.new-draw-event .draw-list-wrap .draw-list li .draw-btn-box .btn-draw {
  width: 100%;
}

.new-draw-event .draw-list-wrap .coupon-item-pack {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 244px;
  height: 133px;
  color: #fff;
  background: #c2935f;
  border-radius: 50px 0 50px 0;
  text-align: center;
}

.new-draw-event .draw-list-wrap .coupon-item-pack .coupon-item-box {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 35px;
}

.new-draw-event .draw-list-wrap .coupon-item-pack .name {
  display: block;
  height: 45px;
  font-size: 40px;
  font-weight: 500;
}

.new-draw-event .draw-list-wrap .coupon-item-pack .name .num {
  font-weight: 500;
}

.new-draw-event .draw-list-wrap .coupon-item-pack .type {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.2em;
  font-size: 16px;
  font-weight: 300;
}

.new-draw-event .draw-list-wrap .draw-btn-box {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}

.new-draw-event .draw-list-wrap .draw-btn-box .btn-draw {
  width: 311px;
  height: 60px;
  font-size: 20px;
  color: #fff;
  background: #000;
}

.new-draw-event .draw-list-wrap .draw-btn-box .btn-draw span {
  position: relative;
}

.vote-content.new-type .vote-box .vote-list li .txt .radio-skin input + span {
  padding-left: 0;
}

.vote-content.new-type
  .vote-box
  .vote-list
  li
  .txt
  .radio-skin
  input
  + span::before {
  display: block;
  position: static;
  margin: 0 auto 10px;
}

.vote-content.new-type .vote-box .btn-box .btn-vote-result {
  width: 395px;
  height: 100px;
  font-size: 28px;
  background: #000;
  border-radius: 6px;
}

.new-vote-result-box {
  border-top: 1px solid #000;
}

.new-vote-result-box .vote-result-list li {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 40px 10px 30px;
  border-bottom: 1px solid #eee;
}

.new-vote-result-box .vote-result-list li .img {
  position: relative;
  flex: 0 0 40px;
  width: 40px;
  height: 61px;
  margin-right: 30px;
}

.new-vote-result-box .vote-result-list li .img img {
  width: 100%;
  height: 100%;
}

.new-vote-result-box .vote-result-list li .vote-per-box {
  flex: 1;
}

.new-vote-result-box .vote-result-list li .vote-per-box .txt-name {
  margin-bottom: 10px;
  line-height: 18px;
}

.new-vote-result-box .vote-result-list li .vote-per {
  position: relative;
  padding-right: 60px;
}

.new-vote-result-box .vote-result-list li .vote-per .status-bar {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 10px;
  background: #eee;
}

.new-vote-result-box .vote-result-list li .vote-per .status-bar::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 10px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/vote_bar_left.png') no-repeat 0 0;
  z-index: 10;
}

.new-vote-result-box .vote-result-list li .vote-per .status-bar::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 10px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/vote_bar_right.png') no-repeat 0 0;
  z-index: 10;
}

.new-vote-result-box .vote-result-list li .vote-per .status-bar span {
  display: inline-block;
  height: 10px;
  background: #c2935f;
  vertical-align: top;
}

.new-vote-result-box .vote-result-list li .vote-per .txt-per {
  position: absolute;
  right: 0;
  top: -2px;
  font-size: 14px;
  color: #000;
}

.new-vote-result-box .btn-box .btn-type2-lg {
  flex: 0 0 220px;
}

.list-dim {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}

.list-dim.end_pro {
  display: block;
}

.list-dim::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.8;
  z-index: 1;
}

.list-dim .dim-cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.list-dim .dim-cont .text {
  display: block;
  color: #ffffff;
  line-height: 0.95;
  font-weight: 400;
  font-size: 32px;
  text-align: center;
  text-transform: uppercase;
}

.picktuber-info-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.picktuber-info-box .thumb {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  background: url('/img_up/shop_pds/banobagi/design/images/main/affiliate/profile_default.png') no-repeat 0 0;
  background-size: 100% 100%;
}

.picktuber-info-box .thumb img {
  width: 100%;
  height: 100%;
}

.picktuber-info-box .user-info {
  -ms-flex: 1;
  flex: 1;
  position: relative;
  margin-left: 20px;
}

.picktuber-info-box .user-info .nickname {
  font-size: 18px;
  color: #000;
}

.picktuber-info-box .user-info .etc {
  margin-top: 5px;
}

.picktuber-info-box .user-info .etc .info {
  display: inline-block;
  font-size: 0;
}

.picktuber-info-box .user-info .etc .info li {
  display: inline-block;
  font-size: 14px;
  color: #000;
  line-height: 1.7;
}

.picktuber-info-box .user-info .etc .info li + li {
  margin-left: 30px;
}

.picktuber-info-box .user-info .etc .info li .num {
  color: #c2935f;
}

.picktuber-info-box .user-info .channel {
  display: inline-block;
  margin-left: 20px;
}

.picktube-top {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1200px;
  margin: 0 auto;
}

.picktube-top .promo-vod {
  width: 700px;
}

.picktube-top .promo-vod .vod-box,
.picktube-top .promo-vod .vod {
  width: 100%;
  height: 393px;
}

.picktube-top .promo-vod .vod-box .vod,
.picktube-top .promo-vod .vod .vod {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000;
}

.picktube-top .promo-vod .vod-box .vod video,
.picktube-top .promo-vod .vod-box .vod iframe,
.picktube-top .promo-vod .vod .vod video,
.picktube-top .promo-vod .vod .vod iframe {
  width: 100%;
  height: 100%;
}

.picktube-main-top {
  margin: 0 auto;
  padding: 65px 0;
  background: #c2935f;
  border-radius: 0 0 100px 0;
  overflow: hidden;
}

.picktube-main-top .slide-container {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.picktube-main-top .slide-nav {
  position: absolute;
  left: -15px;
  bottom: 8px;
}

.picktube-main-top .slide-nav-prev,
.picktube-main-top .slide-nav-next {
  position: static;
  z-index: 5;
}

.picktube-main-top .slide-nav-prev {
  margin-right: 30px;
}

.picktube-main-top .picktube-top {
  color: #fff;
  background: #c2935f;
}

.picktube-main-top .picktube-top .picktuber-info-box {
  margin-bottom: 40px;
}

.picktube-main-top .picktube-top .picktuber-info-box .thumb {
  width: 54px;
  height: 54px;
}

.picktube-main-top .picktube-top .picktuber-info-box .user-info .nickname {
  font-size: 16px;
  color: #fff;
}

.picktube-main-top .picktube-top .promo-info {
  position: relative;
  width: 500px;
  padding-right: 150px;
  padding-bottom: 62px;
}

.picktube-main-top .picktube-top .promo-info .tit {
  margin-top: -5px;
  overflow: hidden;
  height: 110px;
  max-height: 110px;
  line-height: 55px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
  max-height: 110px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 45px;
}

.picktube-main-top .picktube-top .promo-info .date {
  margin-top: 30px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.picktube-main-top .picktube-top .promo-info .item-label .label-benefit {
  display: inline-block;
  height: 21px;
  margin-bottom: 30px;
  padding: 0 10px;
  font-size: 12px;
  color: #c2935f;
  line-height: 22px;
  background: #fff;
  border: 0;
  border-radius: 2px;
  vertical-align: middle;
  text-align: center;
}

@media screen and (max-width: 1526px) {
  .picktube-main-top {
    margin: 0 -80px;
    border-radius: 0;
  }
}

.picktuber-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -60px -15px 0;
  font-size: 0;
}

.picktuber-list > li {
  display: inline-block;
  width: 25%;
  padding: 0 15px;
  margin-top: 60px;
  font-size: 14px;
}

.picktuber-list .picktuber-item {
  position: relative;
  height: 239px;
  padding: 40px 40px 0;
  color: #fff;
  background: #c2935f;
  border-radius: 0 0 30px 0;
}

.picktuber-list .picktuber-item.closed {
  background: #333;
}

.picktuber-list
  .picktuber-item.closed
  .picktuber-info-box
  .thumb-box
  .btn-promo-detail {
  background: #c2935f;
  border-bottom: 0;
}

.picktuber-list .picktuber-item .picktuber-info-box .thumb-box {
  position: relative;
  text-align: center;
}

.picktuber-list .picktuber-item .picktuber-info-box .thumb-box .thumb {
  display: inline-block;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  overflow: hidden;
}

.picktuber-list .picktuber-item .picktuber-info-box .thumb-box .thumb img {
  width: 100%;
}

.picktuber-list
  .picktuber-item
  .picktuber-info-box
  .thumb-box
  .btn-promo-detail {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 70px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 20px;
  padding: 0 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  background: #333;
  border-radius: 10px;
}

.picktuber-list
  .picktuber-item
  .picktuber-info-box
  .thumb-box
  .btn-promo-detail:disabled,
.picktuber-list
  .picktuber-item
  .picktuber-info-box
  .thumb-box
  .btn-promo-detail
  .disabled {
  background: #c2935f;
  border-bottom: 0;
  cursor: default;
}

.picktuber-list
  .picktuber-item
  .picktuber-info-box
  .thumb-box
  .btn-promo-detail
  span {
  position: relative;
}

.picktuber-list .picktuber-item .picktuber-info-box .user-info .btn-profile {
  position: relative;
  padding-right: 15px;
  font-size: 18px;
  color: #fff;
  text-align: left;
  word-break: break-all;
}

.picktuber-list
  .picktuber-item
  .picktuber-info-box
  .user-info
  .btn-profile::before {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 6px;
  width: 6px;
  height: 10px;
  margin-left: 10px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/icon_link_arrow_wh.png') no-repeat 0 0;
}

.picktuber-list
  .picktuber-item
  .picktuber-info-box
  .user-info
  .btn-profile
  span {
  overflow: hidden;
  height: 48px;
  max-height: 48px;
  line-height: 24px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.picktuber-list .picktuber-item .picktuber-info-box .user-info .etc .info {
  margin-left: -10px;
}

.picktuber-list .picktuber-item .picktuber-info-box .user-info .etc .info li {
  margin-left: 10px;
  color: rgba(255, 255, 255, 0.7);
}

.picktuber-list
  .picktuber-item
  .picktuber-info-box
  .user-info
  .etc
  .info
  li
  .num {
  color: rgba(255, 255, 255, 0.7);
}

.picktuber-list .picktuber-item .title {
  margin-top: 25px;
  overflow: hidden;
  height: 52px;
  max-height: 52px;
  line-height: 26px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 16px;
  font-weight: 300;
}

.picktube-detail-top {
  background: #ebebeb;
}

.picktube-detail-top .inner-box {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding: 80px 0;
  overflow: hidden;
}

.picktube-detail-top .picktuber-info-box .thumb {
  width: 54px;
  height: 54px;
}

.picktube-detail-top .picktuber-info-box .user-info .nickname {
  font-size: 18px;
}

.picktube-detail-top .picktuber-info-box .user-info .btn-pick {
  margin-top: 8px;
  color: #666;
}

.picktube-detail-top .picktube-top .promo-info {
  position: relative;
  width: 500px;
  padding-left: 55px;
}

.picktube-detail-top .picktube-top .promo-info .tit {
  margin-top: 37px;
  font-size: 40px;
  color: #000;
  line-height: 48px;
}

.picktube-detail-top .picktube-top .promo-info .sub {
  margin-top: 30px;
  font-size: 14px;
  line-height: 24px;
}

.picktube-detail-top .picktube-top .promo-info .view-count {
  margin-top: 27px;
  font-size: 14px;
}

.picktube-detail-top .picktube-top .promo-info .picktuber-info-box {
  margin-top: 50px;
}

.picktube-rcm-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1200px;
  margin: 80px auto 100px;
}

.picktube-rcm-section .col {
  -ms-flex: 1;
  flex: 1;
}

.picktube-rcm-section .col + .col {
  margin-left: 30px;
}

.picktube-rcm-section .sec-title {
  margin-top: 0;
  font-weight: 400;
}

.picktube-rcm-section .words-box,
.picktube-rcm-section .benefit-box {
  border-top: 1px solid #000;
  text-align: center;
}

.picktube-rcm-section .words-box {
  padding: 70px 60px 0;
}

.picktube-rcm-section .words-box .tit {
  font-size: 30px;
  line-height: 44px;
}

.picktube-rcm-section .words-box .sub {
  margin-top: 28px;
  font-size: 14px;
  line-height: 1.7;
}

.picktube-rcm-section .benefit-box {
  padding-top: 50px;
}

.picktube-rcm-section .benefit-box .coupon-item {
  display: inline-block;
  position: relative;
  width: 181px;
  height: 132px;
  padding-top: 23px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/event/bg_promo_coupon_sm.png') no-repeat 0 0;
}

.picktube-rcm-section .benefit-box .coupon-item .name {
  display: inline-block;
  width: 100%;
  font-size: 30px;
  color: #fff;
}

.picktube-rcm-section .benefit-box .coupon-item .name .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 30px;
}

.picktube-rcm-section .benefit-box .coupon-item .btn-download {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
}

.picktube-rcm-section .benefit-box .txt-etc {
  margin-top: 25px;
  font-size: 14px;
  line-height: 1.7;
}

.coordi-look {
  margin: 100px 0;
  padding: 100px 0;
  background: #000;
}

.coordi-look .sec-title3 {
  margin-top: 0;
  margin-bottom: 47px;
  color: #fff;
}

.coordi-look-list {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 0 18px;
}

.coordi-look-list .slide-container {
  width: 100%;
  max-width: 100%;
}

.coordi-look-list .slide-container.noswipe .swiper-wrapper {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.coordi-look-list .slide-container.noswipe .swiper-slide {
  width: 388px;
}

.coordi-look-list .slide-container.noswipe + .slide-util {
  display: none;
}

.coordi-look-list .slide-container.product-list {
  margin: 0;
}

.coordi-look-list .slide-container .swiper-slide {
  transition: all 0.3s;
  position: relative;
  padding-top: 577px;
}

.coordi-look-list .slide-container .swiper-slide-active .item-box {
  top: 0%;
  margin: 0;
}

.coordi-look-list
  .slide-container
  .swiper-slide-active
  .item-box
  .item-img
  img {
  width: 386px;
  height: auto;
}

.coordi-look-list .slide-container .item-box {
  position: absolute;
  top: 58px;
  right: 0;
  left: 0;
  transition: all 0.3s;
  margin: 0 40px;
}

.coordi-look-list .slide-container .item-box .item-img img {
  transition: all 0.3s;
  width: 308px;
  height: auto;
}

.coordi-look-list .slide-nav.type8 .slide-nav-prev,
.coordi-look-list .slide-nav.type8 .slide-nav-next {
  position: absolute;
  top: 50%;
  z-index: 5;
  margin-top: -51px;
}

.coordi-look-list .slide-nav.type8 .slide-nav-prev {
  left: 0;
}

.coordi-look-list .slide-nav.type8 .slide-nav-next {
  right: 0;
}

.coordi-look-list .slide-util {
  text-align: center;
}

.coordi-look-list .slide-pagination {
  margin-top: 40px;
}

.make-picktube-wrap {
  position: relative;
}

.make-picktube-wrap .picktube-preview {
  position: absolute;
  top: -80px;
  right: 0;
}

.make-picktube-wrap .picktube-preview .btn-type1-m {
  padding: 0 35px;
}

.make-picktube-wrap .input-box .inp-reset {
  padding-right: 120px;
}

.make-picktube-wrap .tbl-write tbody tr td {
  padding-right: 0;
}

.make-picktube-wrap .tbl-write tbody tr td .period-calendar {
  transform: none;
}

.make-picktube-wrap
  .tbl-write
  tbody
  tr
  td
  .period-calendar
  .period-input
  .inp-datepicker {
  padding-left: 0;
}

.make-picktube-wrap .tbl-write tbody tr td .period-calendar .period-time-input {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}

.make-picktube-wrap
  .tbl-write
  tbody
  tr
  td
  .period-calendar
  .period-time-input
  .inp-time {
  width: 40px;
  font-weight: 300;
}

.make-picktube-wrap .tbl-write tbody tr td .input-info-group {
  margin-top: 0;
}

.make-picktube-wrap .look-tab {
  margin-top: 60px;
}

.make-picktube-wrap .look-tab .look-title {
  margin-bottom: 30px;
  font-size: 14px;
}

.make-picktube-wrap .make-picktube-box {
  padding-top: 40px;
  border-top: 1px solid #000;
}

.write-list {
  padding-bottom: 80px;
  border-bottom: 1px solid #ddd;
}

.write-list > ul > li + li {
  margin-top: 80px;
}

.write-list .list-th {
  width: 100%;
  margin-top: -5px;
  font-size: 20px;
  line-height: 30px;
}

.write-list .list-th .required {
  color: #c2935f;
}

.write-list .list-td {
  width: 100%;
  margin-top: 30px;
}

.write-list .list-td .look-tab {
  margin-top: 40px;
}

.look-item-list {
  margin-top: 50px;
}

.look-item-list .product-list.check-type {
  margin-top: -40px;
}

.look-item-list .product-list.check-type li {
  margin-top: 40px;
  margin-bottom: 0;
}

.look-item-list .product-list.check-type .item-img .check-skin {
  position: absolute;
  left: 10px;
  top: 10px;
}

.vod-item-box .item-box.vod {
  position: relative;
  min-height: 240px;
  padding-left: 456px;
}

.vod-item-box .item-box.vod .item-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 426px;
  height: 240px;
  background: #ccc;
}

.vod-item-box .item-box.vod .item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vod-item-box .item-box.vod .item-img .btn-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_play.png') no-repeat 50% 50%;
}

.vod-item-box .item-box.vod .item-img .btn-play:before {
  display: none;
}

.vod-item-box .item-box.vod .item-img .btn-play:after {
  display: none;
}

.vod-item-box .item-box.vod .item-info {
  position: relative;
  margin-top: 0;
}

.vod-item-box .item-box.vod .item-tit {
  overflow: hidden;
  height: 52px;
  max-height: 52px;
  line-height: 26px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
  font-size: 20px;
  color: #000;
}

.vod-item-box .item-box.vod .item-txt {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
  height: 44px;
  max-height: 44px;
  line-height: 22px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.vod-item-box .item-box.vod .item-date {
  margin-top: 15px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #666;
}

.vod-item-box + .vod-item-box {
  margin-top: 20px;
}

.prev-pick-wrap .style-htv-list.items3 {
  margin: 0 -10px;
}

.prev-pick-wrap .style-htv-list.items3 li {
  width: 33.333%;
  padding: 0 10px;
}

.prev-pick-wrap .style-htv-list.items3 li:nth-child(-n + 3) {
  margin-top: 0;
}

.prev-pick-wrap .style-htv-list.items3 .item-img {
  width: 227px;
  height: 127px;
}

.prev-pick-wrap .style-htv-list.items3 .item-tit {
  height: 20px;
  line-height: 20px;
  font-size: 16px;
}

.prev-pick-wrap .style-htv-list.items3 .btn-play {
  background-size: 28px auto;
}

.prd-item-list {
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  overflow-y: auto;
  max-height: 421px;
}

.prd-item-list li {
  position: relative;
  padding: 20px 20px 20px 40px;
}

.prd-item-list li + li {
  border-top: 1px solid #eee;
}

.prd-item-list .item-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.prd-item-list .item-box .item-img {
  width: 66px;
  height: 99px;
}

.prd-item-list .item-box .item-img img {
  width: 100%;
  height: 100%;
}

.prd-item-list .item-box .item-info {
  -ms-flex: 1;
  flex: 1;
  margin-left: 20px;
  color: #000;
}

.prd-item-list .item-box .item-info .item-state {
  color: #c2935f;
  margin-bottom: 10px;
}

.prd-item-list .item-box .item-info .item-brand {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.prd-item-list .item-box .item-info .item-name {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.7;
}

.prd-item-list .item-box .item-info .item-price {
  margin-top: 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.prd-item-list .item-box .item-info .item-opt {
  margin: 16px 0 0;
}

.prd-item-list .item-box .item-info .item-opt span {
  display: inline-block;
  margin-right: 20px;
  font-size: 14px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.prd-item-list .item-chk {
  position: absolute;
  top: 60px;
  left: 0;
}

.prd-item-list .btn-select {
  position: absolute;
  top: 50%;
  right: 0;
  min-width: 60px;
  margin-top: -15px;
}

.prd-item-list .btn-select.on {
  color: #fff;
  background: #c2935f;
}

.search-prd {
  position: relative;
  height: 40px;
  margin-bottom: 40px;
  display: flex;
}

.search-prd .sel-search {
  margin-right: 20px;
}

.search-prd .inp-search {
  height: 100%;
  font-size: 16px;
  line-height: 36px;
  width: calc(100% - 130px);
}

.search-prd .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 43px;
  height: 40px;
  font-size: 0;
  background: url('/img_up/shop_pds/banobagi/design/images/main/btn_search2.png') no-repeat 50% 50%;
}

.board-promo .list-row .cell-promo {
  width: auto;
}

.board-promo .list-row .cell-discount {
  width: 120px;
}

.board-promo .list-row .cell-qt {
  width: 120px;
}

.board-promo .list-row .cell-price {
  width: 160px;
}

.board-promo .list-content .list-row .cell-benefit {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.board-promo .promo-info {
  padding-top: 3px;
}

.board-promo .promo-info .coupon-sort {
  display: block;
  font-size: 14px;
}

.board-promo .promo-info .promo-name {
  font-size: 16px;
}

.board-promo .promo-info .promo-name a {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid;
  width: auto;
}

.board-promo .promo-info .promo-etc {
  margin-top: 5px;
  color: #666;
  font-size: 14px;
}

.board-promo .promo-info .promo-etc .date {
  padding-right: 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.board-promo .promo-info .promo-etc .status {
  color: #c2935f;
}

.board-promo.end .promo-info .promo-name {
  color: #666;
}

.board-promo.end .promo-info .promo-name a {
  text-decoration: none;
}

.board-promo.end .promo-info .promo-etc .status {
  color: #666;
}

.board-earning .list-row [class*='cell-'] {
  width: 25%;
}

.board-earning .list-content .list-row [class*='cell-'] {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.board-earning .list-content .list-row .cell-price,
.board-earning .list-content .list-row .cell-price2 {
  color: #000;
}

.board-earning .list-content .list-row .price {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.board-earning .list-content .list-row .price .num {
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.board-earning .promo-info {
  padding-top: 3px;
}

.board-earning .promo-info .coupon-sort {
  display: block;
  font-size: 14px;
}

.board-earning .promo-info .promo-name {
  font-size: 16px;
}

.board-earning .promo-info .promo-name a {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
}

.board-earning .promo-info .promo-etc {
  margin-top: 15px;
  color: #666;
  font-size: 14px;
}

.board-earning .promo-info .promo-etc .date {
  padding-right: 10px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-weight: 300;
}

.board-earning .promo-info .promo-etc .status {
  color: #c2935f;
}

.affiliate-partner-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 40px;
  background: #f8f3f0;
}

.affiliate-partner-box .affiliate-partner .title {
  font-size: 24px;
}

.affiliate-partner-box .affiliate-partner .sub {
  margin-top: 10px;
  font-size: 16px;
}

.affiliate-partner-box .btns [class*='btn-type'] {
  display: block;
  width: 190px;
  padding: 0 15px;
}

.affiliate-partner-box .btns [class*='btn-type'] + [class*='btn-type'] {
  margin-top: 10px;
}

.affiliate-partner-box .btns .btn-type1-m {
  line-height: 40px;
}

.about-affiliate {
  font: 16px;
  color: #666;
}

.affiliate-desc dt {
  font-size: 16px;
  line-height: 1.7;
}

.affiliate-desc dd {
  margin-top: 15px;
  font-size: 14px;
  color: #666;
  line-height: 1.7;
}

.affiliate-benefit {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 45px;
}

.affiliate-benefit li {
  position: relative;
  -ms-flex: 1;
  flex: 1;
}

.affiliate-benefit li + li {
  margin-left: 70px;
}

.affiliate-benefit li dl {
  position: relative;
  width: 270px;
  padding-top: 150px;
}

.affiliate-benefit li dl.benefit1 {
  background: url('/img_up/shop_pds/banobagi/design/images/main/affiliate/affiliate_benefit_01.png') no-repeat 0 0;
}

.affiliate-benefit li dl.benefit2 {
  background: url('/img_up/shop_pds/banobagi/design/images/main/affiliate/affiliate_benefit_02.png') no-repeat 0 0;
}

.affiliate-benefit li dl.benefit3 {
  background: url('/img_up/shop_pds/banobagi/design/images/main/affiliate/affiliate_benefit_03.png') no-repeat 0 0;
}

.affiliate-benefit li dl dt {
  margin-top: 20px;
}

.affiliate-process {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 45px;
}

.affiliate-process li {
  position: relative;
  -ms-flex: 1;
  flex: 1;
}

.affiliate-process li + li {
  padding-left: 75px;
}

.affiliate-process li + li::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 14px;
  height: 27px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_process.png) no-repeat 0 0;
}

.affiliate-profile {
  position: relative;
  padding: 40px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
}

.affiliate-profile .profile-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.affiliate-profile .profile-box .profile-img {
  position: relative;
  width: 80px;
  height: 80px;
  margin-right: 30px;
}

.affiliate-profile .profile-box .profile-img .img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background: url('/img_up/shop_pds/banobagi/design/images/main/affiliate/profile_default.png') no-repeat 0 0;
}

.affiliate-profile .profile-box .profile-img .img img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.affiliate-profile .profile-box .profile-img .btn-setting {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 28px;
  height: 28px;
  font-size: 0;
  background: #999 url('/img_up/shop_pds/banobagi/design/images/main/affiliate/btn_setting.png') no-repeat 50% 50%;
  border-radius: 50%;
}

.affiliate-profile .profile-box .profile-txt .channel-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.affiliate-profile .profile-box .profile-txt .channel-info .name {
  margin-right: 20px;
  font-size: 20px;
  font-weight: 700;
}

.affiliate-profile .profile-box .profile-txt .channel-info .level {
  font-size: 0;
}

.affiliate-profile .profile-box .profile-txt .channel-info .level li {
  display: inline-block;
  position: relative;
  font-size: 20px;
}

.affiliate-profile .profile-box .profile-txt .channel-info .level li + li {
  margin-left: 40px;
}

.affiliate-profile .profile-box .profile-txt .channel-info .level li .tit {
  display: inline-block;
  margin-right: 15px;
}

.affiliate-profile .profile-box .profile-txt .channel-info2 {
  margin-top: 20px;
  font-size: 14px;
}

.affiliate-profile .profile-box .profile-txt .channel-info2 .btn-channel {
  border-bottom: 1px solid;
}

.affiliate-profile .btns {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.affiliate-profile .btns .btn-edit {
  width: 130px;
}

.affiliate-earning .list-head2 {
  margin: 40px 0 20px;
  padding: 0;
  border-top: 0;
}

.affiliate-earning .list-head2 .link-more {
  display: inline-block;
  position: relative;
  padding-right: 17px;
  font-size: 14px;
  vertical-align: top;
}

.affiliate-earning .list-head2 .link-more::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 0;
  width: 6px;
  height: 11px;
  background: url(/img_up/shop_pds/banobagi/design/images/main/icon_button_arrow.png) no-repeat -6px 0;
}

.affiliate-earning .my-benefit-box {
  padding: 50px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
}

.affiliate-earning .my-benefit-box .my-benefit dt {
  font-size: 14px;
}

.affiliate-earning .my-benefit-box .my-benefit dd {
  margin-top: 10px;
}

.affiliate-earning .my-benefit-box .my-benefit dd .benefit-value {
  font-size: 36px;
}

.affiliate-earning .my-benefit-box .my-benefit dd em {
  font-size: 28px;
}

.channel-box .select {
  width: 200px;
  margin-right: 20px;
}

.account-box .select {
  width: 200px;
  margin-right: 20px;
}

.promo-slide .product-list .item-img .btn-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.promo-slide .product-list .item-img .btn-play:before {
  display: none;
}

.member-guide-box {
  position: relative;
  margin-bottom: 60px;
  padding: 40px;
  background: #f8f3f0;
}

.member-guide-box .txt {
  font-size: 20px;
}

.member-guide-box .btns {
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.member-guide-box .btns [class*='btn-type'] {
  display: block;
  width: 190px;
  background: #eee8dc;
}

.page-info .emphasis {
  font-weight: 400;
}

.tbl-write .txt-id {
  font-size: 16px;
  color: #000;
}

.picktube-detail-wrap .sec-title2 {
  font-weight: 700;
}

.picktube-detail-wrap .product-list {
  margin-bottom: -60px;
}

.picktube-detail-wrap .wrap-product-list .list-title2 {
  font-size: 34px;
}

.picktube-detail-wrap .promo-header .etc .layer-promo-list .item-img {
  height: auto;
}

.picktube-detail-wrap .promo-header .etc .layer-promo-list .slide-nav.type2 {
  height: 0;
}

.promo-section .sec-title3 {
  font-weight: 400;
}

.promo-section .style-htv-list .item-tit {
  height: 24px;
  line-height: 24px;
}

.promo-section .style-htv-list.items4 .item-img:after {
  padding-top: 56.2%;
}

.company-txt-info {
  font-size: 14px;
  color: #000;
  line-height: 26px;
}

.company-img {
  margin-top: 60px;
}

.company-img ul {
  margin: -20px 0 0 -20px;
  font-size: 0;
}

.company-img li {
  display: inline-block;
  margin: 20px 0 0 20px;
}

.history-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 39px 5px 0;
  border-top: 1px solid #000;
}

.history-section .cell {
  -ms-flex: 1;
  flex: 1;
  position: relative;
  width: 50%;
}

.history-section .cell::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background: #eee;
}

.history-item {
  padding-left: 35px;
}

.history-item .history-title {
  position: relative;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.history-item .history-title::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -40px;
  top: 5px;
  width: 9px;
  height: 9px;
  background: #000;
  border: 1px solid #000;
  border-radius: 50%;
}

.history-item .list {
  margin-top: 30px;
}

.history-item .list li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.history-item .list li .date,
.history-item .list li .txt {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  vertical-align: top;
}

.history-item .list li .date {
  flex: 0 0 63px;
}

.history-item .list li + li {
  margin-top: 5px;
}

.history-item + .history-item {
  margin-top: 80px;
}

.ceo-txt-info {
  font-size: 16px;
  font-weight: 700;
}

.ceo-msg-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 55px;
}

.ceo-msg-section .photo {
  -ms-flex: 0 0 358px;
}

.ceo-msg-section .ceo-msg {
  padding-left: 30px;
}

.ceo-msg-section .ceo-msg .txt {
  margin-top: 30px;
  font-size: 14px;
  line-height: 26px;
  white-space: nowrap;
}

.ceo-msg-section .ceo-msg .sign {
  margin-top: 120px;
  text-align: right;
}

.hs-brand-list {
  margin-top: 60px;
}

.hs-brand-list .hs-brand-item .brand-title {
  margin-bottom: 15px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.hs-brand-list .hs-brand-item .brand-copy {
  margin-bottom: 30px;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.hs-brand-list .hs-brand-item .brand-txt-info {
  font-size: 14px;
  color: #000;
  line-height: 26px;
}

.hs-brand-list .hs-brand-item + .hs-brand-item {
  margin-top: 100px;
}

.platform-item-list .platform-item dt {
  font-size: 16px;
  font-weight: 700;
}

.platform-item-list .platform-item dd {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
}

.platform-item-list .platform-item dd .txt {
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  color: #000;
  line-height: 26px;
}

.platform-item-list .platform-item dd .img {
  flex: 0 0 360px;
  width: 360px;
  text-align: right;
}

.platform-item-list .platform-item + .platform-item {
  margin-top: 60px;
}

.company-info-fold .list-content > li {
  border-bottom: 1px solid #000;
}

.company-info-fold .fold-header .title {
  padding: 34px 0 34px 20px;
  font-size: 16px;
}

.company-info-fold .fold-cont {
  border-top: 1px solid #eee;
}

.company-info-fold .cont-box .tbl-list2 {
  margin: 40px 0;
}

.company-info-fold .cont-box .tbl-list2.noline {
  margin-top: 0;
}

.hfm-stock-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.hfm-stock-box .stock-item {
  flex: 1;
  padding: 60px 20px;
}

.hfm-stock-box .stock-item dt {
  font-size: 16px;
}

.hfm-stock-box .stock-item dd {
  margin-top: 20px;
}

.hfm-stock-box .stock-item dd .value {
  font-size: 30px;
}

.hfm-stock-box .stock-item dd .value .fluctuation {
  padding-left: 15px;
  font-size: 16px;
}

.hfm-stock-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.hfm-stock-group .cell {
  -ms-flex: 1;
  flex: 1;
  width: auto;
}

.hfm-stock-group .cell + .cell {
  margin-left: 20px;
}

.hfm-stock-group .hfm-stock-box {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 169px;
}

.hfm-stock-group .hfm-stock-box .stock-item {
  padding: 0 20px;
}

.tbl-list2 {
  position: relative;
  margin-top: 40px;
}

.tbl-list2 .tbl-title {
  position: relative;
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 400;
}

.tbl-list2 .tbl-title .sub {
  display: inline-block;
  margin-left: 15px;
  font-size: 13px;
  color: #999;
}

.tbl-list2 .tbl-title .unit {
  position: absolute;
  right: 20px;
  top: 3px;
  font-size: 13px;
  color: #999;
}

.tbl-list2 table {
  border-top: 1px solid #eee;
}

.tbl-list2 table thead th {
  padding: 20px;
  font-size: 13px;
  color: #000;
  line-height: 1.7;
  border-bottom: 1px solid #eee;
  text-align: left;
  vertical-align: middle;
  word-break: break-all;
}

.tbl-list2 table thead th.center {
  text-align: center;
}

.tbl-list2 table tbody th,
.tbl-list2 table tbody td {
  padding: 16px 20px;
  font-size: 14px;
  line-height: 1.7;
  border-bottom: 1px solid #eee;
  text-align: left;
}

.tbl-list2 table tbody th.th-title {
  color: #000;
  text-align: center;
}

.tbl-list2 table tbody td {
  color: #999;
  word-break: break-all;
}

.tbl-list2 table tbody .sum td {
  color: #c2935f;
}

.tbl-list2 table ~ .tbl-title {
  margin-top: 40px;
}

.tbl-list2 .txt-list {
  margin: 20px 0 40px 20px;
}

.tbl-list2 .txt-list li {
  font-size: 14px;
  color: #999;
}

.tbl-list2 .link-download {
  font-size: 14px;
  color: #999;
  border-bottom: 1px solid;
}

.tbl-list2 .btm-info-box {
  margin: 20px 0 -15px;
  padding: 0 20px;
}

.tbl-list2 .btm-info-box2 {
  margin: 20px 0 0;
  font-size: 13px;
  color: #999;
  text-align: right;
}

.tbl-list2.noline table {
  border-top: 0;
}

.icon-up,
.icon-down {
  display: inline-block;
  margin: 4px 0 0;
  font-size: 0;
}

.icon-up:before,
.icon-down:before {
  content: '';
  display: inline-block;
  margin-right: 2px;
  font-size: 0;
}

.icon-up::before {
  border: 6px solid transparent;
  border-bottom: 8px solid #c2935f;
  border-top: 0;
}

.icon-down::before {
  border: 6px solid transparent;
  border-top: 8px solid #666;
  border-bottom: 0;
}

.style-brand-news.new-type {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1920px;
  padding: 0 80px;
}

.style-brand-news.new-type li {
  float: none;
  width: calc((100% - 90px) / 4);
}

.style-brand-news.new-type li:first-child::before {
  display: none;
}

.style-brand-news.new-type li::after {
  display: none;
}

.style-brand-news.new-type li + li {
  margin-left: 30px;
}

.style-brand-news.new-type .item-box {
  width: 100%;
  margin: 0;
}

.style-brand-news.new-type .item-box .item-img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 62.35%;
}

.style-brand-news.new-type .item-box .item-img img {
  position: absolute;
  top: 0;
}

@media screen and (max-width: 1760px) {
  .style-brand-news.new-type li .item-box {
    width: 100%;
  }
  .style-brand-news.new-type li .item-box .item-img {
    padding-top: 62.35%;
    padding-bottom: 0;
  }
}

.mgz-style-visual-section {
  overflow: hidden;
}

.mgz-style-visual-section .mgz-style-visual {
  position: relative;
  left: 50%;
  width: 3618px;
  margin: 0 0 120px -1809px;
  padding: 0;
  text-align: center;
  overflow: visible;
}

.mgz-style-visual-section .mgz-style-visual::before,
.mgz-style-visual-section .mgz-style-visual::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  height: 903px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
}

.mgz-style-visual-section .mgz-style-visual::before {
  right: 50%;
  left: 0;
  margin-right: 603px;
}

.mgz-style-visual-section .mgz-style-visual::after {
  left: 50%;
  right: 0;
  margin-left: 603px;
}

.mgz-style-visual-section .mgz-style-visual .swiper-slide {
  position: relative;
  width: 1206px;
}

.mgz-style-visual-section .mgz-style-visual .swiper-slide .str {
  visibility: hidden;
}

.mgz-style-visual-section
  .mgz-style-visual
  .swiper-slide.swiper-slide-active
  .str {
  visibility: visible;
}

.mgz-style-visual-section .mgz-style-visual .slide-nav {
  position: absolute;
  top: 420px;
  width: 100%;
}

.mgz-style-visual-section .mgz-style-visual .slide-nav .slide-nav-prev,
.mgz-style-visual-section .mgz-style-visual .slide-nav .slide-nav-next {
  position: absolute;
  z-index: 11;
}

.mgz-style-visual-section .mgz-style-visual .style-info .img {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mgz-style-visual-section .mgz-style-visual .style-info .img > a {
  display: flex;
}

.mgz-style-visual-section .mgz-style-visual .style-info .img .img-item {
  width: 603px;
  height: 903px;
}

.mgz-style-visual-section .mgz-style-visual .style-info .img .img-item img {
  width: 100%;
  height: 100%;
}

.mgz-style-visual-section .mgz-style-visual .style-info .str {
  width: 100%;
  max-width: 622px;
  margin: 0 auto;
  padding-top: 30px;
  text-align: center;
}

.mgz-style-visual-section .mgz-style-visual .style-info .str .etc {
  font-size: 16px;
}

.mgz-style-visual-section .mgz-style-visual .style-info .str .tit {
  margin-top: 10px;
  font-size: 40px;
  line-height: 50px;
}

.mgz-style-visual-section .mgz-style-visual .style-info .str .txt {
  margin-top: 15px;
  font-size: 16px;
  line-height: 28px;
}

.mgz-style-visual-section .mgz-style-visual .style-info .str .txt-viewmore {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 300;
}

.mgz-style-visual-section
  .mgz-style-visual
  .style-info
  .str
  .txt-viewmore
  span {
  display: inline-block;
  border-bottom: 1px solid;
}

.mgz-style-list {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 80px;
}

.mgz-style-list .list {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
}

.mgz-style-list .list li {
  width: calc(33.3333% - 30px);
  margin: 0 0 115px 30px;
  font-size: 14px;
}

.mgz-style-list .list li .item-img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 150%;
}

.mgz-style-list .list li .item-img img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mgz-style-list .list li .item-info {
  margin-top: 22px;
}

.mgz-style-list .list li .item-info .item-tit {
  font-size: 20px;
  overflow: hidden;
  height: 60px;
  max-height: 60px;
  line-height: 30px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.mgz-style-list .list li .item-info .item-txt {
  margin-top: 10px;
  color: #666;
  overflow: hidden;
  height: 66px;
  max-height: 66px;
  line-height: 22px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.mgz-style-list .paging {
  margin-top: 0;
}

.mgz-htv-visual-section {
  overflow: hidden;
}

.mgz-htv-visual-section .mgz-htv-visual-box {
  position: relative;
  width: 100%;
  padding-top: 50px;
  overflow: hidden;
}

.mgz-htv-visual-section .mgz-htv-visual-box::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 494px;
  background: #c2935f;
  vertical-align: top;
}

.mgz-htv-visual-section .mgz-htv-visual {
  position: relative;
  left: 50%;
  width: 3126px;
  margin: 0 0 0 -1563px;
  padding: 0;
  text-align: center;
  overflow: visible;
  z-index: 10;
}

.mgz-htv-visual-section .mgz-htv-visual .noswipe .swiper-slide {
  margin: 0 auto;
}

.mgz-htv-visual-section .mgz-htv-visual .swiper-slide {
  position: relative;
  width: 880px;
}

.mgz-htv-visual-section .mgz-htv-visual .swiper-slide .vod-str {
  visibility: hidden;
}

.mgz-htv-visual-section
  .mgz-htv-visual
  .swiper-slide.swiper-slide-active
  .vod-str {
  visibility: visible;
}

.mgz-htv-visual-section .mgz-htv-visual .slide-nav {
  position: absolute;
  top: 220px;
  width: 100%;
}

.mgz-htv-visual-section .mgz-htv-visual .slide-nav .slide-nav-prev,
.mgz-htv-visual-section .mgz-htv-visual .slide-nav .slide-nav-next {
  position: absolute;
  z-index: 11;
}

.mgz-htv-visual-section .mgz-htv-visual .slide-nav .slide-nav-prev {
  margin-left: -540px;
}

.mgz-htv-visual-section .mgz-htv-visual .slide-nav .slide-nav-next {
  margin-right: -540px;
}

.mgz-htv-visual-section .mgz-htv-visual .htv-info {
  width: 880px;
}

.mgz-htv-visual-section .mgz-htv-visual .htv-info .vod-img {
  width: 100%;
  height: 494px;
}

.mgz-htv-visual-section .mgz-htv-visual .htv-info .vod-img .vod {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000;
}

.mgz-htv-visual-section .mgz-htv-visual .htv-info .vod-img .vod video,
.mgz-htv-visual-section .mgz-htv-visual .htv-info .vod-img .vod iframe {
  width: 100%;
  height: 100%;
}

.mgz-htv-visual-section
  .mgz-htv-visual
  .htv-info
  .vod-img
  .video-skin
  > .item.ready
  .btn-thumb::before {
  width: 70px;
  height: 70px;
  margin-left: -35px;
  margin-bottom: -35px;
  background-size: 70px 70px;
}

.mgz-htv-visual-section .mgz-htv-visual .htv-info .vod-str {
  width: 100%;
  max-width: 622px;
  margin: 0 auto;
}

.mgz-htv-visual-section .mgz-htv-visual .htv-info .vod-str > a {
  display: block;
  padding-top: 40px;
}

.mgz-htv-visual-section .mgz-htv-visual .htv-info .vod-str > a .tit {
  margin-top: 0;
}

.mgz-htv-visual-section .mgz-htv-visual .htv-info .vod-str .tit {
  margin-top: 40px;
  font-size: 40px;
  overflow: hidden;
  height: 100px;
  max-height: 100px;
  line-height: 50px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
}

.mgz-htv-visual-section .mgz-htv-visual .htv-info .vod-str .txt {
  margin-top: 15px;
  font-size: 16px;
  line-height: 28px;
}

.mgz-htv-visual-section .mgz-htv-visual .htv-info .vod-str .txt-viewmore {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 300;
}

.mgz-htv-visual-section .mgz-htv-visual .htv-info .vod-str .txt-viewmore a,
.mgz-htv-visual-section .mgz-htv-visual .htv-info .vod-str .txt-viewmore span {
  display: inline-block;
  border-bottom: 1px solid;
}

.mgz-news-list > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
}

.mgz-news-list li {
  width: calc(25% - 30px);
  padding: 0;
  margin: 0 0 60px 30px;
}

.mgz-news-list .item-box {
  position: relative;
}

.mgz-news-list .item-img {
  position: relative;
  margin-bottom: 20px;
  padding-top: 62.35%;
}

.mgz-news-list .item-img .img-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.mgz-news-list .item-img .img-box img {
  width: 100%;
  height: 100%;
}

.mgz-news-list .item-brand {
  margin: 0 0 20px;
  font-size: 14px;
  font-weight: 300;
}

.mgz-news-list .item-title {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 15px;
  font-size: 20px;
  line-height: 26px;
  max-height: 26px;
}

.mgz-news-list .item-txt {
  overflow: hidden;
  height: 40px;
  max-height: 40px;
  line-height: 20px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
  margin: 0 0 15px;
  color: #666;
}

.mgz-news-list .item-date {
  font-size: 14px;
  font-weight: 300;
  color: #666;
}

.mgz-news-list .paging {
  margin-top: 10px;
}

.mgz-lookbook-section {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 80px;
}

.mgz-lookbook-section .mgz-lookbook-list > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
}

.mgz-lookbook-section .mgz-lookbook-list li {
  width: calc(25% - 30px);
  padding: 0;
  margin: 0 0 60px 30px;
}

.mgz-lookbook-section .mgz-lookbook-list .item-info {
  position: relative;
}

.mgz-lookbook-section .mgz-lookbook-list .item-img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 143.99%;
}

.mgz-lookbook-section .mgz-lookbook-list .item-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mgz-lookbook-section .mgz-lookbook-list .item-brand {
  display: inline-block;
  margin-top: -20px;
  padding: 12px 10px;
  background-color: #c2935f;
  border-radius: 0 0 15px 0;
  font-family: 'ct', 'Noto', '돋움', Dotum, arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  line-height: 17px;
  vertical-align: top;
}

.mgz-lookbook-section .mgz-lookbook-list .item-tit {
  overflow: hidden;
  height: 60px;
  max-height: 60px;
  line-height: 30px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  height: auto;
  margin-top: 25px;
  font-size: 20px;
}

.style-lookbook-top ~ .mgz-lookbook-section {
  border-top: 1px solid #ddd;
}

.style-lookbook-top ~ .mgz-lookbook-section .mgz-lookbook-list {
  margin: 120px auto 0;
}

.style-sns-section .mgz-sns-title {
  margin: 60px 0 30px;
  font-size: 16px;
}

.style-sns-section .mgz-sns-title a {
  position: relative;
  padding-right: 29px;
}

.style-sns-section .mgz-sns-title a::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 9px;
  height: 16px;
  margin-top: -9px;
  background: url('/img_up/shop_pds/banobagi/design/images/main/common/arr_sns_title.png') no-repeat 0 0;
}

.style-sns-section .style-tile-sns {
  padding: 0;
}

.dp-tab + .style-sns-section .mgz-sns-title {
  margin-top: 40px;
}

@media screen and (min-width: 1367px) and (max-width: 1919px) {
  /* main */
  .popup-oneday {
    right: 0;
  }
  .popup-notice {
    right: 0;
  }
  .main::before {
    height: calc(28vw + 215px);
  }
  .main-visual-slide {
    width: calc(100vw - 180px);
    min-width: 0;
    padding: 0;
  }
  .main-visual-slide .slide-container {
    width: calc(100vw - 160px);
  }
  .main-visual-slide .slide-container .swiper-slide {
    width: 33.333%;
  }
  .main-visual-slide .slide-container .swiper-slide .box {
    display: inline-block;
    margin-right: 20px;
    width: calc(100% - 20px);
    max-height: 35.3vw;
  }
  .main-visual-slide .slide-container .swiper-slide .img img {
    width: 100%;
    height: auto;
  }
  .main-visual-slide .slide-container .swiper-slide .str {
    right: 40px;
    bottom: 50px;
    left: 40px;
  }
  .main-visual-slide .slide-container .swiper-slide .str .tit {
    margin: 20px 0;
    height: 5vw;
  }
  .main-visual-slide .slide-container .swiper-slide .str .tit strong {
    font-size: 2.5vw;
  }
  .main-visual-slide .slide-container .swiper-slide .str .tit strong.eng {
    font-size: 2.93vw;
  }
  .main-visual-slide .slide-container .swiper-slide .str .etc {
    font-size: 13px;
  }
  .main-visual-slide .slide-container .swiper-slide .str .sub {
    font-size: 13px;
  }
  .main-visual-slide .slide-nav-prev {
    left: 15px;
  }
  .main-visual-slide .slide-nav-next {
    right: 15px;
  }
  .main-visual-slide .slide-util {
    margin-top: 30px;
  }
  .main-keyword-ranking {
    margin-top: 80px;
  }
  .main-banner {
    margin-top: 100px;
  }
  .dp-title {
    margin-bottom: 50px;
  }
  .dp-section {
    min-width: 1366px;
  }
  .dp-section.bg-section {
    margin-top: 80px;
    padding: 80px 0;
  }
  .dp-section.bg-section + .dp-section:not(.bg-section) {
    margin-top: 80px;
  }
  .main-style .style-content {
    padding-top: 228px;
  }
  .visual-slide10 .product-tab {
    top: -70px;
  }
  .visual-slide10 .product-list .item-box {
    margin: 0 5px;
  }
  .main-brand-mall .slide-cont {
    margin-top: 40px;
  }
  .main-brand-mall .slide-cont .swiper-slide .brand-pd-list .title {
    font-size: 1.88vw;
    margin-bottom: 3.28vw;
  }
  .main-brand-mall .slide-cont .swiper-slide .brand-pd-list .link {
    top: 3.44vw;
  }
  .visual-slide2 .swiper-slide button {
    margin-left: -16.5vw;
  }
  .visual-slide2 .swiper-slide:not(.swiper-slide-active) button:after {
    width: 33vw;
  }
  .visual-slide2 .swiper-slide-active button {
    margin-left: -350px;
  }
  /* brand */
  .dp-main::before {
    height: calc(28vw + 215px);
  }
  .dp-main .theme-color {
    height: calc(28vw + 215px);
  }
  .visual-slide .swiper-slide .box:only-child {
    height: auto;
    padding-top: 35.3vw;
  }
  .visual-slide .swiper-slide .box:only-child .img img {
    width: 100%;
    height: auto;
  }
  .visual-slide .swiper-slide .box:only-child .str {
    bottom: 0;
  }
  .visual-slide .swiper-slide .box:only-child .str .tit {
    font-size: 48px;
  }
  /* banner */
  .banner-wrap2 {
    height: auto;
  }
  .banner-wrap2 .img img {
    width: 100%;
    height: auto;
  }
  .banner-wrap2 .str {
    bottom: 80px;
  }
  .banner-wrap2 .str .tit {
    font-size: 48px;
  }
  /* 전시 */
  .dp-section .col-2 {
    flex-wrap: wrap;
  }
  .dp-section .col-2 .cell {
    width: 100%;
  }
  .dp-section .col-2 .cell + .cell {
    margin-top: 100px;
  }
  .dp-section .col-2 .cell .group-link {
    margin: 0 auto !important;
  }
}

@media screen and (max-width: 1820px) {
  /* 전시 */
  .visual-slide5 .slide-util .slide-nav {
    left: 50%;
    transform: translateX(-50%);
    max-width: 1620px;
    margin: 0 auto;
  }
  .visual-slide5 .slide-util .slide-nav .slide-nav-prev {
    left: 30px;
  }
  .visual-slide5 .slide-util .slide-nav .slide-nav-next {
    right: 30px;
  }
}

@media screen and (max-width: 1780px) {
  /* 전시 */
  .visual-slide5 .slide-nav .slide-nav-prev {
    left: 30px;
  }
  .visual-slide5 .slide-nav .slide-nav-next {
    right: 30px;
  }
}

@media screen and (max-width: 1600px) {
  /* 리뷰 플러스 */
  .review-count-box .product-list-sub li {
    width: 33.333%;
  }
}

@media screen and (max-width: 1366px) {
  /* layout */
  #wrap {
    min-width: 1366px;
  }
  #header .header-wrap {
    width: 1206px;
    min-width: 0;
    padding: 0;
  }
  #header .header-inner {
    min-width: 1366px;
  }
  #footer .footer-inner {
    min-width: 0;
    padding: 100px 80px;
  }
  /* main */
  .popup-oneday {
    right: 0;
  }
  .popup-notice {
    right: 0;
  }
  .main::before {
    height: 595px;
    min-width: 1366px;
  }
  .main-visual-slide {
    /* width: 1206px; */
    width: calc(100% - 40px);
    min-width: 0;
    padding: 0;
  }
  /* .main-visual-slide .slide-container {
    width: 1226px;
  }
  .main-visual-slide .slide-container .swiper-slide {
    width: 33.333%;
  }
  .main-visual-slide .slide-container .swiper-slide .box {
    display: inline-block;
    margin-right: 20px;
    width: 389px;
    height: 492px;
  } */
  .main-visual-slide .slide-container .swiper-slide .img img {
    width: 100%;
    height: auto;
  }
  .main-visual-slide .slide-container .swiper-slide .str {
    right: 40px;
    bottom: 45px;
    left: 40px;
  }
  .main-visual-slide .slide-container .swiper-slide .str .tit {
    margin: 20px 0;
    height: 74px;
  }
  .main-visual-slide .slide-container .swiper-slide .str .tit strong {
    font-size: 34px;
  }
  .main-visual-slide .slide-container .swiper-slide .str .etc {
    font-size: 13px;
  }
  .main-visual-slide .slide-container .swiper-slide .str .sub {
    font-size: 13px;
  }
  .main-visual-slide .slide-nav-prev {
    left: 15px;
  }
  .main-visual-slide .slide-nav-next {
    right: 15px;
  }
  .main-visual-slide .slide-util {
    margin-top: 30px;
  }
  .main-keyword-ranking {
    margin-top: 80px;
  }
  .main-banner {
    margin-top: 100px;
  }
  .main-for-u {
    margin-top: 100px;
  }
  .dp-title {
    margin-bottom: 50px;
  }
  .dp-section {
    min-width: 1366px;
    margin-top: 100px;
  }
  .dp-section.bg-section {
    margin-top: 80px;
    padding: 80px 0;
  }
  .dp-section.bg-section + .dp-section:not(.bg-section) {
    margin-top: 80px;
  }
  .visual-slide10 .product-tab {
    top: -70px;
  }
  .visual-slide10 .product-list .item-box {
    margin: 0 5px;
  }
  .main-brand-mall .slide-cont {
    margin-top: 40px;
  }
  .main-brand-mall .slide-cont .swiper-slide .brand-pd-list .title {
    font-size: 25px;
    margin-bottom: 44px;
  }
  .main-brand-mall .slide-cont .swiper-slide .brand-pd-list .link {
    top: 47px;
  }
  .visual-slide2 .swiper-slide button {
    margin-left: -228px;
  }
  .visual-slide2 .swiper-slide:not(.swiper-slide-active) button:after {
    width: 456px;
  }
  .visual-slide2 .swiper-slide-active button {
    margin-left: -350px;
  }
  /* brand */
  .dp-main::before {
    height: 595px;
    min-width: 1366px;
  }
  .dp-main .theme-color {
    height: 595px;
    min-width: 1366px;
  }
  .visual-slide .swiper-slide .box:only-child {
    height: 482px;
  }
  .visual-slide .swiper-slide .box:only-child .img img {
    width: 1206px;
    height: 482px;
  }
  .visual-slide .swiper-slide .box:only-child .str {
    bottom: 0;
  }
  .visual-slide .swiper-slide .box:only-child .str .tit {
    font-size: 48px;
  }
  /* banner */
  .banner-wrap2 {
    height: auto;
  }
  .banner-wrap2 .img img {
    width: 1206px;
    height: auto;
  }
  .banner-wrap2 .str {
    bottom: 80px;
  }
  .banner-wrap2 .str .tit {
    font-size: 48px;
  }
  /* 전시 */
  .dp-section .col-2 {
    flex-wrap: wrap;
  }
  .dp-section .col-2 .cell {
    width: 100%;
  }
  .dp-section .col-2 .cell + .cell {
    margin-top: 100px;
  }
  .dp-section .col-2 .cell .group-link {
    margin: 0 auto !important;
  }
}

/*# sourceMappingURL=ui.min.css.map */