*{
    margin: 0;padding: 0;
}
.pc_block {
  display: block;
}
.mo_block {
  display: none;
}
.event_gngoffice {
  overflow: hidden;
}
.event_gngoffice * {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
}
ul,li{
    list-style: none;
}
.et_builder_inner_content .et_pb_section_0{
  padding-top: 0;
  padding-bottom: 0;
}
.swiper-slide {padding:0 !important;}
.et_pb_section {padding:0}
.et_pb_section .et_pb_row{width:100%;max-width: 100%;}
.et_pb_section_1 .et_pb_row_1 {width: 920px;}
#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
  padding: 0;
}
.gngoffice_inner {
  position: relative;
  max-width: 66.67vw;
  height: 100%;
  margin: 0 auto;
  padding: 4.48vw 0 10.42vw 0;
}
/*비주얼 영역*/
.gngoffice_visual {
  position: relative;
  width: 100%;
  height: 41.1vw;
  background: url('/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image2/img_title_bg.png') center no-repeat;
  background-size: 100%;
}
.arrow_move {
  position: absolute;
  top: min(-3.02vw, -58px);
  right: min(4vw, 73.76px);
  width: min(15vw, 288px);
  z-index: 10;
  animation: arr_move 0.5s linear 0s infinite alternate;
}
.gngoffice_visual_title {
  position: relative;
}
.gngoffice_visual_title .open_explain {
  position: relative;
  font-size: min(1.77vw, 34px);
  font-weight: 700;
  line-height: min(2.5vw, 48px);
  z-index: 10;
  opacity: 0;
  --move: 10%;
  animation: aniText 1s ease forwards;
  animation-delay: .4s;
}
.gngoffice_visual_title .open_explain2 {
  position: relative;
  font-size: min(1.25vw, 24px);
  font-weight: 400;
  line-height: min(1.77vw, 34px);
  z-index: 10;
  opacity: 0;
  --move: 10%;
  animation: aniText 1s ease forwards;
  animation-delay: .4s;
}
.gngoffice_visual_title h3 {
  width: fit-content;
  background-color: #222;
  font-size: min(1.25vw, 24px);
  font-weight: 600;
  line-height: min(1.77vw, 34px);
  color: #F0FF91;
  padding: 0.16vw 0.42vw;
  margin: 0 0 0.94vw;
  opacity: 0;
  animation: visualTitle .6s ease forwards;
  animation-delay: 0.2s;
}
.gngoffice_visual_title h2 {
  font-size: min(3.33vw, 64px);
  font-weight: 700;
  line-height: min(4vw, 90px);
  margin: min(1.04vw, 20px) 0 min(1.72vw, 33px);
  padding: 0;
  opacity: 0;
  animation: visualTitle 1s ease forwards;
  animation-delay: 0.25s;
}
.gngoffice_visual_title h2 span {
  position: relative;
}
.gngoffice_visual_title h2 span em {
  color: #FF8963;
}
.gngoffice_visual_title h2 span::before{
  content: '';
  position: absolute;
  display: block;
  top: 38%;
  left: -2.5vw;
  width: 1.68vw;
  height: 1.68vw;
  background: url(/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image/img_star.png) 50% 50% no-repeat;
  background-size: cover;
  margin-right: 0.40vw;
}
.gngoffice_visual_title h2 span::after {
  content: '';
  position: absolute;
  display: block;
  top: 38%;
  right: -3.5vw;
  width: 1.68vw;
  height: 1.68vw;
  background: url(/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image/img_star.png) 50% 50% no-repeat;
  background-size: cover;
  margin-left: 0.40vw;
}
.gngoffice_visual_title .open_info {
  font-size: min(0.94vw, 18px);
  font-weight: 400;
  line-height: min(1.35vw, 28px);
  margin-top: min(2.03vw, 39px);
  opacity: 0;
  --move: 15%;
  animation: aniText 1s ease forwards;
  animation-delay: .4s;

}
.gngoffice_visual_title .open_info strong {
  font-weight: 700;
}
.visual-images {
  position: absolute !important;
  height: 30.21vw;
  top: 5.5vw;
  right: 0;
  border-radius: 100px 8px 100px 15px;
}
.gngoffice_visual .visual-images .swiper-wrapper {
  width: 38.3vw !important;
}
.gngoffice_visual .swiper-wrapper li > img {
  border-radius: 100px 8px 100px 8px;
}
.swiper-slide {
  width: 38.3vw !important;
}
.slide-images .swiper-slide {
  width: min(32.81vw, 630px) !important;
  /*margin-right: min(1.04vw, 20px);*/
}
.slide-images .swiper-slide.swiper-slide-active + .slide-images .swiper-slide.swiper-slide-next {
  margin-left: 10px;
}
/*  버튼  */
.gngoffice_visual .btn_group {
  text-align: left;
}
.btn_group {
  text-align: center;
}
.bt_gngoffice {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background-color: #222;
  color: #fff;
  font-size: min(1.15vw, 22px);
  font-weight: 500;
  line-height: 1;
  padding: 1.09vw 2.5vw;
  margin-top: min(3.33vw, 64px);
  border-radius: 8px;
}
.gngoffice_visual .bt_gngoffice {
  margin-top: min(1.88vw, 36px);
}
.bt_gngoffice:hover {
  color: #fff;
  background-color: #FF8963;
}
.bt_gngoffice.reverse:hover {
  color: #fff;
  background-color: #FF8963;
}


/* 얼리버드 한정 단독 혜택*/
.gngoffice_earlybird {
  background: url(/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image2/img_s2_bg.png) center no-repeat;
  background-size: 100%;
  height: 51.49vw;
}
.gngoffice_earlybird .gngoffice_inner {
  padding: 10.68vw 0;
}
.earlybird_title {
  text-align: center;
  height: 8.4vw;
  position: relative;
  font-size: min(2.08vw, 40px);
  font-weight: 700;
  line-height: min(2.92vw,56px);
  letter-spacing: -1px;
  color: #222;
  padding-bottom: 2.4vw;
}
.earlybird_title span {
  color: #FF8963;
}
.earlybird_title span::before {
  content: '';
  display: block;
  position: absolute;
  top: 2.08vw;
  left: 20.57vw;
  width: 1.68vw;
  height: 1.68vw;
  background: url(/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image/img_star2.png) 50% 50% no-repeat;
  background-size: cover;
}
.earlybird_title span::after {
  content: '';
  display: block;
  position: absolute;
  top: 2.08vw;
  right: 20.57vw;
  width: 1.68vw;
  height: 1.68vw;
  background: url(/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image/img_star2.png) 50% 50% no-repeat;
  background-size: cover;
}
.earlybird_list {
  display: flex;
  margin: 0 auto;
  width: 100%;
  line-height: 0 !important;
  align-items: center;
}
.earlybird_list li {
  flex: 1;
  margin-left: 1.04vw;
  transition: transform .5s ease;
}
.earlybird_list li:first-child {
  margin-left: 0;
  transform: translateX(80%);
}
.earlybird_list li:nth-child(2) {
  z-index: 2;
}
.earlybird_list li:last-child {
  transform: translateX(-80%);
  z-index: 2;
}
.earlybird_list.__ani li:first-child {
  transform: translateX(0%);
}
.earlybird_list.__ani li:last-child {
  transform: translateX(0%);
}
.gngoffice_earlybird .earlybird_list li .earlybird_box .earlybird_card > img {
  width: 100%;
  height: 100%;
}
.early_text {
  text-align: center;
  display: block;
  font-size: min(0.94vw, 18px);
  font-weight: 400;
  line-height: min(1.35vw, 26px);
  color: rgba(34,34,34,0.5);
  margin: 1.67vw 0;
}
.gngoffice_earlybird .bt_gngoffice {
  margin-top: 0;
}
.gngoffice_tour .swiper {
  position: relative;
  width: min(66.67vw, 1280px);
}
.swiper-wrapper {
  margin-bottom: 3.28vw;
}
.swiper-slide {
  width: min(32.81vw, 630px);
}
.swiper-slide p {
  font-size: min(1.25vw, 24px);
  font-weight: 400;
  line-height: min(1.77vw, 34px);
  color: #222;
  padding-top: min(0.83vw,16px);
}
.swiper-horizontal>.swiper-pagination-progressbar, 
.swiper-pagination-progressbar.swiper-pagination-horizontal, 
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, 
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 3px !important;
  top: inherit !important;
  bottom: 0 !important; 
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #FF8963 !important;
}

/*  온라인 투어하기   */
.gngoffice_tour .gngoffice_inner {
  padding: 12.08vw 0 10.42vw 0;
}

/*  4개 카드 섹션  */
.gngoffice_fourcard {
  background-color: #fff;
}
.gngoffice_fourcard .gngoffice_inner {
  max-width: fit-content;
  padding: 10.42vw 0;
}
.fourcard_tit {
  text-align: center;
  margin-bottom: min(4.64vw, 89px);
}
.fourcard_tit h5 {
  position: relative;
  font-size: min(1.25vw, 24px);
  font-weight: 700;
  line-height: min(1.77vw, 34px);
  color: rgba(34, 34, 34, .5);
  padding-bottom: min(4.32vw, 83px);
}
.fourcard_tit h5::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 15.99vw;
  width: 30px;
  height: 24px;
  background: url(/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image/img_quote1.png) center no-repeat;
  background-size: cover;
}
.fourcard_tit h5::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 15.73vw;
  width: 30px;
  height: 24px;
  background: url(/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image/img_quote2.png) center no-repeat;
  background-size: cover;
}
.fourcard_tit h4 {
  font-size: min(2.08vw, 40px);
  font-weight: 700;
  line-height: min(2.92vw,56px);
  color: #222;
  padding: 0;
}
.fourcard_tit h4 span {
  color: #FF8963;
}
.gngoffice_fourcard .four_box {
  background: url(/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image2/img_bgm.jpg) center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  padding: 4.91vw 6.67vw 2vw;
}
.gngoffice_fourcard .four_box li {
  width: 32.29vw;
  font-size: min(1.77vw, 34px);
  font-weight: 700;
  color: #F0FF91;
  line-height: min(2.5vw, 48px);
  margin-right: min(2.08vw, 40px);
  padding: 0 0 3.91vw;
  opacity: 0;
  transform: translateY(10%);
}
.gngoffice_fourcard .four_box.__ani li {
  text-align: left;
  position: relative;
  background-color: initial;
  opacity: 1;
  transition: .4s ease opacity, .6s ease transform;
  transform: translateY(0%);
}
.gngoffice_fourcard .four_box.__ani li:nth-child(2) {
  position: relative;
  opacity: 1;
  transition: .6s ease opacity, .8s ease transform;
  transform: translateY(0%);
  transition-delay: .2s;
}
.gngoffice_fourcard .four_box.__ani li:nth-child(3) {
  position: relative;
  opacity: 1;
  transition: .6s ease opacity, .8s ease transform;
  transform: translateY(0%);
  transition-delay: .4s;
}
.gngoffice_fourcard .four_box.__ani li:nth-child(4) {
  position: relative;
  opacity: 1;
  transition: .6s ease opacity, .8s ease transform;
  transform: translateY(0%);
  transition-delay: .6s;
}
.gngoffice_fourcard .four_box li p {
  font-size: min(1.25vw, 24px);
  font-weight: 400;
  line-height: min(1.77vw, 34px);
  color: #fff;
  padding-top: min(1.61vw, 31px);
}
.gngoffice_fourcard .four_box li span {
  position: relative;
  display: inline-block;
  width: 3.12vw;
  height: 4vw;
  font-size: min(1.77vw, 34px);
  font-weight: 700;
  color: #fff;
  line-height: min(2.5vw, 48px);
  border-radius: 50%;
  padding: 1vw 0 1vw 0;
}
.gngoffice_fourcard .four_box li span::after {    
  content: '';
  display: block;
  top: 3.92vw;
  position: absolute;
  width: min(32.29vw, 620px);
  height: 1px;
  background: #fff;

}
.gngoffice_fourcard .four_box li:nth-child(2n) {
  margin-right: 0;
}

/*  특별한 이유  */
.gngoffice_preview {
  background: #FCFFEA;
}
.gngoffice_preview .gngoffice_inner {
  padding: 10.42vw 0;
  border-right: 1.6px solid #222;
}
.for20 {
  text-align: center;
  font-size: min(1.25vw, 24px);
  font-weight: 700;
  line-height: min(1.77vw, 34px);
  color: #aaa;
}
.gngoffice_preview .earlybird_title {
  height: auto;
  padding-bottom: 3.33vw;
}
.gngoffice_preview .preview_content {
  display: flex;
  flex-wrap: wrap;
}
.gngoffice_preview .preview_content figure[class^=__thumb_] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4.69vw;
}
.gngoffice_preview .preview_content figure[class^=__thumb_] figcaption h4 {
  font-size: min(2.08vw, 40px);
  font-weight: 700;
  color: #222;
  line-height: min(2.92vw, 56px);
  padding-bottom: 1.25vw;
}
.gngoffice_preview .preview_content figure[class^=__thumb_] figcaption p {
  font-size: min(1.77vw, 34px);
  font-weight: 400;
  color: #222;
  line-height: min(2.5vw, 48px);
}
.gngoffice_preview .preview_content figure[class^=__thumb_] figcaption p span {
  color: #FF8963;
  font-weight: 700;
}
.gngoffice_preview .preview_content figure[class^=__thumb_] figcaption {
  opacity: 0;
  transform: translateX(-10%);
}
.gngoffice_preview .preview_content figure[class^=__thumb_].__ani figcaption {
  opacity: 1;
  transform: translateX(0%);
  transition: .5s ease opacity, .6s ease transform;
}
.gngoffice_preview .preview_content .thumb_01 img {
  width: min(38.44vw, 738px);
  order: 2;
}
.gngoffice_preview .preview_content .thumb_02 img {
  width: min(35.78vw, 687px);
}
.gngoffice_preview .preview_content .__thumb_.thumb_02 {
  position: relative;
  justify-content: flex-start;
  line-height: 0;
  padding-bottom: 0;
  margin-top: 5.73vw;
}
.gngoffice_preview .preview_content .__thumb_.thumb_02 figcaption {
  margin-left: min(4.17vw, 80px);
}
.gngoffice_preview .preview_content .thumb_02::before {
  content: '';
  position: absolute;
  width: 100vw;
  height: 1.6px;
  bottom: 0;
  left: calc((66.67vw - 100vw) / 2);
  background-color: #222;
}
.gngoffice_preview .preview_content .thumb_02::after {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  background: url(/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image/img_star2.png) center no-repeat;
  background-size: cover;
  bottom: min(-0.8vw, -16px);
  right: min(-0.86vw, -16px);
}
.gngoffice_preview .preview_content .thumb_03 {
  margin-top: 10.42vw;
}
.gngoffice_preview .preview_content .thumb_03 img {
  width: min(42.08vw, 808px);
  order: 2;
}
.gngoffice_preview .preview_content .thumb_03 figcaption {
  margin-right: 4.38vw;
}
.gngoffice_preview .preview_content .__thumb_.thumb_04  {
  justify-content: flex-start;
}
.gngoffice_preview .preview_content .thumb_04 img {
  width: min(42.4vw, 814px);
}
.gngoffice_preview .preview_content .thumb_05 img {
  width: min(38.44vw, 738px);
  order: 2;
}
.gngoffice_preview .preview_content .thumb_05 {
  position: relative;
  padding-top: 5.73vw;
}
.gngoffice_preview .preview_content .thumb_05 .thumb_05-1 {
  position: absolute;
  right: calc(66.67vw - 67.5vw);
  width: min(40.1vw, 770px);
  height: min(32.81vw, 630px);
}
.gngoffice_preview .preview_content .thumb_05 .thumb_05-1 .img_star2 {
  width: min(1.67vw, 32px);
  position: absolute;
  right: 0;
  bottom: 0;
}
.gngoffice_preview .preview_content .thumb_05 .thumb_05-1 .img_star2.__star2 {
  top: 0;
  left: 0;
}
.gngoffice_preview .preview_content .thumb_05::before {
  content: '';
  position: absolute;
  width: 100vw;
  height: 1.6px;
  top: 5.7vw;
  left: calc((66.67vw - 100vw) / 2);
  background-color: #222;
}
.gngoffice_preview .preview_content .thumb_05::after{
  content: '';
  position: absolute;
  width: 100vw;
  height: 1.6px;
  bottom: 4.67vw;
  left: calc((66.67vw - 100vw) / 2);
  background-color: #222;
}
.gngoffice_preview .preview_content .thumb_06 {
  position: relative;
  padding-top: 3.23vw;
}
.gngoffice_preview .preview_content .thumb_06 img {
  width: min(21.31vw, 413px);
  margin-left: min(11.3vw, 217px);
}
.gngoffice_preview .preview_content .thumb_06 figcaption {
  margin: 0 12.19vw 0 0;
}
.gngoffice_preview .preview_content .thumb_06::after{
  content: '';
  position: absolute;
  width: 100vw;
  height: 1.6px;
  bottom: 4.69vw;
  left: calc((66.67vw - 100vw) / 2);
  background-color: #222;
}
.gngoffice_preview .preview_content .thumb_07 {
  padding-top: 5.73vw
}
.gngoffice_preview .preview_content .thumb_07 img {
  width: min(38.44vw, 738px);
  order: 2;
}
/*  지도 영역 */
.gngoffice_location {
  background: #222;
}
.gngoffice_location .gngoffice_inner {
  padding: 10.42vw 0;
}
.gngoffice_location .earlybird_title {
  text-align: left;
  height: auto;
  font-size: min(1.77vw, 34px);
  font-weight: 400;
  line-height: min(2.5vw, 48px);
  color: #fff;
  padding-bottom: 1.25vw;
}
.gngoffice_location .location_sort {
  display: flex;
  justify-content: space-around;
}
.gngoffice_location .location_sort h4 {
  font-size: min(2.08vw, 40px);
  font-weight: 700;
  line-height: min(2.92vw,56px);
  color: #F0FF91;
}
.line_icon {
  text-align: center;
  display: inline-block;
  font-size: min(1.35vw, 26px);
  font-weight: 700;
  line-height: 1.4;
  width: min(1.98vw, 38px);
  height: min(1.98vw, 38px);
  background: #87933F;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0 0 0.3vw 1vw;
}
.line_icon2 {
  text-align: center;
  display: inline-block;
  font-size: min(1.35vw, 26px);
  font-weight: 700;
  line-height: 1.4;
  width: min(1.98vw, 38px);
  height: min(1.98vw, 38px);
  background: #FFC227;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0 0 .3vw .5vw;
}
.gngoffice_location .location_sort p {
  font-size: min(1.25vw, 24px);
  font-weight: 400;
  line-height: min(1.77vw, 34px);
  color: #fff;
}
.gngoffice_location .location_sort ul {
  margin-top: 4.01vw;
}
.gngoffice_location .location_sort ul li {
  position: relative;
  font-size: min(1.25vw, 24px);
  font-weight: 400;
  line-height: min(1.77vw, 34px);
  color: #fff;
  padding: 0 0 1.3vw 1.8vw;
}
.gngoffice_location .location_sort ul li::before {
  content: '';
  position: absolute;
  top: 0.2vw;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image2/img_star_or.png) center no-repeat;
  background-size: cover;
}
.gngoffice_location .location_sort ul li strong {
  font-weight: 700;
  color: #F0FF91;
}
.adventage_content h4 {
  position: relative;
  padding: 0;
}
.gngoffice_location .location_sort .adventage_content .location_img {
  width: min(38.44vw, 738px);
}
.gngoffice_location .location_sort .adventage_content .loca_move {    
  position: absolute;
  top: min(10.42vw, 200px);
  left: min(6.04vw, 116px);
  width: min(5.47vw, 105px);
  animation: arr_move 0.5s linear 0s infinite alternate;
}

/*  배너 영역 */
.gngoffice_banner {
  background: url(/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image2/img_banner_bg.png) center no-repeat;
  background-size: cover;
}
.gngoffice_banner .earlybird_title span::before,
.gngoffice_banner .earlybird_title span::after {
  display: none;
}
.gngoffice_banner .gngoffice_inner {
  padding: 10.42vw 0;
}
.gngoffice_banner .img_arrow h4 {
  position: relative;
}
.gngoffice_banner .img_arrow .arrow_move {
  top: min(-9.02vw, -128px);
  width: min(12.92vw, 248px);
}
/*  혜택 영역 */
.gngoffice_adventage {
  background: #fff;
  text-align: center;
}
.gngoffice_adventage .gngoffice_inner {
  padding: 10.42vw 0;
  width: min(66.67vw, 2560px);
}
.gngoffice_adventage .earlybird_title{
  color:#222;
}
.gngoffice_adventage ul{
  display: flex;
  flex-wrap: wrap;
  /*width: min(33.59vw, 1290px);*/
  width: 42vw;
  margin: 0 auto;
  color: #222;
}
.gngoffice_adventage ul li{
  flex:1 1 30%;
   font-size: min(1.30vw,25px);
  line-height: 42px;
  margin-top: 44px;
  padding: 0;
  margin-left: 20px;
}

.gngoffice_adventage ul li:nth-child(3n-2){
  margin-left: 0;
}
.gngoffice_adventage ul li div img{
  height: 3.13vw;
  width: 2.76vw;
}
.gngoffice_adventage ul li p{
  position: relative;
  padding-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  margin-top: min(0.73vw, 28px);
}

.gngoffice_adventage ul li p span{
  transform: translateY(-50px);
  transition: .5s ease .2s;
  display: block;
  font-weight: 400;
}
.gngoffice_adventage ul.__ani li p span{
  transform: translateY(0);
}
.gngoffice_adventage ul li p::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%) scaleX(0);
  transform-origin: 50% 50%;
  width: 100%;
  height: 1px;
  background-color: #222;
  transition: transform .25s;
}

.gngoffice_adventage ul.__ani li p::before {
  transform: translateX(-50%) scaleX(1);
}

/*  어워드  */
.gngoffice_awards {
  background: #222;
}
.gngoffice_awards .earlybird_title {
  color: #fff;
  height: auto;
  padding-bottom: 3.33vw;
}
.gngoffice_awards .gngoffice_inner {
  padding: 10.42vw 0;
}
@keyframes arr_move {
    0% {
      transform: translateY(0%)
    }
    100% {
      transform: translateY(13%);
    }
  }
@keyframes aniText {
    0% {
      opacity: 0;
      transform: translateX(var(--move));
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes visualTitle {
    0% {
      transform: translateY(min(3vw, 600px));
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

@media all and (max-width: 767px) {
  .pc_block {
    display: none;
  }
  .mo_block {
    display: block;
  }
  .gngoffice_inner {
    max-width: inherit;
    padding: 25.6vw 8vw;
  }
  /*비주얼 영역*/
  .gngoffice_visual {
    height: 192vw;
    background: url(/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image2/img_title_bg_mo.png) top center no-repeat;
    background-size: cover;
  }
  .gngoffice_visual .gngoffice_inner {
    padding: 6.33vw 8vw;
  }
  .gngoffice_visual_title .open_explain {
    font-size: min(5.33vw, 20px);
    font-weight: 700;
    line-height: min(5.87vw, 22px);
  }
  .gngoffice_visual_title h3 {
    font-size: min(4.27vw, 16px);
    line-height: min(5.87vw, 22px);
    padding: min(1.33vw, 5px) min(2.13vw, 8px);
    margin: 0 0 3vw;
  }
  .gngoffice_visual_title h2 {    
    font-size: min(10.67vw, 40px);
    line-height: min(13.27vw, 50px);
    margin: min(3vw, 12px) 0 min(4.27vw, 16px);
  }
  .gngoffice_visual_title h2 span::before {
    display: none;
  }
  .gngoffice_visual_title h2 span::after {
    width: 5.87vw;
    height: 5.87vw;
    top: -9%;
    right: -8.5vw;
    margin-bottom: 1.07vw;
    margin-left: 1.6vw;
  }
  .gngoffice_visual_title .open_explain2 {
    font-size: min(4.8vw, 18px);
    font-weight: 400;
    line-height: min(6.93vw, 26px);
  }
  .bar_info {
    display: none;
  }
  .gngoffice_visual_title .open_info {
    font-size: min(4.27vw, 16px);
    font-weight: 400;
    line-height: min(5.87vw, 22px);
    margin-top: min(4.27vw, 16px);
  }
  .gngoffice_visual_title .open_info strong {
    font-weight: 700;
    margin-right: 2vw;
  }
  .visual-images {
    top: auto;
    bottom: 10.46vw;
    right: 8vw;
    height: 63.7vw;
  }
  /*  버튼  */
  .bt_gngoffice {
    font-size: min(4.8vw, 18px);
    font-weight: 500;
    line-height: min(5.87vw, 27px);
    padding: 4vw 8vw;
    margin-top: min(8.53vw, 32px);
  }
  .gngoffice_visual .bt_gngoffice {
    margin-top: min(4.27vw, 16px);
  }
  .arrow_move {
    top: auto;
    bottom: -37.07vw;
    width: min(40vw, 150px);
  }
  .gngoffice_visual .visual-images .swiper-wrapper {
    width: 84vw !important;
    height: 63.6vw;
  }
  .gngoffice_visual .swiper-wrapper li > img {
    width: 84vw !important;
    height: 63.6vw;
    border-radius: 48px 6px 48px 4px;
  }
  /* 얼리버드 한정 단독 혜택*/
  .gngoffice_earlybird {
   background: none;
   height: auto;
  }
  .gngoffice_earlybird .gngoffice_inner {
    padding: 25.6vw 0vw;
  }
  .earlybird_list {
    position: relative;
    flex-direction: column;
    width: 100%;
    height: fit-content;
    border-width: 1px;
    border-color: #222;
    border-style: solid;
  }
  .earlybird_list::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100vw;
    height: 1px;
    background: #222;
    z-index: 10;
  }
  .earlybird_list::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 1px;
    background: #222;
    z-index: 10;
  }
  .earlybird_list li {
    margin-top: 6.4vw;
    margin-left: 0;
    transition-delay: 0.2s;
  }
  .gngoffice_earlybird .earlybird_list li .earlybird_box .earlybird_card > img {
    height: 100%;
  }
  .earlybird_list li:first-child {
    margin-top: 0;
    transform: translateX(0%);
  }
  .earlybird_list li:nth-child(2) {
    transform: translateY(-70%);
  }
  .earlybird_list li:last-child {
    transform: translateY(-140%);
  }
  .earlybird_list.__ani li:nth-child(2) {
    transform: translateY(0%);
  }
  .earlybird_list.__ani li:last-child {
    transform: translateY(0%);
  }
  .earlybird_title {
    height: auto;
    font-size: min(6.4vw, 24px);
    font-weight: 700;
    line-height: min(9.07vw, 34px);
    padding-bottom: 8.53vw;
  }
  .earlybird_title span::before,
  .earlybird_title span::after  {
    width: 4.72vw;
    height: 4.72vw;
    top: 6vw;
  }
  .earlybird_title span::before {
    left: 4.53vw;
  }
  .earlybird_title span::after {
    right: 4.53vw;
  }
  .early_text {
    font-size: min(3.73vw, 14px);
    font-weight: 400;
    line-height: min(4.53vw, 17px);
    margin: 6.4vw 0;
  }
  /*  온라인 투어하기   */
  .gngoffice_tour .gngoffice_inner {
    padding: 0 8vw 25.6vw 8vw;
  }
  .gngoffice_tour .swiper {
    width: 100%;
  }
  .swiper-slide p {
    font-size: min(4.8vw, 18px);
    font-weight: 400;
    line-height: min(6.93vw, 26px);
    padding-top: min(3.2vw, 12px);
    margin-bottom: min(8.53vw, 32px);
  }
  .swiper-wrapper {
    margin-bottom: 0;
  }
  /*  4개 카드 섹션  */
  .gngoffice_fourcard .gngoffice_inner{
    max-width: initial;
    padding: 0 0 25.6vw 0;
  }
  .gngoffice_location .gngoffice_inner {
    padding: 25.6vw 8vw;
  }
  .fourcard_tit {
    padding: 25.6vw 4.64vw 6.13vw;
    margin-bottom: 0;
  }
  .fourcard_tit h5 {
    font-size: min(4.8vw, 18px);
    font-weight: 700;
    line-height: min(6.93vw, 26px);
    padding-bottom: min(13.33vw, 50px);
  }
  .fourcard_tit h4 {
    font-size: min(6.4vw, 24px);
    font-weight: 700;
    line-height: min(9.07vw, 34px);
  }
  .fourcard_tit h5::before {
    left: 2.4vw;
    width: 18px;
    height: 14px;
  }
  .fourcard_tit h5::after {
    right: 2.4vw;
    width: 18px;
    height: 14px;
  }
  .gngoffice_fourcard .four_box {
    flex-direction: column;background: url(/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image2/img_bgm_mo.jpg) center no-repeat;
    background-size: cover;
    padding: 0 0 12.8vw 0;
  }
  .gngoffice_fourcard .four_box li {
    width: 100%;
    margin-right: 0;
    font-size: min(6.4vw, 24px);
    line-height: min(9.07vw, 34px);
    padding: 12.87vw 8vw 0vw;
  }
  .gngoffice_fourcard .four_box li span::after {
    content: '';
    display: block;
    top: -2vw;
    left: 0;
    position: absolute;
    width: min(84vw, 315px);
    height: 1px;
    background: #fff;
  }
  .gngoffice_fourcard .four_box li p {
    font-size: min(4.8vw, 18px);
    line-height: min(6.93vw, 26px);
    padding-top: min(2.67vw, 10px);
  }
  .gngoffice_fourcard .four_box li span {   
    width: auto;
    height: fit-content;
    font-size: min(6.4vw, 24px);
    line-height: min(9.07vw, 34px);
    padding: 0 2vw 1vw 0;
    vertical-align: middle;
  }

  /*  특별한 이유   */
  .for20 {
    font-size: min(4.8vw, 18px);
    line-height: 1.5;
  }
  .gngoffice_preview .gngoffice_inner {
    padding: 25.6vw 0;
    border: none;
  }
  .gngoffice_preview .gngoffice_inner::before {
    content: '';
    position: absolute;
    top: 11.7%;
    right: 8vw;
    width: 1px;
    height: 54%;
    background-color: #222;
  }
  .gngoffice_preview .earlybird_title {
    padding-bottom: min(17.07vw, 64px);
    margin: 0 8vw;
  }
  .gngoffice_preview .preview_content {
    flex-direction: column;
    padding: 0 8vw;
  }
  .gngoffice_preview .preview_content .thumb_01 img {
    width: min(84vw, 315px);
    margin: 0 0 8.53vw auto;
  }
  .gngoffice_preview .preview_content .__thumb_.thumb_01 {
    align-items: baseline;
    width: min(84vw, 315px);
    margin: 0 0 0 auto;
  }
  .gngoffice_preview .preview_content .__thumb_.thumb_02 figcaption {
    margin-left: 0;
    padding-left: min(4.17vw, 80px);
  }
  .gngoffice_preview .preview_content .__thumb_.thumb_02 {
    align-items: baseline;
    width: 100%;
    margin-top: 12.8vw;
    margin-left: min(-8vw, -30px);
  }
  .gngoffice_preview .preview_content .thumb_02 img {
    width: min(74.67vw, 280px);
    margin-left: 0;
    order: 2;
  }
  .gngoffice_preview .preview_content figure[class^=__thumb_] {
    flex-direction: column;
    padding-bottom: 0;
  }
  .gngoffice_preview .preview_content figure[class^=__thumb_] figcaption h4 {
    font-size: min(6.4vw, 24px);
    line-height: min(9.07vw, 34px);
  }
  .gngoffice_preview .preview_content figure[class^=__thumb_] figcaption p {
    font-size: min(4.8vw, 18px);
    line-height: min(6.93vw, 26px);
    padding-bottom: 8.53vw;
  }
  .gngoffice_preview .preview_content .thumb_02::before {
    height: 1px;
    left: 0;
  }
  .gngoffice_preview .preview_content .thumb_02::after {
    width: 16px;
    height: 16px;
    bottom: min(-1.5vw, -8px);
    right: min(-9.5vw, -38px);
  }
  .gngoffice_preview .preview_content .__thumb_.thumb_03 {
    align-items: baseline;
    width: min(84vw, 315px);
    margin: 21.33vw 0 0 auto;
    padding-bottom: 8.53vw;
  }
  .gngoffice_preview .preview_content .thumb_03 img {
    width: min(84vw, 315px);
    order: 2;
  }
  .gngoffice_preview .preview_content .__thumb_.thumb_04 {
    align-items: baseline;
    width: 100%;
    margin-left: min(-8vw, -30px);
  }
  .gngoffice_preview .preview_content .thumb_04 img {
    width: min(84vw, 315px);
  }
  .gngoffice_preview .preview_content .__thumb_.thumb_05 {
    padding-top: 0;
    margin: 21.33vw min(-3.47vw, -13px) 0 0;
  }
  .gngoffice_preview .preview_content .thumb_05 .thumb_05-1 {
    width: 88.2vw;
    height: 68.5vw;
    right: min(-2.13vw, -8px);
    bottom: min(-2.13vw, -8px);
  }
  .gngoffice_preview .preview_content .thumb_05::before {
    display: none;
  }
  .gngoffice_preview .preview_content .thumb_05::after {
    height: 1px;
    left: -8vw;
    bottom: -0.2vw;
  }
  .gngoffice_preview .preview_content .thumb_05 img {    
    width: 84.27vw;
    height: 64.5vw;
    margin-right: 0;
    margin-bottom: -0.2vw;
  }
  .gngoffice_preview .preview_content .thumb_05 .thumb_05-1 .img_star2 {
    width: 4.27vw;
    height: 4.27vw;
  }
  .gngoffice_preview .preview_content .thumb_05 figcaption {
    margin: 0 auto 0 0;
  }
  .gngoffice_preview .preview_content .thumb_06 img {
    width: min(64vw, 240px);
    order: 2;
    margin-left: 0;
  }
  .gngoffice_preview .preview_content .__thumb_.thumb_06 {    
    align-items: baseline;
    padding-top: 0;
    margin: 21.33vw 0;
  }
  .gngoffice_preview .preview_content .thumb_06::after {
    bottom: 0;
    height: 1px;
    width: 120vw;
  }
  .gngoffice_preview .preview_content .__thumb_.thumb_07 {
    width: min(92vw, 345px);
    margin: 0 -8vw 0 auto;
    padding-top: 0;
  }
  .gngoffice_preview .preview_content .thumb_07 figcaption {
    margin: 0 auto 0 0;
  }
  .gngoffice_preview .preview_content .thumb_07 img {
    width: min(92vw, 345px);
  }

  /*  지도영역  */
  .gngoffice_location .location_sort {
    flex-direction: column;
  }
  .gngoffice_location .earlybird_title {
    text-align: left;
    font-size: min(4.8vw, 18px);
    font-weight: 400;
    line-height: min(6.93vw, 26px);
  }
  .line_icon {
    width: min(8vw, 30px);
    height: min(8vw, 30px);
    font-size: min(5.07vw, 19px);
    line-height: 1.5;
  }
  .line_icon2 {
    width: min(8vw, 30px);
    height: min(8vw, 30px);
    font-size: min(5.07vw, 19px);
    line-height: 1.5;
    margin-left: 1.67vw;
  }
  .gngoffice_location .location_sort h4 {
    font-size: min(9.07vw, 34px);
    line-height: min(12.8vw, 48px);
    padding-bottom: min(3.2vw, 12px);
  }
  .gngoffice_location .location_sort p {
    font-size: min(4.8vw, 18px);
    line-height: min(6.93vw, 26px);
  }
  .gngoffice_location .location_sort ul {
    margin-top: 10.67vw;
  }
  .gngoffice_location .location_sort ul li {
    font-size: min(4.8vw, 18px);
    line-height: min(6.93vw, 26px);
    padding: 0 0 4.27vw 6.4vw;
  }
  .gngoffice_location .location_sort ul li::before {
    top: 1.33vw;
  }
  .gngoffice_location .location_sort .adventage_content .location_img {
    width: 100%;
  }
  .gngoffice_location .location_sort .adventage_content .loca_move {
    width: 12vw;
    top: 21.9vw;
    left: 13.15vw;
  }

  /*  배너 영역  */
  .gngoffice_banner {    
    height: 165vw;
    background: url(/wp-content/themes/fastfive/assets/event/230511_gangnamguoffice_JY/image2/img_banner_bg_mo.png) center no-repeat;
    background-size: cover;
  }
  .gngoffice_banner .gngoffice_inner {
    padding: 57.33vw 0;
  }
  .gngoffice_banner .img_arrow .arrow_move {   
    top: min(-47.6vw, -160px);
    width: min(40.53vw, 152px);
    right: min(13.2vw, 80px);
  }
  .gngoffice_banner .earlybird_title {
    padding-bottom: 0;
    font-size: min(5.33vw, 20px);
    line-height: min(8vw, 30px);
  }
  .gngoffice_banner .earlybird_title span {
    font-size: min(6.4vw, 24px);
  }

  /*  혜택 영역  */
  .gngoffice_adventage .gngoffice_inner {padding:10.42vw 8vw;width: 100%;}
  .gngoffice_adventage{padding: min(20vw, 150px) 0;}
  .gngoffice_adventage h3{font-size: min(6.4vw, 24px);line-height: min(9.07vw, 34px);font-weight: 700;}
  .gngoffice_adventage ul{width: 100%;padding-left:0}
  .gngoffice_adventage ul li:nth-child(2n-1){margin-left: 0;}
  .gngoffice_adventage ul li:nth-child(4){margin-left:20px}
  .gngoffice_adventage ul li p{font-size: min(4.27vw, 32px);line-height: min(6.93vw, 52px);margin-top: 0;}
  .gngoffice_adventage ul li div img{width: min(10.67vw, 80px);height: auto;}

  /*  국내 1위  */
  .gngoffice_awards .gngoffice_inner {padding: 25.6vw 8vw;}
  .gngoffice_awards .earlybird_title {padding-bottom:8.53vw;}


  .slide-images .swiper-slide {
    width: 100% !important;
  }
  .visual-images .swiper-slide {
    width: 100% !important;
  }
}