/* 공통 */
:root {
    --font-dm : "DM Sans", sans-serif;
    --font-mont : "Montserrat", sans-serif;
    --font-pre : 'Pretendard', sans-serif;
    --color-navy : #031632;
    --color-blue : #0066FF;
    --color-skyBlue : #98AAC6;
}

p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner1 {max-width:1600px; margin:0 auto;}
.inner2 {max-width:1700px; margin:0 auto;}
body {background: var(--color-navy);}
body * {color: #fff;}

/* header */
#header {position: fixed; top: 0 ;left: 0; width: 100%; height: 80px; z-index: 100;}
#header.fixed {background: var(--color-navy);}
#header .inner2 {display: flex; align-items: center; justify-content: space-between;}
#header .logo img {width: 120px;}
#header .right {display: flex; align-items: center; gap: 0 40px;}
#header .right a {font-size: 17px; font-weight: 700; color: #fff; display: block; line-height: 80px; font-family: var(--font-pre);}
#header .allMenu_btn {cursor: pointer;}
#header .allMenu_btn img {width: 31px;}

/* all menu */
#allMenu{display:none; position:fixed; width:100%; height:100vh; z-index:5000;}
#allMenu .cont {position: relative; background: var(--color-navy); padding: 30px 110px 75px; width: 100%; height: 100%;}
#allMenu .logo img {width: 150px;}
#allMenu .close{position:absolute; right:40px; top:41px; width:60px; height: 60px; border-radius: 100%; background: #fff; text-align: center; line-height: 60px; cursor:pointer;}
#allMenu .close img{width:20px;}
#allMenu .mid {padding:105px 0 0 363px; display: flex; align-items: flex-end; gap: 0 371px;}
#allMenu .socal {padding-bottom: 133px;}
#allMenu .socal p {font-size: 15px; font-weight: 600; color: #8A98AC; line-height: 1.2; letter-spacing: -.03em; margin-bottom: 15px;}
#allMenu .socal a {display: flex; align-items: center; gap: 0 10px; font-size: 30px; font-weight: 600; color: #fff; line-height: 1.2;}
#allMenu .menu a {font-size: 80px; font-weight: 600; color: #fff; line-height: 1.18; letter-spacing: -.03em;}
#allMenu .menu a:hover {text-decoration: underline; text-underline-offset: 16px;}
#allMenu .menu ul + ul {margin-top: 113px;}
#allMenu .menu .copy {margin-top: 97px; font-size: 17px; font-weight: 400; color: #fff; line-height: 1.7; letter-spacing: -.01em;}

/* footer */
#footer {color: #fff; padding: 259px 0 157px; text-align: center; position: relative; margin-top: 196px;}
#footer::before {content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2290px; height: 2290px; background: linear-gradient(180deg, #022861 0%, rgba(0, 0, 0, 0) 60.94%); border-radius: 100%; z-index: -1;}
#footer .top em {font-size: 19px; font-weight: 800; color: var(--color-blue); line-height: 1.5; text-decoration: underline; text-underline-offset: 4px;}
#footer .top h2 {margin-top: 22px; font-size: 60px; font-weight: 700; line-height: 1.3;}
#footer .top p {margin-top: 18px; font-size: 24px; font-weight: 500; line-height: 1.4; opacity: .8;}
#footer .top h1 {margin-top: 43px;}
#footer .top h1 a {font-size: 85px; font-weight: 800; line-height: 1;}
#footer .top .viewBtn {margin-top: 59px; display: inline-flex; align-items: center; justify-content: center; gap: 0 10px; border-radius: 30px; background: var(--color-blue); width: 235px; height: 60px; font-size: 18px; font-weight: 700;}
#footer .top .viewBtn img {width: 15px;}
#footer .bot {margin-top: 162px;}
#footer .logo img {width: 150px;}
#footer .info {margin-top: 34px;}
#footer .info p {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; line-height: 1.3; gap: 0 10px;}
#footer .info span {font-size: 18px; font-weight: 500; color: #B8B8B8; display: inline-flex; align-items: center; gap: 0 10px;}
#footer .info strong {color: #fff; font-weight: 500;}
#footer .copy {margin-top: 12px; font-size: 17px; font-weight: 400; line-height: 1.7; letter-spacing: -.01em;}

/* quick */
.quick {position: fixed; right: 61px; bottom: 84px; z-index: 100;}
.quick li {width: 60px; height: 60px; border-radius: 100%; overflow: hidden;}
.quick li + li {margin-top: 20px;}
.quick li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.quick li:nth-child(1) {background: var(--color-blue);}
.quick li:nth-child(2) {background: #6E61EC;}
.quick li:nth-child(3) {background: #fff;}
.quick li:nth-child(1) img {width: 24px;}
.quick li:nth-child(2) img {width: 37px;}
.quick li:nth-child(3) img {width: 21.6px;}

/* main */
/* 공통 */
.sec {padding-top: 200px;}
.sec .sec_tit {text-align: center;}
.sec .sec_tit strong {display: inline-block; font-size: 19px; font-weight: 800; line-height: 1.5; color: var(--color-blue); text-decoration: underline; text-underline-offset: 3px;}
.sec .sec_tit h3 {margin-top: 31px; font-size: 50px; font-weight: 700; line-height: 1.2;}
.sec .sec_tit h3 span {color: var(--color-blue);}
.sec .sec_tit p {margin-top: 30px; font-size: 18px; font-weight: 500; color: var(--color-skyBlue); line-height: 1.6;}
.sec .viewBtn {display: flex; align-items: center; justify-content: center; gap: 0 10px; height: 60px; font-size: 20px; font-weight: 700; background: var(--color-blue); color: #fff; border-radius: 30px;}
.sec .viewBtn img {width: 15px;}
.sec .inner_bg {position: relative;}
.sec .inner_bg:before {content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2290px; height: 2290px; background: linear-gradient(180deg, #022861 0%, rgba(0, 0, 0, 0) 60.94%); border-radius: 100%; z-index: -1;}

/* moveMenu_cont */
.moveMenu_cont {position: fixed; top: 50%; transform: translateY(-50%); left: 0; z-index: 10;}
.moveMenu_cont li {position: relative; padding-left: 50px; display: flex; align-items: center; gap: 0 12px; cursor: pointer;}
.moveMenu_cont li + li {margin-top: 30px;}
.moveMenu_cont li .line {position: absolute; display: block; width: 40px; height: 1px; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0; opacity: 0; transition: all .3s;}
.moveMenu_cont li .circle {display: block; width: 7px; height: 7px; border-radius: 100%; background: #fff; transition: all .3s;}
.moveMenu_cont li .tit {font-size: 18px; font-weight: 500; color: #fff; opacity: 0; transition: all .3s;}
.moveMenu_cont li.active .circle {background: var(--color-blue);}
.moveMenu_cont li.active .line,
.moveMenu_cont li.active .tit {opacity: 1;}
/* visual */
.visual {position: relative; padding-top: 0 !important;}
.visual > img {width: 100%;}
.visual .txt {position: absolute; bottom: 163px; left: 0; width: 100%;}
.visual .txt h2 {position: relative; font-size: 55px; font-weight: 800; line-height: 1.2;}
.visual .txt h2 span {width: 20px; height: 20px; border-radius: 100%; background: var(--color-blue); display: inline-block; vertical-align: bottom; margin-bottom: 12px;}
.visual .txt p {margin-top: 30px; font-size: 24px; font-weight: 500; line-height: 1.4;}
.visual .txt a {margin-top: 46px; width: 170px; height: 50px; display: flex; align-items: center; justify-content: center; gap: 0 8px; border-radius: 30px; background: var(--color-blue); font-size: 18px; font-weight: 700;}
.visual .txt a img {width: 11px;}
/* sec1 */
.sec1 .inner1 {display: flex; align-items: flex-start; justify-content: space-between; position: relative;}
.sec1 .inner1::before {content: ""; width: 930px; height: 239px; background: url('/img/main/sec1_txt.svg') no-repeat center/contain; position: absolute; left: 259px; top: 73px;}
.sec1 .inner1 > div {width: 50%;}
.sec1 .txt .logo img {width: 551px;}
.sec1 .txt .tit {margin-top: 126px;}
.sec1 .txt .tit strong {font-size: 19px; font-weight: 800; color: var(--color-blue); text-decoration: underline; text-underline-offset: 3px; line-height: 1.5;}
.sec1 .txt .tit h3 {margin-top: 35px; font-size: 55px; font-weight: 800; line-height: 1.2;}
.sec1 .txt .tit h3 span {font-weight: 100;}
.sec1 .txt .tit p {margin-top: 35px; font-size: 20px; font-weight: 500; line-height: 1.5;}
.sec1 .btn_cont {margin-top: 65px; display: flex; align-items: center; gap: 0 24px;}
.sec1 .btn_cont .viewBtn_w {width: 235px; background: transparent; border: 1px solid #FFFFFF80;}
.sec1 .btn_cont .viewBtn {width: 260px;}
.sec1 .right {text-align: right; position: relative; padding-top: 25px;}
.sec1 .right .img {display: inline-block; width: 591px; height: 657px; border-radius: 300px 300px 0 0; overflow: hidden;}
.sec1 .right .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sec1 .right .circle {position: absolute; right: 551px; bottom: 105px; display: block; width: 80px; height: 80px; border-radius: 100%; background: linear-gradient(180deg, #0846A3 0%, #0066FF 60.94%);}
/* sec2 */
.sec2 .inner_bg {padding-top: 159px;}
.sec2 .cont {margin: 101px auto 0; max-width: 1500px;}
.sec2 .cont .item {display: flex; align-items: center;}
.sec2 .cont .item + .item {margin-top: 180px;}
.sec2 .cont .item .img_cont {position: relative;}
.sec2 .cont .item .img_cont .img {display: inline-block;}
.sec2 .cont .item .img_cont .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sec2 .cont .item .img_cont a {display: flex; align-items: center; justify-content: center; flex-direction: column; width: 110px; height: 110px; border-radius: 100%; background: linear-gradient(180deg, #0846A3 0%, #0066FF 60.94%); font-size: 18px; font-weight: 700; line-height: 1.16; gap: 10px 0; position: absolute; padding-top: 8px;}
.sec2 .cont .item .img_cont a img {width: 15px;}
.sec2 .cont .item .txt .num {font-size: 25px; font-weight: 800; color: var(--color-blue); line-height: 1.2;}
.sec2 .cont .item .txt h4 {position: relative; margin-top: 30px; font-size: 50px; font-weight: 800; line-height: 1.2; z-index: 1;}
.sec2 .cont .item .txt h4::before {content: ""; width: 457px; height: 60px; position: absolute; top: 30px; left: 0; background: url('/img/main/sec2_txt.svg') no-repeat center/contain; z-index: -1;}
.sec2 .cont .item .txt .info {margin-top: 60px; font-size: 28px; font-weight: 800; line-height: 1.4;}
.sec2 .cont .item .txt .desc {margin-top: 30px; font-size: 18px; font-weight: 500; line-height: 1.6; color: var(--color-skyBlue); word-break: keep-all;}
.sec2 .cont .item.left > div {width: 50%;}
.sec2 .cont .item.left .txt {padding-left: 30px;}
.sec2 .cont .item.right {padding-left: 125px; justify-content: space-between;}
.sec2 .cont .item.right .txt {width: calc(100% - 665px);}
.sec2 .cont .item.right .img_cont {text-align: right;}
.sec2 .cont .item1 .img {width: 600px; height: 450px; border-radius: 0 300px 300px 0;}
.sec2 .cont .item1 .img_cont a {bottom: 102px; left: -55px;}
.sec2 .cont .item2 .img {width: 450px; height: 500px; border-radius: 300px 300px 0 0;}
.sec2 .cont .item2 .img_cont a {bottom: -55px; right: 134px;}
.sec2 .cont .item3 .img {width: 550px; height: 450px; border-radius: 300px 0 0 300px;}
.sec2 .cont .item3 .img_cont a {bottom: 122px; left: 495px;}
/* sec3 */
.sec3 {position: relative; padding-top: 220px; margin-top: 70px;}
.sec3::before {content: ""; background: url(/img/main/sec3_bg.svg) no-repeat center/contain; position: absolute; top: 0; right: 0; width: 100%; height: 970px;}
.sec3 .top {display: flex; align-items: flex-end; justify-content: space-between;}
.sec3 .top .sec_tit {text-align: left;}
.sec3 .top .sec_tit strong {color: #287CFB;}
.sec3 .top .sec_tit h3 {margin-top: 19px; font-size: 60px; line-height: 1.3;}
.sec3 .count {display: flex; align-items: center; gap: 0 120px;}
.sec3 .count p {font-size: 20px; font-weight: 600; color: #aaa; line-height: 1.2;}
.sec3 .count strong {display: block; margin-top: 24px; font-size: 60px; font-weight: 700; line-height: 1;}
.sec3 .cont {margin-top: 134px;}
.sec3 .cont .swiper-wrapper {position: relative; z-index: 1;}
.sec3 .cont .swiper-slide {width: 380px; height: 450px; border-radius: 30px; overflow: hidden; margin: 0 35px;}
.sec3 .cont .swiper-slide.bot {margin-top: 60px;}
.sec3 .cont .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
/* cursor */
#cursor_div {position: fixed; left: 0; top: 0; pointer-events: none; z-index: 2;}
.cursor {display:flex; justify-content:center; align-items:center; width: 0px; height: 0px; border-radius:100%; background: #0066FFE5; transition:all 0.3s; transform: translate(-50%, -50%); font-size: 0;}
.cursor.on {width: 150px; height: 150px; font-size: 18px; font-weight: 700; line-height: 1.16;}
/* sec4 */
.sec4 .inner {background: url(/img/main/sec4_bg.png) no-repeat center/cover; height: 575px; display: flex; align-items: center; justify-content: center;}
.sec4 .sec_tit h3 {margin-top: 25px;}
.sec4 .sec_tit p {color: #fff; margin-top: 35px; opacity: .8;}
.sec4 .sec_tit a {margin: 44px auto 0; width: 235px;}
/* sec5 */
.sec5 .inner2 {display: flex; align-items: flex-start; justify-content: space-between;}
.sec5 .sec_tit {text-align: left; min-height: 570px; width: 200px; display: flex; align-items: center; justify-content: center; margin-top: 100px;}
.sec5 .sec_tit > div {transform: rotate(90deg); min-width: 570px;}
.sec5 .sec_tit strong {color: #287CFB;}
.sec5 .sec_tit h3 {margin-top: 19px; font-size: 60px;}
.sec5 .cont {width: 1370px;}
.sec5 .cont .arrow {display: flex; align-items: center; justify-content: flex-end; gap: 0 15px;}
.sec5 .cont .arrow div {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: 60px; height: 60px; border-radius: 100%;  border: 1px solid #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s}
.sec5 .cont .arrow div::after {display: none;}
.sec5 .cont .arrow div img {width: 20px;}
.sec5 .cont .arrow div:hover {border-color: var(--color-blue); background: var(--color-blue);}
.sec5 .cont .swiper {width: 100%; height: 675px; margin-top: 40px;}
.sec5 .cont .swiper-wrapper {margin:-20px -20px 0;}
.sec5 .cont .swiper-slide {width: 430px; height: 190px; border-radius: 20px; padding: 35px 51px; box-sizing: border-box; background: #0C2A56; margin: 20px !important; transition: all .3s;}
.sec5 .cont .swiper-slide:hover {background: var(--color-blue);}
.sec5 .cont .swiper-slide .status {display: block; width: 105px; height: 35px; text-align: center; line-height: 35px; border-radius: 100px; border: 1px solid #fff; font-size: 16px; font-weight: 600;}
.sec5 .cont .swiper-slide p {margin-top: 13px; font-size: 30px; font-weight: 700; line-height: 1.5;}
.sec5 .cont .swiper-slide .date {display: block; margin-top: 7px; font-size: 18px; font-weight: 500; line-height: 1.1;}
/* sec6 */
.sec6 {position: relative; padding-bottom: 170px;}
.sec6::before {content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 135px; background: url(/img/main/sec6_txt.svg) no-repeat center/contain;}
.sec6 .sec_tit h3 {margin-top: 25px; font-size: 60px;}
.sec6 .sec_tit p {margin-top: 27px; color: #fff; font-size: 24px; line-height: 1.4;}
.sec6 .cont {position: relative; margin-top: 129px; padding-left: 87px; display: flex; align-items: center; gap: 0 192px;}
.sec6 .cont > .line {position: absolute; left: 0; width: 1px; height: 600px; bottom: 100px; background: #FFFFFF40;}
.sec6 .cont > .line::after {content: ""; position: absolute; top: 110px; left: 50%; transform: translateX(-50%); display: block; width: 40px; height: 40px; border-radius: 100%; background: var(--color-blue) url(/img/main/sec6_check.svg) no-repeat center/24px 24px;}
.sec6 .main_swiper {width: calc(100% - 1102px); height: 627px; box-sizing: border-box; overflow: hidden;}
.sec6 .main_swiper .swiper-wrapper {height: 627px;}
.sec6 .main_swiper .swiper-slide {max-height: 236px; margin: 40px 0; display: flex; align-items: center; gap: 0 100px; opacity: .4; line-height: 1.4; transition: all .3s;}
.sec6 .main_swiper .swiper-slide .num {font-size: 23px; font-weight: 900;}
.sec6 .main_swiper .swiper-slide strong {display: block; margin-top: 27px; font-size: 25px; font-weight: 800;}
.sec6 .main_swiper .swiper-slide .desc {margin-top: 32px; font-size: 19px; font-weight: 400;}
.sec6 .main_swiper .swiper-slide .img {opacity: 0; transition: all .3s;}
.sec6 .main_swiper .swiper-slide .img img {width: 65px;}
.sec6 .main_swiper .swiper-slide.swiper-slide-active {opacity: 1;}
.sec6 .main_swiper .swiper-slide.swiper-slide-active .num {color: #418DFF;}
.sec6 .main_swiper .swiper-slide.swiper-slide-active .img {opacity: 1;}
.sec6 .sub_swiper {width: 910px; height: 627px; position: relative;}
.sec6 .sub_swiper .sub_swiper_inner {height: 100%; border-radius: 300px 0 0 300px; overflow: hidden;}
.sec6 .sub_swiper .circle {position: absolute; right: 115px; top: -37px; display: block; width: 110px; height: 110px; border-radius: 100%; background: linear-gradient(180deg, #0846A3 0%, #0066FF 60.94%); z-index: 5;}
.sec6 .sub_swiper .swiper-container {overflow: hidden; height: 100%;}
.sec6 .sub_swiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
/* sec7-8 */
.sec7-8.inner_bg {position: relative; margin-top: 166px;}
.sec7-8.inner_bg::before {content: ""; position: absolute; top: 0; right: -676px; width: 2290px; height: 2290px; background: linear-gradient(180deg, #022861 0%, rgba(0, 0, 0, 0) 60.94%); border-radius: 100%; z-index: -1;}
/* sec7 */
.sec7 {padding-top: 182px;}
.sec7 .top {display: flex; align-items: center; justify-content: space-between;}
.sec7 .sec_tit {text-align: left;} 
.sec7 .sec_tit h3 {margin-top: 15px;}
.sec7 .sec_tit p {margin-top: 32px;}
.sec7 .arrow {display: flex !important; align-items: center; justify-content: flex-end; gap: 0 15px;}
.sec7 .arrow.mob {display: none !important;}
.sec7 .arrow div {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: 60px; height: 60px; border-radius: 100%;  border: 1px solid #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s}
.sec7 .arrow div::after {display: none;}
.sec7 .arrow div img {width: 20px; transform: rotate(95deg);}
.sec7 .arrow div:hover {border-color: var(--color-blue); background: var(--color-blue);}
.sec7 .cont {margin-top: 90px;}
.sec7 .cont .swiper-wrapper {padding-left: 75px;}
.sec7 .cont .swiper-slide {width: 500px; height: 480px; margin: 0 35px; border-radius: 20px; padding: 40px 51px; box-sizing: border-box; background: #18345E; transition: all .3s;}
.sec7 .cont .swiper-slide:hover {background: var(--color-blue);}
.sec7 .cont .swiper-slide .num {text-align: right; font-size: 22px; font-weight: 700; line-height: 1.1;}
.sec7 .cont .swiper-slide .img {margin-top: 14px; display: block;}
.sec7 .cont .swiper-slide .img1 {width: 70px;}
.sec7 .cont .swiper-slide .img2 {width: 65px;}
.sec7 .cont .swiper-slide .img3 {width: 56px;}
.sec7 .cont .swiper-slide .en {margin-top: 61px; font-size: 16px; font-weight: 700; line-height: 1.1;}
.sec7 .cont .swiper-slide strong {display: block; margin-top: 14px; font-size: 30px; font-weight: 700; line-height: 1.2;}
.sec7 .cont .swiper-slide .desc {margin-top: 44px; font-size: 18px; font-weight: 500; line-height: 1.7;}
/* sec8 */
.sec8 {padding-top: 223px;}
.sec8 .sec_tit h3 {margin-top: 20px; font-size: 60px;}
.sec8 .sec_tit p {margin-top: 22px; line-height: 1.6;color: #B8B8B8;}
.sec8 .cont {margin-top: 102px;}
.sec8 .cont .swiper-slide {width: 600px; height: 540px; margin: 0 40px; border-radius: 20px; border: 1px solid #fff; padding: 54px 69px; box-sizing: border-box; transition: all .3s;}
.sec8 .cont .swiper-slide:hover {background: var(--color-blue); border-color: var(--color-blue);}
.sec8 .cont .swiper-slide .icon {font-size: 80px; font-weight: 700; line-height: 1.2; font-family: var(--font-mont);}
.sec8 .cont .swiper-slide h3 {font-size: 30px; font-weight: 700; line-height: 1.2;}
.sec8 .cont .swiper-slide .desc {margin-top: 37px; font-size: 18px; font-weight: 500; line-height: 1.7;}
.sec8 .cont .swiper-slide .name {margin-top: 33px; font-size: 25px; font-weight: 700; line-height: 1.2;}
.sec8 .arrow {width: 835px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: space-between; z-index: 5;}
.sec8 .arrow div {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: 70px; height: 70px; border-radius: 100%; background: #fff; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s}
.sec8 .arrow div::after {display: none;}
.sec8 .arrow div img {width: 15px;}
/* sec9 */
.sec9 {position: relative; height: 1093px; margin-top: 200px; padding-top: 0;}
.sec9 .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; z-index: 2;}
.sec9 .txt h3 {font-size: 70px; font-weight: 800; line-height: 1.2;}
.sec9 .txt h3 span {display: inline-block; width: 20px; height: 20px; border-radius: 100%; background: var(--color-blue); vertical-align: -webkit-baseline-middle;}
.sec9 .txt p {margin-top: 43px; font-size: 20px; font-weight: 500; line-height: 1.5;}
.sec9 .txt a {margin: 57px auto 0; width: 235px; border: 1px solid #fff; background: transparent; font-size: 18px;}
.sec9 .txt a img {width: 15px;}
.sec9 .bg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1472px; height: 100%; z-index: 1;}
.sec9 .bg > div {width: 100%; height: 100%;}
.sec9 .bg span {display: block; width: 120px; height: 120px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #0D2A57; position: absolute;}
.sec9 .bg span.blue {background: var(--color-blue);}
.sec9 .bg span.item1 {top: 44px; left: 222px;}
.sec9 .bg span.item1 img {width: 65px;}
.sec9 .bg span.item2 {top: 0; left: 587px;}
.sec9 .bg span.item2 img {width: 78px;}
.sec9 .bg span.item3 {top: 58px; right: 288px;}
.sec9 .bg span.item3 img {width: 71px;}
.sec9 .bg span.item4 {top: 247px; left: 1px;}
.sec9 .bg span.item4 img {width: 96px;}
.sec9 .bg span.item5 {top: 174px; left: 403px;}
.sec9 .bg span.item5 img {width: 75px;}
.sec9 .bg span.item6 {top: 144px; left: 765px;}
.sec9 .bg span.item6 img {width: 74px;}
.sec9 .bg span.item7 {top: 172px; right: 1px;}
.sec9 .bg span.item7 img {width: 92px;}
.sec9 .bg span.item8 {top: 451px; left: 149px;}
.sec9 .bg span.item8 img {width: 72px;}
.sec9 .bg span.item9 {top: 294px; right: 217px;}
.sec9 .bg span.item9 img {width: 89px;}
.sec9 .bg span.item10 {bottom: 410px; right: 35px;}
.sec9 .bg span.item10 img {width: 72px;}
.sec9 .bg span.item11 {bottom: 270px; left: 312px;}
.sec9 .bg span.item11 img {width: 72px;}
.sec9 .bg span.item12 {bottom: 283px; right: 236px;}
.sec9 .bg span.item12 img {width: 96px;}
.sec9 .bg span.item13 {bottom: 174px; left: 61px;}
.sec9 .bg span.item13 img {width: 83px;}
.sec9 .bg span.item14 {bottom: 180px; right: 515px;}
.sec9 .bg span.item14 img {width: 78px;}
.sec9 .bg span.item15 {bottom: 28px; left: 570px;}
.sec9 .bg span.item15 img {width: 79px;}
.sec9 .bg span.item16 {bottom: 0; right: 329px;}
.sec9 .bg span.item16 img {width: 79px;}


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

    .inner1 {max-width:84.8vw;}
    .inner2 {max-width:90.90vw;}
    
    /* header */
    #header {height: 4.88vw;}
    #header .logo img {width: 7.32vw;}
    #header .right {gap: 0 2.44vw;}
    #header .right a {font-size: 1.04vw; line-height: 4.88vw;}
    #header .allMenu_btn img {width: 1.89vw;}
    
    /* all menu */
    #allMenu .cont {padding: 1.83vw 6.71vw 4.57vw;}
    #allMenu .logo img {width: 9.15vw;}
    #allMenu .close{ right:2.44vw; top:2.50vw; width:3.66vw; height: 3.66vw; line-height: 3.66vw;}
    #allMenu .close img{width:1.22vw;}
    #allMenu .mid {padding:4.40vw 0 0 17.13vw; gap: 0 22.62vw;}
    #allMenu .socal {padding-bottom: 8.11vw;}
    #allMenu .socal p {font-size: 0.91vw; letter-spacing: -.03em; margin-bottom: 0.91vw;}
    #allMenu .socal a {gap: 0 0.61vw; font-size: 1.83vw;}
    #allMenu .menu a {font-size: 4.88vw; letter-spacing: -.03em;}
    #allMenu .menu a:hover {text-underline-offset: 0.98vw;}
    #allMenu .menu ul + ul {margin-top: 6.89vw;}
    #allMenu .menu .copy {margin-top: 5.91vw; font-size: 1.04vw; letter-spacing: -.01em;}
    
    /* footer */
    #footer {padding: 15.79vw 0 9.57vw; margin-top: 11.95vw;}
    #footer::before {width: 139.63vw; height: 139.63vw;}
    #footer .top em {font-size: 1.16vw; text-underline-offset: 0.24vw;}
    #footer .top h2 {margin-top: 1.34vw; font-size: 3.66vw;}
    #footer .top p {margin-top: 1.10vw; font-size: 1.46vw;}
    #footer .top h1 {margin-top: 2.62vw;}
    #footer .top h1 a {font-size: 5.18vw;}
    #footer .top .viewBtn {margin-top: 3.60vw; gap: 0 0.61vw; border-radius: 1.83vw; width: 14.33vw; height: 3.66vw; font-size: 1.10vw;}
    #footer .top .viewBtn img {width: 0.91vw;}
    #footer .bot {margin-top: 9.88vw;}
    #footer .logo img {width: 9.15vw;}
    #footer .info {margin-top: 2.07vw;}
    #footer .info p {gap: 0 0.61vw;}
    #footer .info span {font-size: 1.10vw; gap: 0 0.61vw;}
    #footer .copy {margin-top: 0.73vw; font-size: 1.04vw; letter-spacing: -.01em;}
    
    /* quick */
    .quick {right: 3.72vw; bottom: 5.12vw;}
    .quick li {width: 3.66vw; height: 3.66vw;}
    .quick li + li {margin-top: 1.22vw;}
    .quick li:nth-child(1) img {width: 1.46vw;}
    .quick li:nth-child(2) img {width: 2.26vw;}
    .quick li:nth-child(3) img {width: 1.32vw;}
    
    /* main */
    /* 공통 */
    .sec {padding-top: 12.20vw;}
    .sec .sec_tit strong {font-size: 1.16vw; text-underline-offset: 0.18vw;}
    .sec .sec_tit h3 {margin-top: 1.89vw; font-size: 3.05vw;}
    .sec .sec_tit p {margin-top: 1.83vw; font-size: 1.10vw;}
    .sec .viewBtn {gap: 0 0.61vw; height: 3.66vw; font-size: 1.22vw; border-radius: 1.83vw;}
    .sec .viewBtn img {width: 0.91vw;}
    .sec .inner_bg:before {width: 139.63vw; height: 139.63vw;}
    
    /* moveMenu_cont */
    .moveMenu_cont li {padding-left: 3.05vw; gap: 0 0.73vw;}
    .moveMenu_cont li + li {margin-top: 1.83vw;}
    .moveMenu_cont li .line {width: 2.44vw; height: 0.06vw;  ;}
    .moveMenu_cont li .circle {width: 0.43vw; height: 0.43vw;}
    .moveMenu_cont li .tit {font-size: 1.10vw;}
    /* visual */
    .visual .txt {bottom: 9.94vw;}
    .visual .txt h2 {font-size: 3.35vw;}
    .visual .txt h2 span {width: 1.22vw; height: 1.22vw; margin-bottom: 0.73vw;}
    .visual .txt p {margin-top: 1.83vw; font-size: 1.46vw;}
    .visual .txt a {margin-top: 2.80vw; width: 10.37vw; height: 3.05vw; gap: 0 0.49vw; border-radius: 1.83vw; font-size: 1.10vw;}
    .visual .txt a img {width: 0.67vw;}
    /* sec1 */
    .sec1 .inner1::before {width: 56.71vw; height: 14.57vw; left: 15.79vw; top: 4.45vw;}
    .sec1 .txt .logo img {width: 33.60vw;}
    .sec1 .txt .tit {margin-top: 7.68vw;}
    .sec1 .txt .tit strong {font-size: 1.16vw; text-underline-offset: 0.18vw;}
    .sec1 .txt .tit h3 {margin-top: 2.13vw; font-size: 3.35vw;}
    .sec1 .txt .tit p {margin-top: 2.13vw; font-size: 1.22vw;}
    .sec1 .btn_cont {margin-top: 3.96vw; gap: 0 1.46vw;}
    .sec1 .btn_cont .viewBtn_w {width: 14.33vw;}
    .sec1 .btn_cont .viewBtn {width: 15.85vw;}
    .sec1 .right {padding-top: 1.52vw;}
    .sec1 .right .img {width: 36.04vw; height: 40.06vw; border-radius: 18.29vw 18.29vw 0 0;}
    .sec1 .right .circle {right: 33.60vw; bottom: 6.40vw; width: 4.88vw; height: 4.88vw;}
    /* sec2 */
    .sec2 .inner_bg {padding-top: 9.70vw;}
    .sec2 .cont {margin: 6.16vw auto 0; max-width: 84.8vw;}
    .sec2 .cont .item + .item {margin-top: 10.98vw;}
    .sec2 .cont .item .img_cont a {width: 6.71vw; height: 6.71vw; font-size: 1.10vw; gap: 0.61vw 0; padding-top: 0.49vw;}
    .sec2 .cont .item .img_cont a img {width: 0.91vw;}
    .sec2 .cont .item .txt .num {font-size: 1.52vw;}
    .sec2 .cont .item .txt h4 {margin-top: 1.83vw; font-size: 3.05vw;}
    .sec2 .cont .item .txt h4::before {width: 27.87vw; height: 3.66vw; top: 1.83vw;}
    .sec2 .cont .item .txt .info {margin-top: 3.66vw; font-size: 1.71vw;}
    .sec2 .cont .item .txt .desc {margin-top: 1.83vw; font-size: 1.10vw;}
    .sec2 .cont .item.left .txt {padding-left: 1.83vw;}
    .sec2 .cont .item.right {padding-left: 5.62vw;}
    .sec2 .cont .item.right .txt {width: calc(100% - 40.55vw);}
    .sec2 .cont .item1 .img {width: 36.59vw; height: 27.44vw; border-radius: 0 18.29vw 18.29vw 0;}
    .sec2 .cont .item1 .img_cont a {bottom: 6.22vw; left: -3.35vw;}
    .sec2 .cont .item2 .img {width: 27.44vw; height: 30.49vw; border-radius: 18.29vw 18.29vw 0 0;}
    .sec2 .cont .item2 .img_cont a {bottom: -3.35vw; right: 8.17vw;}
    .sec2 .cont .item3 .img {width: 33.54vw; height: 27.44vw; border-radius: 18.29vw 0 0 18.29vw;}
    .sec2 .cont .item3 .img_cont a {bottom: 7.44vw; left: 30.18vw;}
    /* sec3 */
    .sec3 {padding-top: 13.41vw; margin-top: 4.27vw;}
    .sec3::before {height: 59.15vw;}
    .sec3 .top .sec_tit h3 {margin-top: 1.16vw; font-size: 3.66vw;}
    .sec3 .count {gap: 0 7.32vw;}
    .sec3 .count p {font-size: 1.22vw;}
    .sec3 .count strong {margin-top: 1.46vw; font-size: 3.66vw;}
    .sec3 .cont {margin-top: 8.17vw;}
    .sec3 .cont .swiper-slide {width: 23.17vw; height: 27.44vw; border-radius: 1.83vw; margin: 0 2.13vw;}
    .sec3 .cont .swiper-slide.bot {margin-top: 3.66vw;}
    /* cursor */
    .cursor {width: 0.00vw; height: 0.00vw;}
    .cursor.on {width: 9.15vw; height: 9.15vw; font-size: 1.10vw;}
    /* sec4 */
    .sec4 .inner {height: 35.06vw;}
    .sec4 .sec_tit h3 {margin-top: 1.52vw;}
    .sec4 .sec_tit p {margin-top: 2.13vw;}
    .sec4 .sec_tit a {margin: 2.68vw auto 0; width: 14.33vw;}
    /* sec5 */
    .sec5 .sec_tit {min-height: 34.76vw; width: 12.20vw; margin-top: 6.10vw;}
    .sec5 .sec_tit > div {min-width: 34.76vw;}
    .sec5 .sec_tit h3 {margin-top: 1.16vw; font-size: 3.66vw;}
    .sec5 .cont {width: 77.5vw;}
    .sec5 .cont .arrow {gap: 0 0.91vw;}
    .sec5 .cont .arrow div {width: 3.66vw; height: 3.66vw;}
    .sec5 .cont .arrow div img {width: 1.22vw;}
    .sec5 .cont .swiper {height: 39.16vw; margin-top: 1.4vw;}
    .sec5 .cont .swiper-wrapper {margin:-.7vw -.7vw 0;}
    .sec5 .cont .swiper-slide {width: 24.8vw; height: 11.59vw; border-radius: 1.22vw; padding: 2.13vw 2.11vw; margin: .7vw !important;}
    .sec5 .cont .swiper-slide .status {width: 6.40vw; height: 2.13vw; line-height: 2.13vw; border-radius: 6.10vw; font-size: 0.98vw;}
    .sec5 .cont .swiper-slide p {margin-top: 0.79vw; font-size: 1.83vw;}
    .sec5 .cont .swiper-slide .date {margin-top: 0.43vw; font-size: 1.10vw;}
    /* sec6 */
    .sec6 {padding-bottom: 7.23vw;}
    .sec6::before {height: 7.23vw;}
    .sec6 .sec_tit h3 {margin-top: 1.52vw; font-size: 3.66vw;}
    .sec6 .sec_tit p {margin-top: 1.65vw; font-size: 1.46vw;}
    .sec6 .cont {margin-top: 7.87vw; padding-left: 5.30vw; gap: 0 4.71vw;}
    .sec6 .cont > .line {width: 0.06vw; height: 36.59vw; bottom: 6.10vw;}
    .sec6 .cont > .line::after {top: 6.71vw; width: 2.44vw; height: 2.44vw; background-size: 1.46vw;}
    .sec6 .main_swiper {width: calc(100% - 57.20vw); height: 38.23vw;}
    .sec6 .main_swiper .swiper-wrapper {height: 38.23vw;}
    .sec6 .main_swiper .swiper-slide {max-height: 14.39vw; margin: 2.44vw 0; gap: 0 3.10vw;}
    .sec6 .main_swiper .swiper-slide .num {font-size: 1.40vw;}
    .sec6 .main_swiper .swiper-slide strong {margin-top: 1.65vw; font-size: 1.52vw;}
    .sec6 .main_swiper .swiper-slide .desc {margin-top: 1.95vw; font-size: 1.16vw;}
    .sec6 .main_swiper .swiper-slide .img img {width: 3.96vw;}
    .sec6 .sub_swiper {width: 52.49vw; height: 38.23vw;}
    .sec6 .sub_swiper .circle {right: 7.01vw; top: -2.26vw; width: 6.71vw; height: 6.71vw;}
    .sec6 .sub_swiper .swiper-slide {border-radius: 18.29vw 0 0 18.29vw;}
    /* sec7-8 */
    .sec7-8.inner_bg {margin-top: 10.12vw;}
    .sec7-8.inner_bg::before {right: -41.22vw; width: 139.63vw; height: 139.63vw;}
    /* sec7 */
    .sec7 {padding-top: 11.10vw;}
    .sec7 .sec_tit h3 {margin-top: 0.91vw;}
    .sec7 .sec_tit p {margin-top: 1.95vw;}
    .sec7 .arrow {gap: 0 0.91vw;}
    .sec7 .arrow div {width: 3.66vw; height: 3.66vw;}
    .sec7 .arrow div img {width: 1.22vw;}
    .sec7 .cont {margin-top: 5.49vw;}
    .sec7 .cont .swiper-wrapper {padding-left: 4.57vw;}
    .sec7 .cont .swiper-slide {width: 30.49vw; height: 29.27vw; margin: 0 2.13vw; border-radius: 1.22vw; padding: 2.44vw 3.11vw;}
    .sec7 .cont .swiper-slide .num {font-size: 1.34vw;}
    .sec7 .cont .swiper-slide .img {margin-top: 0.85vw;}
    .sec7 .cont .swiper-slide .img1 {width: 4.27vw;}
    .sec7 .cont .swiper-slide .img2 {width: 3.96vw;}
    .sec7 .cont .swiper-slide .img3 {width: 3.41vw;}
    .sec7 .cont .swiper-slide .en {margin-top: 3.72vw; font-size: 0.98vw;}
    .sec7 .cont .swiper-slide strong {margin-top: 0.85vw; font-size: 1.83vw;}
    .sec7 .cont .swiper-slide .desc {margin-top: 2.68vw; font-size: 1.10vw;}
    /* sec8 */
    .sec8 {padding-top: 13.60vw;}
    .sec8 .sec_tit h3 {margin-top: 1.22vw; font-size: 3.66vw;}
    .sec8 .sec_tit p {margin-top: 1.34vw;}
    .sec8 .cont {margin-top: 6.22vw;}
    .sec8 .cont .swiper-slide {width: 36.59vw; height: 32.93vw; margin: 0 2.44vw; border-radius: 1.22vw; padding: 3.29vw 4.21vw;}
    .sec8 .cont .swiper-slide .icon {font-size: 4.88vw;}
    .sec8 .cont .swiper-slide h3 {font-size: 1.83vw;}
    .sec8 .cont .swiper-slide .desc {margin-top: 2.26vw; font-size: 1.10vw;}
    .sec8 .cont .swiper-slide .name {margin-top: 2.01vw; font-size: 1.52vw;}
    .sec8 .arrow {width: 50.91vw;}
    .sec8 .arrow div {width: 4.27vw; height: 4.27vw;}
    .sec8 .arrow div img {width: 0.91vw;}
    /* sec9 */
    .sec9 {height: 66.65vw; margin-top: 12.20vw;}
    .sec9 .txt h3 {font-size: 4.27vw;}
    .sec9 .txt h3 span {width: 1.22vw; height: 1.22vw;}
    .sec9 .txt p {margin-top: 2.62vw; font-size: 1.22vw;}
    .sec9 .txt a {margin: 3.48vw auto 0; width: 14.33vw; font-size: 1.10vw;}
    .sec9 .txt a img {width: 0.91vw;}
    .sec9 .bg {width: 89.76vw;}
    .sec9 .bg span {width: 7.32vw; height: 7.32vw;}
    .sec9 .bg span.item1 {top: 2.68vw; left: 13.54vw;}
    .sec9 .bg span.item1 img {width: 3.96vw;}
    .sec9 .bg span.item2 {left: 35.79vw;}
    .sec9 .bg span.item2 img {width: 4.76vw;}
    .sec9 .bg span.item3 {top: 3.54vw; right: 17.56vw;}
    .sec9 .bg span.item3 img {width: 4.33vw;}
    .sec9 .bg span.item4 {top: 15.06vw; left: 0.06vw;}
    .sec9 .bg span.item4 img {width: 5.85vw;}
    .sec9 .bg span.item5 {top: 10.61vw; left: 24.57vw;}
    .sec9 .bg span.item5 img {width: 4.57vw;}
    .sec9 .bg span.item6 {top: 8.78vw; left: 46.65vw;}
    .sec9 .bg span.item6 img {width: 4.51vw;}
    .sec9 .bg span.item7 {top: 10.49vw; right: 0.06vw;}
    .sec9 .bg span.item7 img {width: 5.61vw;}
    .sec9 .bg span.item8 {top: 27.50vw; left: 9.09vw;}
    .sec9 .bg span.item8 img {width: 4.39vw;}
    .sec9 .bg span.item9 {top: 17.93vw; right: 13.23vw;}
    .sec9 .bg span.item9 img {width: 5.43vw;}
    .sec9 .bg span.item10 {bottom: 25.00vw; right: 2.13vw;}
    .sec9 .bg span.item10 img {width: 4.39vw;}
    .sec9 .bg span.item11 {bottom: 16.46vw; left: 19.02vw;}
    .sec9 .bg span.item11 img {width: 4.39vw;}
    .sec9 .bg span.item12 {bottom: 17.26vw; right: 14.39vw;}
    .sec9 .bg span.item12 img {width: 5.85vw;}
    .sec9 .bg span.item13 {bottom: 10.61vw; left: 3.72vw;}
    .sec9 .bg span.item13 img {width: 5.06vw;}
    .sec9 .bg span.item14 {bottom: 10.98vw; right: 31.40vw;}
    .sec9 .bg span.item14 img {width: 4.76vw;}
    .sec9 .bg span.item15 {bottom: 1.71vw; left: 34.76vw;}
    .sec9 .bg span.item15 img {width: 4.82vw;}
    .sec9 .bg span.item16 {right: 20.06vw;}
    .sec9 .bg span.item16 img {width: 4.82vw;}

}



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

    .inner1 {max-width:92.19vw;}
    .inner2 {max-width:92.19vw;}
    
    /* header */
    #header {height: 4.14vw;}
    #header .logo img {width: 6.25vw;}
    #header .right {gap: 0 2.11vw;}
    #header .right a {font-size: 0.86vw; line-height: 4.14vw;}
    #header .allMenu_btn img {width: 1.64vw;}
    
    /* all menu */
    #allMenu .cont {padding: 1.56vw 5.70vw 3.91vw;}
    #allMenu .logo img {width: 7.81vw;}
    #allMenu .close{ right:2.11vw; top:2.11vw; width:3.13vw; height: 3.13vw; line-height: 3.13vw;}
    #allMenu .close img{width:1.02vw;}
    #allMenu .mid {padding:11.72vw 0 0 18.83vw; gap: 0 19.30vw;}
    #allMenu .socal {padding-bottom: 6.88vw;}
    #allMenu .socal p {font-size: 0.78vw; letter-spacing: -.03em; margin-bottom: 0.78vw;}
    #allMenu .socal a {gap: 0 0.55vw; font-size: 1.56vw;}
    #allMenu .menu a {font-size: 4.14vw; letter-spacing: -.03em;}
    #allMenu .menu a:hover {text-underline-offset: 0.86vw;}
    #allMenu .menu ul + ul {margin-top: 5.86vw;}
    #allMenu .menu .copy {margin-top: 5.00vw; font-size: 0.86vw; letter-spacing: -.01em;}
    
    /* footer */
    #footer {padding: 13.44vw 0 8.13vw; margin-top: 10.16vw;}
    #footer::before {width: 118.91vw; height: 118.91vw;}
    #footer .top em {font-size: 1.02vw; text-underline-offset: 0.23vw;}
    #footer .top h2 {margin-top: 1.17vw; font-size: 3.13vw;}
    #footer .top p {margin-top: 0.94vw; font-size: 1.25vw;}
    #footer .top h1 {margin-top: 2.27vw;}
    #footer .top h1 a {font-size: 4.38vw;}
    #footer .top .viewBtn {margin-top: 3.05vw; gap: 0 0.55vw; border-radius: 1.56vw; width: 12.19vw; height: 3.13vw; font-size: 0.94vw;}
    #footer .top .viewBtn img {width: 0.78vw;}
    #footer .bot {margin-top: 8.44vw;}
    #footer .logo img {width: 7.81vw;}
    #footer .info {margin-top: 1.80vw; display: flex; align-items: center; gap: 0 0.55vw; justify-content: center;}
    #footer .info p {gap: 0 0.55vw;}
    #footer .info span.addr2 {display: none !important;}
    #footer .info span {font-size: 0.94vw; gap: 0 0.55vw;}
    #footer .copy {margin-top: 0.63vw; font-size: 0.86vw; letter-spacing: -.01em;}
    
    /* quick */
    .quick {right: 3.52vw; bottom: 5.16vw;}
    .quick li {width: 3.75vw; height: 3.75vw;}
    .quick li + li {margin-top: 1.25vw;}
    .quick li:nth-child(1) img {width: 1.48vw;}
    .quick li:nth-child(2) img {width: 2.34vw;}
    .quick li:nth-child(3) img {width: 1.33vw;}
    
    /* main */
    /* 공통 */
    .sec {padding-top: 10.39vw;}
    .sec .sec_tit strong {font-size: 1.02vw; text-underline-offset: 0.16vw;}
    .sec .sec_tit h3 {margin-top: 1.64vw; font-size: 2.58vw;}
    .sec .sec_tit p {margin-top: 1.56vw; font-size: 1.02vw;}
    .sec .viewBtn {gap: 0 0.55vw; height: 3.13vw; font-size: 1.02vw; border-radius: 1.56vw;}
    .sec .viewBtn img {width: 0.78vw;}
    .sec .inner_bg:before {width: 118.91vw; height: 118.91vw;}
    
    /* moveMenu_cont */
    .moveMenu_cont li {padding-left: 2.58vw; gap: 0 0.63vw;}
    .moveMenu_cont li + li {margin-top: 1.56vw;}
    .moveMenu_cont li .line {width: 2.11vw; height: 0.08vw; }
    .moveMenu_cont li .circle {width: 0.39vw; height: 0.39vw;}
    .moveMenu_cont li .tit {font-size: 0.94vw;}
    /* visual */
    .visual .txt {bottom: 8.52vw; padding: 0 8.52vw;}
    .visual .txt h2 {font-size: 2.81vw;}
    .visual .txt h2 span {width: 1.02vw; height: 1.02vw; margin-bottom: 0.63vw;}
    .visual .txt p {margin-top: 1.56vw; font-size: 1.25vw;}
    .visual .txt a {margin-top: 2.42vw; width: 8.83vw; height: 2.58vw; gap: 0 0.39vw; border-radius: 1.56vw; font-size: 0.94vw;}
    .visual .txt a img {width: 0.55vw;}
    /* sec1 */
    .sec1 {padding-top: 11.72vw;}
    .sec1 .inner1::before {width: 48.28vw; height: 12.42vw; left: 13.44vw; top: 3.83vw;}
    .sec1 .txt .logo img {width: 28.59vw;}
    .sec1 .txt .tit {margin-top: 6.56vw;}
    .sec1 .txt .tit strong {font-size: 1.02vw; text-underline-offset: 0.16vw;}
    .sec1 .txt .tit h3 {margin-top: 1.80vw; font-size: 2.81vw;}
    .sec1 .txt .tit p {margin-top: 2.03vw; font-size: 1.25vw;}
    .sec1 .btn_cont {margin-top: 3.75vw; gap: 0 1.25vw;}
    .sec1 .btn_cont .viewBtn_w {width: 12.19vw;}
    .sec1 .btn_cont .viewBtn {width: 13.52vw;}
    .sec1 .right {padding-top: 1.33vw;}
    .sec1 .right .img {width: 30.70vw; height: 34.14vw; border-radius: 15.55vw 15.55vw 0 0;}
    .sec1 .right .circle {right: 28.59vw; bottom: 5.47vw; width: 4.14vw; height: 4.14vw;}
    /* sec2 */
    .sec2 .inner_bg {padding-top: 8.28vw;}
    .sec2 .cont {margin: 6.41vw auto 0; max-width: 82.73vw;}
    .sec2 .cont .item + .item {margin-top: 10.08vw;}
    .sec2 .cont .item .img_cont a {width: 6.17vw; height: 6.17vw; font-size: 0.94vw; gap: 0.55vw 0; padding-top: 0.39vw;}
    .sec2 .cont .item .img_cont a img {width: 0.78vw;}
    .sec2 .cont .item .txt .num {font-size: 1.33vw;}
    .sec2 .cont .item .txt h4 {margin-top: 1.64vw; font-size: 2.58vw;}
    .sec2 .cont .item .txt h4::before {width: 23.75vw; height: 3.13vw; top: 1.56vw;}
    .sec2 .cont .item .txt .info {margin-top: 3.36vw; font-size: 1.41vw;}
    .sec2 .cont .item .txt .desc {margin-top: 1.56vw; font-size: 1.09vw;}
    .sec2 .cont .item.left .txt {padding-left: 0;}
    .sec2 .cont .item.right {padding-left: 5.39vw;}
    .sec2 .cont .item.right .txt {width: calc(100% - 34.53vw);}
    .sec2 .cont .item1 .img {width: 33.59vw; height: 25.16vw; border-radius: 0 15.55vw 15.55vw 0;}
    .sec2 .cont .item1 .img_cont a {bottom: 5.31vw; left: -2.89vw;}
    .sec2 .cont .item2 .img {width: 23.36vw; height: 25.94vw; border-radius: 15.55vw 15.55vw 0 0;}
    .sec2 .cont .item2 .img_cont a {bottom: -2.89vw; right: 6.95vw;}
    .sec2 .cont .item3 .img {width: 28.59vw; height: 23.36vw; border-radius: 15.55vw 0 0 15.55vw;}
    .sec2 .cont .item3 .img_cont a {bottom: 6.33vw; left: 25.70vw;}
    /* sec3 */
    .sec3 {padding-top: 11.41vw; margin-top: 7.19vw;}
    .sec3::before {height: 50.55vw;}
    .sec3 .top .sec_tit h3 {margin-top: 1.33vw; font-size: 3.13vw;}
    .sec3 .count {gap: 0 6.25vw;}
    .sec3 .count p {font-size: 1.09vw;}
    .sec3 .count strong {margin-top: 1.25vw; font-size: 3.13vw;}
    .sec3 .cont {margin-top: 6.95vw;}
    .sec3 .cont .swiper-slide {width: 19.77vw; height: 23.44vw; border-radius: 1.56vw; margin: 0 1.80vw;}
    .sec3 .cont .swiper-slide.bot {margin-top: 3.13vw;}
    /* cursor */
    .cursor {width: 0.00vw; height: 0.00vw;}
    .cursor.on {width: 7.81vw; height: 7.81vw; font-size: 0.94vw;}
    /* sec4 */
    .sec4 .inner {height: 29.92vw;}
    .sec4 .sec_tit h3 {margin-top: 2.11vw; line-height: 1;}
    .sec4 .sec_tit p {margin-top: 2.11vw; font-size: 1.25vw;}
    .sec4 .sec_tit a {margin: 2.27vw auto 0; width: 12.19vw;}
    /* sec5 */
    .sec5 .sec_tit {min-height: 29.61vw; width: 10.39vw; margin-top: 5.16vw;}
    .sec5 .sec_tit > div {min-width: 29.61vw;}
    .sec5 .sec_tit h3 {margin-top: 1.02vw; font-size: 3.13vw;}
    .sec5 .cont {width: 71.33vw;}
    .sec5 .cont .arrow {gap: 0 0.78vw;}
    .sec5 .cont .arrow div {width: 3.13vw; height: 3.13vw;}
    .sec5 .cont .arrow div img {width: 1.02vw;}
    .sec5 .cont .swiper {height: 35.16vw; margin-top: 1.09vw;}
    .sec5 .cont .swiper-wrapper {margin:-1.02vw -1.02vw 0;}
    .sec5 .cont .swiper-slide {width: 22.42vw; height: 9.92vw; border-radius: 1.02vw; padding: 1.80vw 2.66vw; margin: 1.02vw !important;}
    .sec5 .cont .swiper-slide .status {width: 5.47vw; height: 1.88vw; line-height: 1.88vw; border-radius: 5.16vw; font-size: 0.86vw;}
    .sec5 .cont .swiper-slide p {margin-top: 0.63vw; font-size: 1.56vw;}
    .sec5 .cont .swiper-slide .date {margin-top: 0.39vw; font-size: 0.94vw;}
    /* sec6 */
    .sec6 {padding-bottom: 7.03vw;}
    .sec6::before {height: 7.03vw;}
    .sec6 .sec_tit h3 {margin-top: 1.64vw; font-size: 3.13vw;}
    .sec6 .sec_tit p {margin-top: 1.41vw; font-size: 1.25vw;}
    .sec6 .cont {margin-top: 6.64vw; padding-left: 4.45vw; gap: 0 13.83vw;}
    .sec6 .cont > .line {width: 0.08vw; height: 31.25vw; bottom: 5.16vw;}
    .sec6 .cont > .line::after {top: 5.70vw; width: 2.11vw; height: 2.11vw; background-size: 1.25vw;}
    .sec6 .main_swiper {width: calc(100% - 61.25vw); height: 32.66vw;}
    .sec6 .main_swiper .swiper-wrapper {height: 32.66vw;}
    .sec6 .main_swiper .swiper-slide {max-height: 12.27vw; margin: 2.27vw 0; gap: 0 3.52vw;}
    .sec6 .main_swiper .swiper-slide .num {font-size: 1.17vw;}
    .sec6 .main_swiper .swiper-slide strong {margin-top: 2.03vw; font-size: 1.41vw;}
    .sec6 .main_swiper .swiper-slide .desc {margin-top: 1.56vw; font-size: 1.09vw;}
    .sec6 .main_swiper .swiper-slide .img img {width: 3.36vw;}
    .sec6 .sub_swiper {width: 47.42vw; height: 32.66vw;}
    .sec6 .sub_swiper .circle {right: 5.94vw; top: -1.95vw; width: 5.70vw; height: 5.70vw;}
    .sec6 .sub_swiper .swiper-slide {border-radius: 15.55vw 0 0 15.55vw;}
    /* sec7-8 */
    .sec7-8.inner_bg {margin-top: 8.59vw;}
    .sec7-8.inner_bg::before {right: -35.08vw; width: 118.91vw; height: 118.91vw;}
    /* sec7 */
    .sec7 {padding-top: 9.45vw;}
    .sec7 .sec_tit h3 {margin-top: 0.78vw;}
    .sec7 .sec_tit p {margin-top: 1.64vw;}
    .sec7 .arrow {gap: 0 0.78vw;}
    .sec7 .arrow div {width: 3.13vw; height: 3.13vw;}
    .sec7 .arrow div img {width: 1.02vw;}
    .sec7 .cont {margin-top: 4.69vw;}
    .sec7 .cont .swiper-wrapper {padding-left: 2.34vw;}
    .sec7 .cont .swiper-slide {width: 26.02vw; height: 25.00vw; margin: 0 1.80vw; border-radius: 1.02vw; padding: 2.11vw 0.94vw 2.11vw 2.66vw;}
    .sec7 .cont .swiper-slide .num {font-size: 1.17vw; margin-right: 0.70vw;}
    .sec7 .cont .swiper-slide .img {margin-top: 0.70vw;}
    .sec7 .cont .swiper-slide .img1 {width: 3.67vw;}
    .sec7 .cont .swiper-slide .img2 {width: 3.36vw;}
    .sec7 .cont .swiper-slide .img3 {width: 2.89vw;}
    .sec7 .cont .swiper-slide .en {margin-top: 3.20vw; font-size: 0.86vw;}
    .sec7 .cont .swiper-slide strong {margin-top: 0.70vw; font-size: 1.56vw;}
    .sec7 .cont .swiper-slide .desc {margin-top: 2.27vw; font-size: 1.09vw;}
    /* sec8 */
    .sec8 {padding-top: 11.56vw;}
    .sec8 .sec_tit h3 {margin-top: 1.33vw; font-size: 3.13vw;}
    .sec8 .sec_tit p {margin-top: 1.56vw;}
    .sec8 .cont {margin-top: 5.00vw;}
    .sec8 .cont .swiper-slide {width: 31.25vw; height: 28.13vw; margin: 0 2.11vw; border-radius: 1.02vw; padding: 2.81vw 3.59vw;}
    .sec8 .cont .swiper-slide .icon {font-size: 4.14vw;}
    .sec8 .cont .swiper-slide h3 {font-size: 1.56vw;}
    .sec8 .cont .swiper-slide .desc {margin-top: 1.95vw; font-size: 1.09vw;}
    .sec8 .cont .swiper-slide .name {margin-top: 1.72vw; font-size: 1.33vw;}
    .sec8 .arrow {width: 43.52vw;}
    .sec8 .arrow div {width: 3.67vw; height: 3.67vw;}
    .sec8 .arrow div img {width: 0.78vw;}
    /* sec9 */
    .sec9 {height: 56.95vw; margin-top: 10.39vw;}
    .sec9 .txt h3 {font-size: 3.67vw;}
    .sec9 .txt h3 span {width: 1.02vw; height: 1.02vw;}
    .sec9 .txt p {margin-top: 2.19vw; font-size: 1.09vw;}
    .sec9 .txt a {margin: 2.97vw auto 0; width: 12.27vw; font-size: 0.94vw;}
    .sec9 .txt a img {width: 0.86vw;}
    .sec9 .bg {width: 76.64vw;}
    .sec9 .bg span {width: 6.25vw; height: 6.25vw;}
    .sec9 .bg span.item1 {top: 2.27vw; left: 11.56vw;}
    .sec9 .bg span.item1 img {width: 3.36vw;}
    .sec9 .bg span.item2 {left: 30.47vw;}
    .sec9 .bg span.item2 img {width: 4.06vw;}
    .sec9 .bg span.item3 {top: 3.05vw; right: 14.92vw;}
    .sec9 .bg span.item3 img {width: 3.67vw;}
    .sec9 .bg span.item4 {top: 12.81vw; left: 0.08vw;}
    .sec9 .bg span.item4 img {width: 5.00vw;}
    .sec9 .bg span.item5 {top: 9.06vw; left: 20.94vw;}
    .sec9 .bg span.item5 img {width: 3.91vw;}
    .sec9 .bg span.item6 {top: 7.50vw; left: 39.69vw;}
    .sec9 .bg span.item6 img {width: 3.83vw;}
    .sec9 .bg span.item7 {top: 8.91vw; right: 0.08vw;}
    .sec9 .bg span.item7 img {width: 4.77vw;}
    .sec9 .bg span.item8 {top: 23.44vw; left: 7.73vw;}
    .sec9 .bg span.item8 img {width: 3.75vw;}
    .sec9 .bg span.item9 {top: 15.23vw; right: 11.25vw;}
    .sec9 .bg span.item9 img {width: 4.61vw;}
    .sec9 .bg span.item10 {bottom: 21.33vw; right: 1.80vw;}
    .sec9 .bg span.item10 img {width: 3.75vw;}
    .sec9 .bg span.item11 {bottom: 13.98vw; left: 16.17vw;}
    .sec9 .bg span.item11 img {width: 3.75vw;}
    .sec9 .bg span.item12 {bottom: 14.69vw; right: 12.27vw;}
    .sec9 .bg span.item12 img {width: 5.00vw;}
    .sec9 .bg span.item13 {bottom: 9.06vw; left: 3.20vw;}
    .sec9 .bg span.item13 img {width: 4.30vw;}
    .sec9 .bg span.item14 {bottom: 9.38vw; right: 26.72vw;}
    .sec9 .bg span.item14 img {width: 4.06vw;}
    .sec9 .bg span.item15 {bottom: 1.48vw; left: 29.61vw;}
    .sec9 .bg span.item15 img {width: 4.14vw;}
    .sec9 .bg span.item16 {right: 17.11vw;}
    .sec9 .bg span.item16 img {width: 4.14vw;}

}



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

    .pc {display: none !important;}
    .mob {display: block !important;}

    .inner1 {max-width:100%; padding: 0 2.86vw;}
    .inner2 {max-width:100%; padding: 0 2.86vw;}
    
    /* header */
    #header {height: 14.84vw;}
    #header .inner2 {height: 100%;}
    #header .logo img {width: 22.14vw;}
    #header .right {gap: 0;}
    #header .allMenu_btn img {width: 5.73vw;}
    
    /* all menu */
    #allMenu {background: #00000080;}
    #allMenu .cont {padding: 7.16vw 2.86vw 7.16vw 5.60vw; width: calc(100% - 12.50vw);}
    #allMenu .top {display: flex; align-items: center; justify-content: space-between;}
    #allMenu .logo img {width: 22.14vw;}
    #allMenu .close{position: relative; right:auto; top:auto; width:9.77vw; height: 9.77vw; line-height: 9.77vw;}
    #allMenu .close img{width:2.86vw;}
    #allMenu .mob_scroll {overflow-y: scroll; height: calc(100vh - 80px);}
    #allMenu .mid {padding:20.96vw 0 0; gap: 21.48vw 0; flex-direction: column-reverse; align-items: flex-start;}
    #allMenu .socal {padding-bottom: 21.74vw;}
    #allMenu .socal p {font-size: 2.99vw; letter-spacing: -.03em; margin-bottom: 1.82vw;}
    #allMenu .socal a {gap: 0 1.30vw; font-size: 4.17vw;}
    #allMenu .menu a {font-size: 8.33vw; letter-spacing: -.03em;}
    #allMenu .menu a:hover {text-underline-offset: 2.08vw;}
    #allMenu .menu ul + ul {margin-top: 15.63vw;}
    #allMenu .menu .copy {display: none !important;}
    #allMenu .copy.mob {display: block !important; font-size: 2.60vw; font-weight: 400; line-height: 1.6;}

    
    /* footer */
    #footer {padding: 39.32vw 0 32.42vw; margin-top: 36.85vw;}
    #footer::before {width: 374.74vw; height: 374.74vw;}
    #footer .top em {font-size: 3.39vw; text-underline-offset: 0.52vw;}
    #footer .top h2 {margin-top: 5.60vw; font-size: 6.90vw;}
    #footer .top p {margin-top: 7.03vw; font-size: 3.91vw;}
    #footer .top h1 {margin-top: 4.56vw;}
    #footer .top h1 a {font-size: 9.77vw;}
    #footer .top .viewBtn {margin-top: 10.55vw; gap: 0 1.82vw; border-radius: 5.60vw; width: 43.49vw; height: 11.07vw; font-size: 3.39vw;}
    #footer .top .viewBtn img {width: 3.13vw;}
    #footer .bot {margin-top: 24.87vw;}
    #footer .logo img {width: 27.73vw;}
    #footer .info {margin-top: 6.38vw; display: flex; align-items: center; gap: 0 2.60vw; justify-content: center; flex-wrap: wrap;}
    #footer .info p {gap: 0 2.60vw;}
    #footer .info span.addr2 {display: none !important;}
    #footer .info span {font-size: 3.39vw; gap: 0 2.60vw;}
    #footer .copy {margin-top: 6.12vw; font-size: 2.99vw; letter-spacing: -.01em;}
    
    /* quick */
    .quick {right: 5.60vw; bottom: 8.07vw;}
    .quick li {width: 13.93vw; height: 13.93vw;}
    .quick li + li {margin-top: 3.65vw;}
    .quick li:nth-child(1) img {width: 5.60vw;}
    .quick li:nth-child(2) img {width: 8.59vw;}
    .quick li:nth-child(3) img {width: 4.95vw;}
    
    /* main */
    /* 공통 */
    .sec {padding-top: 25.00vw;}
    .sec .sec_tit strong {font-size: 3.26vw; text-underline-offset: 0.39vw;}
    .sec .sec_tit h3 {margin-top: 7.42vw; font-size: 6.90vw;}
    .sec .sec_tit p {margin-top: 5.86vw; font-size: 3.65vw;}
    .sec .viewBtn {gap: 0 1.82vw; height: 11.07vw; font-size: 3.65vw; border-radius: 5.60vw;}
    .sec .viewBtn img {width: 3.13vw;}
    .sec .inner_bg:before {width: 318.88vw; height: 318.88vw;}
    
    /* moveMenu_cont */
    .moveMenu_cont {display: none;}
    /* visual */
    .visual .txt {bottom: 33.59vw; padding: 0 2.86vw;}
    .visual .txt h2 {font-size: 6.90vw;}
    .visual .txt h2 span {width: 3.65vw; height: 3.65vw; margin-bottom: -3.91vw; margin-left: 7.16vw;}
    .visual .txt p {margin-top: 5.60vw; font-size: 3.65vw;}
    .visual .txt a {margin-top: 8.46vw; width: 38.80vw; height: 11.46vw; gap: 0 1.56vw; border-radius: 5.60vw; font-size: 3.65vw;}
    .visual .txt a img {width: 2.08vw;}
    /* sec1 */
    .sec1 {padding-top: 23.31vw;}
    .sec1 .inner1 {display: revert;}
    .sec1 .inner1::before {width: 77.47vw; height: 12.63vw; left: auto; right: -2.47vw; top: 10.68vw;}
    .sec1 .inner1 > div {width: 100%;}
    .sec1 .txt .logo img {width: 69.40vw;}
    .sec1 .txt .tit {margin-top: 16.02vw;}
    .sec1 .txt .tit strong {font-size: 3.39vw; text-underline-offset: 0.39vw;}
    .sec1 .txt .tit h3 {margin-top: 5.60vw; font-size: 6.51vw;}
    .sec1 .txt .tit p {margin-top: 6.51vw; font-size: 3.65vw;}
    .sec1 .btn_cont {margin-top: 7.68vw; gap: 0 2.08vw;}
    .sec1 .btn_cont .viewBtn_w {width: 38.93vw;}
    .sec1 .btn_cont .viewBtn {width: 41.67vw;}
    .sec1 .btn_cont .viewBtn img {width: 2.4vw;}
    .sec1 .right {padding-top: 11.33vw; text-align: center;}
    .sec1 .right .img {width: 77.86vw; height: 86.72vw; border-radius: 55.60vw 55.60vw 0 0;}
    .sec1 .right .circle {right: auto; left: 3.26vw; bottom: 13.80vw; width: 10.55vw; height: 10.55vw;}
    /* sec2 */
    .sec2 .inner_bg {padding-top: 29.43vw;}
    .sec2 .cont {margin: 16.54vw auto 0; max-width: 100%; padding: 0 2.86vw;}
    .sec2 .cont .item {display: revert;}
    .sec2 .cont .item + .item {margin-top: 16.41vw;}
    .sec2 .cont .item .img_cont a {width: 19.40vw; height: 19.40vw; font-size: 3.13vw; gap: 1.30vw 0; padding-top: 0.91vw;}
    .sec2 .cont .item .img_cont a img {width: 1.95vw;}
    .sec2 .cont .item .txt {margin-top: 11.07vw;}
    .sec2 .cont .item .txt .num {font-size: 4.17vw;}
    .sec2 .cont .item .txt h4 {margin-top: 2.73vw; font-size: 5.47vw;}
    .sec2 .cont .item .txt h4::before {width: 84.64vw; height: 7.81vw; top: 3.91vw;}
    .sec2 .cont .item .txt .info {margin-top: 13.54vw; font-size: 4.43vw;}
    .sec2 .cont .item .txt .desc {margin-top: 5.47vw; font-size: 3.65vw;}
    .sec2 .cont .item .txt .desc br {display: none;}
    .sec2 .cont .item.left > div {width: 100%;}
    .sec2 .cont .item.left .txt {padding-left: 0;}
    .sec2 .cont .item.right {padding-left: 0; display: flex; flex-direction: column-reverse;}
    .sec2 .cont .item.right .txt {width: 100%; margin-top: 19.79vw;}
    .sec2 .cont .item.right .img_cont {width: 83.33vw; text-align: center;}
    .sec2 .cont .item.right .img {width: 100%; height: 92.58vw;}
    .sec2 .cont .item1 .img_cont {margin-left: 5.86vw; padding-right: 2.86vw; width: calc(100% - 2.86vw) !important;}
    .sec2 .cont .item3 .img_cont {margin-right: 5.86vw;}
    .sec2 .cont .item1 .img {width: 100%; height: 62.24vw; border-radius: 0 55.60vw 55.60vw 0;}
    .sec2 .cont .item1 .img_cont a {bottom: 13.15vw; left: -7.16vw;}
    .sec2 .cont .item2 .img {width: 57.81vw; height: 64.19vw; border-radius: 55.60vw 55.60vw 0 0;}
    .sec2 .cont .item2 .img_cont a {bottom: -8.79vw; right: 27.73vw;}
    .sec2 .cont .item3 .img {width: 85.94vw; height: 70.31vw; border-radius: 55.60vw 0 0 55.60vw;}
    .sec2 .cont .item3 .img_cont a {bottom: 16.93vw; left: auto; right: 0;}
    /* sec3 */
    .sec3 {padding-top: 0; margin-top: 27.47vw;}
    .sec3::before {height: 121.61vw; background-size: 250%; background-position: 67% 0;}
    .sec3 .inner1 {display: revert;}
    .sec3 .top .sec_tit h3 {margin-top: 5.60vw; font-size: 6.90vw;}
    .sec3 .count {gap: 0 12.93vw; margin-top: 21.88vw;}
    .sec3 .count p {font-size: 4.43vw;}
    .sec3 .count strong {margin-top: 0.39vw; font-size: 7.81vw;}
    .sec3 .cont {margin-top: 18.10vw;}
    .sec3 .cont .swiper-slide {width: 50.00vw; height: 59.24vw; border-radius: 5.60vw; margin: 0 4.56vw;}
    .sec3 .cont .swiper-slide.bot {margin-top: 7.81vw;}
    /* cursor */
    .cursor {width: 0.00vw; height: 0.00vw;}
    .cursor.on {width: 19.27vw; height: 19.27vw; font-size: 2.34vw;}
    /* sec4 */
    .sec4 .inner {height: 106.51vw; background: url(/img/main/m_sec4_bg.png) no-repeat center/cover;}
    .sec4 .sec_tit h3 {margin-top: 5.60vw; line-height: 1.18;}
    .sec4 .sec_tit p {margin-top: 4.56vw; font-size: 3.91vw;}
    .sec4 .sec_tit a {margin: 5.47vw auto 0; width: 43.49vw;}
    /* sec5 */
    .sec5 .inner2 {display: revert;}
    .sec5 .sec_tit {min-height: auto; width: auto; margin-top: 0; display: revert;}
    .sec5 .sec_tit > div {min-width: auto; transform: none;}
    .sec5 .sec_tit h3 {margin-top: 5.60vw; font-size: 6.90vw;}
    .sec5 .cont {width: 100%;}
    .sec5 .cont .arrow {gap: 0 2.73vw; margin-top: NaNvw;}
    .sec5 .cont .arrow div {width: 11.07vw; height: 11.07vw;}
    .sec5 .cont .arrow div img {width: 3.65vw;}
    .sec5 .cont .swiper {height: 122.40vw; margin-top: 6.90vw;}
    .sec5 .cont .swiper-wrapper {margin:-2.73vw 0 0;}
    .sec5 .cont .swiper-slide {width: 100%; height: 36.07vw; border-radius: 3.65vw; padding: 6.64vw 8.07vw; margin: 2.73vw 0 !important;}
    .sec5 .cont .swiper-slide .status {width: 19.40vw; height: 6.51vw; line-height: 6.51vw; border-radius: 18.49vw; font-size: 2.86vw;}
    .sec5 .cont .swiper-slide p {margin-top: 2.47vw; font-size: 4.95vw;}
    .sec5 .cont .swiper-slide .date {margin-top: 1.30vw; font-size: 3.91vw;}
    /* sec6 */
    .sec6 {padding-bottom: 36.98vw;}
    .sec6::before {height: 16.93vw; width: 300%; left: -121%;}
    .sec6 .sec_tit h3 {margin-top: 5.60vw; font-size: 6.90vw;}
    .sec6 .sec_tit p {margin-top: 8.46vw; font-size: 3.91vw;}
    .sec6 .cont {margin-top: 7.81vw; padding-left: 0; gap: 18.62vw 0; flex-direction: column-reverse;}
    .sec6 .cont > .line {width: 0.13vw; height: 166.67vw; bottom: -35.16vw; left: 4.17vw;}
    .sec6 .cont > .line::after {top: 33.20vw; width: 8.33vw; height: 8.33vw; background-size: 4.95vw;}
    .sec6 .main_swiper {width: 100%; height: 104.17vw; padding-left: 16.28vw;}
    .sec6 .main_swiper .swiper-wrapper {height: 104.17vw;}
    .sec6 .main_swiper .swiper-slide {max-height: 49.48vw; margin: 6.51vw 0; display: revert;}
    .sec6 .main_swiper .swiper-slide .num {font-size: 4.95vw;}
    .sec6 .main_swiper .swiper-slide strong {margin-top: 9.51vw; font-size: 5.60vw;}
    .sec6 .main_swiper .swiper-slide .desc {margin-top: 5.08vw; font-size: 3.91vw;}
    .sec6 .main_swiper .swiper-slide .img {display: none;}
    .sec6 .sub_swiper {width: 100%; height: 61.46vw;}
    .sec6 .sub_swiper .sub_swiper_inner {border-radius: 55.60vw 0 0 55.60vw;}
    .sec6 .sub_swiper .circle {right: 11.98vw; top: -3.91vw; width: 11.46vw; height: 11.46vw;}
    /* sec7-8 */
    .sec7-8.inner_bg {margin-top: 21.22vw;}
    .sec7-8.inner_bg::before {right: auto; left: -23.83vw; width: 278.39vw; height: 278.39vw;}
    /* sec7 */
    .sec7 {padding-top: 14.32vw;}
    .sec7 .sec_tit h3 {margin-top: 5.60vw;}
    .sec7 .sec_tit p {margin-top: 4.69vw;}
    .sec7 .arrow.pc {display: none !important;}
    .sec7 .arrow.mob {gap: 0 2.73vw; display: flex !important; margin-top: 9.64vw; width: 100%; justify-content: center;}
    .sec7 .arrow div {width: 11.07vw; height: 11.07vw;}
    .sec7 .arrow div img {width: 3.65vw;}
    .sec7 .cont {margin-top: 8.20vw;}
    .sec7 .cont .swiper-wrapper {padding-left: 0;}
    .sec7 .cont .swiper-slide {width: 77.73vw; height: 77.73vw; margin: 0 2.99vw; border-radius: 3.65vw; padding: 6.51vw 7.68vw 6.51vw 8.20vw;}
    .sec7 .cont .swiper-slide .num {font-size: 4.04vw; margin-right: 0;}
    .sec7 .cont .swiper-slide .img {margin-top: 1.69vw;}
    .sec7 .cont .swiper-slide .img1 {width: 11.33vw;}
    .sec7 .cont .swiper-slide .img2 {width: 10.55vw;}
    .sec7 .cont .swiper-slide .img3 {width: 9.11vw;}
    .sec7 .cont .swiper-slide .en {margin-top: 9.90vw; font-size: 2.99vw;}
    .sec7 .cont .swiper-slide strong {margin-top: 1.69vw; font-size: 4.95vw;}
    .sec7 .cont .swiper-slide .desc {margin-top: 4.17vw; font-size: 3.91vw;}
    .sec7 .cont .swiper-slide .desc br {display: none;}
    /* sec8 */
    .sec8 {padding-top: 34.38vw;}
    .sec8 .sec_tit h3 {margin-top: 5.21vw; font-size: 6.90vw;}
    .sec8 .sec_tit p {margin-top: 2.21vw;}
    .sec8 .cont {margin-top: 18.75vw;}
    .sec8 .cont .swiper-slide {width: 86.07vw; height: 100.00vw; margin: 0 1.30vw; border-radius: 3.65vw; padding: 10.16vw 7.16vw;}
    .sec8 .cont .swiper-slide .icon {font-size: 11.07vw;}
    .sec8 .cont .swiper-slide h3 {font-size: 4.95vw;}
    .sec8 .cont .swiper-slide .desc {margin-top: 5.47vw; font-size: 3.91vw;}
    .sec8 .cont .swiper-slide .name {margin-top: 10.29vw; font-size: 3.39vw;}
    .sec8 .arrow {width: calc(100% - 4.43vw);}
    .sec8 .arrow div {width: 9.77vw; height: 9.77vw;}
    .sec8 .arrow div img {width: 2.21vw;}
    /* sec9 */
    .sec9 {height: 184.24vw; margin-top: 31.38vw;}
    .sec9 .txt {width: 100%;}
    .sec9 .txt h3 {font-size: 8.33vw;}
    .sec9 .txt h3 span {width: 3.65vw; height: 3.65vw; margin-left: 3.26vw;}
    .sec9 .txt p {margin-top: 7.94vw; font-size: 3.91vw;}
    .sec9 .txt a {margin: 10.42vw auto 0; width: 43.49vw; font-size: 3.26vw;}
    .sec9 .txt a img {width: 3.13vw;}
    .sec9 .bg {width: 192.32vw;}
    .sec9 .bg span {width: 18.36vw; height: 18.36vw;}
    .sec9 .bg span.item1 {top: 5.60vw; left: 28.65vw;}
    .sec9 .bg span.item1 img {width: 8.33vw;}
    .sec9 .bg span.item2 {left: 75.39vw;}
    .sec9 .bg span.item2 img {width: 10.03vw;}
    .sec9 .bg span.item3 {top: 7.55vw; right: 36.85vw;}
    .sec9 .bg span.item3 img {width: 9.11vw;}
    .sec9 .bg span.item4 {top: 31.64vw; left: 0.26vw;}
    .sec9 .bg span.item4 img {width: 12.37vw;}
    .sec9 .bg span.item5 {top: 22.40vw; left: 51.82vw;}
    .sec9 .bg span.item5 img {width: 9.64vw;}
    .sec9 .bg span.item6 {top: 18.62vw; left: 98.18vw;}
    .sec9 .bg span.item6 img {width: 9.51vw;}
    .sec9 .bg span.item7 {top: 22.01vw; right: 0.26vw;}
    .sec9 .bg span.item7 img {width: 11.85vw;}
    .sec9 .bg span.item8 {top: 57.94vw; left: 19.14vw;}
    .sec9 .bg span.item8 img {width: 9.24vw;}
    .sec9 .bg span.item9 {top: 37.63vw; right: 27.86vw;}
    .sec9 .bg span.item9 img {width: 11.46vw;}
    .sec9 .bg span.item10 {bottom: 52.73vw; right: 4.43vw;}
    .sec9 .bg span.item10 img {width: 9.24vw;}
    .sec9 .bg span.item11 {bottom: 34.64vw; left: 39.97vw;}
    .sec9 .bg span.item11 img {width: 9.24vw;}
    .sec9 .bg span.item12 {bottom: 36.33vw; right: 30.34vw;}
    .sec9 .bg span.item12 img {width: 12.37vw;}
    .sec9 .bg span.item13 {bottom: 22.40vw; left: 7.94vw;}
    .sec9 .bg span.item13 img {width: 10.68vw;}
    .sec9 .bg span.item14 {bottom: 23.18vw; right: 66.15vw;}
    .sec9 .bg span.item14 img {width: 10.03vw;}
    .sec9 .bg span.item15 {bottom: 3.65vw; left: 73.31vw;}
    .sec9 .bg span.item15 img {width: 10.29vw;}
    .sec9 .bg span.item16 {right: 42.32vw;}
    .sec9 .bg span.item16 img {width: 10.29vw;}

}