@charset "utf-8";

html{
  scroll-behavior: smooth;
}

.pc_view {display: block;}
.mo_view {display: none;}

@media screen and (max-width: 768px) {
    .pc_view {display: none;}
    .mo_view {display: block;}
}

.sideBar {position: fixed; top: 50%; transform: translateY(-50%); right: -100px; background: #fff; border-radius: 20px 0 0 20px; padding: 50px 20px; box-sizing: border-box; transition: 0.5s; z-index: 99;}
.sideBar li {margin-bottom: 24px; padding-bottom: 28px; text-align: center;}
.sideBar li:last-of-type {margin-bottom: 0; padding-bottom: 0;}
.sideBar a {position: relative; display: inline-block; padding-top: 55px; font-family: var(--NanumSquare); font-weight: 400; text-align: center; color: #33383C;}
.sideBar a:last-of-type {padding-bottom: 0;}
.sideBar a::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-repeat: no-repeat; width: 32px; height: 32px; background-size: 100%;}
.sideBar a.blog::before {background-image: url('../_images/main/side_blog.png');}
.sideBar a.insta::before {background-image: url('../_images/main/side_insta.png');}
.sideBar a.naver::before {background-image: url('../_images/main/side_nave.png');}

.sideBar a.naver_talk::before {background-image: url('../_images/main/side_talk.png');}
.sideBar a.kakao::before {background-image: url('../_images/main/side_kakao.png');}
.sideBar a::after {content: ''; position: absolute; width: 40px; height: 1px; background: #C9CDD2; bottom: -28px; left: 50%; transform: translateX(-50%);}
.sideBar li:last-of-type a::after {display: none;}
.sideBar button {position: absolute; top: 50%; transform: translateY(-50%); left: -28px; border: none; text-indent: -9999px; background-color: #fff; width: 56px; height: 56px; border-radius: 50%; z-index: -1;}
.sideBar button::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 13px; width: 11px; height: 17px;background: url('../_images/main/side_arr.png') no-repeat;background-size: 100%; transition: 0.5s;}
.sideBar.on {right: 0;}
.sideBar.on button::before {transform: translateY(-50%) rotate(-180deg);}


/* bgBox */
.bgBox {width: 100%; height: 518px; background-size: cover; background-repeat: no-repeat; background-position: center center;}

/* mainVisual */
.mainVisual {position: relative; width: 100%; height: 100vh; background: url('../_images/main/main_vid.png') center center no-repeat; background-size: cover; overflow: hidden;}
.mainVisual .vdoArea {height: 100%; width: 100%}
.mainVisual .vdoArea video {width: 100%; height: 100%; object-fit: cover;}
.mainVisual .container {position: absolute; width: 100%; max-width: 1500px; top: 0; left: 50%; z-index: 1; margin: 0 auto; transform: translateX(-50%);}
.mainVisual .textBox {height: 100%; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; text-align: center; gap: 27px; color: #fff; transform: translateY(-140px);}
.mainVisual .textBox .tit {word-break: keep-all; line-height: 1.3;}
.mainVisual .textBox .txt {position: relative; padding-bottom: 32px; font-size: 16px; letter-spacing: 0.4em;}
.mainVisual .textBox::before {content: ''; position: absolute; bottom: -32px; left: 50%; transform: translateX(-50%); background: url('../_images/main/mainDown_icon.png')no-repeat ; width: 22px; height: 28px; background-size: 100%; animation: mainDownIcon 1s infinite;}
@keyframes mainDownIcon {
    0% {
        transform: translate(-50%, 0);
    }

    100% {
        transform: translate(-50%, 15px);
    }
}
.mainVisual .quickCall_mo {display: none;}

/* section1 */
.section1 {position: relative; padding: 195px 0 130px 0;}
.section1::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: #F5F6F8; z-index: -1;}
.section1::after {content: ''; position: absolute; left: 60px; bottom: 0; background: url('../_images/main/s1_logo.png') no-repeat; width: 647px; height: 422px; background-size: 100%; z-index: -1;}
.section1 .title {text-align: center; color: var(--subColor); margin-bottom: 130px; position: relative;}
.section1 .title .txt {position: relative; font-size: 32px; margin-bottom: 20px; padding-top: 30px;}
.section1 .title .txt::before {content: ''; position: absolute; top: -195px; left: 50%; transform: translateX(-50%); width: 2px; height: 195px; background: var(--subColor);}
.section1 .title .tit {font-weight: 700; font-size: 94px;}
.section1 .s1Con {display: flex; justify-content: center; gap: 30px; margin-bottom: 70px;}
.section1 .s1Con li {position: relative;}
.section1 .s1Con li:nth-of-type(2) {margin-top: 110px;}
.section1 .s1Con li .name {opacity: 0; position: absolute; top: 0; width: 196px; height: 196px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; background: var(--mainColor); font-weight: 700; font-size: 32px; line-height: 1.5; top: 140px; left: -98px; transition: 0.5s;}
.section1 .s1Con li:nth-of-type(2) .name {background: var(--subColor); left: auto; top: 290px; right: -98px;}
.section1 .s1Con li .name .txt {font-weight: 400; font-size: 18px;}
.section1 .s1Con li:hover .name {opacity: 1;}
.section1 .textBox {position: relative; text-align: center; line-height: 1.3;}
.section1 .textBox .tit {font-weight: 500; font-size: 58px; color: #000000; margin-bottom: 43px;}
.section1 .textBox .txt {font-weight: 400; font-size: 24px; color: #454C53;}
.section1 .textBox .txt span {font-weight: 700; color: var(--subColor);}

/* section2 */
.section2 .swiper-slide {position: relative;}
.section2 .swiper-slide>img {display: block; width: 100%; min-height: 950px; object-fit: cover;}
.section2 .swiper-slide .textBox {width: 55%; position: absolute; bottom: 0; right: 0; padding: 105px 0 105px 100px; box-sizing: border-box; background: #fff;}
.section2 .swiper-slide .textBox .tit {color: #000000; font-size: 54px; line-height: 1.3; margin-bottom: 45px;}
.section2 .swiper-slide .textBox .tit span {display: block; color: var(--mainColor); font-size: 22px; font-weight: 700; margin-bottom: 20px;}
.section2 .swiper-slide .textBox .txt {width: 85%; display: flex; justify-content: space-between; align-items: flex-end;}
.section2 .swiper-slide .textBox .txt .logo {display: flex; align-items: center; gap: 22px;}
.section2 .swiper-slide .textBox .txt .logo p {color: #33383C; font-weight: 400; line-height: 1.5; font-size: 20px;}
.section2 .swiper-slide .textBox .txt .viewMore {position: relative; font-weight: 700; font-size: 20px; color: #72787F; padding: 0 70px 10px 0; box-sizing: border-box;}
.section2 .swiper-slide .textBox .txt .viewMore::before {content: ''; position: absolute; top: -10px; right: 0; background: url('../_images/main/s2_view_more_icon.png') no-repeat; background-size: 100%; width: 52px; height: 36px;}
.section2 .slideBtn {display: flex; gap: 30px; z-index: 1; position: absolute; top: 55%; right: 8%; text-indent: -9999px;}
.section2 .slideBtn .btn {width: 32px; height: 20px; background-size: 100%; background-repeat: no-repeat; cursor: pointer;}
.section2 .slideBtn .swiper-button-next {background-image: url('../_images/main/s2_slide_next.png');}
.section2 .slideBtn .swiper-button-prev {background-image: url('../_images/main/s2_slide_prev.png');}

/* section3 */
.section3 {padding-top: 335px;}
.section3 .textBox {position: relative; padding-left: 60px; box-sizing: border-box; margin-bottom: 105px;}
.section3 .textBox::before {content: ''; position: absolute; top: 335px; right: 30px; background: url('../_images/main/s3_logo.png') no-repeat; width: 335px; height: 338px; background-size: 100%;}
.section3 .textBox .stit {font-size: 32px; margin-bottom: 60px; color: #454C53;}
.section3 .swiperWrap {position: relative; overflow: hidden; padding: 103px 0;}
.section3 .swiperWrap::before {content: ''; width: 2000px; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url('../_images/main/s3_backround.png') no-repeat; background-size: 100%;}
.section3 .sec3Slide {width: 1500px; margin: 0 auto;}
.section3 .swiper-wrapper {align-items: center; transition-timing-function: linear; gap: 25px;}
.section3 .swiper li {width: auto;}

/* section4 */
.section4 {padding: 230px 0 180px 0; background: url('../_images/main/s4_background1.png') center center #000 no-repeat; background-size: cover;}
.section4 .s4Con {position: relative; height: 2703px;}
.section4 .s4Con>div {width: 50%;}
.section4 .textBox {position: sticky; top: 50px; padding-left: 30px; box-sizing: border-box;}
.section4 .textBox .stit {color: var(--subColor2); font-size: 32px; margin-bottom: 40px;}
.section4 .textBox .tit {font-size: 58px; font-weight: 500; color: #fff; line-height: 1.4; letter-spacing: -0.02em; margin-bottom: 60px;}
.section4 .textBox .tit span {color: var(--subColor2);}
.section4 .textBox .txt {font-size: 18px; line-height: 1.3; color: #fff;}
.section4 .imgBox {position: absolute; top: 0; right: 0;}
.section4 .imgBox li:not(:last-of-type) {margin-bottom: 45px;}

/* section5 */
.section5 {position: relative; padding: 260px 0 300px 0; background: #F6F2EC;}
.section5::before {content: ''; position: absolute; top: 0; right: 0; background: url('../_images/main/s5_asstes.png') no-repeat; width: 240px; height: 240px; background-size: 100%;}
.section5 .title {margin-bottom: 100px;}
.section5 .title .txt {font-weight: 700; font-size: 18px; color: #D5BCA6; letter-spacing: 0.2em; margin-bottom: 50px;}
.section5 .bgBox {background-image: url('../_images/main/s5_img1.png'); margin-bottom: 208px;}
.section5 .s5Con {padding: 0 130px; box-sizing: border-box; display: flex; align-items: flex-start; gap: 150px;}
.section5 .s5Con:not(:last-of-type) {padding-bottom: 150px; margin-bottom: 150px; border-bottom: 1px solid #D5BCA6;}
.section5 .s5Con:last-of-type {flex-direction: row-reverse;}
.section5 .s5Con img {width: 40%;}
.section5 .s5Con .text {width: 100%; padding: 35px 0 0 25px; box-sizing: border-box;}
.section5 .s5Con:last-of-type .text {padding-left: 100px;}
.section5 .s5Con .text .intro {position: relative; font-weight: 500; font-size: 30px; line-height: 1.5; color: #000000; margin-bottom: 70px; word-break: keep-all;}
.section5 .s5Con .text .intro::before {content: ''; position: absolute; top: -25px; left: -25px; background: url('../_images/main/s5_icon1.png') no-repeat; width: 42px; height: 42px; background-size: 100%;}
.section5 .s5Con .text .intro span {color: var(--mainColor);}
.section5 .s5Con .text .name {display: flex; align-items: flex-end; flex-wrap: wrap; gap: 45px; font-size: 58px; color: #000; margin-bottom: 60px;}
.section5 .s5Con .text .name span {margin-left: 30px; font-size: 32px;}
.section5 .s5Con .text .txt {font-size: 20px; color: var(--mainColor); padding: 0 0 7px 30px; box-sizing: border-box; position: relative;}
.section5 .s5Con .text .txt::before {content: ''; position: absolute; top: -4px; left: 0; background: url('../_images/main/s5_icon2.png'); width: 26px; height: 28px; background-size: 100%;}
.section5 .s5Con .list {font-size: 18px; color: #33383C; font-weight: 400; word-break: keep-all;}
.section5 .s5Con .list:not(:last-of-type) {margin-bottom: 60px;}
.section5 .s5Con .list li:not(:last-of-type) {margin-bottom: 10px;}

/* section6 */
.section6 {padding: 430px 0 320px 0;}
.section6 .cont-text {color: #33383C;}
.section6 .cont-title i {color: var(--mainColor); position: relative;}
.section6 .cont-title i::before {content: ''; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; border-radius: 50%; background: var(--mainColor);}
.section6 .cont-title2 {margin-bottom: 32px;}
.section6 .cont-title.sm {margin-bottom: 70px;}
.section6 .bgBox {background-image: url('../_images/main/s6_img.png'); margin: 60px 0 80px 0;}
.section6 .title {margin-bottom: 450px;}
.section6 .title .cont-title {margin-bottom: 50px;}
.section6 .title .cont-text {font-size: 24px; word-break: keep-all;}
.section6 .title .cont-text span {font-weight: 700;}
.section6 .s6Con {display: flex; justify-content: space-between; margin-bottom: 400px; padding: 0 30px; box-sizing: border-box;}
.section6 .s6Con .cont-title {margin-bottom: 54px;}
.section6 .s6Con .txt {font-size: 20px; line-height: 1.5;}
.section6 .s6Con .list {display: flex; gap: 27px;}
.section6 .s6Con .list li {min-width: 300px; min-height: 450px; position: relative; display: flex; justify-content: flex-end; gap: 30px; flex-direction: column; color: #fff; padding: 40px; box-sizing: border-box; background: url('../_images/main/s6_listBg.png') no-repeat; background-size: cover;}
.section6 .s6Con .list li::before {content: ''; position: absolute; top: 40px; right: 30px; background-repeat: no-repeat; background-image: url('../_images/main/s6_list_icon.png'); background-size: 100%; width: 69px; height: 60px;}
.section6 .s6Con .list li:last-of-type {background: #F6F7F9; color: #33383C;}
.section6 .s6Con .list li:last-of-type::before {background-image: url('../_images/main/s6_list_icon2.png');}
.section6 .s6Con .list li .tit {font-size: 32px; font-weight: 700;}
.section6 .s6Con .list li .txt {font-size: 18px;}
.section6 .title2 {margin-bottom: 340px;}
.section6 .title2 .cont-title {margin-bottom: 25px;}
.section6 .title2 .cont-text {font-size: 20px; margin-bottom: 50px;}
.section6 .title2 .imgWrap {padding: 0 60px; box-sizing: border-box;}
.section6 .title2 .imgWrap img {width: 100%;}
.section6 .title2 .imgWrap img:not(:last-of-type) {margin-bottom: 40px;}
.section6 .sec6Slide li {position: relative; width: 60%; margin: 0 15px;}
.section6 .sec6Slide li img {width: 100%;}
.section6 .swiperWrap {position: relative;}
.section6 .slideBtn {width: 40px; height: 40px; background-repeat: no-repeat; background-size: 100%; position: absolute; top: 50%; transform: translateY(-50%); font-size: 0; cursor: pointer;}
.section6 .swiper-button-next {background-image: url('../_images/main/s6_right.png'); right: -5%;}
.section6 .swiper-button-prev {background-image: url('../_images/main/s6_left.png'); left: -5%;}

/* mdText */
.mdText {background: linear-gradient(90deg, #F8B653 0%, #F0770D 100%);}
.mdText .text {display: flex; justify-content: space-between; align-items: center; transition: 1s; color: #fff; margin: 0 auto; font-size: 30px; padding: 50px 0;}
.mdText .text div:nth-child(1) {position: relative;}
.mdText .text.trigger_act_off {max-width: 80%; opacity: 0;}
.mdText .text.trigger_act_on {max-width: 100%; opacity: 1;}
.mdText .text.trigger_act_off div:nth-child(1)::after {content: ''; display: block; position: absolute; background: #fff; width: 0; height: 1px; left: 105%; top: 50%; transition: 1s}
.mdText .text.trigger_act_on div:nth-child(1)::after {content: ''; display: block; position: absolute; background: #fff; width: 130px; height: 1px; left: 105%; top: 50%; transition: 1s}
.trigger_act_off {transition: 1s}
.trigger_act_on {transition: 1s}

/* section7 */
.section7 {padding: 280px 0; background: #041D35;}
.section7 .title {display: flex; align-items: flex-end; margin-bottom: 140px;}
.section7 .title .leftT, .section7 .title .rightT {width: 50%; color: #fff;}
.section7 .title .leftT {font-family: var(--ONEMobile); font-size: 64px; line-height: 1.2;}
.section7 .title .leftT .tit {position: relative; padding-left: 30px; box-sizing: border-box; word-break: keep-all;}
.section7 .title .leftT .tit::before {content: ''; position: absolute; top: -30px; left: 0; background: url('../_images/main/s7_icon1.png') no-repeat; width: 42px; height: 42px; background-size: 100%;}
.section7 .title .leftT span {color: var(--subColor2);}
.section7 .title .rightT {padding: 0 30px 0 130px; box-sizing: border-box; font-family: var(--NanumSquare);}
.section7 .title .rightT .tit {position: relative; font-weight: 700; padding: 0 0 23px 55px; box-sizing: border-box; margin-bottom: 23px; border-bottom: 1px solid rgba(255,255,255,0.4); font-size: 26px;}
.section7 .title .rightT .tit::before {content: ''; position: absolute; top: -4px; left: 0; background: url('../_images/main/s7_icon2.png') no-repeat; width: 30px; height: 32px; background-size: 100%;}
.section7 .title .rightT .txt {font-size: 18px; line-height: 1.3;}
.section7 .title2 {text-align: center; color: #fff; word-break: keep-all;}
.section7 .title2 .tit {font-family: var(--ONEMobile); font-size: 54px; line-height: 1.2; margin-bottom: 38px;}
.section7 .title2 .tit span {color:  var(--subColor2);}
.section7 .title2 .txt {font-family: var(--NanumSquare); font-size: 20px; margin-bottom: 85px; line-height: 1.3; word-break: keep-all;}
.section7 .bgBox {background-image: url('../_images/main/s7_img.png'); margin-bottom: 310px;}
.section7 .swiper-pagination {position: relative; width: 60%; margin: 0 auto; display: flex; justify-content: space-between; font-family: var(--NanumSquare); margin-bottom: 170px;}
.section7 .swiper-pagination::before {content: ''; position: absolute; top: 6px; left: 22px; width: 95%; height: 1px; background: #FFDC9F;}
.section7 .swiper-pagination-bullet {position: relative; padding-top: 40px; cursor: pointer;}
.section7 .swiper-pagination-bullet::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 9px; height: 9px; border-radius: 50%; border: 6px solid #C9CDD2;  background: #72787F;}
.section7 .swiper-pagination-bullet-active {color: var(--subColor2); font-weight: 700;}
.section7 .swiper-pagination-bullet-active::before {background: #FFDC9F; border-color: #fff;}
.section7 .sec7Slide {padding-left: 240px; box-sizing: border-box;}
.section7 .sec7Slide .swiper-slide {display: flex; gap: 90px; width: 80%;}
.section7 .sec7Slide img {width: 40%;}
.section7 .sec7Slide .text {width: 100%; display: flex; flex-direction: column; justify-content: space-between; padding-top: 65px; font-family: var(--NanumSquare); color: #fff;}
.section7 .sec7Slide .text .num {font-size: 32px; font-weight: 700; color: var(--subColor2); margin-bottom: 30px;}
.section7 .sec7Slide .text .tit {font-size: 36px; font-weight: 700; margin-bottom: 68px;}
.section7 .sec7Slide .text .txt {font-size: 20px; line-height: 1.5; word-break: keep-all;}
.section7 .sec7Slide .text .sub {font-family: var(--TimesNewRoman); font-size: 88px; opacity: 0.2; color: #A4AAB1; font-weight: 700; word-break: break-all;}

/* section8 */
.section8 {position: relative; padding: 190px 0 400px 0;}
.section8::before {content: ''; position: absolute; top: 0; right: 0; background: url('../_images/main/s8_assets.png') no-repeat; background-size: 100%; width: 240px; height: 240px;}
.section8 .listWrap .cont-title {margin-bottom: 70px;}
.section8 .listWrap .list {display: flex; flex-wrap: wrap; gap: 24px; row-gap: 50px;}
.section8 .listWrap .list li {width: calc(50% - 12px); border-radius: 20px; overflow: hidden; background: #F6F7F9; display: flex;}
.section8 .listWrap .list li img {flex-shrink: 0; object-fit: cover;}
.section8 .listWrap .list li .text {padding: 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end; color: #33383C;}
.section8 .listWrap .list li .text .stit {font-size: 14px; margin-bottom: 8px;}
.section8 .listWrap .list li .text .tit {font-size: 32px; color: #000000; font-weight: 700; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #C9CDD2;}
.section8 .listWrap .list li .text .txt {font-size: 16px; line-height: 1.3;}

/* section9 */
.section9 {height: 600px; background-image: url('../_images/main/s9background.png'); background-repeat: no-repeat; background-size: cover;}
.section9 .container {position: relative; display: flex; align-items: center;}
.section9 .container::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 40px; background: url('../_images/main/s9_img.png') no-repeat; width: 534px; height: 460px; background-size: 100%;}
.section9 .s9Con {padding-left: 40px; box-sizing: border-box; color: #fff; word-break: keep-all;}
.section9 .s9Con .stit {position: relative; display: inline-block; font-size: 20px; margin-bottom: 30px;}
.section9 .s9Con .stit::before {content: ''; width: 72px; height: 1px; background: #fff; position: absolute; top: 10px; right: -90px;}
.section9 .s9Con .tit {font-size: 60px; margin-bottom: 40px;}
.section9 .s9Con .tit span {color: var(--subColor2);}
.section9 .s9Con .txt {font-size: 20px;}

/* seciton10 */
.section10 {padding: 175px 0 400px 0;}
.section10 .secImg {margin-bottom: 50px;}
.section10 .list {display: flex;}
.section10 .list li {position: relative; width: 33.333%; display: flex; gap: 10px; align-items: center; color: #33383C;}
.section10 .list li:not(:last-of-type) {padding-right: 30px; box-sizing: border-box;}
.section10 .list li:not(:last-of-type)::before {content: ''; width: 1px; height: 70%; position: absolute; top: 20px; right: 15px; background: #C9CDD2;}
.section10 .list li .tit {font-size: 24px; font-weight: 700; margin-bottom: 10px;}
.section10 .list li .txt {font-size: 18px; word-break: keep-all;}

/* section11 */
.section11 {position: relative; padding-bottom: 300px; overflow: hidden;}
.section11::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 80%; background: #F6F7F9; z-index: -1;}
.section11 .titleBox {margin-bottom: 260px;}
.section11 .titleBox .cont-title2 {margin-bottom: 55px; word-break: keep-all;}
.section11 .imgBox {position: relative; margin-bottom: 330px;}
.section11 .imgBox .leftBox {position: relative; width: 1400px; height: 600px; background: var(--mainColor);}
.section11 .imgBox .leftBox p {font-size: 20px; color: #fff; position: absolute;}
.section11 .imgBox .leftBox .topT {font-style: italic; left: 50px; top: 50px;}
.section11 .imgBox .leftBox .bT {bottom: 95px; right: 40px; word-break: keep-all;}
.section11 .imgBox .leftBox .bT span {font-weight: 700;}
.section11 .imgBox .rightBox {position: absolute; left: 30%; top: -135px;}
.section11 .s11Con {position: relative; display: flex; margin-bottom: 540px;}
.section11 .s11Con::before {content: ''; position: absolute; bottom: -300px; right: -200px; background: url('../_images/main/s11_back.png') no-repeat; width: 826px; height: 704px; background-size: 100%;}
.section11 .s11Con .textBox, .section11 .s11Con .listBox {width: 50%;}
.section11 .s11Con .textBox .cont-title {margin-bottom: 40px;}
.section11 .s11Con .textBox .txt {font-size: 18px;}
.section11 .s11Con .listBox {display: flex; gap: 30px;}
.section11 .s11Con .listBox .leftCon, .section11 .s11Con .listBox .rightCon {width: calc(50% - 15px);}
.section11 .s11Con .listBox .rightCon {margin-top: -70px;}
.section11 .s11Con .listBox li {position: relative; padding: 40px 30px; box-sizing: border-box; display: flex; align-items: flex-end; background: #fff; min-height: 240px; word-break: keep-all;}
.section11 .s11Con .listBox li:not(:last-of-type) {margin-bottom: 30px;}
.section11 .s11Con .listBox li .txt {padding-top: 60px; position: relative; font-size: 24px; color: #33383C;}
.section11 .s11Con .listBox li .txt::before {content: ''; position: absolute; top: 0; left: 0; background: url('../_images/main/s11_check.png') no-repeat; width: 32px; height: 32px; background-size: 100%;}
.section11 .s11Con .listBox li .txt span {font-weight: 700;}
.section11 .s11Con .listBox li .num {position: absolute; top: 20px; right: 20px; font-size: 86px; color: #F6F7F9; letter-spacing: -0.02em;}
.section11 .stepBox {margin-bottom: 350px; padding: 0 30px; box-sizing: border-box; }
.section11 .stepBox .topText {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 100px;}
.section11 .stepBox .topText .cont-title2 {margin-bottom: 25px;}
.section11 .stepBox .topText .right {font-size: 18px; color: #33383C; padding-bottom: 15px;}
.section11 .step {display: flex; gap: 50px;}
.section11 .step li {position: relative; width: calc(25% - 25px); padding-top: 40px; border-top: 3px solid var(--mainColor); font-size: 32px; font-weight: 700; color: #33383C;}
.section11 .step li::before {content: ''; position: absolute; top: 20px; right: 0; background-size: 100%; background-repeat: no-repeat; background-image: url('../_images/main/s11_icon1.png'); width: 64px; height: 64px;}
.section11 .step li:nth-of-type(2)::before {background-image: url('../_images/main/s11_icon2.png');}
.section11 .step li:nth-of-type(3)::before {background-image: url('../_images/main/s11_icon3.png');}
.section11 .step li:nth-of-type(4)::before {background-image: url('../_images/main/s11_icon4.png');}
.section11 .step li .num {display: block; color: var(--mainColor); margin-bottom: 20px;}
.section11 .step li .tit {margin-bottom: 50px; word-break: keep-all;}
.section11 .step li .txt {font-size: 18px; font-weight: 500;}
.section11 .s11Banner {width: 1500px; margin: 0 auto; display: flex; background: #052647;}
.section11 .s11Banner img {width: 45%; object-fit: cover;}
.section11 .s11Banner .text {width: 100%; height: 100%; padding: 40px 100px; box-sizing: border-box;}
.section11 .s11Banner .text .sTit {width: max-content; font-size: 18px; color: var(--subColor); padding: 5px 15px; box-sizing: border-box; background: var(--subColor2); margin-bottom: 20px; font-weight: 700;}
.section11 .s11Banner .text .tit {font-size: 34px; color: #fff; margin-bottom: 20px;}
.section11 .s11Banner .text .tit span {color: var(--subColor2);}
.section11 .s11Banner .text a {color: var(--subColor2); font-size: 18px;}

/* section12 */
.section12 {padding: 220px 0 260px 0; background: #222527; color: #fff;}
.section12 .container {width: 80%;}
.section12 .titleBox {position: relative; margin-bottom: 75px;}
.section12 .titleBox .sTit {font-size: 32px; margin-bottom: 20px;}
.section12 .titleBox .cont-title {color: #fff; margin-bottom: 40px;}
.section12 .titleBox .txt {font-size: 24px;}
.section12 .titleBox .txt span {color: #72787F; font-size: 16px; display: inline-block; margin-top: 15px;}
.section12 .titleBox a {position: absolute; bottom: 0; right: 0; padding: 25px 50px; box-sizing: border-box; border-radius: 40px; background: var(--mainColor); text-align: center; font-size: 24px; font-weight: 700; color: #fff;}
.section12 .swiperWrap {position: relative; margin-bottom: 40px;}
.section12 .sec12Slide li {display: flex; gap: 24px;}
.section12 .sec12Slide li img {display: block; width: calc(50% - 12px);}

.section12 .sec12Slide li iframe { width: calc(50% - 12px); height: 380px; border-style: none;}

.section12 .slideBtn {position: absolute; top: 50%; transform: translateY(-50%); background-size: 100%; background-repeat: no-repeat; width: 14px; height: 26px; cursor: pointer; text-indent: -9999px;}
.section12 .swiper-button-next {background-image: url('../_images/main/s12_slide_right.png'); right: -5%;}
.section12 .swiper-button-prev {background-image: url('../_images/main/s12_slide_left.png'); left: -5%;}
.section12 .info {font-size: 20px; word-break: keep-all;}

/* section13 */
.section13 {padding: 290px 0 220px 0;}
.section13 .tit {display: flex; gap: 25px; align-items: center; justify-content: center; font-size: 48px; margin-bottom: 70px;}
.section13 .tit span {color: var(--mainColor);}
.section13 .txt {font-size: 36px; font-weight: 500; line-height: 1.5; word-break: keep-all;}
.section13 .txt span {color: var(--mainColor);}

/* section14 */
.section14 img {display: block; width: 100%; height: 100%;}

/* section15 */
.section15 {padding: 115px 0 150px 0; background: url('../_images/main/s15_bg.png') center center no-repeat; background-size: cover; color: #fff;}
.section15 .mapWrap {display: flex;}
.section15 .mapWrap .leftCon {width: 60%; color: var(--subColor2); border-right: 1px solid #56697C;}
.section15 .mapWrap .leftCon .sTit {margin-bottom: 20px; font-size: 26px;}
.section15 .mapWrap .leftCon .call {margin-bottom: 45px; font-size: 58px;}
.section15 .mapWrap .leftCon .mapArea {display: flex; gap: 40px;}
.section15 .mapWrap .leftCon .mapArea .list li.kakao {margin-bottom: 30px;}
.section15 .mapWrap .leftCon .mapArea .list li a {display: flex; gap: 15px; align-items: center; font-size: 18px; color: #fff;}
.section15 .mapWrap .rightCon {width: 40%; padding: 50px 0 0 80px; box-sizing: border-box; font-size: 18px;}
.section15 .mapWrap .rightCon .tit {position: relative; font-weight: 700; color: var(--subColor2); padding: 0 0 10px 35px; box-sizing: border-box; margin-bottom: 25px; border-bottom: 1px solid var(--subColor2);}
.section15 .mapWrap .rightCon .tit::before {content: ''; position: absolute; top: -4px; left: 0; width: 24px; height: 24px; background-size: 100%; background-repeat: no-repeat; background-image: url('../_images/main/s15_icon1.png');}
.section15 .mapWrap .rightCon>.type2 {margin-top: 80px;}
.section15 .mapWrap .rightCon>.type2 .tit::before {background-image: url('../_images/main/s15_icon2.png');}
.section15 .mapWrap .rightCon>.type2 .list li {display: flex; margin-bottom: 15px;}
.section15 .mapWrap .rightCon>.type2 .list li .day {width: 96px; flex-shrink: 0;}
.section15 .mapWrap .rightCon>.type2 .list li span {font-weight: 700; color: var(--subColor2);}
.section15 .mapWrap .rightCon>.type2 .list li span.type2 {display: inline-block; color: #33383C; font-size: 16px; padding: 3px 5px; box-sizing: border-box; background: var(--subColor2); margin-left: 10px;}
.section15 .mapWrap .rightCon>.type2 .txt {color: #C9CDD2;}

/* 반응형 */
@media screen and (max-width: 1700px) {
    /* section6 */
    .section6 .container {width: 90%;}
}

@media screen and (max-width: 1600px) {
    /* section2 */
    .section2 .swiper-slide>img {min-height: 880px;}
    .section2 .swiper-slide .textBox {width: 60%;}
    .section2 .swiper-slide .textBox .txt {width: 90%;}
    .section2 .slideBtn {top: 50%; right: 6%;}

    /* section11 */
    .section11 .imgBox .leftBox {width: 1000px; height: 450px;}
    .section11 .imgBox .rightBox img {width: 800px;}
}

@media screen and (max-width: 1500px) {
    /* section1 */
    .section1 .s1Con li .name {width: 170px; height: 170px; left: -85px;}
    .section1 .s1Con li:nth-of-type(2) .name {right: -85px;}

    /* section3 */
    .section3 .sec3Slide {width: 90%;}

    /* section4 */
    .section4 .imgBox li img {width: 100%;}

    /* section7 */
    .section7 .swiper-pagination::before {width: 92%;}
    .section7 .sec7Slide .swiper-slide {width: 90%; gap: 50px;}
    .section7 .sec7Slide .text .tit {margin-bottom: 40px;}
    .section7 .sec7Slide .text .sub {font-size: 60px;}

    /* section8 */
    .section8 .listWrap .list li img {width: 50%;}

    /* section9 */
    .section9 .container::before {width: 500px; height: 410px;}

    /* section10 */
    .section10 .list li img {width: 90px;}

    /* section11 */
    .section11 .s11Con::before {right: -65px;}
    .section11 .s11Banner {width: 90%;}

    /* section13 */
    .section13 .tit img {width: 400px;}
}

@media screen and (max-width: 1400px) {
    /* bgBox */
    .bgBox {height: 400px;}

    /* mainVisual */
    .mainVisual .quickCall_mo {display: inline-block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); padding: 20px 40px; box-sizing: border-box; border-radius: 20px 20px 0 0; background: #F0770D; font-family: var(--NanumSquare); color: #fff; text-align: center; font-size: 20px;}

    /* section2 */
    .section2 .swiper-slide .textBox {width: 65%;}

    /* section3 */
    .section3 {padding-top: 235px;}
    .section3 .textBox::before {top: 235px;}

    /* section5 */
    .section5 .s5Con {gap: 100px; padding: 0 100px;}

    /* section6 */
    .section6 .s6Con {padding: 0;}
    .section6 .s6Con .list {gap: 15px;}
    .section6 .s6Con .list li {min-width: auto; width: 280px; height: 420px;}

    /* section7 */
    .section7 {padding: 200px 0;}
    .section7 .title .leftT {font-size: 58px;}
    .section7 .bgBox {margin-bottom: 200px;}
}

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

    .sideBar {padding: 35px 20px;}

    /* bgBox */
    .bgBox {height: 350px;}


    /* section1 */
    .section1::after {width: 530px; height: 349px; left: 25px;}
    .section1 .s1Con li {width: 45%;}
    .section1 .s1Con li img {width: 100%;}
    .section1 .s1Con li .name {width: 130px; height: 130px; left: -65px; font-size: 24px;}
    .section1 .s1Con li:nth-of-type(2) .name {right: -65px;}
    .section1 .s1Con li .name .txt {font-size: 16px;}

    /* section2 */
    .section2 .swiper-slide>img {min-height: 600px;}
    .section2 .swiper-slide:nth-of-type(2) .textBox .logo img {width: 140px;}
    .section2 .swiper-slide .textBox {padding: 70px 0 70px 70px;}
    .section2 .swiper-slide .textBox .tit {font-size: 42px; margin-bottom: 30px;}
    .section2 .swiper-slide .textBox .tit span {font-size: 18px; margin-bottom: 10px;}
    .section2 .swiper-slide .textBox .txt {width: 95%;}
    .section2 .swiper-slide .textBox .txt .logo p {font-size: 18px;}
    .section2 .swiper-slide .textBox .txt .viewMore {padding-right: 50px; font-size: 16px;}
    .section2 .swiper-slide .textBox .txt .viewMore::before {width: 40px; top: -7px;}

    /* section3 */
    .section3 .textBox {padding-left: 20px;}
    .section3 .textBox::before {top: 250px; right: 0; width: 270px;}

    /* section4 */
    .section4 .textBox {padding-left: 20px;}
    .section4 .textBox .stit {font-size: 28px; margin-bottom: 30px;}
    .section4 .textBox .tit {font-size: 46px; margin-bottom: 40px;}
    .section4 .textBox .txt {font-size: 16px;}

    /* section5 */
    .section5 {padding: 200px 0 250px 0;}
    .section5 .s5Con {gap: 70px;}
    .section5 .s5Con:not(:last-of-type) {padding-bottom: 100px; margin-bottom: 100px;}
    .section5 .s5Con img {width: 45%;}
    .section5 .s5Con:last-of-type .text {padding-left: 0;}
    .section5 .s5Con .text .intro {font-size: 26px; margin-bottom: 45px;}
    .section5 .s5Con .text .name {gap: 30px; font-size: 42px; margin-bottom: 40px;}

    /* section6 */
    .section6 {padding: 300px 0 200px 0;}
    .section6 .title2 .imgWrap {padding: 0;}
    .section6 .s6Con {flex-wrap: wrap; gap: 30px;}
    .section6 .s6Con .list {width: 100%; gap: 15px;}
    .section6 .s6Con .list li {width: 50%; height: 550px;}

    .mdText .text {flex-wrap: wrap; gap: 30px; text-align: center; padding: 40px 0;}
    .mdText .text div {width: 100%;}
    .mdText .text.trigger_act_off div:nth-child(1)::after {width: 0; left: 50%; transform: translateX(-50%); top: auto; bottom: -15px;}
    .mdText .text.trigger_act_on div:nth-child(1)::after {width: 100px; left: 50%; transform: translateX(-50%); top: auto; bottom: -15px;}

    /* section7 */
    .section7 .title .leftT  {font-size: 48px;}
    .section7 .title .rightT {padding: 0 20px 0 60px;}
    .section7 .title .rightT .tit {font-size: 24px; padding-left: 40px;}
    .section7 .title .rightT .txt {font-size: 16px;}
    .section7 .bgBox {background-image: url('../_images/main/s7_img_mo.png'); margin-bottom: 150px;}

    .section7 .title2 .tit {font-size: 50px;}

    .section7 .sec7Slide {padding-left: 130px;}
    .section7 .swiper-pagination {margin-bottom: 130px;}
    .section7 .sec7Slide .swiper-slide {gap: 25px;}
    .section7 .sec7Slide .text {padding-top: 40px;}
    .section7 .sec7Slide .text .tit {font-size: 32px;}
    .section7 .sec7Slide .text .txt {font-size: 18px;}
    .section7 .sec7Slide .text .sub {font-size: 48px;}

    /* section9 */
    .section9 .s9Con {padding-left: 0;}
    .section9 .container::before {width: 400px; height: 330px; right: -15px;}

    /* section10 */
    .section10 .list li .tit {font-size: 22px;}
    .section10 .list li .txt {font-size: 16px;}

    /* section11 */
    .section11 .imgBox .leftBox {width: 900px; height: 400px;}
    .section11 .imgBox .rightBox img {width: 700px;}
    .section11 .s11Con {flex-wrap: wrap; gap: 50px;}
    .section11 .s11Con::before {width: 670px; bottom: -470px;}
    .section11 .s11Con .textBox, .section11 .s11Con .listBox {width: 100%;}
    .section11 .s11Con .listBox .leftCon, .section11 .s11Con .listBox .rightCon {width: 50%;}
    .section11 .s11Con .listBox .rightCon {margin-top: 0;}
    .section11 .stepBox .topText {flex-wrap: wrap; gap: 30px;}
    .section11 .step {flex-wrap: wrap;}
    .section11 .step li {width: calc(50% - 25px);}
    .section11 .s11Banner img {width: 40%;}
    .section11 .s11Banner .text {padding: 40px;}
    .section11 .s11Banner .text .tit {font-size: 32px;}

    /* section13 */
    .section13 .tit {flex-wrap: wrap; flex-direction: column;}

    /* section15 */
    .section15 .mapWrap .leftCon {width: 50%;}
    .section15 .mapWrap .leftCon .mapArea {flex-wrap: wrap;}
    .section15 .mapWrap .leftCon .mapArea .map img {width: 90%;}
    .section15 .mapWrap .rightCon {width: 50%; padding: 50px 0 0 50px;}
}

@media screen and (max-width: 1025px) {
    /* mainVisual */
    .sideBar {padding: 30px 15px; right: -90px;}
    .sideBar li {padding-bottom: 15px; margin-bottom: 15px;}
    .sideBar a {padding-top: 45px;}
    .sideBar a::before {width: 28px; height: 28px;}
    .sideBar a::after {bottom: -15px;}
    .sideBar button {width: 50px; height: 50px;}

    /* section1 */
    .section1 {padding-top: 165px; overflow: hidden;}
    .section1::after {width: 400px; height: 260px;}
    .section1 .title {margin-bottom: 95px;}
    .section1 .title .txt {font-size: 28px;}
    .section1 .title .txt::before {top: -165px; height: 165px;}
    .section1 .title .tit {font-size: 70px;}

    .section1 .s1Con li .name {width: 115px; height: 115px; left: -57.5px; font-size: 18px;}
    .section1 .s1Con li:nth-of-type(2) .name {right: -57.5px;}
    .section1 .s1Con li .name .txt {font-size: 14px;}

    .section1 .textBox .tit {font-size: 50px;}
    .section1 .textBox .txt {font-size: 20px;}

    /* section2 */
    .section2 .swiper-slide>img {min-height: 480px;}
    .section2 .swiper-slide .textBox {display: flex; flex-direction: column; justify-content: center; min-height: 300px; padding: 50px 0 50px 50px;}
    .section2 .swiper-slide .textBox .tit {font-size: 32px; margin-bottom: 20px;}
    .section2 .swiper-slide .textBox .tit span {font-size: 16px; margin-bottom: 10px;}
    .section2 .swiper-slide .textBox .txt {flex-wrap: wrap; gap: 25px;}
    .section2 .swiper-slide .textBox .txt .logo {gap: 15px;}
    .section2 .swiper-slide:nth-of-type(1) .textBox .logo img {width: 140px;}
    .section2 .swiper-slide:nth-of-type(2) .textBox .logo img {width: 110px;}
    .section2 .swiper-slide .textBox .txt .logo p {font-size: 16px;}
    .section2 .slideBtn {top: 50%; gap: 25px;}
    .section2 .slideBtn .btn {width: 25px;}

    /* section3 */
    .section3 {padding-top: 200px;}
    .section3 .textBox {padding-left: 0;}
    .section3 .textBox::before {width: 230px; top: 200px;}
    .section3 .textBox .stit {font-size: 24px;}

    /* section4 */
    .section4 {padding: 150px 0 130px 0;}
    .section4 .s4Con {height: auto !important;}
    .section4 .s4Con>div {width: 100%; position: static !important;}
    .section4 .textBox {margin-bottom: 50px; padding-left: 0;}
    .section4 .s4Con .imgBox {height: 800px; overflow-y: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
    .section4 .s4Con .imgBox::-webkit-scrollbar {display: none;}

    /* section5 */
    .section5 {padding: 150px 0 180px 0;}
    .section5::before {width: 150px; height: 150px;}
    .section5 .title .tit {font-size: 44px;}
    .section5 .bgBox {margin-bottom: 150px;}
    .section5 .s5Con {flex-wrap: wrap; justify-content: center; padding: 0;}
    .section5 .s5Con img {width: 70%;}
    .section5 .s5Con .text {padding: 0 30px !important;}
    .section5 .s5Con .text .intro::before {display: none;}

    /* section6 */
    .section6 {padding: 200px 0 150px 0;}
    .section6 .title {margin-bottom: 300px;}
    .section6 .title2 {margin-bottom: 240px;}
    .section6 .s6Con {margin-bottom: 300px;}

    /* section7 */
    .section7 {padding: 150px 0;}
    .section7 .title {flex-wrap: wrap; gap: 50px; margin-bottom: 100px;}
    .section7 .title .leftT, .section7 .title .rightT {width: 100%;}
    .section7 .title .rightT {padding: 0 20px 0 30px;}
    .section7 .title2 .tit {font-size: 40px;}
    .section7 .title2 .txt {font-size: 18px;}
    .section7 .sec7Slide {padding-left: 30px;}
    .section7 .sec7Slide img {width: 36%;}
    .section7 .swiper-pagination {margin-bottom: 90px;}
    .section7 .swiper-pagination::before {width: 90%;}

    /* section8 */
    .section8 {padding: 150px 0;}
    .section8::before {width: 150px; height: 150px;}
    .section8 .listWrap .list {row-gap: 30px;}
    .section8 .listWrap .list li {width: 100%;}

    /* section9 */
    .section9 {height: 350px;}
    .section9 .container::before {display: none;}
    .section9 .s9Con .tit {font-size: 48px;}
    .section9 .s9Con .txt {font-size: 18px;}

    /* section10 */
    .section10 {padding: 150px 0 250px 0;}
    .section10 .list {flex-wrap: wrap; gap: 25px;}
    .section10 .list li {width: 100%; padding-right: 0 !important;}
    .section10 .list li:not(:last-of-type)::before {display: none;}
    .section10 .list li:nth-of-type(2) {padding: 25px 0; border-top: 1px solid #C9CDD2; border-bottom: 1px solid #C9CDD2;}

    /* section11 */
    .section11 {padding-bottom: 200px;}
    .section11::before {height: 90%;}
    .section11 .titleBox {margin-bottom: 50px;}
    .section11 .imgBox {display: flex; flex-direction: column-reverse; margin-bottom: 130px;}
    .section11 .imgBox .leftBox {width: 100%; height: auto; padding: 50px; box-sizing: border-box;}
    .section11 .imgBox .leftBox p {position: static;}
    .section11 .imgBox .leftBox .bT {margin-bottom: 30px;}
    .section11 .imgBox .rightBox {position: static;}
    .section11 .imgBox .rightBox img {display: block; width: 100%;}
    .section11 .s11Con {margin-bottom: 350px;}
    .section11 .s11Con::before {width: 430px; right: -47px; bottom: -550px;}
    .section11 .stepBox {margin-bottom: 200px; padding: 0;}

    /* section12 */
    .section12 {padding: 120px 0 150px 0;}
    .section12 .container {width: 90%;}
    .section12 .titleBox .txt {margin-bottom: 30px;}
    .section12 .titleBox a {position: static; display: inline-block;}

    /* section13 */
    .section13 .txt {font-size: 30px;}

    /* section15 */
    .section15 .mapWrap .leftCon .sTit {font-size: 24px;}
    .section15 .mapWrap .leftCon .call {font-size: 50px;}
    .section15 .mapWrap .rightCon {padding-left: 30px;}
    .section15 .mapWrap .rightCon>.type2 .list li span.type2 {margin-top: 10px;}
}

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

    .sideBar {padding: 20px 15px; top: 50%; right: -50px;}
    .sideBar li {padding-bottom: 0; margin-bottom: 20px;}
    .sideBar a {padding-top: 0; width: 28px; height: 28px;}
    .sideBar a::after {display: none;}
    .sideBar a span {display: none;}
    .sideBar button {width: 40px; height: 40px; left: -20px;}
    .sideBar button::before {left: 11px; width: 8px; height: 13px;}

    /* bgBox */
    .bgBox {height: 278px;}

    /* mainVisual */
    .mainVisual .textBox .txt {font-size: 11px;}

    /* section1 */
    .section1 {padding-top: 120px;}
    .section1::after {width: 300px; height: 198px; left: 0;}
    .section1 .title .txt {font-size: 22px; margin-bottom: 15px;}
    .section1 .title .txt::before {top: -120px; height: 120px;}
    .section1 .title .tit {font-size: 25px;}
    .section1 .s1Con {flex-wrap: wrap; margin-bottom: 60px;}
    .section1 .s1Con li {width: 100%;}
    .section1 .s1Con li img {width: 85%;}
    .section1 .s1Con li:nth-of-type(2) {margin-top: 0; text-align: right;}
    .section1 .s1Con li .name {right: 0; left: auto; top: 20%;}
    .section1 .s1Con li:nth-of-type(2) .name {right: auto; left: 0; top: 50%;}
    .section1 .textBox .tit {font-size: 40px; margin-bottom: 28px;}
    .section1 .textBox .txt {font-size: 18px;}

    /* section2 */
    .section2 .swiper-slide .textBox {justify-content: flex-start; width: 90%; height: 370px; padding: 50px 0 0 40px; right: 5%;}
    .section2 .swiper-slide .textBox .tit {font-size: 36px; margin-bottom: 15px;}
    .section2 .swiper-slide .textBox .tit span {font-size: 20px;}
    .section2 .swiper-slide .textBox .txt .logo {flex-wrap: wrap; gap: 10px;height: 92px}
    .section2 .swiper-slide .textBox .txt .logo p {width: 100%;height: 92px}
    .section2 .swiper-slide .textBox .txt {gap: 10px;}
    .section2 .swiper-slide .textBox .txt .viewMore {position: absolute; bottom: -55px; right: 15px; font-size: 14px;}
    .section2 .swiper-slide .textBox .txt .viewMore::before {width: 40px; top: -7px;}
    .section2 .slideBtn {top: auto; bottom: 320px; right: 50px; gap: 20px;}
    .section2 .slideBtn .btn {width: 20px;}

    /* section3 */
    .section3 .textBox {margin-bottom: 60px;}
    .section3 .textBox::before {width: 200px; top: 120px;}
    .section3 .swiperWrap {padding: 70px 0;}

    /* section4 */
    .section4 {padding-bottom: 105px;}
    .section4 .textBox .stit {font-size: 24px; margin-bottom: 25px;}
    .section4 .textBox .tit {font-size: 40px;}
    .section4 .textBox .txt {word-break: keep-all;}
    .section4 .textBox .txt>br {display: none;}
    .section4 .s4Con .imgBox {height: 550px;}

    /* section5 */
    .section5 {padding: 120px 0; overflow: hidden;}
    .section5::before {width: 117px; height: 117px;}
    .section5 .title {margin-bottom: 45px;}
    .section5 .title .txt {font-size: 14px; margin-bottom: 45px;}
    .section5 .bgBox {margin-bottom: 0;}
    .section5 .s5Con img {width: 100%;}
    .section5 .s5Con .text .intro {font-size: 22px;}
    .section5 .s5Con .text .name {font-size: 40px; margin-bottom: 25px;}
    .section5 .s5Con .text .name span {font-size: 22px; margin-left: 15px;}
    .section5 .s5Con .text .txt {font-size: 18px; padding: 0 0 0 25px;}
    .section5 .s5Con .text .txt::before {width: 19px; height: 20px; top: -2px;}
    .section5 .s5Con .list {font-size: 14px;}
    .section5 .s5Con .list:not(:last-of-type) {margin-bottom: 45px;}

    /* section6 */
    .section6 {padding: 125px 0 200px 0; overflow: hidden;}
    .section6 .cont-title2 {margin-bottom: 20px;}
    .section6 .bgBox {width: 90%; height: 520px; margin: 50px auto; background-image: url('../_images/main/s6_img_mo2.png');}
    .section6 .s6Con {margin-bottom: 170px;}
    .section6 .s6Con .cont-title {margin-bottom: 30px;}
    .section6 .s6Con .txt {font-size: 18px;}
    .section6 .s6Con .list {flex-wrap: wrap;}
    .section6 .s6Con .list li {justify-content: center; min-height: 200px; height: 200px; width: 100%;}
    .section6 .s6Con .list li::before {width: 48px; top: 62%;}
    .section6 .s6Con .list li .tit {font-size: 24px;}
    .section6 .s6Con .list li .tit>br {display: none;}
    .section6 .s6Con .list li .txt {font-size: 16px;}
    .section6 .title {margin-bottom: 190px;}
    .section6 .title .cont-title {margin-bottom: 30px;}
    .section6 .title .cont-text {font-size: 20px;}
    .section6 .title2 .cont-title {font-size: 48px; line-height: 1.3;}
    .section6 .title2 .cont-text {font-size: 18px; line-height: 1.3; margin-bottom: 30px;}
    .section6 .sec6Slide li {margin: 0 10px; width: 80%;}
    .section6 .slideBtn {width: 65px; height: 65px; background: #fff; top: auto; transform: translateY(0); bottom: 0; right: 0; z-index: 1; font-size: 23px; display: flex; align-items: center; justify-content: center;}
    .section6 .swiper-button-prev {right: 65px; left: auto;}
    .section6 .swiper-button-prev::before {content: ''; position: absolute; top: 24px; right: 0; background: #C9CDD2; width: 1px; height: 20px;}

    /* mdText */
    .mdText .text div {font-size: 30px;}
    .mdText .text div:nth-child(1) {font-size: 18px;}
    .mdText .text.trigger_act_on div:nth-child(1)::after {width: 60px;}

    /* section7 */
    .section7 .title {gap: 80px; margin-bottom: 80px;}
    .section7 .title .leftT .tit {padding-left: 20px;}
    .section7 .title .leftT .tit::before {top: -20px;}
    .section7 .title .rightT {padding: 0;}
    .section7 .title2 {text-align: left;}
    .section7 .title2 .tit {font-size: 36px;}
    .section7 .title2 .txt {margin-bottom: 50px;}
    .section7 .bgBox {margin-bottom: 130px;}
    .section7 .swiper-pagination::before,.section7 .swiper-pagination-bullet::before {display: none;}
    .section7 .swiper-pagination {width: 60%; gap: 10px; justify-content: flex-start; flex-wrap: wrap; margin: 0 0 100px 0;}
    .section7 .swiper-pagination-bullet {padding: 10px 0; width: calc(50% - 7px); text-align: center; background: #FFFFFF; border: 1px solid #C9CDD2; color: var(--subColor); font-size: 14px; border-radius: 29px;}
    .section7 .swiper-pagination-bullet-active {background: #FFDC9F; color: var(--subColor);}
    .section7 .sec7Slide {padding-left: 0;}
    .section7 .sec7Slide .swiper-slide {width: 100%; padding: 0 30px; box-sizing: border-box; flex-direction: column-reverse; flex-wrap: wrap; gap: 0;}
    .section7 .sec7Slide .text {padding: 0 0 100px 0; height: 210px; position: relative;}
    .section7 .sec7Slide .text .sub {position: absolute; bottom: 0; right: 0; font-size: 46px;}
    .section7 .sec7Slide .text .txt>br {display: none;}
    .section7 .sec7Slide img {width: 100%;}

    /* section8 */
    .section8 .listWrap .cont-title {margin-bottom: 48px;}
    .section8 .listWrap .list li .text .stit {display: none;}
    .section8 .listWrap .list li img {width: 40%;}
    .section8 .listWrap .list li .text .tit {font-size: 20px;}
    .section8 .listWrap .list li .text .txt {font-size: 14px; word-break: keep-all;}
    .section8 .listWrap .list li .text .txt>br {display: none;}

    /* section9 */
    .section9 {height: 534px; background-image: url('../_images/main/s9_background_mo.png');}
    .section9 .s9Con .tit {line-height: 1.3;}

    /* section10 */
    .section10 .list li img {width: 85px;}
    .section10 .list li .txt {font-size: 14px;}

    /* section11 */
    .section11 {padding-bottom: 0;}
    .section11 .titleBox {margin-bottom: 25px;}
    .section11 .s11Con {gap: 35px;}
    .section11 .s11Con .textBox .txt {word-break: keep-all;}
    .section11 .s11Con .textBox .txt>br {display: none;}
    .section11 .s11Con .listBox {gap: 10px;}
    .section11 .s11Con .listBox li {padding: 20px 15px;}
    .section11 .s11Con .listBox li .txt {font-size: 20px; padding-top: 40px;}
    .section11 .s11Con .listBox li .txt::before {width: 21px; height: 21px;}
    .section11 .s11Con .listBox li .num {font-size: 68px; right: 10px;}
    .section11 .cont-title2 {margin-bottom: 25px;}
    .section11 .imgBox .leftBox {padding: 30px 40px;}
    .section11 .stepBox {margin-bottom: 110px;}
    .section11 .stepBox .topText {margin-bottom: 80px;}
    .section11 .stepBox .topText .cont-title2 {margin-bottom: 10px;}
    .section11 .stepBox .topText .right {font-size: 16px;}
    .section11 .step li {width: 100%; padding-top: 30px;}
    .section11 .step li .tit {margin-bottom: 10px;}
    .section11 .step li .txt {font-size: 16px;}
    .section11 .s11Banner {width: 100%; flex-wrap: wrap;}
    .section11 .s11Banner img {width: 100%;}

    /* section12 */
    .section12 .titleBox {margin-bottom: 25px;}
    .section12 .titleBox .sTit {font-size: 28px;}
    .section12 .titleBox .txt {font-size: 18px; margin-bottom: 50px;}
    .section12 .titleBox a {font-size: 18px; padding: 15px 20px;}
    .section12 .info {font-size: 14px;}
    .section12 .sec12Slide li {flex-wrap: wrap; gap: 18px;}
    .section12 .sec12Slide li img {width: 100%;}
    .section12 .sec12Slide li iframe {width: 100%;height: 180px}
    .section12 .slideBtn {top: -60px; transform: translateY(0);}
    .section12 .swiper-button-prev {left: auto; right: 60px;}
    .section12 .swiper-button-prev::before {content: ''; position: absolute; top: 2px; right: -20px; width: 2px; height: 80%; background: #fff;}
    .section12 .swiper-button-next {right: 10px;}

    /* section13 */
    .section13 {padding: 110px 0;}
    .section13 .tit {margin-bottom: 40px;}
    .section13 .tit img {order: 3; margin-top: 20px;}
    .section13 .txt {font-size: 24px;}

    /* section15 */
    .section15 {padding: 90px 0;}
    .section15 .mapWrap {flex-wrap: wrap;}
    .section15 .mapWrap .leftCon, .section15 .mapWrap .rightCon {width: 100%;}
    .section15 .mapWrap .leftCon {border-right: none;}
    .section15 .mapWrap .leftCon .sTit {font-size: 18px; margin-bottom: 15px;}
    .section15 .mapWrap .leftCon .call {font-size: 44px; margin-bottom: 30px;}
    .section15 .mapWrap .leftCon .mapArea .map {display: none;}
    .section15 .mapWrap .rightCon {padding-left: 0;}
    .section15 .mapWrap .rightCon>.type2 {margin-top: 45px;}
}

@media screen and (max-width: 430px) {
    /* mainVisual */
    .mainVisual .quickCall_mo {padding: 15px 30px; font-size: 16px;}

    /* section2 */
    .section2 .swiper-slide .textBox {height: 335px; padding: 50px 0 0 20px;}
    .section2 .swiper-slide .textBox .tit {font-size: 26px; margin-bottom: 15px;}
    .section2 .swiper-slide .textBox .tit span {font-size: 15px;}
    .section2 .swiper-slide .textBox .txt .logo p>br {display: none;}
    .section2 .slideBtn {bottom: 295px; right: 40px;}

    /* section3 */
    .section3 {padding-top: 130px;}
    .section3 .textBox::before {width: 160px; top: 75px;}
    .section3 .textBox .stit {font-size: 22px; margin-bottom: 30px;}
    .section3 .swiperWrap {padding: 50px 0;}

    /* section4 */
    .section4 .textBox .tit {font-size: 34px;}

    /* section7 */
    .section7 .title .leftT {font-size: 40px;}
    .section7 .title .rightT .tit {font-size: 20px;}
    .section7 .sec7Slide .text {height: 230px;}
    .section7 .sec7Slide .text .sub {font-size: 38px;}

    /* section13 */
    .section13 .tit img {width: 100%;}
}