@charset "utf-8";


/* Swiper */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical>.swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow>.swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.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-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none!important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}
/*
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: 'prev'}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: 'next'}
*/
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left;
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1);
}
.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%}
.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
  transform: rotate(360deg);
}
}.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.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;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.wrapper {min-width:1140px;}
/* .wrapper.sticky {overflow:initial;} */
.wrapper .inner_wrap {position:relative;max-width:1840px;height:inherit;margin:0 auto;box-sizing:border-box;padding:0 40px;}
#header {position:fixed;top:0;left:0;right:0;width:100%;max-width:1840px;min-width:1024px;margin:0 auto;z-index:100;opacity:1;margin-top:0;transition: opacity 0.5s ease, margin 0.5s ease 0.15s;}
#header.hide {opacity:0;margin-top:-100px;}
#header .logo {position:absolute;top:35px;left:40px;}
#header .logo a {display:block;width:161px;}
#header .logo a img {width:100%;}
#header .gnb {width:100%;margin:25px auto 0;text-align:center;}
#header .gnb > ul {font-size:0;}
#header .gnb > ul > li {position:relative;display:inline-block;vertical-align: top;}
#header .gnb > ul > li > a {position:relative;display:block;font-size:22px;color:#000;font-family: 'NeueHaasUnica-Medium';letter-spacing:-0.025em;padding:15px 7px;margin:0 15px;}
#header .gnb > ul > li > a:after {clear:both;display:block;content:'';position:absolute;bottom:8px;left:7px;right:7px;height:1px;background-color:#000;opacity:0;transition: 0.3s ease;transform:translateY(0);}
#header .gnb > ul > li > a:hover:after,
#header .gnb > ul > li > a.active:after {opacity:1;transform:translateY(-6px);}
#header .gnb > ul > li .depth2 {display:none;position:absolute;top:50px;left:5px;}
#header .gnb > ul > li .depth2 li a {position:relative;display:block;font-size:18px;line-height:25px;font-family: 'NeueHaasUnica-Regular';color:#000;letter-spacing:-0.025em;margin:5px 0 5px -3px;text-align:left;padding-left:15px;transition:0.5s ease padding;}
#header .gnb > ul > li .depth2 li a:after {clear:both;display:block;content:'';position:absolute;top:50%;left:0;width:6px;height:6px;background-color: #ffef0f;margin-top:-5px;opacity:0;transition:0.75s ease opacity;border-radius: 50%;}
#header .gnb > ul > li .depth2 li a:hover:after {opacity:1;}
#header .gnb > ul > li .depth2 li a:hover {padding-left:29px;}
#header .family_area {position:absolute;top:25px;right:40px;text-align:right;}
#header .family_area .select_box {position:relative;display:inline-block;}
#header .family_area .lang {margin-left:15px;}
#header .family_area .select_box > a {position:relative;display:block;font-size:22px;color:#000;font-family: 'NeueHaasUnica-Medium';padding:15px 30px 15px 15px;}
#header .family_area .select_box > a:after {clear:both;display:block;content:'';position:absolute;top:50%;right:0;width:20px;height:20px;background:url(/static/images/pc/ico_select_arr.png) no-repeat 100% 0 / 20px auto;margin-top:-10px;transition:0.5s transform;}
#header .family_area .select_box.active > a:after {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
#header .family_area .select_box ul {display:none;position:absolute;top:50px;left:-5px;right:0;text-align:left;padding-top:8px;}
#header .family_area .select_box ul li a {position:relative;display:inline-block;color:#000;font-size:15px;line-height:20px;font-family: 'NeueHaasUnica-Regular';padding-left:21px;transition:0.5s ease padding;}
#header .family_area .select_box ul li a:hover {padding-left:26px;}
#header .family_area .select_box ul li a:after {clear:both;display:block;content:'';position:absolute;top:50%;left:0;width:6px;height:6px;background-color: #ffef0f;margin-top:-5px;opacity:0;transition:0.75s ease opacity;border-radius: 50%;}
#header .family_area .select_box ul li a:hover:after {opacity:1;}
#header.white .logo a {background-position:0 -22px;}
#header.white .gnb ul li a {color:#fff;}
#header.white .family_area .select_box > a {color:#fff;}
#header.white .family_area .select_box > a:after {background:url(/static/images/pc/ico_select_arr.png) no-repeat 100% -20px / 20px auto;}


.container {}
.container .section {position:relative;overflow:hidden;background-color:#fff;}
.btn_circle {display:block;background-color:#fff700;width:120px;height:120px;line-height:120px;border-radius: 50%;text-align:center;}
.btn_circle span{display:inline-block;vertical-align:middle;font-family:'Noto Sans KR';font-weight:700;font-size:16px;  transition: transform .5s;letter-spacing:-0.025em;}
.btn_circle:hover span{transform: rotate(-30deg); transition: transform .5s;}
.btn_view_more {display:inline-block;margin-top:55px;}
.btn_view_more a {position:relative;display:inline-block;font-size:14px;color:#fff;font-family: 'Eina03-SemiBold';padding-left:31px;}
.btn_view_more a:before {clear:both;content:'';display:block;position:absolute;top:50%;left:0;width:12px;height:12px;border-radius: 50%;background-color: #fff700;margin-top:-6px;transition:all 0.2s ease;}
.btn_view_more a:hover:before {width:20px;height:20px;margin:-10px 0 0 -4px;}

.container .section.top_visual {overflow:hidden;color:#fff;}
.container .section.top_visual .big_slogan {transform: translateZ(0);position:fixed;top:170px;left:0;right:0;text-align:center;z-index:10;margin:0 auto;overflow:hidden;opacity:0;transition: 1s opacity 0.25s;white-space: nowrap;}
.container .section.top_visual.load .big_slogan {opacity:1;}
.container .section.top_visual .big_slogan .txt {position:relative;display:inline-block;width:10vw;}
.container .section.top_visual .big_slogan .txt img {width:100%;}
.container .section.top_visual .big_slogan .txt .color_txt {position:absolute;top:0;left:0;opacity:0;}
.container .section.top_visual.color .big_slogan .txt .color_txt {opacity:1;transition: 1s opacity 0.25s;}
.container .section.top_visual .big_slogan .txt.type_e1 {margin-left:-2.2vw;}
.container .section.top_visual .big_slogan .txt.type_a1 {margin-left:0.8vw;}
.container .section.top_visual .big_slogan .txt.type_c {margin-left:1.2vw;}
.container .section.top_visual .big_slogan .txt.type_r1 {margin-left:-1vw;}
.container .section.top_visual .big_slogan .txt.type_e2 {margin-left:-2.2vw;}
.container .section.top_visual .big_slogan .txt.type_a2 {margin-left:-2.2vw;}
.container .section.top_visual .big_slogan .txt.type_t {margin-left:-3.8vw;}
.container .section.top_visual .big_slogan .txt.type_o {margin-left:-2.2vw;}
.container .section.top_visual .big_slogan .txt.type_r2 {margin-left:-0.7vw;}
.container .section.top_visual.load .big_slogan .txt {transition: 1s all 0.5s;}
.container .section.top_visual.load .big_slogan .txt.type_e1 {margin-left:-2vw;}
.container .section.top_visual.load .big_slogan .txt.type_a1 {margin-left:1vw;}
.container .section.top_visual.load .big_slogan .txt.type_c {margin-left:1vw;}
.container .section.top_visual.load .big_slogan .txt.type_r1 {margin-left:-0.8vw;}
.container .section.top_visual.load .big_slogan .txt.type_e2 {margin-left:-2vw;}
.container .section.top_visual.load .big_slogan .txt.type_a2 {margin-left:-2vw;}
.container .section.top_visual.load .big_slogan .txt.type_t {margin-left:-3.6vw;}
.container .section.top_visual.load .big_slogan .txt.type_o {margin-left:-2vw;}
.container .section.top_visual.load .big_slogan .txt.type_r2 {margin-left:-0.5vw;}
.container .section.top_visual.active .big_slogan .txt {transition: 0.75s ease 0.25s;}
.container .section.top_visual.active .big_slogan .txt.type_b {opacity:0;}
.container .section.top_visual.active .big_slogan .txt.type_e1 {opacity:0;}
.container .section.top_visual.active .big_slogan .txt.type_a1 {margin-left:2vw;opacity:0;}
.container .section.top_visual.active .big_slogan .txt.type_c {margin-left:2vw;opacity:0;}
.container .section.top_visual.active .big_slogan .txt.type_r1 {margin-left:0.2vw;opacity:0;}
.container .section.top_visual.active .big_slogan .txt.type_e2 {margin-left:-1vw;opacity:0;}
.container .section.top_visual.active .big_slogan .txt.type_a2 {margin-left:-1vw;opacity:0;}
.container .section.top_visual.active .big_slogan .txt.type_t {margin-left:-2.6vw;opacity:0;}
.container .section.top_visual.active .big_slogan .txt.type_o {margin-left:-1vw;opacity:0;}
.container .section.top_visual.active .big_slogan .txt.type_r2 {margin-left:0.5vw;opacity:0;}

.container .section.top_visual .img_wrap {position:static;top:0;height:100vh;min-height:860px;overflow:hidden;}
.container .section.top_visual .img_wrap .fixed_wrap {position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.container .section.top_visual .img_wrap .fixed_wrap video {max-width:unset;}
.container .section.top_visual .img_wrap .fixed_wrap:after {display:block;content:'';clear:both;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-top:280px solid #fff;border-left:80px solid #fff;border-right:80px solid #fff;transition:0.75s ease-in-out all 0.25s;}
.container .section.top_visual.load .img_wrap .fixed_wrap:after {border-left:0px solid #fff;border-right:0px solid #fff;}
.container .section.top_visual.active .img_wrap .fixed_wrap:after {border:0px solid #fff;}
.container .section.top_visual .img_wrap video {
  position: absolute;
  max-width: unset;
  top: 50%;
  left: 50%;
  width: auto !important;
  height: auto !important;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%,-50%) scale(1, 1);
  -webkit-transform: translate(-50%,-50%) scale(1, 1);
  -ms-transform: translate(-50%,-50%) scale(1, 1);
  transition:0.75s ease-in-out all 0.25s;
  z-index:-1;
}
.container .section.top_visual.active .img_wrap video {
  transform: translate(-50%,-50%) scale(1.3, 1.3);
  -webkit-transform: translate(-50%,-50%) scale(1.3, 1.3);
  -ms-transform: translate(-50%,-50%) scale(1.3, 1.3);
}

.container .section.top_visual.active.fixed .img_wrap .fixed_wrap {position:fixed;}
.container .section.top_visual.active.absol .img_wrap .fixed_wrap {position:absolute;top:auto;bottom:0;}

@media screen and (max-height:1000px){
  .container .section.top_visual .img_wrap video {height:1000px;}
}
.container .section.top_visual .text_wrap {color:#fff;font-size:44px;line-height:52px;font-weight:bold;padding-top:100px;padding-bottom:90vh;}
.container .section.top_visual .text_wrap .small_slogan {text-transform: uppercase;font-size:46px;line-height: 54px;margin-bottom:65px;font-family: 'Eina03-Bold';}
.container .section.top_visual .text_wrap .small_slogan span {display:block;font-size:18px;margin-bottom:30px;}
.container .section .section_title {position:absolute;top:110px;left:auto;color:#000;font-size:58px;line-height:67px;font-family: 'Eina03-SemiBold';width:630px;padding-left:40px;text-transform: uppercase;}

.container .section.creator {z-index:20;padding-bottom:100px;}
.container .section.creator .inner_wrap {padding:313px 0 100px;background-color:#fff;}
.container .section.creator .creator_list {margin-top:50px;}
.container .section.creator .creator_list ul {display:flex; flex-wrap:wrap; flex-direction:row; max-width:1840px; min-width:1024px; margin:0 auto;}
.container .section.creator .creator_list ul li {position:relative; width:33.3333%; padding-top:300px;}
.container .section.creator .creator_list ul li:nth-child(3n) {margin-top:-63px;padding-right:0 !important; text-align:right; }
.container .section.creator .creator_list ul li:nth-child(3n-1) {margin-top:-202px; text-align:center;}
.container .section.creator .creator_list ul li:nth-child(3n-2) {margin-top:-342px; }
.container .section.creator .creator_list ul li:nth-child(3) {margin-top:-20px;}
.container .section.creator .creator_list ul li:nth-child(2) {margin-top:-160px;}
.container .section.creator .creator_list ul li:nth-child(1) {margin-top:-300px;}
.container .section.creator .creator_list ul li a{display:inline-block; position:relative; width:430px;}
.container .section.creator .creator_list ul li .profile_img {overflow:hidden; position:relative; width:430px; height:650px; transition:background .5s; -webkit-transition:background .5s; -ms-transition:background .5s;}
.container .section.creator .creator_list ul li .profile_img > div{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.container .section.creator .creator_list ul li .profile_img .hover_img{opacity:0; background:#f0f1f5; z-index: 1; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s;}
.container .section.creator .creator_list ul li .on .profile_img .hover_img{opacity:1;}
.container .section.creator .creator_list ul li .on .profile_img.color01 .hover_img{background:#ff6062;}
.container .section.creator .creator_list ul li .on .profile_img.color02 .hover_img{background:#ff7800;}
.container .section.creator .creator_list ul li .on .profile_img.color03 .hover_img{background:#00cdbd;}
.container .section.creator .creator_list ul li .on .profile_img.color04 .hover_img{background:#3c9cff;}
.container .section.creator .creator_list ul li .on .profile_img.color05 .hover_img{background:#8338fd;}
.container .section.creator .creator_list ul li .on .profile_img.color06 .hover_img{background:#ffcc00;}
.container .section.creator .creator_list ul li img {position:absolute; left:50%; top:50%; width:auto; height:100%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.container .section.creator .creator_list ul li .info {padding:10px 0 0 18px;text-align:left;text-transform: uppercase;transform: skewY(-7deg);-ms-transform: skewY(-7deg);-webkit-transform: skewY(-7deg);}
.container .section.creator .creator_list ul li a.on .info div {color:#fff}
.container .section.creator .creator_list ul li a:hover .info div {color:#fff}
.container .section.creator .creator_list ul li .info .name {font-family:'Eina03-Bold';font-size:28px;font-weight:bold;letter-spacing: -0.25px;}
.container .section.creator .creator_list ul li .info .keyword {display:none;margin-top:7px;font-family:'Eina03-Regular';font-size:14px;letter-spacing: -0.25px;}
.container .section.creator .creator_list ul li .detail_info {position:absolute;left:0;bottom:-14px;opacity:0;transform: skewY(-8deg);transition:0.35s opacity; z-index:2;}
.container .section.creator .creator_list ul li a:hover {z-index:1;}
.container .section.creator .creator_list ul li a:hover .detail_info {opacity:1;}
.container .section.creator .creator_list ul li .detail_info > div{text-align:left;}
.container .section.creator .creator_list ul li .detail_info > div strong {display:inline-block;box-sizing:border-box;font-family:'Eina03-Bold';letter-spacing:-0.025em;color:#fff;white-space:nowrap;}
.container .section.creator .creator_list ul li .detail_info .name{margin-bottom:-1px;margin-left:140px;}
.container .section.creator .creator_list ul li .detail_info .name strong {width:242px;font-size:44px;background-color:#8338fd;padding:0 10px;text-align:left;line-height:70px;text-transform:uppercase;}
.container .section.creator .creator_list ul li .detail_info .name.over_txt strong{font-size:24px;}
.container .section.creator .creator_list ul li .detail_info .keyword{margin-left:19px;}
.container .section.creator .creator_list ul li .detail_info .keyword strong {width:304px;background-color:#8338fd;padding:24px 12px 12px;font-size:32px;text-align:left;text-transform:uppercase;}
.container .section.creator .creator_list ul li .detail_info .subscriber strong {display:block;width:410px;padding:0 17px;background-color:#fff;color:#000;font-size:32px;line-height:60px;text-align:right;text-transform:uppercase;}

/* creator hello image */
.container .section.creator .creator_list ul li .hello_img img,
.container .section.creator .creator_list ul li .hello_img video {-webkit-transform:scale(1.2 , 1.2) translate(-42%, -42%);transform:scale(1.2 , 1.2) translate(-42%, -42%);}
.container .section.creator .creator_list ul li .hello_img.hello img,
.container .section.creator .creator_list ul li .hello_img.hello video {-webkit-transform:scale(1 , 1) translate(-50%, -50%); transform:scale(1 , 1) translate(-50%, -50%);}
.container .section.creator .creator_list ul li .hello_img.hello img:hover,
.container .section.creator .creator_list ul li .hello_img.hello video:hover {-webkit-transform:none; transform:none;}
.container .section.creator .creator_list ul li a:hover .hello_img.hello img,
.container .section.creator .creator_list ul li a:hover .hello_img.hello video {-webkit-transform:scale(1.1 , 1.1) translate(-45.5%, -45.5%); transform:scale(1.1 , 1.1) translate(-45.5%, -45.5%);}

@media screen and (max-width:1599px){
  .container .section.creator .creator_list ul li {width:26.9%; padding-right:9.65%;}
  .container .section.creator .creator_list ul li a{width:100%;}
  .container .section.creator .creator_list ul li .profile_img {overflow:hidden;position:relative;width:100%;height:auto;padding-top:40.63vw;}
  .container .section.creator .creator_list ul li .detail_info{bottom:-0.5vw;}
  .container .section.creator .creator_list ul li .detail_info .name{margin-left:8.6vw;}
  .container .section.creator .creator_list ul li .detail_info .name.over_txt strong{font-size:1.5vw;}
  .container .section.creator .creator_list ul li .detail_info .name strong{width:15.15vw; font-size:2.75vw;line-height:4.4vw;}
  .container .section.creator .creator_list ul li .detail_info .keyword{margin-left:1.1vw;}
  .container .section.creator .creator_list ul li .detail_info .keyword strong{width:19vw; font-size:2vw; padding:1.50vw 14px 0.75vw;}
  .container .section.creator .creator_list ul li .detail_info .subscriber{font-size:2vw; line-height:4.25vw;}
  .container .section.creator .creator_list ul li .detail_info .subscriber strong{width:25.4783vw;}
}

.container .section.business {z-index:30;}
.container .section.business .move_text_wrap {position: relative;}
.container .section.business .move_text_wrap .inner_text_wrap {position:absolute;top:0;left:0;right:0;}
.container .section.business .move_text_wrap .inner_text_wrap.fixed {position:fixed;top:156px;}
.container .section.business .move_text_wrap .inner_text_wrap strong {position:relative;display:block;font-size:12vw;color:#fff;font-family: 'Eina03-SemiBold';}
.container .section.business .move_text_wrap .move_text_01 {left:106%;}
.container .section.business .move_text_wrap .move_text_02 {left:-93%;}
.container .section.business .move_text_wrap .move_text_03 {left:156%;}


.container .section.business .move_inner_wrap {font-size:0;color:#fff;}
.container .section.business .move_inner_wrap .fixed_wrap {position:relative;width:100%;min-width:1024px;}
.container .section.business .move_inner_wrap .fixed_wrap.full {width:100%;left:auto;margin-left:0;}
.container .section.business .move_inner_wrap .fixed_wrap .inner_move_wrap {/*width:6500px;*/width:9999px;}
.container .section.business.fixed .move_inner_wrap .fixed_wrap {position:fixed;top:0;z-index:2;}
.container .section.business.fixed-end .move_inner_wrap .fixed_wrap {position:absolute;top:auto;bottom:0;}
.container .section.business .move_inner_wrap .copy_wrap {position:fixed;top:50%;left:0;width:100%;transform: translateY(-50%);text-align:center;margin-top:20px;transition: 0.5s ease;display: none;}
.container .section.business.fixed .move_inner_wrap .copy_wrap {display:block;}
.container .section.business .move_inner_wrap .copy_wrap p {font-size:20px;line-height:29px;color:#fff;font-family: 'Noto Sans KR';font-weight:500;opacity:0;transition: 0.5s ease;}
.container .section.business .move_inner_wrap .copy_wrap p strong {display:block;font-size:32px;font-family: 'Eina03-SemiBold';white-space: nowrap;text-transform: uppercase;margin:20px 0 50px;transition:0.5s ease;}
.container .section.business .move_inner_wrap .copy_wrap.hello {margin-top:0;}
.container .section.business .move_inner_wrap .copy_wrap.hello .txt1 {opacity:1;}
.container .section.business .move_inner_wrap .copy_wrap.hello .txt1 strong {margin:0 0 30px;}
.container .section.business .move_inner_wrap .copy_wrap.hello .txt2 {opacity:1;transition-delay:0.25s;}
.container .section.business .inner_section {position:relative;display:inline-block;width:1840px;min-height:860px;box-sizing:border-box;}
.container .section.business .inner_section[class*='business_cont'] {width:860px;margin-left:240px;}
.container .section.business .inner_section .inner_top {position:absolute;top:100px;left:60px;right:0;}
.container .section.business .inner_section .inner_top .cont_title {font-size:48px;line-height:52px;font-family: 'Eina03-SemiBold';}
.container .section.business .inner_section .inner_top .cont_title strong {display:block;}
.container .section.business .inner_section .inner_top .cont_title strong.in_num 
{position:relative;display: inline-block;padding-right:36px;}
.container .section.business .inner_section .inner_top .cont_title strong.in_num span {display:block;position:absolute;top:0;right:0;font-size:16px;line-height:32px;}
.container .section.business .inner_section .inner_bottom {position:absolute;bottom:60px;left:60px;right:0;}
.container .section.business .inner_section .inner_bottom .line_title {margin-right:60px;}
.container .section.business .inner_section .inner_bottom .line_title span {display:block;font-size:18px;font-family: 'Eina03-Bold';border-bottom:1px solid #fff;padding-bottom:15px;}
.container .section.business .inner_section .inner_bottom .text {height:280px;font-size:26px;line-height:40px;letter-spacing:-0.025em;font-family: 'Noto Sans KR';font-weight:400;padding:50px 60px 0 0;}
.container .section.business .inner_section .inner_bottom .text strong {display:block;font-family: 'Noto Sans KR';font-weight:700;}
.container .section.business .inner_section .inner_bottom .spec {font-size:0;display:flex;}
.container .section.business .inner_section .inner_bottom .spec li {display:inline-block;font-family: 'Eina03-Regular';vertical-align: top;flex:1;}
.container .section.business .inner_section .inner_bottom .spec li strong {display:block;font-size:18px;line-height:28px;font-family: 'Eina03-SemiBold';font-weight:bold;padding:0 0 6px;text-transform: uppercase;}
.container .section.business .inner_section .inner_bottom .spec li em {display:block;font-size:16px;line-height:22px;font-family: 'Noto Sans KR';font-weight:500;padding:0 20px 0 0;}

.container .section.business .inner_section.title_wrap .inner_bottom {width:inherit;top:50%;bottom:auto;margin-top:-150px;}
.container .section.business .inner_section.title_wrap .inner_bottom .inner_title {
  position:absolute;top:0;left:50%;margin-left:-440px;
}
.container .section.business .inner_section.title_wrap .inner_bottom .title {font-size:72px;line-height:92px;font-family: 'Noto Sans KR';font-weight:700;}
.container .section.business .inner_section.title_wrap .inner_bottom .btn_more_arr {margin-top:50px;}
.container .section.business .inner_section.title_wrap .inner_bottom .text {position:absolute;top:225px;left:50%;font-size:26px;line-height:40px;font-family: 'Noto Sans KR';font-weight:700;padding-top:10px;margin-left:90px;}
.container .section.business .btn_circle {position:absolute;left:50%;bottom:60px;z-index:3;}
.container .section.business .inner_section.business_cont1 {margin-left:0;}
.container .section.business .inner_section.business_cont1:before {clear:both;display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#398bff;opacity:0.5;}
.container .section.business .inner_section.business_cont2:before {clear:both;display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#9f32a9;opacity:0.5;}
.container .section.business .inner_section.business_cont3:before {clear:both;display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ff6a6e;opacity:0.5;}
.container .section.business .inner_section.business_cont4:before {clear:both;display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#873bff;opacity:0.5;}
.container .gradient_background {
  overflow:hidden;
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100vh;
}
.gradient_loop {
  position: absolute;
  max-width: unset;
  top: 50%;
  left: 50%;
  width: auto !important;
  height: auto !important;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

.container .gradient_background.fixed {position:fixed;}
.container .gradient_background.fixed-end {opacity:0;}
  
  .container .section.audition {z-index:40;background-color:#fff;}
  .container .section.audition .inner_wrap {padding-top:720px;}
  .container .section.audition .inner_wrap .section_title {padding-left:0;}
  .container .section.audition .audition_text {position:absolute;top:425px;left:50%;margin-left:297px;z-index:7;}
  .en .container .section.audition .audition_text {width:400px;}
  .container .section.audition .audition_text p {font-family: 'Noto Sans KR';font-weight:700;font-size:26px;line-height:38px;}
  .container .section.audition .audition_text .btn_circle {margin-top:35px;width:120px;height:120px;line-height:120px;background-color: #fff700;}
  .container .section.audition .audition_text .btn_circle span {font-size:14px;}
  .container .section.audition .creator_info {position: absolute;top:1130px;left:80px;}
  .container .section.audition .creator_info strong {display:block;font-size:13px;line-height:18px;font-family: 'Eina03-Bold';}
  .container .section.audition .creator_info span {font-size:13px;font-family: 'Eina03-Regular';}
  .container .section.audition .img_face {text-align:center;position:relative;z-index:5;}
  .container .section.audition .img_face img{width:100%; max-width:1355px;}
  .container .section.audition .audition_big_text {position:absolute;bottom:0;left:50%;font-size:15.1vw;color:#cfcfcf;font-family: 'Eina03-SemiBold';}
  .container .section.audition .audition_big_text.text1 {width:100%;bottom:400px;text-align:center;transform: translate(-40%, -40%) rotate(-30deg);}
  .container .section.audition .audition_big_text.text2 {width:200%;bottom:80px;text-align:center;z-index:6;transform: translate(-63%, 100%) rotate(-30deg);}

  .container .section.audition .visual_area{position:absolute; top:18%; left:50%; width:4000px; transform:rotate(-30deg) translate(-50%,-50%);}
  .container .section.audition .visual_area .text_wrap.text_line01 {margin-bottom:115px;}
  .container .section.audition .visual_area .text_wrap .png_text{display:inline-block;width:100%;height:100%;} 
  .container .section.audition .visual_area .text_wrap.text_line01 .png_text{background: url('/static/images/pc/bg_audition_text1.jpg') no-repeat center; background-size:100% 100%;}
  .container .section.audition .visual_area .text_wrap.text_line02 .png_text{background: url('/static/images/pc/bg_audition_text2.jpg') no-repeat center; background-size:100% 100%;}
  .container .section.audition .visual_area .text_wrap .png_text figure{display:inline-block;position:relative;margin:-1px 0;}
  .container .section.audition .visual_area .text_wrap .png_text figure:after,
  .container .section.audition .visual_area .text_wrap .png_text figure:before{content:'';display:block;position:absolute;top:0;width:200vw;height:100%;background:#fff;}
  .container .section.audition .visual_area .text_wrap .png_text figure:after{right:1px;transform: translateX(100%);}
  .container .section.audition .visual_area .text_wrap .png_text figure:before{left:1px;transform: translateX(-100%);}
  .container .section.audition .visual_area .text_wrap.text_line01 .png_text figure{transform:translateX(230%);}
  .container .section.audition .visual_area .text_wrap.text_line02 .png_text figure{transform:translateX(-50%);}

  .container .section.community {z-index:50;background-color:#fff;overflow:initial;}
  .container .section.community .inner_wrap {padding:230px 40px 0;}
  .container .section.community .section_title {top:160px;font-size:26px;width:auto;font-family: 'Eina03-Bold';padding-left:0;}
  .container .section.community .swiper-container .swiper-wrapper {padding-bottom:285px;}
  .container .section.community .swiper-container .swiper-wrapper .swiper-slide {width:50%;transition: 0.75s opacity;opacity: 0.4;}
  .container .section.community .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {opacity:1;}
  .container .section.community .swiper-container .swiper-pagination.swiper-pagination-progressbar {height:3px;background-color:unset;border-bottom:1px solid #d9d9d9;}
  .container .section.community .swiper-container .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {top:3px;background: linear-gradient(to right, #8384c1, #e760a6);}
  .container .section.community .swiper-container .swiper-wrapper .swiper-slide a {position:relative;display:block;box-sizing:border-box;padding:50px 140px 0 140px;}
  .container .section.community .swiper-container .swiper-wrapper .swiper-slide .date {position:absolute;top:60px;left:0;font-size:18px;font-family: 'NeueHaasUnica-Medium';}
  .container .section.community .swiper-container .swiper-wrapper .swiper-slide .news_title {font-size:26px;line-height:38px;height:76px;font-family: 'Noto Sans KR';font-weight:700;margin-bottom:37px;overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
  .container .section.community .swiper-container .swiper-wrapper .swiper-slide a:hover .news_title {color:#fff700;}
  .container .section.community .swiper-container .swiper-wrapper .swiper-slide .news_btn span {position:relative;display:inline-block;font-size:14px;font-family: 'Eina03-SemiBold';padding-left:31px;}
  .container .section.community .swiper-container .swiper-wrapper .swiper-slide .news_btn span:before {clear:both;content:'';display:block;position:absolute;top:50%;left:0;width:12px;height:12px;border-radius: 50%;background-color: #fff700;margin-top:-6px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
  .container .section.community .swiper-container .swiper-wrapper .swiper-slide a:hover .news_btn span:before {width:20px;height:20px;margin:-10px 0 0 -4px;}
  .container .section.community .swiper-container .swiper-arrow-wrap {position:absolute;bottom:120px;left:0;right:0;text-align:center;}
  .container .section.community .swiper-container .swiper-button-next,
  .container .section.community .swiper-container .swiper-button-prev {display:inline-block;position: relative;top:auto;width:57px;height:56px;background:url(/static/images/pc/btn_slider_arr.png) no-repeat 0 0;background-size: 100% auto;margin:0;}
  .container .section.community .swiper-container .swiper-button-next{ background-position:0 -56px;margin-left:40px;}
  .container .section.community .swiper-container .swiper-button-prev:hover {background-position:0 -112px;}
  .container .section.community .swiper-container .swiper-button-next:hover {background-position:0 -168px;}

  @-webkit-keyframes color1{
    0% {-webkit-transform: rotate(0deg) translate(-40px) rotate(0deg) scale(1,1);}
    50% {-webkit-transform: rotate(-180deg) translate(-20px) rotate(-180deg) scale(1,1.33);}
    100% {-webkit-transform: rotate(-360deg) translate(-40px) rotate(-360deg) scale(1,1);}
  }
  @-moz-keyframes color1{
      0% {-moz-transform: rotate(0deg) translate(-40px) rotate(0deg) scale(1,1);}
      50% {-moz-transform: rotate(-180deg) translate(-20px) rotate(-180deg) scale(1,1.33);}
      100% {-moz-transform: rotate(-360deg) translate(-40px) rotate(-360deg) scale(1,1);}
  }
  @-webkit-keyframes color2{
      0% {-webkit-transform: rotate(0deg) translate(30px) rotate(0deg) scale(1,1);opacity:1}
      66% {-webkit-transform: rotate(180deg) translate(60px) rotate(-180deg) scale(1,1.33);opacity:.33}
      100% {-webkit-transform: rotate(360deg) translate(30px) rotate(-360deg) scale(1,1);opacity:1}
  }
  @-moz-keyframes color2{
      0% {-moz-transform: rotate(0deg) translate(30px) rotate(0deg) scale(1,1);opacity:1;}
      66% {-moz-transform: rotate(180deg) translate(60px) rotate(-180deg) scale(1,1.33);opacity:.33;}
      100% {-moz-transform: rotate(360deg) translate(30px) rotate(-360deg) scale(1,1);opacity:1;}
  }
  @-webkit-keyframes color3{
      0% {-webkit-transform: rotate(0deg) translate(10px) rotate(0deg) scale(1,1);}
      33% {-webkit-transform: rotate(180deg) translate(40px) rotate(-180deg) scale(1.66,1);}
      100% {-webkit-transform: rotate(360deg) translate(10px) rotate(-360deg) scale(1,1);}
  }
  @-moz-keyframes color3{
      0% {-moz-transform: rotate(0deg) translate(10px) rotate(0deg) scale(1,1);}
      33% {-moz-transform: rotate(180deg) translate(40px) rotate(-180deg) scale(1.66,1);}
      100% {-moz-transform: rotate(360deg) translate(10px) rotate(-360deg) scale(1,1);}
  }
  .color1,
  .color2,
  .color3{
      position:absolute;
      top:50%;
      left:50%;
  }
  .color1{
    width:500px;
    height:500px;
    margin:-250px 0 0 -250px;
    -webkit-animation:7s color1 linear infinite;
    -moz-animation:7s color1 linear infinite;
    background-image: -moz-radial-gradient(50% 50%, circle contain, rgba(255, 216, 220, 1), rgba(255, 216, 220, 0) 100%);
    background-image: -webkit-radial-gradient(50% 50%, circle contain, rgba(255, 216, 220, 1), rgba(255, 216, 220, 0) 100%);
    z-index:1;     
  }
  .color2{
    width:300px;
    height:300px;
    margin:50px 0 0 -300px;
    -webkit-animation:color2 8s linear infinite;
    -moz-animation:color2 8s linear infinite;
    background-image: -webkit-radial-gradient(50% 50%, circle contain, rgba(253, 232, 206, 1), rgba(253, 232, 206, 0) 100%);
    background-image: -moz-radial-gradient(50% 50%, circle contain, rgba(253, 232, 206, 1), rgba(253, 232, 206, 0) 100%);          
  }
  .color3{
    width:300px;
    height:300px;
    margin:0 0 0 -40px;
    -webkit-animation:color3 6s linear infinite;
    -moz-animation:color3 6s linear infinite;
    background-image: -webkit-radial-gradient(50% 50%, circle contain, rgba(239, 218, 252, 1), rgba(239, 218, 252, 0) 100%);
    background-image: -moz-radial-gradient(50% 50%, circle contain, rgba(239, 218, 252, 1), rgba(239, 218, 252, 0) 100%);           
  }

  .title_ani {transition:0.75s ease all 0.3s;opacity:0;margin-top:30px;margin-bottom:-30px;}
  .title_ani.active {opacity:1;margin-top:0;margin-bottom:0;}

  #footer {position:relative;display:flex;max-width:1840px;letter-spacing:-0.025em;padding:74px 40px 30px;line-height:26px;z-index:60;margin:0 auto;box-sizing:border-box;}
  #footer .footer_logo {flex:1;}
  #footer .footer_logo a {width:161px;display:inline-block;margin-top:4px;}
  #footer .footer_logo a img {width:100%;}
  #footer .adress {width:20%;font-size:18px;font-family: 'Noto Sans KR';font-weight:500;}
  #footer .help {width:15%;font-size:20px;line-height:26px;font-family: 'NeueHaasUnica-Regular';}
  #footer .privacy {width:310px;}
  #footer .privacy a {display:block;font-size:18px;font-family: 'Noto Sans KR';font-weight:500;margin-bottom:30px;}
  #footer .privacy .copyright {display:block;font-size:18px;line-height:26px;font-family: 'NeueHaasUnica-Regular';white-space: nowrap;}

  @media screen and (min-width: 1840px ){
    .container .section.top_visual .big_slogan .txt {width:185px;}
    .container .section.business .move_text_wrap .inner_text_wrap strong {font-size:226px;}
    /* .container .section.audition .audition_big_text {font-size:280px;} */
  }
  @media screen and (max-width: 1440px ){
    .en .container .section.audition .audition_text {left:auto;right:0;margin-left:0;margin-right:20px;}
  }
  @media screen and (max-width: 1240px ){
    #header .gnb ul li a,
    #header .family_area .select_box > a {font-size:20px;}
    .container .section.audition .audition_text {left:auto;right:0;margin-left:0;margin-right:20px;}
  }

/* layer pop */
.layer_pop,
.page_layer_pop{display:none; position:fixed; top:0; left:0; width:100%; min-width:1024px; height:100%; z-index: 101; overflow: hidden; overflow-y: scroll;}
.layer_pop .layer_pop_inner,
.page_layer_pop .layer_pop_inner{box-sizing:border-box; min-height:100%; margin:0 auto; padding:180px 0; text-align: center; background:#fff;}
.layer_pop .pop_section,
.page_layer_pop .pop_section{position:relative; box-sizing:border-box; margin:0 auto;}
.layer_pop .btn_layer_close,
.page_layer_pop .btn_layer_close {position:fixed; top:25px; right:25px; z-index: 10;}
.layer_pop .btn_layer_close a,
.page_layer_pop .btn_layer_close a{position:relative; display:block; width:46px; height:46px; text-indent:-9999%; background:url('/static/images/pc/btn_close.png') no-repeat center; background-size:100%; background-color:#fff; border:1px solid #ddd; border-radius:50%; transition: all .5s; -ms-transition: all .5s; -webkit-transition: all .5s; overflow:hidden;}
.layer_pop .btn_layer_close a:hover,
.page_layer_pop .btn_layer_close a:hover{background-color:#f6f6f8; border:1px solid #f6f6f8;}
.page_layer_pop .gradient_area{width:100%; height:80vh; background:linear-gradient(180deg, rgba(255,255,255,1) 30%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 100%);}
.layer_pop.policy_pop .layer_pop_inner{text-align:left; letter-spacing: -0.25px;}
.layer_pop.policy_pop .pop_section{padding:0 40px;}
.layer_pop.policy_pop .policy_tit{font-family: 'Noto Sans KR';font-weight:700; font-size:38px; line-height:56px;}
.layer_pop.policy_pop .policy_desc{margin-top:25px; font-family: 'Noto Sans KR';font-weight:500; font-size:24px; line-height:40px;}
.layer_pop.policy_pop .policy_list{padding-top:40px;}
.layer_pop.policy_pop .policy_list > dl{margin-top:50px;}
.layer_pop.policy_pop .policy_list > dl > dt{margin-bottom:20px; font-family: 'Noto Sans KR';font-weight:700; font-size:20px;}
.layer_pop.policy_pop .policy_list > dl > dd{font-family: 'Noto Sans KR';font-weight:500; font-size:16px; line-height:26px;}
.layer_pop.policy_pop .policy_list > dl > dd > dl{margin-top:25px;padding-left:40px;}
.layer_pop.policy_pop .policy_list > dl > dd > dl dt{margin-bottom:5px; font-family: 'Noto Sans KR';font-weight:700; font-size:16px;}
.layer_pop.policy_pop .policy_list > dl > dd > dl dd{font-family: 'Noto Sans KR';font-weight:500; font-size:16px; line-height:26px;}
.layer_pop.policy_pop .policy_list .dot_list dt{position:relative; padding-left:20px;}
.layer_pop.policy_pop .policy_list .dot_list dt:after{content:''; position:absolute; left:0; top:50%; display:block; width:8px; height:8px; border-radius:50%; background:#000; transform: translateY(-50%); -ms-transform:translateY(-50%);}
.layer_pop.policy_pop .policy_list .num_list dt span{padding-right:15px;font-family: 'Eina03-Bold'; font-size:18px;}

/* top banner */
.wrapper.banner_active #header {top:105px ! important;}
.wrapper.banner_active .container .section.top_visual .big_slogan {top:295px;}
.wrapper.banner_active .container .section.top_visual .img_wrap .fixed_wrap {top:105px;}
.wrapper.banner_active .container .section.top_visual.active .img_wrap .fixed_wrap {top:0;transition:1s ease top;}
.wrapper.banner_active #header.banner_active {top:0;}
.top_banner {position:absolute;top:0;left:0;width:100%;min-width:1024px;/*height:100px;*/background-color:black;/*background-color:#29b2ff;*/z-index:200;overflow:hidden;}
.top_banner .banner_inner {display:none;max-width:1220px;margin:0 auto;position:relative;z-index:1;padding:0 110px;box-sizing: border-box;}
.top_banner p { font-family: 'Noto Sans KR';font-weight:500;color:#fff;font-size:18px;line-height:24px;padding:29px 0 4px;}
/*top_banner .banner_bg {position:absolute;top:0;left:50%;width:100%;max-width:1220px;height:100px;text-align:right;box-sizing:border-box;transform: translateX(-50%);padding:0 110px;}*/
.top_banner .banner_bg {position:relative;/*top:0;left:0;*/width:100%;text-align:center;box-sizing:border-box;}
/*.top_banner .banner_bg img {width:auto;height:100%;}*/
.top_banner .banner_bg img {width:100%;height:auto;}
.top_banner .btn_banner_close {position:absolute;top:50%;right:40px;width:34px;height:34px;display:inline-block;transform: translateY(-50%);background:url('/static/images/pc/btn_close_banner.png') no-repeat 0 0;background-size:100%;text-indent:-9999px;overflow:hidden;z-index:2;}
.top_banner .btn_banner_apply {position:relative;display:inline-block;font-size:16px;font-family: 'Eina03-SemiBold';color:#fff;padding-right:20px;}
.top_banner .btn_banner_apply:after {clear:both;display:block;content:'';position:absolute;top:50%;right:0;width:10px;height:10px;border-radius:50%;background-color:#fff700;margin-top:-4px;}

.btn_top {position:fixed;bottom:30px;right:25px;display:block;width:27px;height:33px;z-index:100;opacity:0;transition: 0.75s opacity, 0.4s ease margin;}
.btn_top img{width:100%;}
.btn_top:hover {margin-bottom:7px;}
.btn_top.on {opacity:1;}

/* 404, CLOSED PAGE */
.page-wrap {position:relative;height: 100vh; min-height: 800px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;overflow:hidden;}
.page-box, .closed-txt {text-align: center;}
.page-box {position:relative;}
.page-box .mask-box {position:relative;}
.page-box .mask-box.type-404 .bg-box1:before {clear:both;display:block;content:'';position:absolute;bottom:180px;left:50%;width:200vh;height:200vh;background-color:#fff;transform: translateX(-50%);min-width:2048px;min-height:1600px;}
.page-box .mask-box.type-404 .bg-box1:after {clear:both;display:block;content:'';position:absolute;top:180px;left:50%;width:200vh;height:200vh;background-color:#fff;transform: translateX(-50%);min-width:2048px;min-height:1600px;}
.page-box .mask-box.type-404 .bg-box2:before {clear:both;display:block;content:'';position:absolute;top:50%;right:450px;width:200vh;height:100vh;background-color:#fff;transform: translateY(-50%);min-width:2048px;min-height:1600px;}
.page-box .mask-box.type-404 .bg-box2:after {clear:both;display:block;content:'';position:absolute;top:50%;left:450px;width:200vh;height:100vh;background-color:#fff;transform: translateY(-50%);min-width:2048px;min-height:1600px;}

.page-box .mask-box.type-closed .bg-box1:before {clear:both;display:block;content:'';position:absolute;bottom:160px;left:50%;width:200vh;height:200vh;background-color:#fff;transform: translateX(-50%);min-width:2048px;min-height:1600px;}
.page-box .mask-box.type-closed .bg-box1:after {clear:both;display:block;content:'';position:absolute;top:160px;left:50%;width:200vh;height:200vh;background-color:#fff;transform: translateX(-50%);min-width:2048px;min-height:1600px;}
.page-box .mask-box.type-closed .bg-box2:before {clear:both;display:block;content:'';position:absolute;top:50%;right:1000px;width:200vh;height:100vh;background-color:#fff;transform: translateY(-50%);min-width:2048px;min-height:1600px;}
.page-box .mask-box.type-closed .bg-box2:after {clear:both;display:block;content:'';position:absolute;top:50%;left:1000px;width:200vh;height:100vh;background-color:#fff;transform: translateY(-50%);min-width:2048px;min-height:1600px;}

.page-box .error-txt {position:relative;margin-top: 20px;}
.page-box .error-txt em {display: block; padding-bottom: 17px; font-size: 36px; font-family: 'Eina03-SemiBold'; letter-spacing: -0.025em;}
.page-box .error-txt p {font-size: 18px; font-family: 'NeueHaasUnica-Regular'; letter-spacing: -0.025em;}

.page-box .closed-txt {position:relative;margin: 43px 0 78px;}
.page-box .closed-txt em {font-size: 32px; font-family: 'Noto Sans KR';font-weight:500; letter-spacing: -0.025em;}
.page-box .closed-txt p {padding-top: 18px; font-size: 16px; font-family: 'Noto Sans KR';font-weight:500; letter-spacing: -0.025em;}
.page-box .closed-info {position: relative;}
.page-box .closed-info .date {display: block; padding-bottom: 10px; font-size: 38px; font-family: 'Eina03-Bold';}
.page-box .closed-info .time {display: block; font-size: 20px; font-family: 'Eina03-SemiBold';}

.closed-footer {position:relative;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify;-ms-flex-pack: justify; justify-content: space-between; margin-top: -38px; padding: 0 40px 14px; box-sizing: border-box; font-size: 16px; font-family: 'NeueHaasUnica-Regular';}
.closed-footer p {padding-top: 6px;}
.closed-footer ul {overflow: hidden;}
.closed-footer li {float:left; padding: 6px 23px 0 0;}
.closed-footer li:last-child {padding: 0;}
.closed-footer li a {display: block;}

/* hello image */
.hello_img {overflow:hidden;position:relative;display:inline-block;}
.hello_img:after {display:block;clear:both;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fcaca6;transition:1s ease height;}
.hello_img img,
.hello_img video {-webkit-transform:scale(1.2 , 1.2);transform:scale(1.2 , 1.2);transition:1s ease;}
.hello_img.hello:after {height:0;}

.hello_img.hello img,
.hello_img.hello video {-webkit-transform:scale(1 , 1);transform:scale(1 , 1);}
.hello_img.hello img:hover,
.hello_img.hello video:hover {-webkit-transform:scale(1.1 , 1.1);transform:scale(1.1 , 1.1);}

/* loading */
.loading-wrap {position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:none;}
.loading-wrap.active {display:block;}
.loading-wrap:before {clear:both;display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;}
.loading-wrap .loading-img {position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 50%;overflow:hidden;}
.loading-wrap .loading-img img {width:100%;}
.loading-wrap .sending {position:absolute;top:50%;left:50%;width:90px;height:90px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 50%;overflow:hidden;background-color:#fff;}
.loading-wrap .sending strong {display:block;text-align:center;vertical-align: middle;font-size:12px;line-height:90px;font-family: 'Eina03-SemiBold';color:#000;animation: d 6s linear infinite ;}
@-webkit-keyframes d{
  0%{-webkit-transform:translateZ(0) rotate(0deg)}
  to{-webkit-transform:translateZ(0) rotate(1turn)}
}
@keyframes d{
0%{transform:translateZ(0) rotate(0deg)}
to{transform:translateZ(0) rotate(1turn)}
}


/* EN */
.en .btn_circle span {font-family: 'Eina03-Bold';}
.en #footer .privacy a {width:200px;font-size:20px;line-height:26px;font-family: 'NeueHaasUnica-Regular';}
.en #footer .adress {font-size:20px;line-height:26px;font-family: 'NeueHaasUnica-Regular';}

.en .container .section.business .move_inner_wrap .copy_wrap .txt1,
.en .container .section.community .swiper-container .swiper-wrapper .swiper-slide .news_btn span {font-family: 'Eina03-SemiBold';}
.en .container .section.top_visual .text_wrap .small_slogan {font-family: 'Eina03-Bold';}
.en .container .section.business .move_inner_wrap .copy_wrap .txt2 {font-size:22px;line-height:27px;font-family: 'NeueHaasUnica-Regular';}
.en .container .section.community .swiper-container .swiper-wrapper .swiper-slide .news_title {font-size:28px;line-height:36px;font-family: 'NeueHaasUnica-Medium';}
.en .container .section.top_visual .text_wrap {font-size:44px;line-height:48px;font-family: 'NeueHaasUnica-Medium';}
.en .container .section.business .inner_section .inner_bottom .text {font-size:28px;line-height:34px;font-family: 'NeueHaasUnica-Regular';}
.en .container .section.business .inner_section .inner_bottom .text strong {font-family: 'NeueHaasUnica-Medium';}
.en .container .section.business .inner_section .inner_bottom .spec li em {font-size:16px;line-height:20px;font-family: 'NeueHaasUnica-Regular';letter-spacing:-0.025em;}
.en .container .section.business .inner_section.business_cont1 .inner_bottom .spec li:nth-child(1) {flex:none;width:370px;}
.en .container .section.business .inner_section.business_cont2 .inner_bottom .spec li:nth-child(1) {flex:none;width:260px;}
.en .container .section.business .inner_section.business_cont2 .inner_bottom .spec li:nth-child(2) {flex:none;width:240px;}
.en .container .section.business .inner_section.business_cont3 .inner_bottom .spec li:nth-child(1) {flex:none;width:370px;}
.en .container .section.business .inner_section.business_cont4 .inner_bottom .spec li:nth-child(1) {flex:none;width:260px;}
.en .container .section.business .inner_section.business_cont4 .inner_bottom .spec li:nth-child(2) {flex:none;width:255px;}
.en .container .section.audition .audition_text p {font-size:28px;line-height:34px;font-family: 'NeueHaasUnica-Medium';}
.en .page-box .closed-txt em {font-family: 'NeueHaasUnica-Medium';}
.en .page-box .closed-txt p {font-family: 'NeueHaasUnica-Medium'; padding-top: 10px;}
.en .layer_pop.policy_pop .policy_tit {font-family: 'NeueHaasUnica-Medium'; font-weight:bold;}
.en .layer_pop.policy_pop .policy_list > dl > dt {font-family: 'NeueHaasUnica-Medium'; font-weight:bold;}
.en .layer_pop.policy_pop .policy_list > dl > dd > dl dt {font-family: 'NeueHaasUnica-Medium'; font-weight:bold;}
.en .layer_pop.policy_pop .policy_desc {font-family: 'NeueHaasUnica-Medium'; font-weight: 600; }
.en .layer_pop.policy_pop .policy_list > dl > dd  {font-family: 'NeueHaasUnica-Medium'; font-weight: 600; }
.en .layer_pop.policy_pop .policy_list > dl > dd > dl dd  {font-family: 'NeueHaasUnica-Medium'; font-weight: 600;}
.en .container .section.business .inner_section.title_wrap .inner_bottom .title {font-family: 'NeueHaasUnica-Medium';font-size:64px;line-height:74px;}

/* CN */
.zh .en-b {font-family: 'NeueHaasUnica-Medium' !important;}
.zh .en-m {font-family: 'NeueHaasUnica-Medium' !important;}
.zh .en-r {font-family: 'NeueHaasUnica-Regular' !important;}
.zh .en-t {font-family: 'NeueHaasUnica-Thin' !important;}
.zh .en-l {font-family: 'NeueHaasUnica-Light' !important;}
.zh .container .section.top_visual .text_wrap {font-family: 'NotoSansCJKkr-Bold';font-weight:bold;}
.zh .container .section.business .inner_section.title_wrap .inner_bottom .text {width:360px;}
.zh .container .section.business .inner_section .inner_bottom .text {line-height:38px;font-family: 'NotoSansCJKkr-Medium';font-weight:600;}
.zh .container .section.business .inner_section .inner_bottom .text strong {font-family: 'NotoSansCJKkr-Bold';font-weight:bold;}
.zh .container .section.business .inner_section .inner_bottom .spec li strong {font-family: 'NotoSansCJKkr-Bold';font-weight:bold;}
.zh .container .section.business .inner_section .inner_bottom .spec li em {font-family: 'NotoSansCJKkr-Regular';}
.zh .container .section.audition .audition_text p {font-size:24px;line-height:38px;font-family: 'NotoSansCJKkr-Bold';font-weight:bold;}
.zh .container .section.business .move_inner_wrap .copy_wrap p {font-family: 'NotoSansCJKkr-Medium'; font-weight:600;}
.zh .container .section.community .swiper-container .swiper-wrapper .swiper-slide .news_title {font-family: 'NotoSansCJKkr-Bold';font-weight:bold;font-size:24px;line-height:38px;}
.zh #footer .adress,
.zh #footer .privacy a {font-family: 'NotoSansCJKkr-Medium'; font-weight:600;}
.zh .page-box .closed-txt em {font-family: 'NotoSansCJKkr-Bold'; font-weight: bold;}
.zh .page-box .closed-txt p {font-family: 'NotoSansCJKkr-Medium'; font-weight: 600; padding-top: 11px;}
.zh .layer_pop.policy_pop .policy_tit {font-family: 'NotoSansCJKkr-Bold'; font-weight:bold;}
.zh .layer_pop.policy_pop .policy_list > dl > dt {font-family: 'NotoSansCJKkr-Bold'; font-weight:bold;}
.zh .layer_pop.policy_pop .policy_list > dl > dd > dl dt {font-family: 'NotoSansCJKkr-Bold'; font-weight:bold;}
.zh .layer_pop.policy_pop .policy_desc {font-family: 'NotoSansCJKkr-Medium'; font-weight: 600; }
.zh .layer_pop.policy_pop .policy_list > dl > dd  {font-family: 'NotoSansCJKkr-Medium'; font-weight: 600; }
.zh .layer_pop.policy_pop .policy_list > dl > dd > dl dd  {font-family: 'NotoSansCJKkr-Medium'; font-weight: 600;}
.zh .layer_pop.policy_pop .policy_list .dot_list dt:after {transform: translateY(-80%);}