/*
    variable
********************/
:root {
      --blue_theme: #000c42;
      /* contents point colors */
      --premium-box-color:#afbf67;
      --premium-tit-color:#000;
      --premium-status-bar:#011142;
      --premium-btn-hover-color:#24a544;

}



#fp-nav > ul > li:last-child {display: none;}
#fp-nav > ul > li:first-child  {width:13px; height:27px; margin-left:-2px;}
#fp-nav > ul > li {width:11px; height:11px; margin:30px 0 0 0}
#fp-nav > ul > li > a > span {border:3px solid rgba(0,17,64,0.4); width:11px; height:11px; background-color:transparent;  left:50%; top:50%; margin-top:-5px; margin-left:-5px;}
#fp-nav > ul > li > a:before {display: block; content:''; width:1px; height:30px; background-color:rgba(0, 17, 64, 0.4); position:absolute; top:-30px; left:50%; margin-left:-1px}
#fp-nav > ul > li:first-child > a::before {display: none;}
#fp-nav > ul > li:first-child > a > span {width:13px; height:27px; background:url('/resources/img/main/main_arrow_icon.png');border-radius: 0; margin:0;border:none; left:0; top:0; }
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {width:11px; height:11px;}
#fp-nav ul li>li:first-child a.active span, #fp-nav ul li:first-child:hover a.active span {border-radius: 0; width:13px; height:27px; margin:0;}
#fp-nav ul li .fp-tooltip {top:-6px; color:var(--blue_theme); width:auto; opacity: 1;}
#fp-nav ul li:first-child .fp-tooltip {top:3px;}
#fp-nav ul li .fp-tooltip.left {left:25px;}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip {font-weight: bold;}

.dark #fp-nav > ul > li:first-child > a > span {background:url('/resources/img/main/main_arrow_icon_white.png');}
.dark #fp-nav ul li .fp-tooltip {color:#fff;}
.dark #fp-nav > ul > li > a > span {border-color:rgba(255,255,255, 0.4)}
.dark #fp-nav > ul > li > a:before {background-color:rgba(255, 255, 255, 0.4);}

/*
      MAIN
*******************/
.m-only {display: none;}
.pc-only {display: block;}
@media screen and (max-width: 1024px) {
      .m-only {display: block;}
      .pc-only {display: none;}
}
.popupZone  {
      position: absolute;
      right: 0;
      bottom: 50%;
      z-index: 30;
      transform: translateY(50%);
}
.main_quick li a {font-family:'nanumsquare'; letter-spacing:7px;  color:#09193e; font-weight: 500;   position: relative; text-align: center;  width:80px; height:310px; background-color:#c8d8eb; display:block;}
.main_quick li span.img_text_btn {position:absolute;  left:50%; top: 50%; transform: translate(-50%, -50%);}
.main_quick li:first-child a {background-color:#192c5a; color: #fff;}
.main_quick li span.img_text_btn img {vertical-align: middle; margin:25px 0;}
.main_quick li span.img_text_btn span {writing-mode: vertical-lr;display:inline;}

.circle_btn {transform: rotate(-180deg);transition:all .3s ease}
.main_quick li:first-child a.on .circle_btn {transform: rotate(0);}

/* 아이콘 퀵메뉴 */
.quick_menu {
      position: absolute;
      width: 52px;
      left: 5%;
      top: 150px;
      z-index: 333;
      margin: 12rem 0 0 0;
}
@media screen and (max-width: 1024px) {
      .quick_menu {
            display: none;
      }
}
.sub_wrap .quick_menu ,
.main_wrap .quick_menu {
      top: 50%;
      transform: translate(0,-50%);
}
@media screen and (max-width: 1800px) {
.quick_menu {
      transform: translateX(0);
      }
}
.quick_menu ul li.util a {
      display:inline-block;
      width: 50px;
      height: 50px;
      position: relative;
      border-radius: 50px;
      color: #fff;
      padding: 10px 0 0 50px;
      font-weight: 400;
      transition: all 0.5s;
      overflow: hidden;
      white-space: nowrap;
      background: var(--blue_theme);
      border: 1px solid var(--blue_theme);
}
.quick_menu ul li.util a:hover {
      width: 130px;
      transition: all 0.5s;
      border-top-left-radius: 50px;
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px;
      border-bottom-left-radius: 10px;
}
.quick_menu ul li:last-child.util a:hover {
      width: 180px;
      transition: all 0.5s;
}
.quick_menu ul li.util a::before {
      content: "";
      display: block;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 50px;
      height: 50px;
      z-index: 9;
}
.quick_menu ul li.util a.youtube::before {background: url("/resources/img/common/icon_youtube.png") no-repeat 0 0; background-position: center;}
.quick_menu ul li.util a.insta::before {background: url("/resources/img/common/icon_insta.png") no-repeat 0 0; background-position: center;}
.quick_menu ul li.util a.youtube:hover::before {background: url("/resources/img/common/icon_youtube.png") no-repeat 0 0; background-position: center;}
.quick_menu ul li.util a.insta:hover::before {background: url("/resources/img/common/icon_insta.png") no-repeat 0 0; background-position: center;}



.quick_menu ul li.util a.youtube:hover { background: url("/resources/img/common/youtube_bg.png") no-repeat 0 0; background-position: center; border: none; background-size: cover;}
.quick_menu ul li.util a.insta:hover { background: url("/resources/img/common/insta_bg.png") no-repeat 0 0; background-position: center; border: none; background-size: cover;}

.wrap_1700 {max-width: 1700px; width: 100%; margin: 0 auto;}
.tit_box {position: relative;}
.tit_box h1 {font-family: "Montserrat", sans-serif; font-size: 110px; color: #eeeef0; font-weight: 800; position: absolute; left: -10%; top: -160px; width: 800px;}
.tit_box h5 {font-family: "Montserrat", sans-serif; font-size: 20px; color: var(--blue_theme); font-weight: 600;}
.tit_box p {font-family: 'Pretendard'; font-size: 48px; color: #222222; line-height: 60px; margin-bottom: 30px; position: relative; z-index: 1;}
.tit_box p strong {font-weight: 600;}

@media screen and (max-width: 1680px) {
      .section01 .main_visual_slide .main_visual_01 > div > img {transform: scale(0.7);}
}

.section01 {position:relative; overflow: hidden;}
.section01 .main_visual_slide {width: 100%;}
.section01 .main_visual_slide .swiper-slide {width: 100%; height: 100vh; background: #fff;}
/* .section01 .main_visual_slide .main_visual_01 {background: url('/resources/img/main/main_visual_01.jpg') no-repeat; background-size: cover; background-position: center top;} */
.section01 .main_visual_slide .main_visual_01 #main_visual_01_01 {background: url('/resources/img/main/main_visual01.jpg') no-repeat; background-size: cover; background-position: center bottom;}
.section01 .main_visual_slide .main_visual_01 #main_visual_01_02 {background: url('/resources/img/main/main_visual02.jpg') no-repeat; background-size: cover; background-position: center bottom;}
.section01 .main_visual_slide .main_visual_01 > .main_visual_txt {position: absolute; top: 24%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.section01 .main_visual_slide .main_visual_01 .control_box {z-index: 2; position: relative; width: 200px; bottom: 45px; margin: 0 auto; padding: 20px; }
.section01 .main_visual_slide .main_visual_01 .control_box .swiper-pagination {top: 50%; left: 50%; transform: translate(-50%, -50%);}
.section01 .main_visual_slide .main_visual_01 .control_box .swiper-pagination .swiper-pagination-bullet {background: #fff; width: 15px; height: 15px; margin: 0 5px; opacity: 0.3;}
.section01 .main_visual_slide .main_visual_01 .control_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}
.section01 .main_visual_slide .main_visual_01 .control_box .swiper-button-next, .section01 .main_visual_slide .main_visual_01 .control_box .swiper-button-prev {filter: brightness(0) invert(1); transform: scale(0.6);}
.section01 .main_visual_slide .main_visual_01 .control_box .swiper-button-next {right: 30px;}
.section01 .main_visual_slide .main_visual_01 .control_box .swiper-button-prev {left: 30px;}
.section01 .main_visual_slide > .swiper-pagination {bottom: 0; right: 0;}
.section01 .main_visual_slide > .swiper-pagination > .swiper-pagination-bullet {width: 200px; height: 90px; border-radius: inherit; background: rgba(0, 0, 0, 0.7); opacity: 1; color: #b9b9b9; font-family: 'Pretendard'; text-align: left; padding: 20px; margin: 0 5px;}
.section01 .main_visual_slide > .swiper-pagination > .swiper-pagination-bullet:last-child {margin-right: 0;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {width: auto; left: inherit; right: 0; bottom: 0;}
.section01 .main_visual_slide > .swiper-pagination .swiper-pagination-bullet h1 {font-weight: 600;}
.section01 .main_visual_slide > .swiper-pagination .swiper-pagination-bullet h1::after {display: inline-block; content: ""; width: 110px; height: 2px; background-color: #b9b9b9; position: relative; top: -6px; left: 10px;}
.section01 .main_visual_slide > .swiper-pagination .swiper-pagination-bullet p {font-size: 18px; font-weight: 400;}
.section01 .main_visual_slide > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: rgba(255, 255, 255, 1);}
.section01 .main_visual_slide > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active h1 {color: var(--blue_theme);}
.section01 .main_visual_slide > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active p {color: #222222;}
.section01 .main_visual_slide .main_visual_02 iframe {height: 100vh;}
.section01 .main_visual_slide .main_visual_03 .youtube_dummy {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
.section01 .main_visual_slide .main_visual_03 iframe {position: relative; height: 100vh; }
/* .section01 .main_visual_slide .main_visual_03 {position:relative;padding-bottom:56.25%;height:0px;overflow:hidden;}
.section01 .main_visual_slide .main_visual_03 .youtube_dummy {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
.section01 .main_visual_slide .main_visual_03 iframe {position: relative; position:absolute;top:0;left:0;width:100%;height:100%
} */
.section01 .main_visual_slide .main_visual_01 .cg_Swiper .swiper-slide:nth-child(1) {background: url('/resources/img/main/main_visual_01.jpg') no-repeat; background-size: cover; background-position: center top;}
.section01 .main_visual_slide .main_visual_01 .cg_Swiper .swiper-slide:nth-child(2) {background: url('/resources/img/main/main_visual_01.jpg') no-repeat; background-size: cover; background-position: center top;}

.section00 {padding: 10vh 0;}
.section00 .tit_box h1 {left: inherit; right: -8%; top: -65px;}
.section00 .swiper-slide h5 {font-family: 'Pretendard'; font-size: 20px; color: var(--blue_theme); margin-top: 20px;font-weight: 500;}
.section00 .swiper-slide h5 strong {font-size: 36px; font-weight: 600;}
.section00 .swiper-slide p {font-size: 20px; line-height: 31px; letter-spacing: -1px; color: #222; font-weight: 400;}
@media screen and (min-width: 1024px) {
      .section00 .swiper-wrapper {gap: 2%;}
      .section00 .swiper-slide {width: calc(96%/3);}
      .section00 .swiper-slide img {width: 100%;}
}
@media screen and (max-width: 1024px) {
      .section00 {padding: 10vh 0 2vh;}
      .section00 .wrap_1700 .tit_box h1 {font-size: 12vw; left: 1%; top: -16vw; width: auto;}
      .section00 .swiper-slide {width:100%;}
      .section00 .swiper-slide img {width: 100%;}
      .section00 .main_slide_community {overflow: hidden; padding-bottom: 30px;}
}

.section02 {padding: 10vw 0;}
.section02 .wrap_1700 {display: flex; flex-direction: column;}
.section02 .wrap_1700 > div {display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 40px 0;}

.section02 .wrap_1700 > div #img_box_01 {width: 45%; height: 195px; background: url('/resources/img/main/main_section02_01.jpg') no-repeat; background-position: center;}
.section02 .wrap_1700 > div #img_box_02 {width: 80%; height: 195px;background: url('/resources/img/main/main_section02_02.jpg') no-repeat; background-position: center;}
.section02 .wrap_1700 > div #img_box_03 {width: 250px; height: 195px;background: url('/resources/img/main/main_section02_03.jpg') no-repeat; background-position: center;}

.interior {position: relative;}
.interior #interior_bg_01 {position: absolute; left: 0; top: 0; width: 50vw; height: 90vh; background: #f2f3f5;}
.interior #interior_bg_02 {position: absolute; left: 0; bottom: 0; width: 95vw; height: 460px; background: url('/resources/img/main/interior_bg_02.jpg') no-repeat;}
.interior .wrap_1700 {z-index: 2; position: relative;}
.interior .btn_box {margin: 30px 0 60px;}
.interior #interior_84a {display: flex; flex-direction: row; justify-content: space-between; position: relative;}
.interior #interior_84b {display: flex; flex-direction: row; justify-content: space-between; position: relative;}
.interior #interior_110 {display: flex; flex-direction: row; justify-content: flex-start; position: relative;}
.interior .interior_tit {font-family: 'Pretendard'; font-size: 120px; color: var(--blue_theme); font-weight: 800; line-height: 140px;}

.interior #interior_84a {padding: 10vh 0;}
.interior #interior_84a > div:nth-child(2) > div:nth-child(2) {text-align: right;}
.interior #interior_84b {padding: 10vh 0;}
.interior #interior_110 {padding: 10vh 0; position: relative;}
.interior #interior_110 > div:nth-child(1) {display: flex; flex-direction: row; align-items: center;}
.interior #interior_110 > div:nth-child(1) img:nth-child(2) {position: relative; left: -100px;}


.unit {background: url('/resources/img/main/main_unit_bg.jpg') no-repeat; background-position: center; width: 100%; background-size: cover; background-position: top left; padding: 10vh 0; box-sizing: border-box;}
.unit .wrap_1700 {display: flex; flex-direction: row; justify-content: space-between;}
.unit .wrap_1700 #unit_box {width: 60%; padding: 10vw 0; margin-right: 3%;}
.unit .wrap_1700 #unit_box .swiper-slide div {background: #fff; border: 1px solid #dddddd; padding: 20px 0; text-align: center;}
.unit .wrap_1700 #unit_box .swiper-slide div img {width: 100%; height: auto;}
.unit .wrap_1700 #unit_box .swiper-slide > a div:nth-child(2) {padding: 10px 20px; background: var(--blue_theme); text-align: left;}
.unit .wrap_1700 #unit_box .swiper-slide > a div:nth-child(2) p {font-size: 18px; font-family: 'Pretendard'; color: #fff;}
.unit .wrap_1700 #unit_box .swiper-slide > a div:nth-child(2) p strong {font-weight: 600; font-size: 24px;}
.unit .wrap_1700 #unit_box .swiper-slide > a div:nth-child(2) p strong::after {display: inline-block; content: "|"; margin: 0 10px; font-weight: 100;}
.unit .wrap_1700 #unit_box .swiper-slide:nth-child(2n-1) {position: relative; top: -4vw;}
.unit .wrap_1700 #unit_box .swiper-slide:nth-child(2n) {position: relative; top: 0;}
/* .unit .swiper-button-next, .unit .swiper-button-prev {display: none;} */
.unit .unit_slide {overflow: hidden; padding: 100px 0;}
.unit .swiper-button-next, .unit .swiper-button-prev {display: block; width: 40px; height: 40px; background-size: cover;}
.unit .swiper-button-prev, .unit .swiper-container-rtl .swiper-button-next {background-image: url('/resources/img/main/main_arrow_prev.png'); left: -50px;}
.unit .swiper-button-next,  .swiper-container-rtl .swiper-button-prev {background-image: url('/resources/img/main/main_arrow_next.png'); right: -50px;}

.brand {padding: 10vw 0;}
.brand > div {max-width: 1300px; margin: 0 auto; width: 100%; text-align: center; background: url('/resources/img/main/main_video_bg.png') no-repeat; background-size: contain;}
.brand > div h5 {font-size: 60px; color: var(--blue_theme); line-height: 73px;}
.brand > div h5 strong {font-weight: 600;}
.brand > div > p {font-size: 20px; color: #222; margin: 40px 0; font-weight: 400;}
.brand .video-container #vid_01 {
      width: 100%;
      height: 730px;
      box-shadow: 1.25vw 1.25vw #09193e;
}
.brand .btn_box {margin: 70px 0 0;}
.brand .btn_box a {margin: 0 20px;}

.btn_box {display: flex; flex-direction: row; justify-content: center;}
.btn_box a {position: relative; }
.btn_box a div::before {content: ""; display: inline-block; width: 20%; height: 100%; background-color: #e5e6ec; position: absolute; left: 0; top: 0;}
.btn_box a:hover div::before {width: 100%; transition:all .2s ease}
.btn_box a div p {font-family: "Montserrat", sans-serif; font-size: 18px; color: var(--blue_theme); font-weight: 600; padding: 10px 20px; z-index: 2; position: relative;}
.btn_box a div p::after {display: inline-block; content: ""; background: url('/resources/img/main/btn_arrow.png') no-repeat; width: 9px; height: 15px; background-position: center; background-size: cover; position: relative; top: 1px; margin-left: 10px;}
.btn_more {display: inline-block; padding-bottom: 3px; border-bottom: 1px solid #000022;}
.btn_more div {font-family: 'Pretendard'; font-size: 18px; color: #000022; font-weight: 500;}
.btn_more div::after {display: inline-block; content: ""; background: url('/resources/img/main/btn_arrow.png') no-repeat; width: 9px; height: 15px; background-position: center; background-size: cover; position: relative; top: 1px; margin-left: 10px;}


@media screen and (max-width: 1024px) {
      .main_wrap {overflow-x: hidden;}

      .wrap_1700 {padding: 0 20px;}

      .main_container {padding-top:85px;}
      .popupZone {width:100%; top:0; bottom:0; left:0; right:0; transform: translateY(0); }
      .popupZone .main_quick {display: none;}

      .tit_box p {position: relative; z-index: 2; font-size: 5.1vw; line-height: 7vw;}

      .section01 .main_visual_slide .swiper-slide {height: 80vh;}
      .section01 .main_visual_slide .main_visual_02 iframe {height: 80vh;}
      .section01 .main_visual_slide .main_visual_03 iframe {height: 85vh; top: -5vh;}
      /* .section01 .main_visual_slide .main_visual_01 {background: url('/resources/img/main/m_main_visual01.jpg') no-repeat; background-size: cover; background-position: center;} */
      .section01 .main_visual_slide .main_visual_01 #main_visual_01_01 {background: url('/resources/img/main/m_main_visual01.jpg') no-repeat; background-size: cover; background-position: center;}
      .section01 .main_visual_slide .main_visual_01 #main_visual_01_02 {background: url('/resources/img/main/m_main_visual02.jpg') no-repeat; background-size: cover; background-position: center;}
      .section01 .main_visual_slide .main_visual_01 .control_box {bottom: 25vw;}
      .section01 .main_visual_slide .main_visual_01 > div > img {transform: scale(0.7);}
      .section01 .main_visual_slide > .swiper-pagination {width: 100%;}
      .section01 .main_visual_slide > .swiper-pagination .swiper-pagination-bullet {width: 27vw; height: 16vw; padding: 2vw;}
      .section01 .main_visual_slide > .swiper-pagination .swiper-pagination-bullet h1::after {width: 55%;}
      .section01 .main_visual_slide > .swiper-pagination .swiper-pagination-bullet h1 {font-size: 3.5vw;}
      .section01 .main_visual_slide > .swiper-pagination .swiper-pagination-bullet p {font-size: 3.2vw;}

      .section02 .wrap_1700 {padding: 18vw 0;}
      .section02 .wrap_1700 .tit_box h1 {font-size: 12vw; left: 1%; top: -16vw; width: auto;}
      .section02 .wrap_1700 .tit_box {padding: 0 20px;}
      .section02 .wrap_1700 > div {flex-direction: column; margin: 0; align-items: inherit;}
      .section02 .wrap_1700 > div:nth-child(2) {flex-direction: column-reverse;}
      .section02 .wrap_1700 > div #img_box_01 {background: url('/resources/img/main/m_main_section02_01.jpg') no-repeat; background-position: right; width: 90%; margin-left: 10%; height: 26vw;background-size: 100%; margin-bottom: 5vw;}
      .section02 .wrap_1700 > div #img_box_02 {background: url('/resources/img/main/m_main_section02_02.jpg') no-repeat; width: 90%; height: 26vw; background-position: 79%; background-size: 100%;}
      .section02 .wrap_1700 > div #img_box_03 {display: none;}

      .interior .interior_tit {font-size: 12.5vw; line-height: 13vw;}
      .btn_more div {font-size: 2.778vw;}
      .btn_more div::after {height: 9px; background-size: contain;}
      .interior .wrap_1700 > div {padding: 5vh 0 !important;}
      .interior #interior_84a {flex-direction: column;}
      .interior #interior_84a img {width: 100%; height: auto;}
      .interior #interior_84a > div:nth-child(2) > div:nth-child(1) {position: relative; top: -25vw; left: -7vw; transform: scale(0.7); height: 60vw;}

      .interior #interior_84b {flex-direction: column-reverse; position: relative;}
      .interior #interior_84b img {width: 100%; height: auto;}
      .interior #interior_84b > div:nth-child(1) > div:nth-child(1) {transform: scale(0.7); height: 60vw; position: relative; left: 13vw; top: -5vw;}

      .interior #interior_110 {flex-direction: column;}
      .interior #interior_110 img {width: 85%; height: auto;}
      .interior #interior_110 > div:nth-child(1) {flex-direction: column; align-items: flex-end;}
      .interior #interior_110 > div:nth-child(1) .btn_box{transform: scale(0.7); justify-content: flex-start; margin: 30px 0; position: relative; left: -12vw;}
      .interior #interior_110 > div:nth-child(1) img:nth-child(2) {width: 80%; left: 0;}
      .interior .interior_tit {margin-top: 15px;}
      .interior #interior_bg_02 {height: 28vh;background: url('/resources/img/main/m_interior_bg_02.jpg') no-repeat; background-size: cover; background-position: right;}

      .unit {height: auto;}
      .unit {background-image: url('/resources/img/main/m_main_unit_bg.jpg');}
      .unit .wrap_1700 {flex-direction: column;}
      .unit .wrap_1700 #unit_box {width: 100%; margin-right: 0;}
      .unit .wrap_1700 #unit_box {padding: 10vw 15vw;}
      .unit .wrap_1700 #unit_box > div {padding: 0;}
      /* .unit .wrap_1700 #unit_box .swiper-slide div {padding: 10vw 0;} */
      .unit .swiper-button-next, .unit .swiper-button-prev {display: block; width: 40px; height: 40px; background-size: cover;}
      .unit .swiper-button-prev, .unit .swiper-container-rtl .swiper-button-next {left: 2px;}
      .unit .swiper-button-next,  .swiper-container-rtl .swiper-button-prev {right: 2px;}



      .brand {padding: 20vw 10px;}
      .brand > div {background-position-y: 19vw;}
      .brand > div h5 {font-size: 6.111vw; line-height: 9vw;}
      .brand > div p {font-size: 3.556vw; margin: 25px 0;}
      .brand .video-container #vid_01 {position:static; width:90vw; height:53vw;}

}

@media screen and (max-width: 960px) {
      .video-container #vid_01 {position:static; width:100%; height:53vw;}
}

@media screen and (max-width: 660px) {
      .unit .wrap_1700 #unit_box .swiper-slide:nth-child(2n-1), .unit .wrap_1700 #unit_box .swiper-slide:nth-child(2n), .unit .wrap_1700 #unit_box .swiper-slide:nth-child(3n)  {top: 0;}

      .brand .btn_box a {margin: 10px 0;}
      .brand .btn_box a div p {font-size: 2.8vw; padding: 10px 15px; margin: 0;}
      .brand .btn_box a div::after {width: 2vw; height: 9px;}

      .section00 .swiper-slide h5 {font-size: 4vw;}
      .section00 .swiper-slide h5 strong {font-size: 6vw;}
      .section00 .swiper-container-horizontal>.swiper-pagination-progressbar, .section00 .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {top: inherit; bottom: 0px;}
      .unit .wrap_1700 #unit_box .swiper-slide > a div:nth-child(2) p {font-size: 4vw;}
      .unit .wrap_1700 #unit_box .swiper-slide > a div:nth-child(2) p strong {font-size: 5vw;}
}


/* 추가 */
.main2_section10.main {max-width: 1721px; width: 100%; margin: 0 auto; padding: 5vw 0 3vw;}
.main2_section10.main .cont_08_03 .img_box {display: flex; flex-direction: row; gap: 0.5%; border-radius: 15px; overflow: hidden; margin-bottom: 40px;}
.main2_section10.main .cont_08_03 .img_box img:nth-of-type(1) {width: 43%; max-width: 724px; image-rendering: pixelated;}
.main2_section10.main .cont_08_03 .img_box img:nth-of-type(2) {width: 58%; max-width: 965px;}
.main2_section10.main .section10_txtbox {display: flex; flex-direction: row; justify-content: space-between;}
.main2_section10.main .section10_txtbox h5 {font-family: 'Pretendard'; font-size: 20px; color: var(--blue_theme); margin: 20px 0 10px;font-weight: 600; display: flex; justify-content: normal; align-items: flex-end;}
.main2_section10.main .section10_txtbox h5 strong {font-size: 36px; font-weight: 800; margin-left: 15px; line-height: 41px;}
.main2_section10.main .section10_txtbox p {font-size: 18px; line-height: 31px; letter-spacing: -1px; color: #222; font-weight: 400;}
@media screen and (max-width: 1024px) {
      .main2_section10.main {padding: 10vw 0 2vw;}
      .main2_section10.main .cont_08_03 .img_box, .main2_section10.main .section10_txtbox {flex-direction: column;}
      .main2_section10.main .cont_08_03 .img_box img:nth-of-type(1) {margin-bottom: 5px;}
      .main2_section10.main .cont_08_03 .img_box img:nth-of-type(1), .main2_section10.main .cont_08_03 .img_box img:nth-of-type(2) {width: 100%;}
}

@media screen and (max-width: 660px) {
      .main2_section10.main .cont_08_03 .img_box {margin-bottom: 10px;}

      .main2_section10.main .section10_txtbox h5 {font-size: 4vw; margin: 5px 0 10px;}
      .main2_section10.main .section10_txtbox h5 strong {font-size: 5.5vw; line-height: 7vw;}
      .main2_section10.main .section10_txtbox p {font-size: 3.5vw; line-height: 5.2vw;}
}