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

}

html {overflow-x: hidden; color: #222;}

#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);}
@import url("https://cdn.linearicons.com/free/1.0.0/icon-font.min.css");
/*
      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;}


.main2_wrap {max-width: 1721px; width: 100%; margin: 0 auto;}

.main2_section01 .main2_visual {width: 100%; height: 100vh; background: url('/resources/img/main2/main2_visual.jpg') no-repeat; background-size: cover; background-position: center bottom;}
.main2_section01 .main2_visual div {position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); max-width: 1920px; width: 100%; padding: 0 5%; }
.main2_section01 .main2_visual div img {margin: 0 auto; width: 100%;}

.main2_section02 > div {display: flex; flex-direction: row; padding: 5vw 0 5vw 5vw; justify-content: space-between; gap: 3%;}
.main2_section02 > div img {width: 100%; height:  auto;}
.main2_section02 .left {display: flex; flex-direction: column; justify-content: space-between; }
.main2_section02 .left div p {font-family: "Pretendard"; font-size: 28px; color: #222; letter-spacing: -1px; margin-bottom: 25px;}
.main2_section02 .left div p strong {font-weight: 800; color: var(--blue_theme);}
.main2_section02 .left div h5 {font-family: "Pretendard"; font-size: 2.5vw; color: #222; line-height: 3vw; position: relative;}
.main2_section02 .left div h5 strong {font-weight: 800; color: var(--blue_theme); }
.main2_section02 .left div h5::after {content: "(예정)"; font-size: 1.050vw; font-weight: 300; position: absolute; bottom: -0.2vw; right: -1.2vw;}
@media screen and (min-width: 1920px) {
      .main2_section02 .left div h5 {font-size: 48px;}
      .main2_section02 .left div h5::after {bottom: -0.2vw; right: -1.8vw;}
}
.flow_txt {font-size: 9.167vw; font-family: "Montserrat", sans-serif; font-weight: 500; color: var(--blue_theme); position: relative; width: 100%;max-width:100%; height: 15vw; padding:0; overflow-x: hidden; overflow-y: hidden; line-height: 11vw;}
.flow_txt .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 50s linear infinite; }
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (hover: hover) and (min-width: 700px){
      .flow_txt p {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
}


.main2_section03 {padding: 0 0 10vw;}
.main2_section03 .main2_wrap {display: flex; flex-direction: row; justify-content: space-between; gap: 2%;}
.main2_section03 .main2_wrap .news_map {width: 63%;}
.main2_section03 .main2_wrap .news_map img {width: 100%;}
.main2_section03 .main2_wrap .news_box {background: #f6f7fa; padding: 2%; width: 35%;}
.main2_section03 .main2_wrap .news_box .news_tit {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; padding-bottom: 20px; border-bottom: 1px solid #ccced4; margin-top: 20px;}
.main2_section03 .main2_wrap .news_box .news_tit h5 {font-family: "Pretendard"; font-size: 40px; font-weight: 300; color: #222222; line-height: 33px;}
.main2_section03 .main2_wrap .news_box .news_cont p {font-family: "Pretendard"; font-size: 1.667vw; color: #222; letter-spacing: -1px; font-weight: 400; line-height: 2.4vw; margin: 35px 0 25px; position: relative;}
@media screen and (min-width: 1920px) {
      .main2_section03 .main2_wrap .news_box .news_cont p {font-size: 32px; line-height: 43px;}
}
.main2_section03 .main2_wrap .news_box .news_cont p strong {font-weight: 600;}
.main2_section03 .main2_wrap .news_box .news_cont p::after {content: "2024.02.27 15:07"; font-size: 0.729vw; position: absolute; right: 0.5vw; bottom: -0.5vw; color: #aeb2be;}
.main2_section03 .main2_wrap .news_box .news_cont img {width: 100%; height: auto;}

.main2_section04 {padding-bottom: 10vh;}
.main2_section04 .main2_wrap {text-align: center; background: #001141; padding-top: 50px;}
.main2_section04 .main2_wrap img {max-width: 1630px; width: 100%; height: auto; margin: 0 auto;}
.main2_section04 .main2_wrap h5 {font-family: "Pretendard"; font-size: 28px; font-weight: 300; color: #fff; padding: 30px 0;}
.main2_section04 .main2_wrap h5 strong {font-weight: 600;}

.main2_section05 {}
.main2_section05 .main2_wrap {display: flex; flex-direction: row; justify-content: space-between; gap: 4%;}
.main2_section05 .main2_wrap .img_box {width: 50%;}
.main2_section05 .main2_wrap .img_box img {width: 100%; height: auto;}
.main2_section05 .main2_wrap .cont_box {width: 46%;}
.main2_section05 .main2_wrap .cont_box h1 {font-size: 2.500vw; line-height: 3vw; margin-bottom: 35px;}
@media screen and (min-width: 1920px) {
      .main2_section05 .main2_wrap .cont_box h1 {font-size: 48px; line-height: 58px;}
}
.main2_section05 .main2_wrap .cont_box h1 strong {font-weight: 600;}


/* .main2_section06 {max-width: 1920px; width: 100%; height: 100vh; margin: 0 auto; background: url('/resources/img/main2/main2_section06_bg.jpg') no-repeat; background-size: cover; background-position: center top; position: relative;} */
.main2_section06 {max-width: 1920px; width: 100%; margin: 0 auto; position: relative;}
/* .main2_section06 {max-width: 1920px; width: 100%; margin: 0 auto; position: relative; background: url('/resources/img/main2/main2_section08_bg.jpg') no-repeat; background-size: cover; background-position: center top; position: relative;} */
.main2_section06 > div {width: 100%; text-align: center; height: 70vw; padding-top: 30vw; background: url('/resources/img/main2/main2_section08_bg.jpg') no-repeat; background-size: cover; background-position: center top; }
/* .main2_section06 > div {width: 100%; text-align: center; position: absolute; top: 20%; left: 50%; transform: translate(-50%, -50%);} */
/* .main2_section06 div {width: 100%; text-align: center; background: url('/resources/img/main2/main2_section06_bg.jpg') no-repeat; padding: 12vh 0 5vh;} */
.main2_section06 > div p {font-family: "Pretendard"; font-size: 32px; font-weight: 300; margin-bottom: 30px;}
.main2_section06 > div p strong {font-weight: 800;}
.main2_section06 > img {width: 100%; height: auto;}

.main2_section07 {max-width: 1920px; width: 100%; margin: 0 auto; background: url('/resources/img/main2/main2_section07_bg.jpg') no-repeat; text-align: center; background-size: cover; background-position: center; padding: 10vh 0;}
.main2_section07 .main2_wrap img {margin: 0 auto; margin-bottom: 50px;}
.main2_section07 .main2_wrap div img {margin: 0 15px}

.main2_section08 {background: #f6fafc;}
.main2_section08 h1 {font-family: "Montserrat", sans-serif; font-size: 60px; font-weight: 800; color: var(--blue_theme); letter-spacing: -2px; text-align: center;}
.main2_section08 > .main2_wrap > img {margin: 0 auto; padding: 5vh 0 10vh;}
.tit_box {position: relative;}
.tit_box h1 {font-family: "Montserrat", sans-serif; font-size: 110px; color: #d5e1ea; 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: 36px; color: #222222; line-height: 57px; margin-bottom: 30px; position: relative; z-index: 1;}
.tit_box p span {font-weight: 600; letter-spacing: -1px;}
.tit_box p strong {font-weight: 800;}
.tit_box i {font-size: 24px;}
.tit_box h1 {left: inherit; right: -8%; top: -65px;}

.main2_section08 .main2_wrap {padding: 3vw 0;}
.main2_section08 .cont_08_01 {padding: 1vw 0;}
.main2_section08 .cont_08_01 .cont_box {display: flex; flex-direction: row; gap: 3%; }
.main2_section08 .cont_08_01 .cont_box .img_box {border-radius: 15px; overflow: hidden; width: 52%;}
.main2_section08 .cont_08_01 .cont_box .img_box img {width: 100%;}
.main2_section08 .cont_08_01 .cont_box .txt_box {width: 48%;}
.main2_section08 .cont_08_01 .cont_box .txt_box h5 {font-family: 'Pretendard'; font-size: 42px; color: var(--blue_theme); line-height: 60px; font-weight: 800; margin-bottom: 50px;}
.main2_section08 .cont_08_01 .cont_box .txt_box h4 {font-family: 'Pretendard'; font-size: 36px; color: var(--blue_theme); line-height: 50px; font-weight: 400; margin-bottom: 50px;}
.main2_section08 .cont_08_01 .cont_box .txt_box h4 strong {font-weight: 800;}
.main2_section08 .main2_wrap .cont_box .section08_cont {display: flex; flex-direction: row; justify-content: space-between; gap: 3%; border-bottom: 2px solid #ededed; padding: 15px 0;}
.main2_section08 .main2_wrap .cont_box .section08_cont:last-child {border-bottom: none;}
.main2_section08 .main2_wrap .cont_box .section08_cont div:nth-child(1) {width: 35%;}
.main2_section08 .main2_wrap .cont_box .section08_cont div:nth-child(1) h4 {font-size: 28px; line-height: 40px; font-family: "Pretendard"; font-weight: 600;}
.main2_section08 .main2_wrap .cont_box .section08_cont div:nth-child(1) h4 span {font-family: 'Noto Sans KR', sans-serif; }
.main2_section08 .main2_wrap .cont_box .section08_cont div:nth-child(2) {width: 77%;}
.main2_section08 .main2_wrap .cont_box .section08_cont div:nth-child(1) h4 strong {font-weight: 800;}
.main2_section08 .main2_wrap .cont_box .section08_cont div:nth-child(2) h5 {font-size: 22px; line-height: 32px; font-family: "Pretendard"; font-weight: 600; margin-bottom: 10px;}
.main2_section08 .main2_wrap .cont_box .section08_cont div:nth-child(2) p {font-size: 18px; line-height: 26px; font-family: "Pretendard"; font-weight: 500;}
.main2_section08 .main2_wrap .cont_box #section08_cont_01 h4, .main2_section08 .main2_wrap .cont_box #section08_cont_01 h5 {color: #00acb3;}
.main2_section08 .main2_wrap .cont_box #section08_cont_02 h4, .main2_section08 .main2_wrap .cont_box #section08_cont_02 h5 {color: #83bd36;}
.main2_section08 .main2_wrap .cont_box #section08_cont_03 h4, .main2_section08 .main2_wrap .cont_box #section08_cont_03 h5 {color: #f8b600;}
.main2_section08 .main2_wrap .cont_box #section08_cont_04 h4, .main2_section08 .main2_wrap .cont_box #section08_cont_04 h5 {color: #eb5f2f;}

.main2_section09 {max-width: 1721px; width: 100%; padding: 5vh 0; margin: 0 auto;}
.main2_section09 .cont_08_02 {padding: 3vw 0;}
.main2_section09 .cont_08_02 .cont_box > img {border-radius: 15px; width: 100%; height: auto;}
.main2_section09 .cont_08_02 .cont_box > div h5 {font-family: 'Pretendard'; font-size: 30px; color: var(--blue_theme); font-weight: 800;}
.main2_section09 .cont_08_02 .cont_box > div {text-align: right; margin-top: 20px;}
.main2_section09 .cont_08_02 .cont_box > div p {font-family: 'Pretendard'; font-size: 24px; color: #222; font-weight: 300;}
.main2_section09 .cont_08_02 .cont_box > div p strong {font-weight: 600;}

.main2_section10 {max-width: 1721px; width: 100%; padding-bottom: 10vh; margin: 0 auto;}
/* .main2_section10 .cont_08_03 {padding: 3vw 0;} */
.main2_section10 .cont_08_03 .img_box {display: flex; flex-direction: row; gap: 0.5%; border-radius: 15px; overflow: hidden; margin-bottom: 40px; justify-content: space-evenly;}
/* .main2_section10 .cont_08_03 .img_box img {width: 100%;} */
.main2_section10 .cont_08_03 .img_box img:nth-of-type(1) {width: 43%; max-width: 724px; image-rendering: pixelated;}
.main2_section10 .cont_08_03 .img_box img:nth-of-type(2) {width: 58%; max-width: 965px;}

.main2_section10 .community_txt {display: flex; justify-content: space-between;}
.main2_section10 .community_txt 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 .community_txt h5 strong {font-size: 36px; font-weight: 800; margin-left: 15px; line-height: 41px;}
.main2_section10 .community_txt p {font-size: 18px; line-height: 31px; letter-spacing: -1px; color: #222; font-weight: 400;}

@media screen and (max-width: 1024px) {
      .tit_box p { position: relative; z-index: 2; font-size: 4.9vw; line-height: 7vw;}

      .pop_wrap {display: none !important;}
      .main2_wrap {padding: 0 20px;}
      .main2_section01 .main2_visual div img {transform: scale(0.7);}

      .main2_section02 .left div p {font-size: 3.889vw; margin-bottom: 15px;}
      .main2_section02 .left div h5 {font-size: 6.667vw; line-height: 9vw; margin-bottom: 20px;}
      .main2_section02 > div {padding: 20vw 20px; flex-direction: column;}
      .main2_section02 .left div h5::after {font-size: 3.24vw; right: 17.8vw}
      .main2_section02 .left {margin-bottom: 30px;}

      .flow_txt {font-size: 12.167vw;}

      .main2_section03 .main2_wrap {flex-direction: column; padding: 0 20px 0 20px;}
      .main2_section03 .main2_wrap .news_map {width: 100%; margin-bottom: 20px;}
      .main2_section03 .main2_wrap .news_box {width: 100%; padding: 10% 5%;}
      .main2_section03 .main2_wrap .news_box .news_tit h5 {font-size: 6.667Vw; line-height: 3vw;}
      .main2_section03 .main2_wrap .news_box .news_tit img {width: 35%;}
      .main2_section03 .main2_wrap .news_box .news_cont p {font-size: 4.722vw; line-height: 6vw;}
      .main2_section03 .main2_wrap .news_box .news_cont p::after {font-size: 2.929vw;}

      .main2_section04 {padding: 2vh 20px;}
      .main2_section04 .main2_wrap {padding: 4%;}
      .main2_section04 .main2_wrap h5 {font-size: 4.722vw; padding: 15px 0 5px;}

      .main2_section05 {padding: 0 20px 4vh;}
      .main2_section05 .main2_wrap  {flex-direction: column;}
      .main2_section05 .main2_wrap .img_box {width: 100%;}
      .main2_section05 .main2_wrap .cont_box {width: 100%;}
      .main2_section05 .main2_wrap .cont_box h1 {font-size: 6.167vw; line-height: 8vw; margin: 20px 0 0;}

      .main2_section06 > div {height: 80vw; padding-top: 20vw;}
      .main2_section06 div p {font-size: 4.444vw; margin-bottom: 20px;}
      .main2_section06 div img {width: 27%;}

      .main2_section07 {background: url('https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/sokcho/bon/images/main2/m_main2_section07_bg.jpg') no-repeat; background-size: cover;}
      .main2_section07 .main2_wrap > img {width: 60%; margin-bottom: 20px;}
      .main2_section07 .main2_wrap div img {width: calc(62%/2); margin: 10px;}

      .main2_section08 {padding: 2vh 20px;}
      .main2_section08 h1 {margin-bottom: 10vw;}
      .main2_section08 .special_point ul li {width: 100%;}
      .main2_section08 .special_point ul li img {width: 100%;}
      .main2_section08 .special_point ul li p {font-family: 'Pretendard'; font-size: 4vw; font-weight: 400; margin: 5px 0 20px;}
      .main2_section08 .special_point ul li p span {font-size: 3vw; color: var(--blue_theme); font-weight: 800; position: relative; top: -3px; margin-right: 4px;}
      .main2_section08 .special_point ul li p strong {font-weight: 800;}
      .main2_section08 .main2_wrap:nth-child(2) {margin-top: 10vh;}
      .main2_section08 .tit_box p {position: relative; z-index: 2; font-size: 5vw; line-height: 8vw; margin-bottom: 0;}
      .main2_section08 .tit_box i {font-size: 3vw;}
      .main2_section08 .main2_wrap .cont_box {flex-direction: column; padding: 20px 0;}
      .main2_section08 .main2_wrap .cont_box > div {width: 100% !important;}
      .main2_section08 .cont_08_01 .cont_box .txt_box h4 {margin: 30px 0;}
      .main2_section08 .main2_wrap .cont_box .section08_cont > div {width: 100% !important;}
      .main2_section08 .main2_wrap .cont_box .section08_cont {flex-direction: column;}
      .main2_section08 .main2_wrap .cont_box .section08_cont div:nth-child(1) h4 {font-size: 4.722vw;}
      .main2_section08 .main2_wrap .cont_box .section08_cont div:nth-child(1) h4 br {display: none;}
      .main2_section08 .main2_wrap .cont_box .section08_cont div:nth-child(2) h5 {font-size: 3.689vw; margin-bottom: 0;}
      .main2_section08 .main2_wrap .cont_box .section08_cont div:nth-child(2) p {font-size: 2.956vw; line-height: 5vw;}

      .main2_section08 .cont_08_01 .cont_box > div:nth-child(1) {flex-direction: column;}

      .main2_section08 .cont_08_01 .cont_box .txt_box > div {width: 100% !important;}


      .main2_section08 .main2_wrap .tit_box h1 {font-size: 12vw; left: 1%; top: -16vw; width: 100%;}

      .main2_section10 .community_txt {width:100%; flex-direction: column;}
      .main2_section10 .community_txt img {width: 100%;}
      .main2_section10 .main_slide_community {overflow: hidden; padding-bottom: 20px;}
      .main2_section10 .main_slide_community .swiper-wrapper {flex-direction: column;}

      .main2_section09 {padding: 0 20px 4vh; height: auto;}
      .main2_section10 {padding: 0 20px 4vh; height: auto;}


}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 660px) {
      .tit_box i {font-size: 3.5vw;}
      .main2_section06 > div > div {top: 20%;}
      .main2_section06 > div > div p {font-size: 7vw; margin-bottom: 4vw;}
      .main2_section06 div img {width: 35vw;}

      .main2_section08 h1 {font-size: 9vw;}
      .main2_section10 .community_txt h5 {font-size: 4vw;}
      .main2_section10 .community_txt h5 strong {font-size: 5.5vw; line-height: 7vw;}
      .main2_section10 .community_txt p {font-size: 3.5vw; line-height: 5.2vw;}

      .main2_section08 .swiper-container-horizontal>.swiper-pagination-progressbar, .main2_section08 .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {top: inherit; bottom: 0;}

      .main2_section08 .main2_wrap .cont_box .section08_cont {padding: 15px 0;}
      .main2_section08 .main2_wrap .cont_box .section08_cont div:nth-child(2) p {font-size: 3.6vw; line-height: 5.7vw;}
      .main2_section08 .cont_08_01 .cont_box .txt_box h4 {font-size: 4.3vw; line-height: 6vw;}
      .main2_section08 .main2_wrap .cont_box .section08_cont div:nth-child(1) h4 {font-size: 5.722vw; margin: 10px 0;}
      .main2_section08 .cont_08_01 .cont_box .txt_box > div:nth-child(1) h5 {font-size: 3.6vw; line-height: 7vw; margin-bottom: 5vw; word-break: keep-all;}
      .main2_section08 .cont_08_01 .cont_box .txt_box > div:nth-child(1) p {font-size: 4vw; line-height: 7vw; margin-bottom: 5vw; word-break: keep-all;}
      .main2_section09 .cont_08_02 {padding: 10vw 0;}
      .main2_section09 .cont_08_02 .cont_box > div h5 {font-size: 5vw; line-height: 7vw;}
      .main2_section09 .cont_08_02 .cont_box > div p {font-size: 5vw;}
      .main2_section10 .cont_08_03 {padding: 10vw 0;}
      .main2_section10 .cont_08_03 .img_box {flex-direction: column; border-radius: 5px; margin-bottom: 0;}
      .main2_section10 .cont_08_03 .img_box img:nth-of-type(1), .main2_section10 .cont_08_03 .img_box img:nth-of-type(2) {width: 100%;margin-bottom: 10px;}
}