/*main quick bar date */
.openDateBox {background-color:#fff; font-family: 'SUIT';  font-size:16px; font-weight: 600; text-align: center; width:93px; height:80px;
      border-radius: 10px;margin: 0 auto; letter-spacing: -0.03rem; overflow: hidden;}
.openDateBox .date {font-size:13.5px;font-weight: 800; padding:4px;}
.openDateBox .title {color:#fff;}
.openDateBox.pink {color:#cb67a5; border:1px solid #cb67a5;}
.openDateBox.pink .title {background: #cb67a5;}
.openDateBox.green { color: #59aaa1; border: 1px solid #59aaa1;}
.openDateBox.green .title {background: #59aaa1;}
.openDateBox.blue {color: #6ba2ca; border: 1px solid #6ba2ca;}
.openDateBox.blue .title {background: #6ba2ca;}
.openDateBox.gold {color: #A88971; border: 1px solid #A88971;}
.openDateBox.gold .title {background: #A88971;}
.openDateBox.peach {color: #BB6570; border: 1px solid #BB6570;}
.openDateBox.peach .title {background: #BB6570;}
.openDateBox.lightGreen { color: #aab569; border: 1px solid #aab569;}
.openDateBox.lightGreen .title {background: #aab569; height: 30px; padding-top: 3px;}
.main_quick li:first-child .openDateBox:first-child {margin:40px auto 10px;}

.main_body {
      position: relative;
      padding: 7.5rem 0 0;
      z-index: 9;
}
@media screen and (max-width: 640px) {
      .main_body {
            padding: 20vw 0 0;
      }
}
.main_body .main_visual {
      position: relative;
      height: calc(100vh - 120px);
      overflow: hidden;
}
@media screen and (max-width: 1024px) {
      .main_body .main_visual {
            height: calc(100vh - 7.5rem);
            min-height: calc(158vw - 7.5rem);
      }
}
@media screen and (max-width: 640px) {
      .main_body .main_visual {
            height: calc(100vh - 38vw);
            min-height: calc(128vw);
      }
}
.main_body .main_visual .swiper {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
}
.main_body .main_visual .swiper-pagination-bullet-active { background: #fff;}
.main_body .main_visual .swiper-pagination-bullet { width: 12px; height: 12px; }


.main_body .main_visual .scroll_view {
      position: absolute;
      left: 5%;
      bottom: 2%;
      width: 76px;
      height: 126px;
      background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/scroll.png") no-repeat 50% 0;
      z-index: 9999;
}
.scroll_view .mouse_scr {
      -webkit-animation: nudgeMouse 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
      animation: nudgeMouse 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
}
@keyframes nudgeMouse {
      0%{ -webkit-transform:translateY(0);  transform:translateY(0)}
      45%{ -webkit-transform:translateY(16px);  transform:translateY(16px)}
      65%, 100%{ -webkit-transform:translateY(0);  transform:translateY(0)}
}
@-webkit-keyframes nudgeMouse {
      0%{ -webkit-transform:translateY(0); transform:translateY(0)}
      45%{ -webkit-transform:translateY(16px);  transform:translateY(16px)}
      65%, 100%{ -webkit-transform:translateY(0);  transform:translateY(0)}
}

/* mouse scroll */
.nectar-scroll-icon {
      width: 20px;
      height: 45px;
      text-align: center;
      position: relative;
      z-index: 100;
}
.mouse_scr {
      position: absolute;
      left: 28px;
      top: 15%;
      transform: translateX(-50%);
      z-index: 30;
      display: flex;
      align-items: center;
}
@media screen and (max-width: 1024px) {
      .scroll_view { display: none; }
}
.mouse_scr .ico {
      display: block;
      position: relative;
      color: #fff !important;
      text-align: center;
      border-radius: 100px;
      -webkit-border-radius: 100px;
      transition: opacity 0.4s ease;
      -webkit-transition: opacity 0.4s ease;
      overflow: hidden;
      margin-left: 0px;
      left: 0;
      opacity: 0.6;
      overflow: visible;
      opacity: 1;
      height: auto;
}

.mouse_scr .ico::before{
      position: absolute;
      content: '';
      display: block;
      left: 50%;
      margin-left: -1px;
      top: 22px;
      background-color: rgba(255,255,255,0.7);
      width: 2px;
      height: 6px;
      border-radius: 10px;
      transition: background-color .55s cubic-bezier(.5,.1,.07,1);
      -webkit-animation: trackBallSlide 2.4s cubic-bezier(0.000,0.000,0.725,1.000) infinite;
      animation: trackBallSlide 2.4s cubic-bezier(0.000,0.000,0.725,1.000) infinite;
}

@keyframes trackBallSlide{
      0%{opacity:1;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)}
      45%{ opacity:0;  -webkit-transform:scaleY(0.5) translateY(13px);  transform:scaleY(0.5) translateY(13px)}
      46%{ opacity:0;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)}
      65%, 100%{ opacity:1;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)}
}


.slide_con1 {
      height: 100%;
      position: relative;
}
.slide_con1 video {
      object-fit: cover;
}
.slide_con1 #mainVideo {
      object-fit: cover;
}
.slide_con1 .bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/main_visual.jpg") no-repeat 50% 90%;
      background-size: cover;
}
.slide_con2 .bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/main_visual_2.jpg") no-repeat 50% 70%;
      background-size: cover;
}
.slide_con3 .bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/main_visual_3.jpg") no-repeat 50% 70%;
      background-size: cover;
}

@media screen and (max-width: 1024px) {
      .slide_con2 .bg {
            background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/m_main_visual_2.jpg") no-repeat 50% 0;
            background-size: cover;
      }
      .slide_con3 .bg {
            background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/m_main_visual_3.jpg") no-repeat 50% 0;
            background-size: cover;
      }
}



/* 평형 */
.main_unit {
      padding: 100px 0;
      position: relative;
      overflow: hidden;
}
.unit_top {
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 0 60px;
}
.unit_top .unit_tit { font-size: 50px; font-weight: 600; line-height: 1.2; color: #09193e; text-align: center; padding: 100px 0 40px;}
.unit_top .unit_text dl dt { font-size: 40px; font-weight: 600; line-height: 1.4; color: #000; text-align: center; }
.unit_top .unit_text dl dd { font-size: 22px; font-weight: 400; line-height: 1.4; padding: 1rem 0 0; color: #000; text-align: center;}
.unit_top .unit_text br { display: none; }
.unit_top .unit_slider_control { display: flex; align-items: end; justify-content: flex-end; margin: -70px 0 0; padding: 0 0 50px; }
.unit_top .unit_slider_control ul { width: 145px; display: flex; justify-content: space-between; }



.unit_top .unit_tit {text-align: center;}
.unit_top .unit_tit img { width: 100%; max-width: 720px;}

@media screen and (max-width: 1024px) {
      .main_unit { padding: 0;}
      .unit_top .unit_tit { padding: 10vw 0 5vw;}
      .unit_top .unit_text br { display: block; }
      .unit_top .unit_slider_control { display: flex; align-items: end; justify-content: center; margin: 0; padding: 30px 0; }
}

@media screen and (max-width: 768px) {
      .unit_top {
            padding: 10vw 5vw;
            flex-direction: column;
      }
      .unit_top .unit_text { width: 100%; padding: 2rem 0;}
      .unit_top .unit_text dl dt { font-size: 7vw; }
      .unit_top .unit_text dl dd { font-size: 5vw; }
      .unit_top .unit_slider_control ul { width: 35vw; }
      .unit_top .unit_slider_control ul li a[role="button"] img { width: 13vw; }
}
@media screen and (max-width: 480px) {
      .unit_top {
            /* padding: 5rem 2rem; */
            flex-direction: column;
      }
      .unit_top .unit_text { width: 100%; padding: 2rem 0;}
      .unit_top .unit_tit {
            padding: 10vw 0 0;
      }
}

.main_unit .slide_con {
      width: 420px;
      margin: 0 auto;
      padding: 0 0 2.4rem;
      overflow: hidden;
      position: relative;
}
.main_unit .slide_con .img_area {
      width: 420px;
      height: 530px;
      overflow: hidden;
      position: relative;
      overflow: hidden;
      border-top-left-radius: 210px;
      border-top-right-radius: 210px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      transform-origin: 50% 100% 0;
      transform: scale(0.8);
      transition: all 0.5s;
}
.main_unit .slide_con a:hover .img_area{
      transform-origin: 50% 100% 0;
      transform: scale(1.0);
      transition: all 0.5s;
}
@media screen and (max-width: 1024px) {
      .main_unit .slide_con .img_area {
            transform: scale(1);
      }
}
@media screen and (max-width: 480px) {
      .main_unit .slide_con {
            width: 80vw;
      }
      .main_unit .slide_con .img_area {
            width: 80vw;
            height: 100vw;
            overflow: hidden;
            position: relative;
            overflow: hidden;
            border-top-left-radius: 40vw;
            border-top-right-radius: 40vw;
            border-bottom-left-radius: 3vw;
            border-bottom-right-radius: 3vw;
      }
      .main_unit .slide_con .img_area img {
            width: 100%;
      }
}
.main_unit .slide_con a { display: block; }
.main_unit .slide_con .img { position: relative; left: 0; top: 0; width: 100%; height: 100%; }
.main_unit .slide_con .img:after {
      content: "이미지컷";
      display: block;
      position: absolute;
      bottom: 0px;
      left: 5%;
      width: 90%;
      height: 2.2rem;
      color: #fff;
      opacity: 1;
      z-index: 1;
      text-align: right;
}
.main_unit .slide_con .unit_layer { position: absolute; left: 5%; top: 40%; width: 90%; height: 50%; opacity: 0; z-index: 99; background: #fff; overflow: hidden; border-radius: 20px;}
@media screen and (max-width: 1024px) {
      .main_unit .slide_con .unit_layer { opacity: 1;}
}
.main_unit .slide_con a:hover .unit_layer { transition: all 1s; opacity: 1; }
.main_unit .slide_con .unit_layer::before {
      content: "";
      display: block;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0.5;
}
.main_unit .slide_con .unit_layer img {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 999;
}
.main_unit .slide_con .text {
      max-width: 300px;
      margin: 0 auto;
      padding: 1rem 0 0;
      display: flex;
      align-items: baseline;
      justify-content: space-between;
}
.main_unit .slide_con .text .type {
      font-size: 2rem;
      color: #000;
	font-family: 'SUIT';
	font-weight: 600;
}
.main_unit .slide_con .text .view_more {
      font-size: 1rem;
      color: #000;
	font-family: 'SUIT';
	font-weight: 400;
      position: relative;
      padding: 0 0 0 2rem;
      line-height: 1.2;
}
.main_unit .slide_con .text .view_more::before {
      content: "";
      display: block;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 80px;
      height: 20px;
      background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2023/thesharp-sinmun/resources/img/main/icon_arr_view_more.png") no-repeat 0 50%;
}
.main_unit .swiper-pagination {
      position: absolute;
      left: 0;
      bottom: 10%;
}
.main_unit .unit-slider-wrap .swiper-wrapper {
      display: flex;
}
@media screen and (min-width: 480px) {
      .main_unit .unit-slider-wrap .swiper-wrapper .swiper-slide {
            min-width: 440px;
      }
}
.main_quick {
      position: absolute;
      right: 40px;
      top: 50%;
      transform: translateY(-50%);
      width: 124px;
      height: 448px;
      z-index: 999;
      background: url("/resources/img/main/quick_menu_bg.png") no-repeat 0 0;
}
@media screen and (max-width: 1024px) {
      .main_quick { display: none; }
}

.main_quick ul { padding: 130px 0 0;}
.main_quick ul li:nth-child(1) a {
      display: block;
      height: 175px;
      position: relative;
      overflow: hidden;
      text-indent: -30000px;
      background: url("/resources/img/main/quick_01.png") no-repeat 50% 50px;
}
.main_quick ul li:last-child a.main_event {
      display: block;
      height: 175px;
      position: relative;
      overflow: hidden;
      text-indent: -30000px;
      background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/event_open.png") no-repeat 50% 50px;
}
.main_quick ul li:last-child a.main_event.on {
      background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/event_close.png") no-repeat 50% 50px;
}
.main_quick ul li:last-child a.main_event::after {
      content: "";
      display: block;
      position: absolute;
      top: 100px;
      left: 50%;
      width: 20px;
      height: 20px;
      transform: translateX(-50%);
      background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/quick_arr.png") no-repeat 0 0;
      transition: all 0.5s;
}
.main_quick ul li:last-child a.main_event:hover::after {
      transform: translateX(-50%) rotate(180deg);
      transition: all 0.5s;
}
.main_quick ul li:last-child a.popup {
      display: block;
      height: 143px;
      position: relative;
      overflow: hidden;
      text-indent: -30000px;
      background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/popup_open.png") no-repeat 50% 35px;
}
.main_quick ul li:last-child a.popup::after {
      content: "";
      display: block;
      position: absolute;
      top: 100px;
      left: 50%;
      width: 20px;
      height: 20px;
      transform: translateX(-50%);
      background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/quick_arr.png") no-repeat 0 0;
}
.main_quick ul li:last-child a.popup:hover::after {
      transform: translateX(-50%) rotate(180deg);
      transition: all 0.5s;
}
.main_quick ul li:last-child a.popup.on {
      background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/popup_close.png") no-repeat 50% 35px;

}



.main_brand {
      height: 1500px;
      background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/brand_bg.jpg") no-repeat 50% 50%;
      background-size: cover;
}
.main_brand .brand_con { padding: 250px 0 0; max-width: 1080px; margin: 0 auto; }
.main_brand .brand_con p.copy {text-align: center; }
.main_brand .brand_con p.link {
      margin: 20px auto;
      max-width: 582px;
      width: 100%;
      overflow: hidden;
      text-indent: -20000px;
      background-size: contain;
}
.main_brand .brand_con p.link a {
      display: block;
      width: 80%;
      max-width: 206px;
      height: 40px;
      margin: 0 auto;
      background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/brand_link.png") no-repeat 50% 50%;
}
.main_brand .brand_con p.title {
      margin: 40px auto;
      width: 582px;
      height: 39px;
      background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/brand_prize_title.png") no-repeat 50% 50%;
      overflow: hidden;
      text-indent: -20000px;
      background-size: contain;
}
.main_brand .brand_con ul { display: flex; justify-content: center;}
.main_brand .brand_con ul li { padding: 0 26px; width: 25%; }
.main_brand .brand_con ul li img { width: 100%; }


@media screen and (max-width: 1024px) {
      .main_brand {
            height: auto;
            background-size: auto 100%;
      }
      .main_brand .brand_con {padding: 20vw 0;}
      .main_brand .brand_con p:nth-of-type(1) { width: 80%; margin: 0 auto; }
      .main_brand .brand_con p img { width: 100%;}
      .main_brand .brand_con ul { flex-wrap: wrap; }
      .main_brand .brand_con ul li { padding: 10px 26px; width: 50%;}
}

@media screen and (max-width: 640px) {
      .main_brand .brand_con { padding: 20vw 0; height: auto;}
      .main_brand .brand_con p.link a {
            width: 50%;
            background-size: contain;
      }
      .main_brand .brand_con p.title { width: 100%; margin: 10vw auto; }
      .main_brand .brand_con ul li { padding: 10px 26px; }
}




/* shorts */
.main_shorts_tit { text-align: center; padding: 160px 0;}
.main_shorts_tit img { width: 100%; max-width: 720px;}
@media screen and (max-width: 1024px) {
       .main_shorts_tit { padding: 12vw 0;}
}
.shorts_inner {
      max-width: 1920px;
      padding: 0 0 160px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
}
.shorts_inner .premium_shorts {
      width: calc(50% - 10px);
      height: 800px;
      background: #011346;
}
.shorts_inner .tip_shorts {
      width: calc(50% - 10px);
      height: 800px;
      background: #e4eaef;
}
.shorts_tit {
      max-width: 600px;
      margin: 60px auto 0;
}
.shorts_tit img { width: 100%; }
.shorts_inner .view_more {
      max-width: 600px;
      margin: 0 auto;
      padding: 30px 0 60px;
}
.shorts_inner .premium_shorts .view_more img {
      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1);
}
.shorts_inner .view_more img { width: 100%; max-width: 205px; }
@media screen and (max-width: 640px) {
      .shorts_inner .view_more img { width: 100%; max-width: 40vw; }
}
.shorts_list ul {
      width: 600px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
}
.shorts_list ul li { width: 264px;}

.shorts_con {
      width: 264px;
      height: 470px;
      position: relative;
}
.shorts_con .video-container .yt-player {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
}
.shorts_con .video-container {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%) scale(1);
      width: 100%;
      height: 100%;
      transition: all 0.3s;
}
.shorts_con .video-container img {
      width: 100%;
}
.shorts_con .video-container .btn_ytplay {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 99;
      /* opacity: 0.1; */
      display: block;
      overflow: hidden;
      text-indent: -20000px;
}

.shorts_con .video-container iframe {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
}
.shorts_con:hover .video-container {
      transform: translate(-50%,-50%) scale(1.2);
      transition: all 0.3s;
}

@media screen and (max-width: 1024px) {
      .shorts_inner { flex-wrap: wrap;}
      .shorts_inner .premium_shorts {
            width: 100%;
            height: initial;
            padding: 0 0 40px;
            margin: 0 auto;
      }
      .shorts_inner .tip_shorts {
            width: 100%;
            height: initial;
            padding: 0 0 40px;
            margin: 0 auto;
      }
      .shorts_tit { margin: 0 auto; padding: 12vw 0 0; width: 90vw; }
      .shorts_inner { padding: 0; }
      .shorts_inner .view_more {
            width: 90vw;
            margin: 0 auto;
            padding: 8vw 0 10vw;
      }
      .shorts_list ul {
            width: 90vw;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
      }
      .shorts_list ul li { width: 40vw;}
      .shorts_con {
            width: 40vw;
            height: 70vw;
            position: relative;
      }
}
/* SHOWROOM - INTERIOR */
.main_showroom {
      background: #e9ebe8 url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/main_showroom_bg.jpg") no-repeat 0% 0;
      background-size: cover;
}
.main_showroom .showroom_tit {
      padding: 160px 0;
      max-width: 720px;
      margin: 0 auto;
      text-align: center;
}
.main_showroom .showroom_tit img { width: 100%;}
.showroom_inner {
      max-width: 1920px;
      margin: 0 auto;
}
.interior .primary {
      display: flex;
      justify-content: flex-start;
      align-items:  flex-end;
}
.interior { padding: 150px 0; }
@media screen and (max-width: 1024px) {
      .interior { padding: 0; }
}
.interior .primary h3 {
      width: calc(100% - 1050px);
      order: 1;
      text-align: center;
      font-size: 110px;
      font-family: "lato";
      font-weight: 700;
}
.interior .primary h3 span { font-size: 0.5em; }
.interior[data-con="84c"] .primary h3 {
      color: #ffd4b3;
}
.interior[data-con="70a"] .primary h3 {
      color: #9b72b0;
}
.interior[data-con="70b"] .primary h3 {
      color: #df8eb9;
}
.interior[data-con="84c"] .primary .interior_tit { order: 0;}
.interior[data-con="70a"] .primary h3 { order: 0;}

.interior_tit {
      max-width: 1050px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      padding: 0 0 40px;
}
.interior_tit .tit { width: 50%; font-family: "lato"; font-size: 36px; font-weight: 700; letter-spacing: 3px; color: #000; }
.interior_tit .more { width: 50%; text-align: right;}
.interior_tit .interior_img { margin: 20px 0 0;}



.interior_tit .interior_img { width: 100%; position: relative;}
.interior_tit .interior_img img { width: 100%; }
.interior_tit .interior_img::after {
      content: "";
      display: block;
      position: absolute;
      top: 100%;
      left: 0px;
      width: 80%;
      height: 30px;
      background: #e46fa2;
}
.interior[data-con="84c"] .interior_tit .interior_img::after { background: #ffd4b3; }
.interior[data-con="70a"] .interior_tit .interior_img::after { background: #9b72b0; left: initial; right: 0;}
.interior[data-con="70b"] .interior_tit .interior_img::after { background: #df8eb9; }


.interior .secondary { padding: 80px 0; max-width: 1380px; margin: 0 auto;}

.interior .secondary ul {
      display: flex;
      justify-content: flex-end;
}
.interior .secondary ul li {
      margin: 0 0 0 80px;
}
.interior .secondary ul li:hover {
      transition: ease 0.2s;
      transform: scale(1.03);
}
.interior[data-con="70a"] .secondary ul {
      justify-content: flex-start;
}
.interior[data-con="70a"] .secondary ul li {
      margin: 0 80px 0 0;
}
.secondary ul li dd {
      padding: 20px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-family: "lato"; font-size: 20px; font-weight: 700; color: #000;
}
@media screen and (max-width: 1440px) {
      .interior .primary {
            flex-direction: column;
            align-items: center;
      }
      .interior .primary h3 { width: 100%; max-width: 1050px; padding: 80px 40px 0; text-align: right;}
      .interior .secondary { max-width: 1050px;}
      .interior { padding: 50px 0; }
      .interior_tit .tit { width: 50%; padding: 0 0 0 40px; }
      .interior_tit .more { width: 50%; padding: 0 40px 0 0;}
      .interior_tit .more a {
            display: flex;
            align-items: center;
            justify-content: flex-end;
      }
}
@media screen and (max-width: 1024px) {
      .main_showroom {
            background: #e9ebe8 url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/tangjeng2/resources/img/main/m_main_showroom_bg.jpg") no-repeat 100% 0;
            background-size: cover;
      }
      .main_showroom .showroom_tit { padding: 22vw 0 12vw;}
      .interior .primary h3 { padding: 8vw; font-size: 15.2777vw; line-height: 1;}
      .interior_tit .tit { padding: 0 0 0 4vw; font-size: 5vw; }
      .interior_tit .more { padding: 0 4vw 0 0;}
      .interior_tit .more img { width: 30vw; max-width: 200px;}
      .interior_tit .interior_img { margin: 3vw 0 0;}
      .interior_tit .interior_img::after {
            width: 100%;
            height: 4.1666vw;
      }
      .interior { padding: 5vw 0; }
      .interior .secondary { padding: 0 8vw; }
      .interior .secondary ul {
            width: 66vw;
            flex-direction: column;
      }
      .interior .secondary ul li {
            width: 66vw;
            margin: 0;
      }
      .interior .secondary ul li img { width: 100%; }
      .secondary ul li dd { font-size: 3.0555vw; }
      .secondary ul li dd .view_more_btn { width: 10vw; max-width: 60px; }
}
@media screen and (min-width: 1440px) {
      .interior[data-con="84c"] .primary .interior_tit .tit { padding: 0 0 0 80px;}
      .interior[data-con="70b"] .primary .interior_tit .tit { padding: 0 0 0 80px;}
}
@media screen and (max-width: 1024px) {
      .interior[data-con="70a"] .primary h3 { order: 1; text-align: left;}
      .interior[data-con="70a"] .secondary ul { justify-content: flex-end;}
      .interior[data-con="70a"] .secondary ul li { margin: 0 0 0 16vw; }
}