#header {
  background-color: rgba(255, 255, 255, 0);
  color: #fff;
}
#header .logo_b {
  display: none;
}
#header .logo_w {
  display: block;
}
#header .h_btn.affi_btn {
  color: #fff;
  border-color: #fff;
}
#header .h_burgor ._bar, #header .h_burgor::before, #header .h_burgor::after {
  background-color: #fff;
}

#mainVisual {
  height: 100vh;
}
#mainVisual .swiper-container,
#mainVisual .visual_bg {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  backface-visibility: hidden;
}
#mainVisual .visual_bg {
  transform: scale(1.1) perspective(100px) translateZ(0px) rotateZ(0.01deg);
  transition: transform 1.5s, background 1.5s !important;
}
#mainVisual .visual_bg.bg1 {
  background-image: url("../../resource/images/main/main_visual1.jpg");
}
@media screen and (max-width: 800px) {
  #mainVisual .visual_bg.bg1 {
    background-position: center bottom;
    background-image: url("../../resource/images/main/main_visual1_m.jpg");
  }
}
#mainVisual .visual_bg.bg2 {
  background-image: url("../../resource/images/main/main_visual2.jpg");
}
@media screen and (max-width: 800px) {
  #mainVisual .visual_bg.bg2 {
    background-position: center bottom;
    background-image: url("../../resource/images/main/main_visual2_m.jpg");
  }
}
#mainVisual .visual_bg.bg3 {
  background-image: url("../../resource/images/main/main_visual3.jpg");
}
@media screen and (max-width: 800px) {
  #mainVisual .visual_bg.bg3 {
    background-position: center bottom;
    background-image: url("../../resource/images/main/main_visual3_m.jpg");
  }
}
#mainVisual .visual_bg.bg4 {
  background-image: url("../../resource/images/main/main_visual4.jpg");
}
@media screen and (max-width: 800px) {
  #mainVisual .visual_bg.bg4 {
    background-position: center bottom;
    background-image: url("../../resource/images/main/main_visual4_m.jpg");
  }
}
#mainVisual .visual_bg.bg5 {
  background-image: url("../../resource/images/main/main_visual5.jpg");
}
@media screen and (max-width: 800px) {
  #mainVisual .visual_bg.bg5 {
    background-position: center bottom;
    background-image: url("../../resource/images/main/main_visual5_m.jpg");
  }
}
#mainVisual .visual_bg.bg6 {
  background-image: url("../../resource/images/main/main_visual6.jpg");
}
@media screen and (max-width: 800px) {
  #mainVisual .visual_bg.bg6 {
    background-position: center bottom;
    background-image: url("../../resource/images/main/main_visual6_m.jpg");
  }
}
#mainVisual .visual_bg.bg7 {
  background-image: url("../../resource/images/main/main_visual7.jpg");
}
@media screen and (max-width: 800px) {
  #mainVisual .visual_bg.bg7 {
    background-position: center bottom;
    background-image: url("../../resource/images/main/main_visual7_m.jpg");
  }
}
#mainVisual .visual_bg.bg8 {
  background-image: url("../../resource/images/main/main_visual8.jpg");
}
@media screen and (max-width: 800px) {
  #mainVisual .visual_bg.bg8 {
    background-position: center bottom;
    background-image: url("../../resource/images/main/main_visual8_m.jpg");
  }
}
#mainVisual .visual_bg.bg9 {
  background-image: url("../../resource/images/main/main_visual9.jpg");
}
@media screen and (max-width: 800px) {
  #mainVisual .visual_bg.bg9 {
    background-position: center bottom;
    background-image: url("../../resource/images/main/main_visual9_m.jpg");
  }
}
#mainVisual .visual_bg.bg10 {
  background-image: url("../../resource/images/main/main_visual10.jpg");
}
@media screen and (max-width: 800px) {
  #mainVisual .visual_bg.bg10 {
    background-position: center bottom;
    background-image: url("../../resource/images/main/main_visual10_m.jpg");
  }
}
#mainVisual .swiper-slide {
  opacity: 0;
  overflow: hidden;
  transition-duration: 1.5s !important;
}
#mainVisual .swiper-slide [class*=wrap_] {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  z-index: 10;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 800px) {
  #mainVisual .swiper-slide [class*=wrap_] {
    align-items: flex-start;
  }
}
#mainVisual .swiper-slide.swiper-slide-active .visual_bg {
  transform: scale(1) perspective(100px) translateZ(0) rotateZ(0.01deg);
}
#mainVisual .swiper-slide.swiper-slide-active .visual_logo {
  -webkit-animation: ani_visual 1.25s ease-out alternate;
  -webkit-animation-delay: 0.25s;
  -webkit-animation-fill-mode: forwards;
  animation: ani_visual 1.25s ease-out alternate;
  animation-delay: 0.25s;
  animation-fill-mode: forwards;
}
#mainVisual .swiper-slide.swiper-slide-active .visual_tit {
  -webkit-animation: ani_visual 1.25s ease-out alternate;
  -webkit-animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation: ani_visual 1.25s ease-out alternate;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
#mainVisual .swiper-slide.swiper-slide-active .visual_txt {
  -webkit-animation: ani_visual 1.25s ease-out alternate;
  -webkit-animation-delay: 0.75s;
  -webkit-animation-fill-mode: forwards;
  animation: ani_visual 1.25s ease-out alternate;
  animation-delay: 0.75s;
  animation-fill-mode: forwards;
}
#mainVisual .visual_controls {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  z-index: 15;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#mainVisual .visual_controls .control {
  font-size: 5.3125rem;
  color: #fff;
  opacity: 0.3;
  position: absolute;
  top: 50%;
}
#mainVisual .visual_controls .control.control_prev {
  left: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#mainVisual .visual_controls .control.control_next {
  right: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#mainVisual .visual_controls .control:hover {
  opacity: 1;
}
@media all and (max-width: 1720px) {
  #mainVisual .visual_controls .control.control_prev {
    -moz-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  #mainVisual .visual_controls .control.control_next {
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 1280px) {
  #mainVisual .visual_controls {
    display: none;
  }
}
#mainVisual .visual_paginations {
  position: absolute;
  bottom: 3.75rem;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 15;
}
#mainVisual .visual_paginations .visual_pagination {
  height: 0.125rem;
  width: 8.75rem;
  background-color: #ddd;
  position: relative;
}
#mainVisual .visual_paginations .visual_pagination > span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -moz-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  transform-origin: left;
  background-color: #c8a666;
}
#mainVisual .visual_paginations .progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
}
#mainVisual .visual_paginations .progress .ing {
  content: attr(data-start);
  display: block;
  margin-right: 1em;
}
#mainVisual .visual_paginations .progress::after {
  content: attr(data-end);
  display: block;
  margin-left: 1em;
}
#mainVisual .visual_paginations .visual_plays {
  font-size: 0.875rem;
  margin-left: 1rem;
  color: #fff;
}
#mainVisual .visual_paginations .visual_plays .iconFt_play {
  display: none;
}
#mainVisual .visual_paginations .visual_plays.on .iconFt_play {
  display: block;
}
#mainVisual .visual_paginations .visual_plays.on .iconFt_pause {
  display: none;
}
#mainVisual .visual_logo {
  margin-bottom: 0.3125em;
  opacity: 0;
}
#mainVisual .visual_tit {
  font-size: 5.5rem;
  font-weight: 500;
  font-family: "gowun-batang", "Gowun Batang", sans-serif;
  line-height: 1.25;
  opacity: 0;
}
#mainVisual .visual_tit._big {
  font-size: 6.875rem;
}
#mainVisual .visual_txt {
  font-family: "noto-sans-kr", "Noto Sans Korean", sans-serif;
  font-size: 1.375rem;
  line-height: 1.8;
  margin-top: 1.3636363636em;
  font-weight: 400;
  padding-left: 0.4545454545em;
  opacity: 0;
}
#mainVisual .visual_text_box {
  color: #333;
}
@media all and (max-width: 1620px) {
  #mainVisual .visual_text_box {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media screen and (max-width: 1280px) {
  #mainVisual .visual_text_box {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 800px) {
  #mainVisual .visual_text_box {
    margin-top: 18vh;
  }
}
@media screen and (max-width: 800px) {
  #mainVisual {
    font-size: 0.5rem;
  }
  #mainVisual .visual_logo img {
    height: 4.1875rem;
  }
  #mainVisual .visual_tit {
    font-size: 2.75rem;
  }
  #mainVisual .visual_tit._big {
    font-size: 4.125rem;
  }
  #mainVisual .visual_txt {
    font-size: 1.125rem;
  }
}

.sect_block {
  padding: 7.5rem 0;
}
.sect_block.st_2 {
  padding: 8.75rem 0;
}
@media screen and (max-width: 1280px) {
  .sect_block {
    padding: 5rem 0;
  }
}

.more_area {
  padding: 0.9375rem 0;
  font-size: 1.125rem;
  color: #666;
  font-weight: 400;
  font-family: "noto-sans-kr", "Noto Sans Korean", sans-serif;
}
.more_area.tc_w a::after {
  border-bottom-color: #fff;
}
.more_area a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  align-items: baseline;
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
  position: relative;
  color: #919191;
}
.more_area a::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #222;
  -moz-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s;
}
.more_area a:hover::after {
  transform: scaleX(1);
}
.more_area [class*=iconFt_] {
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: top;
  font-size: 0.825em;
}
@media screen and (max-width: 800px) {
  .more_area {
    font-size: 1rem;
  }
  .more_area [class*=iconFt_] {
    font-size: 0.625em;
  }
}

.sect_tit {
  font-size: 2.75rem;
  line-height: 1.45;
  font-weight: 400;
}
.sect_tit .tit_point {
  display: block;
  margin-bottom: 0.3125rem;
  font-size: 0.5454545455em;
  color: #c8a666;
  font-weight: 600;
}
.sect_tit .tit_point::before {
  content: "";
  display: block;
  width: 8.25rem;
  height: 0.625rem;
  margin: 0 auto 0.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='9' viewBox='0 0 130 9'%3E%3Cpath d='M416.253 236.637c.222-.079 22.679-7.967 64.54-8.017 41.861.05 64.318 7.938 64.54 8.017l.8.285v-1.588c-4.342-1.424-25.582-7.7-62.908-8.01h-4.86c-37.326.307-58.566 6.586-62.908 8.01v1.588z' transform='translate(-415.455 -227.324)' style='fill:%23c8a666'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.sect_tit .tit_point.st_2::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='9' viewBox='0 0 130 9'%3E%3Cpath d='M416.253 236.637c.222-.079 22.679-7.967 64.54-8.017 41.861.05 64.318 7.938 64.54 8.017l.8.285v-1.588c-4.342-1.424-25.582-7.7-62.908-8.01h-4.86c-37.326.307-58.566 6.586-62.908 8.01v1.588z' transform='translate(-415.455 -227.324)' style='fill:%23c8a666'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 800px) {
  .sect_tit {
    font-size: 1.875rem;
  }
  .sect_tit .tit_point {
    font-size: 0.6em;
  }
  .sect_tit .tit_point::before {
    width: 6.25rem;
    height: 0.5rem;
  }
}

.view_detail {
  font-size: 1rem;
  text-align: center;
  color: #666666;
}
.view_detail a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "noto-sans-kr", "Noto Sans Korean", sans-serif;
}
.view_detail.t_center a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.view_detail.t_left a {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.view_detail [class*=iconFt_] {
  display: inline-block;
  margin-left: 0.3125rem;
  font-size: 0.825em;
}

.sect_01 {
  background: url("../../resource/images/main/best_bg.png") no-repeat center top;
  background-size: cover;
}
.sect_01 .pdt_bnr .swiper-wrapper {
  padding: 0rem 0 1.5625rem;
}
@media screen and (max-width: 800px) {
  .sect_01 .swiper-container {
    padding-top: 0.5rem;
  }
}
.sect_01 .best_contr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sect_01 .best_contr ._contr {
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1.6666666667em;
}
.sect_01 .best_contr ._contr .left, .sect_01 .best_contr ._contr .right {
  font-size: 0.875em;
}
.sect_01 .best_contr ._contr .left [class*=iconFt_], .sect_01 .best_contr ._contr .right [class*=iconFt_] {
  display: block;
  transition: transform 0.3s, color 0.3s;
}
.sect_01 .best_contr ._contr .left:hover, .sect_01 .best_contr ._contr .right:hover {
  color: #c8a666;
}
.sect_01 .best_contr ._contr .left:hover [class*=iconFt_] {
  -moz-transform: translateX(-15%);
  -webkit-transform: translateX(-15%);
  -ms-transform: translateX(-15%);
  -o-transform: translateX(-15%);
  transform: translateX(-15%);
}
.sect_01 .best_contr ._contr .right:hover [class*=iconFt_] {
  -moz-transform: translateX(15%);
  -webkit-transform: translateX(15%);
  -ms-transform: translateX(15%);
  -o-transform: translateX(15%);
  transform: translateX(15%);
}
.sect_01 .best_contr ._contr .start {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  font-size: 0.6111111111em;
  transition: background 0.3s, color 0.3s;
}
.sect_01 .best_contr ._contr .start .iconFt_play {
  display: none;
  -moz-transform: translateX(25%);
  -webkit-transform: translateX(25%);
  -ms-transform: translateX(25%);
  -o-transform: translateX(25%);
  transform: translateX(25%);
}
.sect_01 .best_contr ._contr .start:hover {
  background-color: #c8a666;
  color: #fff;
}
.sect_01 .best_contr ._contr .start.on .iconFt_play {
  display: block;
}
.sect_01 .best_contr ._contr .start.on .iconFt_pause {
  display: none;
}
.sect_01 .best_contr ._contr > * + * {
  margin-left: 0.625rem;
}
@media screen and (max-width: 800px) {
  .sect_01 .best_contr ._contr {
    display: none;
  }
}
.sect_01 .pdt_img {
  padding: 0.9375rem 0;
  overflow: hidden;
  border-radius: 1.25rem;
  position: relative;
  width: 26.875rem;
  height: 26.875rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 100% !important;
}
.sect_01 .pdt_img a {
  display: block;
}
.sect_01 .pdt_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: none !important;
  transition: opacity 0.35s;
}

@media screen and (max-width: 800px) {
  .sect_01 .pdt_img {
    width: 13.75rem;
    height: 13.75rem;
    margin: auto;
  }
  .sect_01 .pdt_img img {
    width: 100%;
  }
}
.sect_01 .pdt_txt {
  margin-top: 1.875rem;
}
.sect_01 .best_item {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align: center;
  width: auto;
}
.sect_01 .swiper-pagination {
  width: 100%;
  position: relative;
  height: 2px;
  background-color: #e5e5e5;
}
.sect_01 .swiper-pagination > span {
  background-color: #e1ae5f;
  height: 2px;
}
.sect_01 .p_name {
  font-weight: 400;
}
@media screen and (max-width: 800px) {
  .sect_01 .product_exp {
    transition: opacity 0.35s;
  }
  .sect_01 .product_exp .p_name {
    font-size: 1.75rem;
  }
  .sect_01 .product_exp .p_cate {
    font-size: 1.125rem;
  }
  .sect_01 .view_detail {
    margin-top: 1.25rem;
  }
  .sect_01 .swiper-slide-prev .product_exp,
.sect_01 .swiper-slide-next .product_exp {
    opacity: 0;
  }
}
.sect_02 {
  background: url("../../resource/images/main/brand_bg.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 6.5625rem;
  padding-bottom: 5rem;
}
@media screen and (max-width: 800px) {
  .sect_02 {
    background-image: url("../../resource/images/main/brand_bg_m.jpg");
    padding-top: 5.3125rem;
    padding-bottom: 6.25rem;
  }
}
.sect_02 .brand_tit_box {
  position: relative;
  margin-bottom: 0.46875em;
}
.sect_02 .brand_tit_box .more_area {
  position: absolute;
  top: 100%;
  left: 0.625rem;
  color: #fff;
  z-index: 5;
}
@media screen and (max-width: 1280px) {
  .sect_02 .brand_tit_box {
    position: static;
  }
  .sect_02 .brand_tit_box .more_area {
    top: 100%;
    left: 0%;
    width: 100%;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.sect_02 .brand_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 768px;
  margin: auto;
  padding: 0 0.9375rem;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  font-family: "gowun-batang", "Gowun Batang", sans-serif;
  color: #fff;
}
@media screen and (max-width: 1280px) {
  .sect_02 .brand_box {
    max-width: none;
  }
}
.sect_02 .brand_box > * {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1280px) {
  .sect_02 .brand_box > * {
    justify-content: center;
    text-align: center;
  }
}
.sect_02 .brand_box .sect_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 4rem;
}
.sect_02 .brand_box .sect_tit .tit_point {
  display: inline-block;
  color: #d9aa4b;
  font-size: 0.375em;
}
@media screen and (max-width: 1280px) {
  .sect_02 .brand_box .sect_tit {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .sect_02 .brand_box .sect_tit .tit_point {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 800px) {
  .sect_02 .brand_box .sect_tit {
    font-size: 1.875rem;
  }
  .sect_02 .brand_box .sect_tit .tit_point {
    font-size: 0.6em;
  }
}
.sect_02 .brand_box .brand_txt {
  font-size: 1.25rem;
  line-height: 1.9;
  justify-content: flex-end;
}
@media screen and (max-width: 1280px) {
  .sect_02 .brand_box .brand_txt {
    justify-content: center;
    line-height: 1.9;
    margin-top: 1.75em;
    margin-bottom: 1.875em;
  }
}
@media screen and (max-width: 800px) {
  .sect_02 .brand_box .brand_txt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1280px) {
  .sect_02 .brand_box {
    position: relative;
  }
}

.sect_03 .thumb_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.sect_03 .thumb_txt {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.sect_03 .thumb_img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  order: 2;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .sect_03 .thumb_box {
    display: block;
  }
  .sect_03 .thumb_img {
    order: 1;
  }
  .sect_03 .thumb_txt {
    order: 2;
  }
}
.sect_03 .thumb_img {
  position: relative;
  overflow: hidden;
}
.sect_03 .thumb_img::before {
  content: "";
  display: block;
  padding-top: 56.232%;
}
.sect_03 .thumb_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sect_03 .thumb_img .play_btn_box {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 5.9375rem;
  height: 5.9375rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.65);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.sect_03 .thumb_img .play_btn_box, .sect_03 .thumb_img .play_btn_box::before {
  transition: background 0.35s, fill 0.35s, transform 0.4s;
}
.sect_03 .thumb_img .play_btn_box::before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110'%3E%3Cg transform='translate(-905 -3161)'%3E%3Cg data-name='Polygon 1' style='fill:none'%3E%3Cpath d='M13.915 4.386a3 3 0 0 1 5.169 0l11.25 19.091A3 3 0 0 1 27.75 28H5.25a3 3 0 0 1-2.585-4.523z' style='stroke:none' transform='rotate(90 -1110.5 2089.5)'/%3E%3Cpath class='svg_play' d='M16.5 7.879 7 24h19L16.5 7.879m0-4.97c1.002 0 2.004.492 2.585 1.477l11.25 19.09c1.178 2-.264 4.524-2.585 4.524H5.25c-2.321 0-3.763-2.523-2.585-4.523l11.25-19.091A2.973 2.973 0 0 1 16.5 2.909z' style='fill:%23c8a666;stroke:none' transform='rotate(90 -1110.5 2089.5)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.sect_03 .thumb_img .play_btn_box:hover {
  background-color: rgba(200, 166, 102, 0.85);
}
.sect_03 .thumb_img .play_btn_box:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110'%3E%3Cg transform='translate(-905 -3161)'%3E%3Cg data-name='Polygon 1' style='fill:none'%3E%3Cpath d='M13.915 4.386a3 3 0 0 1 5.169 0l11.25 19.091A3 3 0 0 1 27.75 28H5.25a3 3 0 0 1-2.585-4.523z' style='stroke:none' transform='rotate(90 -1110.5 2089.5)'/%3E%3Cpath class='svg_play' d='M16.5 7.879 7 24h19L16.5 7.879m0-4.97c1.002 0 2.004.492 2.585 1.477l11.25 19.09c1.178 2-.264 4.524-2.585 4.524H5.25c-2.321 0-3.763-2.523-2.585-4.523l11.25-19.091A2.973 2.973 0 0 1 16.5 2.909z' style='fill:%23ffffff;stroke:none' transform='rotate(90 -1110.5 2089.5)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.sect_03 .thumb_img .play_btn_box:active {
  -moz-transform: translate(-50%, -50%) scale(.9);
  -webkit-transform: translate(-50%, -50%) scale(.9);
  -ms-transform: translate(-50%, -50%) scale(.9);
  -o-transform: translate(-50%, -50%) scale(.9);
  transform: translate(-50%, -50%) scale(.9);
}
@media screen and (max-width: 800px) {
  .sect_03 .thumb_img .play_btn_box {
    width: 3.375rem;
    height: 3.375rem;
  }
  .sect_03 .thumb_img .play_btn_box .svg_play {
    width: 1rem;
    height: 1.1875rem;
  }
}
.sect_03 .thumb_txt {
  border-radius: 2.5rem 0 0 0;
  background: url("../../resource/images/main/youtube_pattern.jpg") repeat left top;
  background-size: cover;
  padding-top: 6.6875rem;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  padding-bottom: 3.125rem;
  color: #fff;
  background: #333333;
}
.sect_03 .thumb_txt .sect_tit {
  font-size: 2.5rem;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: -0.0125em;
}
.sect_03 .thumb_txt .sect_tit span {
  display: block;
  font-size: 0.5em;
  color: #c8a666;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0.3125rem;
}
.sect_03 .thumb_txt ._txt {
  margin-top: 1.25rem;
  font-size: 1.125rem;
  color: #919191;
  line-height: 1.55;
}
.sect_03 .thumb_txt .more_area {
  font-size: 1rem;
  color: #fff;
}
@media screen and (max-width: 1280px) {
  .sect_03 .thumb_txt {
    position: static;
    transform: none;
    border-radius: 0;
    padding-top: 3.125rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 3.75rem;
  }
  .sect_03 .thumb_txt ._txt {
    word-break: keep-all;
    padding-bottom: 0.625em;
  }
  .sect_03 .thumb_txt ._txt br {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .sect_03 .thumb_txt .sect_tit {
    font-size: 1.875rem;
    line-height: 1.33;
  }
  .sect_03 .thumb_txt .sect_tit span {
    font-size: 0.6666666667em;
    margin-bottom: 0.5em;
  }
  .sect_03 .thumb_txt .more_area {
    font-size: 1rem;
  }
}
.sect_04 {
  background-color: #fffbeb;
}
.sect_04 .new-pagination {
  display: none;
}
@media screen and (max-width: 1280px) {
  .sect_04 {
    padding-bottom: 3.4375rem;
  }
  .sect_04 .pdt_bnr {
    position: relative;
    padding-top: 0;
  }
  .sect_04 .new-pagination {
    display: block;
    position: absolute;
    bottom: 0%;
    left: 50%;
    -moz-transform: translate(-50%, 150%);
    -webkit-transform: translate(-50%, 150%);
    -ms-transform: translate(-50%, 150%);
    -o-transform: translate(-50%, 150%);
    transform: translate(-50%, 150%);
  }
  .sect_04 .new-pagination span {
    width: 0.5rem;
    height: 0.5rem;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #c8a666;
    opacity: 1;
  }
  .sect_04 .new-pagination span.swiper-pagination-bullet-active {
    background-color: #c8a666;
  }
  .sect_04 .new-pagination span + span {
    margin-left: 0.5rem;
  }
}
@media screen and (max-width: 800px) {
  .sect_04 .pdt_bnr {
    margin-top: 2.375rem;
  }
}
.sect_04 .pdt_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 100%;
  align-items: stretch;
  flex-wrap: nowrap;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  position: relative;
  transition: padding 1.5s, opacity 1.5s;
  opacity: 0.7;
}
.sect_04 .pdt_box img {
  vertical-align: top;
  width: 100%;
}
.sect_04 .pdt_box .pdt_new {
  position: absolute;
  top: 3.125rem;
  left: 3.125rem;
  width: 4.375rem;
  height: 4.375rem;
  z-index: 10;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70'%3E%3Cg style='stroke:%23fff;stroke-width:2px;fill:none'%3E%3Ccircle cx='35' cy='35' r='35' style='stroke:none'/%3E%3Ccircle cx='35' cy='35' r='34' style='fill:none'/%3E%3C/g%3E%3Ctext data-name='New' transform='translate(15 44)' style='fill:%23fff;font-size:20px;font-family:GowunBatang-Bold,Gowun Batang;font-weight:700'%3E%3Ctspan x='0' y='0'%3ENew%3C/tspan%3E%3C/text%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 0;
}
.sect_04 .pdt_box.swiper-slide-next, .sect_04 .pdt_box.swiper-slide-prev {
  justify-content: flex-end;
}
.sect_04 .pdt_box.swiper-slide-next .pdt_info, .sect_04 .pdt_box.swiper-slide-prev .pdt_info {
  opacity: 0;
  width: 0;
  margin-left: 0;
  -moz-transform: translateX(-50%) scaleX(0);
  -webkit-transform: translateX(-50%) scaleX(0);
  -ms-transform: translateX(-50%) scaleX(0);
  -o-transform: translateX(-50%) scaleX(0);
  transform: translateX(-50%) scaleX(0);
}
.sect_04 .pdt_box.swiper-slide-active {
  opacity: 1;
}
.sect_04 .p_cate {
  display: block;
  margin-bottom: 0.5625rem;
  font-family: "noto-sans-kr", "Noto Sans Korean", sans-serif;
}
.sect_04 .p_name {
  margin-top: 0.5625rem;
  font-family: "noto-sans-kr", "Noto Sans Korean", sans-serif;
  font-weight: bold;
}
.sect_04 .p_subs {
  font-weight: 600;
  color: #666666;
}
.sect_04 .pdt_info {
  width: 23.75rem;
  padding-top: 3.75rem;
  margin-left: 3.75rem;
  position: relative;
  transition: margin 0.85s, height 0.85s, width 0.5s, opacity 0.25s, transform 0.85s;
}
.sect_04 .view_detail {
  padding-bottom: 2.8125rem;
  border-bottom: 1px solid #dddddd;
}
.sect_04 .p_pack {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 14.375rem;
  overflow: hidden;
}
.sect_04 .p_pack::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.sect_04 .p_pack img {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.sect_04 .p_infos {
  border-top: 1px solid #dddddd;
  justify-content: flex-start;
}
.sect_04 .pdt_img {
  height: 34.375rem;
}
.sect_04 .pdt_info {
  max-height: 34.375rem;
}
.sect_04 .pdt_img {
  transition: all 0.85s;
  overflow: hidden;
  border-radius: 2.5rem;
  position: relative;
  width: 100%;
}
.sect_04 .pdt_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: none !important;
  transition: opacity 0.35s;
}
.sect_04 .new_controls {
  position: absolute;
  top: 50%;
  max-width: 1215px;
  width: 100%;
  z-index: 10;
  -moz-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}
.sect_04 .new_controls .control {
  color: #fff;
  font-size: 5.25rem;
  opacity: 0.3;
  transition: opacity 0.25s;
}
.sect_04 .new_controls .control.new_prev {
  left: 0;
}
.sect_04 .new_controls .control.new_next {
  right: 0;
}
.sect_04 .new_controls .control:hover {
  opacity: 1;
}
@media screen and (max-width: 1280px) {
  .sect_04 .pdt_box {
    display: block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sect_04 .pdt_box.swiper-slide-next, .sect_04 .pdt_box.swiper-slide-prev {
    justify-content: center;
  }
  .sect_04 .pdt_box.swiper-slide-next .pdt_info, .sect_04 .pdt_box.swiper-slide-prev .pdt_info {
    opacity: 1;
    width: 100%;
    transform: none;
  }
  .sect_04 .pdt_img {
    height: auto;
    border-radius: 0;
  }
  .sect_04 .pdt_img img {
    border-radius: 0;
    vertical-align: top;
    position: static;
    transform: none;
    max-width: 100% !important;
  }
  .sect_04 .pdt_info {
    max-height: none;
    width: 100%;
    margin-left: 0;
    transition: none;
    padding-top: 1.875rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sect_04 .p_infos {
    justify-content: space-between;
    padding: inherit;
  }
  .sect_04 .p_pack {
    display: none;
    position: relative;
    margin-top: 1.5625rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .sect_04 .p_pack img {
    width: auto;
  }
  .sect_04 .view_detail {
    margin-top: 1.25rem;
    border-bottom: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 800px) {
  .sect_04 .pdt_box .pdt_new {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    width: 3.0625rem;
    height: 3.0625rem;
  }
  .sect_04 .p_subs {
    font-size: 1.25em;
  }
  .sect_04 .p_name {
    font-size: 1.75em;
  }
  .sect_04 .new_controls {
    display: none;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sect_04 .new_controls .control {
    font-size: 2.0625rem;
  }
}
.sect_05 {
  background-color: #fffbeb;
}
@media all and (max-width: 1750px) {
  .sect_05 [class*=wrap_] {
    max-width: 100.5rem;
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
@media screen and (max-width: 1280px) {
  .sect_05 {
    padding-bottom: 4.625rem;
  }
  .sect_05 [class*=wrap_] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sect_05 .more_area {
    padding-top: 0;
    padding-bottom: 1.25rem;
  }
}
.sect_05 .social_wrap {
  position: relative;
}
.sect_05 .social_wrap > ul {
  margin: -0.625rem -0.625rem;
}
.sect_05 .social_wrap .social_item {
  padding: 0.625rem 0.625rem;
}
.sect_05 .social_wrap .row {
  display: flex;
  min-width: auto;
  flex-wrap: nowrap;
}
.sect_05 .social_wrap .row > [class*=col_] {
  flex: none;
}
@media screen and (max-width: 1280px) {
  .sect_05 .social_wrap {
    padding-bottom: 2.0625rem;
  }
  .sect_05 .social_wrap .swiper-wrapper {
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sect_05 .social_wrap .swiper-wrapper > [class*=col_] {
    flex: 0 1 auto;
  }
  .sect_05 .social_wrap .social_controls {
    display: none;
  }
}
.sect_05 .social_controls {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.sect_05 .social_controls .social_paging {
  display: none;
}
.sect_05 .social_controls .control {
  position: absolute;
  top: 0;
  font-size: 5.25rem;
  z-index: 50;
  color: #ddd;
  transition: color 0.25s;
}
.sect_05 .social_controls .control.social_prev {
  right: 100%;
  margin-right: 2.25rem;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sect_05 .social_controls .control.social_next {
  left: 100%;
  margin-left: 2.25rem;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sect_05 .social_controls .control:hover {
  color: #222;
}
@media all and (max-width: 1875px) {
  .sect_05 .social_controls .control.social_prev {
    margin-right: 0;
  }
  .sect_05 .social_controls .control.social_next {
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  .sect_05 .social_controls {
    top: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sect_05 .social_controls .social_paging {
    display: block;
    width: auto;
    font-size: 1.125rem;
    color: #222;
    font-weight: bold;
    margin-left: 1.5625rem;
    margin-right: 1.5625rem;
    letter-spacing: -0.07em;
  }
  .sect_05 .social_controls .control {
    position: static;
    font-size: 1.375rem;
  }
  .sect_05 .social_controls .control.social_prev, .sect_05 .social_controls .control.social_next {
    transform: none;
  }
  .sect_05 .social_controls .control.social_prev .iconFt_visual_arr_l::before {
    content: "\e92c";
  }
  .sect_05 .social_controls .control.social_next .iconFt_visual_arr_r::before {
    content: "\e92b";
  }
}
@media screen and (max-width: 1280px) {
  .sect_05 .swiper-container-multirow-column > .swiper-wrapper {
    flex-direction: row;
  }
  .sect_05 .social_wrap .social_item {
    padding: 0.25rem 0.25rem;
  }
}

@-webkit-keyframes ani_visual {
  from {
    opacity: 0;
    -moz-transform: translateX(-15%);
    -webkit-transform: translateX(-15%);
    -ms-transform: translateX(-15%);
    -o-transform: translateX(-15%);
    transform: translateX(-15%);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(-0%);
    -webkit-transform: translateX(-0%);
    -ms-transform: translateX(-0%);
    -o-transform: translateX(-0%);
    transform: translateX(-0%);
  }
}
@keyframes ani_visual {
  from {
    opacity: 0;
    -moz-transform: translateX(-15%);
    -webkit-transform: translateX(-15%);
    -ms-transform: translateX(-15%);
    -o-transform: translateX(-15%);
    transform: translateX(-15%);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(-0%);
    -webkit-transform: translateX(-0%);
    -ms-transform: translateX(-0%);
    -o-transform: translateX(-0%);
    transform: translateX(-0%);
  }
}

.sns_btn1{width:70px;height:auto;position:fixed;right:2%;bottom:33%;z-index:100000;}
.sns_btn1 .fixed{display:flex;flex-direction: column;}
.sns_btn1 .fixed a{width:70px;height:70px;background:#3f3f3f;border-radius:50%;}
.sns_btn1 .fixed a img{width:40px;margin-top:16px;}
.sns_btn1 .fixed a:hover img{scale: 1.1;transition: ease-in 0.5s}
.sns_btn1 .fixed a:hover{background-color:#757575;transition: ease-in 0.5s}

/*# sourceMappingURL=main.css.map */