/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
body {background: #000;}
body * {color: #fff;}

:root {
    --font-dm : "DM Sans", sans-serif;
}

.inner{max-width:1600px; margin:0 auto;}

/* header */
#header {position: fixed; top: 0 ;left: 0; width: 100%; height: 96px; z-index: 100;}
#header.fixed {background: linear-gradient(91.08deg, #1BF0B0 10.77%, #03C7F9 40.5%);}
#header .inner {display: flex; align-items: center; justify-content: space-between;}
#header .logo img {width: 109px;}
#header .gnb {display: flex; align-items: center; justify-content: flex-end; gap: 75px;}
#header .gnb a {display: block; line-height: 96px; font-size: 18px; font-weight: 700; color: #fff; opacity: .7; transition: all .3s;}
#header .gnb a:hover {opacity: 1;}

#allMenu {display: none;}

/* footer */
#footer {color: #DDDDDD; padding: 130px 0 113px;}
#footer .inner {display: flex; align-items: flex-start; justify-content: space-between;}
#footer .logo img {width: 109px;}
#footer .info {margin-top: 60px;}
#footer .info p {display: flex; align-items: center; gap: 0 32px;}
#footer .info p * {font-size: 18px; font-weight: 500; line-height: 1.3; position: relative; color: #ddd;}
#footer .info p span + span::before {content: ""; width: 1px; height: 13px; background: #DDDDDD; position: absolute; left: -16px; top: 50%; transform: translateY(-50%);}
#footer .info p strong {font-weight: 700;}
#footer .copy {margin-top: 25px; font-size: 16px; font-weight: 400; color: #ddd;}
#footer .sns {display: flex; align-items: center; justify-content: flex-end; gap: 0 21px;}
#footer .sns img {height: 20px;}
#footer .family {position: relative; margin-top: 60px;}
#footer .family .tit {width: 240px; height: 44px; line-height: 44px; padding: 0 14px; position: relative; border-radius: 8px; border: 1px solid #BEBEBE; box-shadow: 0px 1px 2px 0px #1018280D; font-size: 16px; font-weight: 400; color: #BEBEBE; cursor: pointer;}
#footer .family .tit::after {content: ""; width: 12px; height: 7px; background: url(/img/main/select_arrow.svg) no-repeat center/contain; position: absolute; top: 50%; transform: translateY(-50%); right: 19px;}
#footer .family .tit.on::after {transform: translateY(-50%) rotate(180deg);} 
#footer .family .tit.on {background: #4A4A4A; color: #fff; border-color: #4A4A4A;}
#footer .family ul {display: none; position: absolute; left: 0; bottom: calc(100% + 3px); width: 100%; background: #4A4A4A; border-radius: 8px; overflow: hidden;}
#footer .family ul a {display: block; padding: 14px 14px 13px; font-size: 15px; font-weight: 500; color: #838383;}
#footer .family ul a:hover {color: #fff; background: #353535;}

/* 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: linear-gradient(91.08deg, #1BF0B0 10.77%, #03C7F9 40.5%);}
.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: 20px; font-weight: 900; line-height: 1.2; background: linear-gradient(91.08deg, #1BF0B0 10.77%, #03C7F9 40.5%); color: transparent; -webkit-background-clip: text;}
.sec .sec_tit h3 {margin-top: 20px; font-size: 43px; font-weight: 800; line-height: 1.16;}
.sec .sec_tit p {margin-top: 20px; font-size: 20px; font-weight: 400; line-height: 1.4;}
/* visual */
.visual {height: 950px; position: relative; background-image: url(/img/main/visual.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.visual .txt {position: absolute; left: 0; top: 310px; width: 100%;}
.visual .txt strong {display: block; font-size: 20px; font-weight: 900; line-height: 1.2;}
.visual .txt h2 {margin-top: 21px; font-size: 55px; font-weight: 800; line-height: 1.2;}
.visual .txt p {margin-top: 21px; font-size: 22px; font-weight: 400; line-height: 1.3;}
.visual .txt a {margin-top: 49px; background: linear-gradient(91.08deg, #1BF0B0 10.77%, #03C7F9 40.5%); width: 170px; height: 50px; display: flex; align-items: center; justify-content: center; gap: 0 8px; font-size: 18px; font-weight: 700; border-radius: 30px;}
.visual .txt a img {width: 11px;}
/* sec1 */
.sec1 {padding-top: 160px;}
.sec1 .img {margin: 60px auto 0; width: 1600px; height: 450px; position: relative; background: url(/img/main/sec1_img.jpg) no-repeat center/cover; overflow: hidden; border-radius: 100px 0 100px 0;}
.sec1 .img p {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 60px; font-weight: 900; background: linear-gradient(91.08deg, #1BF0B0 10.77%, #03C7F9 40.5%); color: transparent; -webkit-background-clip: text;}
/* sec2 */
.sec2 .cont {margin-top: 60px;}
.sec2 .cont .swiper-wrapper{transition-timing-function: linear; align-items: center;}
.sec2 .cont .swiper-slide {margin: 0 50px;}
.sec2 .cont .swiper-slide.logo {width: 580px; height: 360px; border-radius: 200px; display: flex; align-items: center; justify-content: center;}
.sec2 .cont .logo1 {background: #1B53EE}
.sec2 .cont .logo1 img {width: 215px;}
.sec2 .cont .logo2 {background: #EAB92B}
.sec2 .cont .logo2 img {width: 197px;}
.sec2 .cont .logo3 {background: #604894}
.sec2 .cont .logo3 img {width: 267px;}
.sec2 .cont .circle1 {width: 170px; height: 170px; border-radius: 100%; background: #fff;}
.sec2 .cont .circle2 {width: 205px; height: 150px; border-radius: 200px; background: #03C7F9;}
/* sec3 */
.sec3 .sec_tit {text-align: left;}
.sec3 .cont {margin-top: 59px; display: flex; align-items: center; gap: 0 130px; min-height: 622px;}
.sec3 .cont .left {width: calc(100% - 790px);}
.sec3 .cont .left .img {position: relative; width: 680px; height: 303px; margin: 0 auto;}
.sec3 .cont .left .bg img {width: 342px; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .8s;}
.sec3 .cont .left .bg img[data-bgNum="04"] {width: 300px;}
.sec3 .cont .left .bg img.on {opacity: 1;}
.sec3 .cont .left .icon {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sec3 .cont .left .icon svg {position: absolute; transition: all .8s;}
.sec3 .cont .left .icon svg[class^="triangle"] {width: 60px; height: 60px;}
.sec3 .cont .left .icon .circle-1 {width: 70px; height: 70px;}
.sec3 .cont .left .icon .circle-2 {width: 40px; height: 40px;}
.sec3 .cont .left .icon.icon-01 .triangle-1 {top: 0; right: 0;}
.sec3 .cont .left .icon.icon-01 .triangle-2 {top: 130px; left: 0;}
.sec3 .cont .left .icon.icon-01 .circle-1 {bottom: 0; right: 154px;}
.sec3 .cont .left .icon.icon-01 .circle-2 {top: 0; right: 312px;}
.sec3 .cont .left .icon.icon-02 .triangle-1 {top: 210px; right: 50px;}
.sec3 .cont .left .icon.icon-02 .triangle-2 {top: 0; left: 170px;}
.sec3 .cont .left .icon.icon-02 .circle-1 {bottom: 196px; right: 139px;}
.sec3 .cont .left .icon.icon-02 .circle-2 {top: 166px; right: 421px;}
.sec3 .cont .left .icon.icon-03 .triangle-1 {top: 9px; right: 61px;}
.sec3 .cont .left .icon.icon-03 .triangle-2 {top: 148px; left: 46px;}
.sec3 .cont .left .icon.icon-03 .circle-1 {bottom: 0; right: 174px;}
.sec3 .cont .left .icon.icon-03 .circle-2 {top: 0; right: 320px;}
.sec3 .cont .left .icon.icon-04 .triangle-1 {top: 130px; right: 80px;}
.sec3 .cont .left .icon.icon-04 .triangle-2 {top: 34px; left: 111px;}
.sec3 .cont .left .icon.icon-04 .circle-1 {bottom: -7px; right: 406px;}
.sec3 .cont .left .icon.icon-04 .circle-2 {top: -22px; right: 253px;}
.sec3 .cont .left .txt {margin-top: 80px; text-align: center;}
.sec3 .cont .left .txt > div {display: none;}
.sec3 .cont .left .txt > div.on {display: block;}
.sec3 .cont .left .txt h3 {font-size: 35px; font-weight: 800; line-height: 1.17;}
.sec3 .cont .left .txt p {margin-top: 40px; font-size: 20px; font-weight: 400; line-height: 1.4;}
.sec3 .cont .right {width: 660px;}
.sec3 .cont .right li {padding: 55px 35px; border-top: 1px solid #B4B4B4; cursor: pointer;}
.sec3 .cont .right li:last-child {border-bottom: 1px solid #B4B4B4;}
.sec3 .cont .right li span {display: none; margin-bottom: 20px; font-size: 20px; font-weight: 800; background: linear-gradient(91.08deg, #1BF0B0 10.77%, #03C7F9 40.5%); color: transparent; -webkit-background-clip: text; line-height: 1.2; transition: all .3s;}
.sec3 .cont .right li p {font-size: 25px; font-weight: 800; color: #8E8E8E; line-height: 1.2; transition: all .3s;}
.sec3 .cont .right li.on span {display: inline-block;}
.sec3 .cont .right li.on p {color: #fff; font-size: 35px;}
/* sec4 */
.sec4 .cont {margin-top: 70px; display: flex; align-items: flex-start; gap: 0 40px;}
.sec4 .cont > div {width: 50%;}
.sec4 .cont .img {display: block; width: 100%; height: 400px; overflow: hidden; border-radius: 50px 0 50px 0;}
.sec4 .cont .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sec4 .cont strong {display: block; margin-top: 60px; font-size: 35px; font-weight: 800; line-height: 1.2;}
.sec4 .cont p {margin-top: 20px; font-size: 20px; font-weight: 400; line-height: 1.4;}
/* sec5 */
.sec5 ul {display: flex; align-items: center; flex-wrap: wrap; gap: 44px 35px;}
.sec5 ul li {width: calc(100%/3 - 24px); text-align: left !important; min-height: 400px; box-sizing: border-box;}
.sec5 ul li:not(.sec_tit) {border: 1px solid #fff; border-radius: 20px; padding: 80px 50px 0; transition: all .3s;}
.sec5 ul li:not(.sec_tit):hover {background: #fff; border-radius: 70px 20px 70px 20px;}
.sec5 ul li:not(.sec_tit):hover * {color: #000;}
.sec5 ul li span {display: block; font-size: 18px; font-weight: 500; line-height: 1.16;}
.sec5 ul li strong {display: block; margin-top: 70px; font-size: 35px; font-weight: 800; line-height: 1.17;}
.sec5 ul li p {margin-top: 30px; font-size: 20px; font-weight: 500; line-height: 1.2;}
.sec5 ul li.sec_tit h3,
.sec5 ul li.sec_tit p {margin-top: 25px;}
/* sec6 */
.sec6 .cont {margin-top: 82px;}
.sec6 .swiper-wrapper{transition-timing-function: linear;}
.sec6 .cont .swiper-slide {width: 230px; height: 230px; border-radius: 100%; overflow: hidden; background: #232323; display: flex; align-items: center; justify-content: center; margin: 0 60px; cursor: pointer; transition: all .3s;}
.sec6 .cont .swiper-slide:hover {background: linear-gradient(91.08deg, #1BF0B0 10.77%, #03C7F9 40.5%);}
.sec6 .cont .top .swiper-slide:nth-child(1) img {width: 138px;}
.sec6 .cont .top .swiper-slide:nth-child(2) img {width: 135px;}
.sec6 .cont .top .swiper-slide:nth-child(3) img {width: 122px;}
.sec6 .cont .top .swiper-slide:nth-child(4) img {width: 147px;}
.sec6 .cont .top .swiper-slide:nth-child(5) img {width: 118px;}
.sec6 .cont .bot {margin-top: 61px;}
.sec6 .cont .bot .swiper-slide:nth-child(1) img {width: 114px;}
.sec6 .cont .bot .swiper-slide:nth-child(2) img {width: 129px;}
.sec6 .cont .bot .swiper-slide:nth-child(3) img {width: 150px;}
.sec6 .cont .bot .swiper-slide:nth-child(4) img {width: 115px;}
.sec6 .cont .bot .swiper-slide:nth-child(5) img {width: 127px;}
.sec6 .cont .bot .swiper-slide:nth-child(6) img {width: 125px;}
/* sec7 */
.sec7 .inner {position: relative; height: 520px; background-image: url(/img/main/sec7_img.png); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 100px 0 100px 0; overflow: hidden; padding: 0;}
.sec7 .sec_tit {text-align: center; position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.sec7 .sec_tit strong {color: #fff;}
.sec7 .sec_tit button {position: relative; overflow: hidden; margin: 27px auto 0; display: flex; align-items: center; justify-content: center; gap: 0 8px; border: 1px solid #fff; border-radius: 100px; width: 201px; height: 54px; font-size: 18px; font-weight: 700; background: transparent; outline: 0;}
.sec7 .sec_tit button img {width: 12px;}
.sec7 .sec_tit button:before {background: #fff; z-index: -1; content: ""; position: absolute; transition: all .3s; left: 0; bottom: 0; width: 100%; height: 0; border-top-left-radius: 50%; border-top-right-radius: 50%;}
.sec7 .sec_tit button:hover {color:#000;}
.sec7 .sec_tit button:hover:before {height: 200%;}
.sec7 .sec_tit button:hover img {filter: brightness(1) invert(1);}
/* apply popup */
.apply_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; background: rgba(0, 0, 0, 0.8);}
.apply_popup .cont {width: 940px; padding: 70px; box-sizing: border-box; border-radius: 20px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.apply_popup .cont * {color: #111;}
.apply_popup .cont .tit {padding-bottom: 31px; border-bottom: 1px solid #E8E8E8;}
.apply_popup .cont .tit h2 {position: relative; font-size: 35px; font-weight: 700; line-height: 2;}
.apply_popup .cont .tit .close {cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 0;}
.apply_popup .cont .tit img {width: 18px;}
.apply_popup .cont .tit p {font-size: 18px; font-weight: 500; color: #666;}
.apply_popup .cont #fwrite {padding-top: 61px;}
.apply_popup .cont .item + .item {margin-top: 29px;}
.apply_popup .cont .item2 {display: flex; align-items: center; gap: 0 10px;}
.apply_popup .cont .item2 .input_box {width: calc(50% - 5px);}
.apply_popup .cont .input_box > span {display: block; font-size: 16px; font-weight: 600; color: #000; margin-bottom: 10px; line-height: 1.18;}
.apply_popup .cont .apply .input_box textarea,
.apply_popup .cont .input_box input {width: 100%; border: 1px solid #EEEEEE; height: 45px; line-height: 45px; padding: 0 15px; font-size: 15px; font-weight: 500; color: #000; outline: none; border-radius: 5px;}
.apply_popup .cont .apply .input_box textarea::placeholder,
.apply_popup .cont .input_box input::placeholder {color:#BCBCBC;}
.apply_popup .cont .input_box .select {position: relative; width: 100%;}
.apply_popup .cont .input_box .select .tit {position: relative; height: 45px; line-height: 45px; font-size: 15px; font-weight: 500; color: #BCBCBC; border: 1px solid #EEEEEE; border-radius: 5px; padding: 0 15px; cursor: pointer;}
.apply_popup .cont .input_box .select .tit::after {content: ""; background: url('/img/main/select_arrow.svg') no-repeat; width: 14px; height: 8px; background-size: contain; position: absolute; right: 21px; top: 50%; transform: translateY(-50%);}
.apply_popup .cont .input_box .select ul {display: none; position: absolute; left: 0; top: calc(100% + 3px); border: 1px solid #EEEEEE; border-radius: 5px; background: #fff; width: 100%; z-index: 10;}
.apply_popup .cont .input_box .select ul li {position: relative; height: 45px; line-height: 45px; padding: 0 15px; font-size: 15px; font-weight: 500; color: #BCBCBC; cursor: pointer;}
.apply_popup .cont .input_box .select ul li > input {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}
.apply_popup .cont .input_box .select ul li:hover {color: #000;}
.apply_popup .cont .apply .input_box {display: revert; font-size: 0;}
.apply_popup .cont .apply .input_box textarea {width: 100% !important; min-height: 160px; padding: 13px 15px; resize: none; line-height: 1.3;}
.apply_popup .cont .bot {margin-top: 20px;}
.apply_popup .cont .bot .agree label {display: flex; align-items: center; gap: 0 10px; font-size: 16px; font-weight: 500; color: #777777; cursor: pointer;}
.apply_popup .cont .bot .agree input[type="checkBox"] {-webkit-appearance: none; background-image: url('/img/main/check_box.svg'); background-repeat: no-repeat; background-size: contain; width: 18px; height: 18px;}
.apply_popup .cont .bot .agree input[type="checkBox"]:checked {background-image: url('/img/main/checked_box.svg');}
.apply_popup .cont .bot .apply_btn {margin: 70px auto 0; width: 351px; height: 64px; text-align: center; line-height: 64px; border-radius: 10px; background: linear-gradient(91.08deg, #1BF0B0 10.77%, #03C7F9 89.22%); color: #fff; font-size: 20px; font-weight: 700; display: block; border: 0 ;}





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

    .inner{max-width:100%; padding: 0 2.74vw;}

    /* header */
    #header {height: 5.85vw;}
    #header .logo img {width: 6.65vw;}
    #header .gnb {gap: 4.57vw;}
    #header .gnb a {line-height: 5.85vw; font-size: 1.10vw;}
    
    /* footer */
    #footer {padding: 7.93vw 0 6.89vw;}
    #footer .logo img {width: 6.65vw;}
    #footer .info {margin-top: 3.66vw;}
    #footer .info p {gap: 0 1.95vw;}
    #footer .info p * {font-size: 1.10vw;}
    #footer .info p span + span::before {width: 0.06vw; height: 0.79vw; left: -0.98vw;}
    #footer .copy {margin-top: 1.52vw; font-size: 0.98vw;}
    #footer .sns {gap: 0 1.28vw;}
    #footer .sns img {height: 1.22vw;}
    #footer .family {margin-top: 3.66vw;}
    #footer .family .tit {width: 14.63vw; height: 2.68vw; line-height: 2.68vw; padding: 0 0.85vw; border-radius: 0.49vw; font-size: 0.98vw;}
    #footer .family .tit::after {width: 0.73vw; height: 0.43vw; right: 1.16vw;}
    #footer .family ul {bottom: calc(100% + 0.18vw); border-radius: 0.49vw;}
    #footer .family ul a {padding: 0.85vw 0.85vw 0.79vw; font-size: 0.91vw;}
    
    /* 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.22vw;}
    .sec .sec_tit h3 {margin-top: 1.22vw; font-size: 2.62vw;}
    .sec .sec_tit p {margin-top: 1.22vw; font-size: 1.22vw;}
    /* visual */
    .visual {height: 57.93vw;}
    .visual .txt {top: 18.90vw;}
    .visual .txt strong {font-size: 1.22vw;}
    .visual .txt h2 {margin-top: 1.28vw; font-size: 3.35vw;}
    .visual .txt p {margin-top: 1.28vw; font-size: 1.34vw;}
    .visual .txt a {margin-top: 2.99vw; width: 10.37vw; height: 3.05vw; gap: 0 0.49vw; font-size: 1.10vw; border-radius: 1.83vw;}
    .visual .txt a img {width: 0.67vw;}
    /* sec1 */
    .sec1 {padding-top: 9.76vw;}
    .sec1 .img {margin: 3.66vw auto 0; width: 97.56vw; height: 27.44vw; border-radius: 6.10vw 0 6.10vw 0;}
    .sec1 .img p {font-size: 3.66vw;}
    /* sec2 */
    .sec2 .cont {margin-top: 3.66vw;}
    .sec2 .cont .swiper-slide {margin: 0 3.05vw;}
    .sec2 .cont .swiper-slide.logo {width: 35.37vw; height: 21.95vw; border-radius: 12.20vw;}
    .sec2 .cont .logo1 img {width: 13.11vw;}
    .sec2 .cont .logo2 img {width: 12.01vw;}
    .sec2 .cont .logo3 img {width: 16.28vw;}
    .sec2 .cont .circle1 {width: 10.37vw; height: 10.37vw;}
    .sec2 .cont .circle2 {width: 12.50vw; height: 9.15vw; border-radius: 12.20vw;}
    /* sec3 */
    .sec3 .cont {margin-top: 3.60vw; gap: 0 7.93vw; min-height: 37.93vw;}
    .sec3 .cont .left {width: calc(100% - 48.17vw);}
    .sec3 .cont .left .img {width: 41.46vw; height: 18.48vw;}
    .sec3 .cont .left .bg img {width: 20.85vw;}
    .sec3 .cont .left .bg img[data-bgNum="04"] {width: 18.29vw;}
    .sec3 .cont .left .icon svg[class^="triangle"] {width: 3.66vw; height: 3.66vw;}
    .sec3 .cont .left .icon .circle-1 {width: 4.27vw; height: 4.27vw;}
    .sec3 .cont .left .icon .circle-2 {width: 2.44vw; height: 2.44vw;}
    .sec3 .cont .left .icon.icon-01 .triangle-1 {right: 0;}
    .sec3 .cont .left .icon.icon-01 .triangle-2 {top: 7.93vw;}
    .sec3 .cont .left .icon.icon-01 .circle-1 {bottom: 0; right: 9.39vw;}
    .sec3 .cont .left .icon.icon-01 .circle-2 {right: 19.02vw;}
    .sec3 .cont .left .icon.icon-02 .triangle-1 {top: 12.80vw; right: 3.05vw;}
    .sec3 .cont .left .icon.icon-02 .triangle-2 {left: 10.37vw;}
    .sec3 .cont .left .icon.icon-02 .circle-1 {bottom: 11.95vw; right: 8.48vw;}
    .sec3 .cont .left .icon.icon-02 .circle-2 {top: 10.12vw; right: 25.67vw;}
    .sec3 .cont .left .icon.icon-03 .triangle-1 {top: 0.55vw; right: 3.72vw;}
    .sec3 .cont .left .icon.icon-03 .triangle-2 {top: 9.02vw; left: 2.80vw;}
    .sec3 .cont .left .icon.icon-03 .circle-1 {bottom: 0; right: 10.61vw;}
    .sec3 .cont .left .icon.icon-03 .circle-2 {right: 19.51vw;}
    .sec3 .cont .left .icon.icon-04 .triangle-1 {top: 7.93vw; right: 4.88vw;}
    .sec3 .cont .left .icon.icon-04 .triangle-2 {top: 2.07vw; left: 6.77vw;}
    .sec3 .cont .left .icon.icon-04 .circle-1 {bottom: -0.43vw; right: 24.76vw;}
    .sec3 .cont .left .icon.icon-04 .circle-2 {top: -1.34vw; right: 15.43vw;}
    .sec3 .cont .left .txt {margin-top: 4.88vw;}
    .sec3 .cont .left .txt h3 {font-size: 2.13vw;}
    .sec3 .cont .left .txt p {margin-top: 2.44vw; font-size: 1.22vw;}
    .sec3 .cont .right {width: 40.24vw;}
    .sec3 .cont .right li {padding: 3.35vw 2.13vw;}
    .sec3 .cont .right li span {margin-bottom: 1.22vw; font-size: 1.22vw;}
    .sec3 .cont .right li p {font-size: 1.52vw;}
    .sec3 .cont .right li.on p {font-size: 2.13vw;}
    /* sec4 */
    .sec4 .cont {margin-top: 4.27vw; gap: 0 2.44vw;}
    .sec4 .cont > div {width: 50%;}
    .sec4 .cont .img {height: 24.39vw; border-radius: 3.05vw 0 3.05vw 0;}
    .sec4 .cont strong {margin-top: 3.66vw; font-size: 2.13vw;}
    .sec4 .cont p {margin-top: 1.22vw; font-size: 1.22vw;}
    /* sec5 */
    .sec5 ul {gap: 2.68vw 2.13vw;}
    .sec5 ul li {width: calc(100%/3 - 1.46vw); min-height: 24.39vw;}
    .sec5 ul li:not(.sec_tit) {border-radius: 1.22vw; padding: 4.88vw 3.05vw 0;}
    .sec5 ul li:not(.sec_tit):hover {border-radius: 4.27vw 1.22vw 4.27vw 1.22vw;}
    .sec5 ul li span {font-size: 1.10vw;}
    .sec5 ul li strong {margin-top: 4.27vw; font-size: 2.13vw;}
    .sec5 ul li p {margin-top: 1.83vw; font-size: 1.22vw;}
    .sec5 ul li.sec_tit h3,
    .sec5 ul li.sec_tit p {margin-top: 1.52vw;}
    /* sec6 */
    .sec6 .cont {margin-top: 5.00vw;}
    .sec6 .cont .swiper-slide {width: 14.02vw; height: 14.02vw; margin: 0 3.66vw;}
    .sec6 .cont .top .swiper-slide:nth-child(1) img {width: 8.41vw;}
    .sec6 .cont .top .swiper-slide:nth-child(2) img {width: 8.23vw;}
    .sec6 .cont .top .swiper-slide:nth-child(3) img {width: 7.44vw;}
    .sec6 .cont .top .swiper-slide:nth-child(4) img {width: 8.96vw;}
    .sec6 .cont .top .swiper-slide:nth-child(5) img {width: 7.20vw;}
    .sec6 .cont .bot {margin-top: 3.72vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(1) img {width: 6.95vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(2) img {width: 7.87vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(3) img {width: 9.15vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(4) img {width: 7.01vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(5) img {width: 7.74vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(6) img {width: 7.62vw;}
    /* sec7 */
    .sec7 .inner {height: 31.71vw; border-radius: 6.10vw 0 6.10vw 0;}
    .sec7 .sec_tit button {margin: 1.65vw auto 0; gap: 0 0.49vw; border-radius: 6.10vw; width: 12.26vw; height: 3.29vw; font-size: 1.10vw;}
    .sec7 .sec_tit button img {width: 0.73vw;}
    /* apply popup */
    .apply_popup .cont {width: 57.32vw; padding: 4.27vw; border-radius: 1.22vw;}
    .apply_popup .cont .tit {padding-bottom: 1.89vw;}
    .apply_popup .cont .tit h2 {font-size: 2.13vw;}
    .apply_popup .cont .tit .close {right: 0;}
    .apply_popup .cont .tit img {width: 1.10vw;}
    .apply_popup .cont .tit p {font-size: 1.10vw;}
    .apply_popup .cont #fwrite {padding-top: 3.72vw;}
    .apply_popup .cont .item + .item {margin-top: 1.77vw;}
    .apply_popup .cont .item2 {gap: 0 0.61vw;}
    .apply_popup .cont .item2 .input_box {width: calc(50% - 0.30vw);}
    .apply_popup .cont .input_box > span {font-size: 0.98vw; margin-bottom: 0.61vw;}
    .apply_popup .cont .apply .input_box textarea,
    .apply_popup .cont .input_box input {height: 2.74vw; line-height: 2.74vw; padding: 0 0.91vw; font-size: 0.91vw; border-radius: 0.30vw;}
    .apply_popup .cont .input_box .select .tit {height: 2.74vw; line-height: 2.74vw; font-size: 0.91vw; border-radius: 0.30vw; padding: 0 0.91vw;}
    .apply_popup .cont .input_box .select .tit::after {width: 0.85vw; height: 0.49vw; right: 1.28vw;}
    .apply_popup .cont .input_box .select ul {top: calc(100% + 0.18vw); border-radius: 0.30vw;}
    .apply_popup .cont .input_box .select ul li {height: 2.74vw; line-height: 2.74vw; padding: 0 0.91vw; font-size: 0.91vw;}
    .apply_popup .cont .apply .input_box textarea {min-height: 9.76vw; padding: 0.79vw 0.91vw;}
    .apply_popup .cont .bot {margin-top: 1.22vw;}
    .apply_popup .cont .bot .agree label {gap: 0 0.61vw; font-size: 0.98vw;}
    .apply_popup .cont .bot .agree input[type="checkBox"] {width: 1.10vw; height: 1.10vw;}
    .apply_popup .cont .bot .apply_btn {margin: 4.27vw auto 0; width: 21.40vw; height: 3.90vw; line-height: 3.90vw; border-radius: 0.61vw; font-size: 1.22vw;}

}



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

    .inner{max-width:100%; padding: 0 3.52vw;}

    /* header */
    #header {height: 6.02vw;}
    #header .logo img {width: 6.88vw;}
    #header .gnb {gap: 4.77vw;}
    #header .gnb a {line-height: 6.88vw; font-size: 1.17vw;}
    
    /* footer */
    #footer {padding: 7.81vw 0 6.56vw;}
    #footer .logo img {width: 6.88vw;}
    #footer .info {margin-top: 3.75vw;}
    #footer .info p {gap: 0 1.95vw;}
    #footer .info p * {font-size: 1.17vw;}
    #footer .info p span + span::before {width: 0.08vw; height: 0.78vw; left: -1.02vw;}
    #footer .copy {margin-top: 1.56vw; font-size: 1.02vw;}
    #footer .sns {gap: 0 1.17vw;}
    #footer .sns img {height: 1.25vw;}
    #footer .family {margin-top: 3.75vw;}
    #footer .family .tit {width: 15.23vw; height: 2.81vw; line-height: 2.81vw; padding: 0 0.86vw; border-radius: 0.47vw; font-size: 1.02vw;}
    #footer .family .tit::after {width: 0.70vw; height: 0.47vw; right: 1.17vw;}
    #footer .family ul {bottom: calc(100% + 0.16vw); border-radius: 0.47vw;}
    #footer .family ul a {padding: 0.86vw 0.86vw 0.78vw; font-size: 0.94vw;}
    
    /* 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: 12.58vw;}
    .sec .sec_tit strong {font-size: 1.17vw;}
    .sec .sec_tit h3 {margin-top: 1.17vw; font-size: 2.50vw;}
    .sec .sec_tit p {margin-top: 1.17vw; font-size: 1.17vw;}
    /* visual */
    .visual {height: 59.92vw; background-image: url(/img/main/visual_tablet.jpg);}
    .visual .txt {top: 19.53vw;}
    .visual .txt strong {font-size: 1.25vw;}
    .visual .txt h2 {margin-top: 1.33vw; font-size: 3.52vw;}
    .visual .txt p {margin-top: 1.33vw; font-size: 1.41vw;}
    .visual .txt a {margin-top: 3.13vw; width: 10.70vw; height: 3.13vw; gap: 0 0.47vw; font-size: 1.09vw; border-radius: 1.88vw;}
    .visual .txt a img {width: 0.70vw;}
    /* sec1 */
    .sec1 {padding-top: 9.77vw;}
    .sec1 .img {margin: 3.52vw auto 0; width: 92.97vw; height: 26.17vw; border-radius: 5.78vw 0 5.78vw 0;}
    .sec1 .img p {font-size: 3.52vw;}
    /* sec2 */
    .sec2 .cont {margin-top: 3.75vw;}
    .sec2 .cont .swiper-slide {margin: 0 2.89vw;}
    .sec2 .cont .swiper-slide.logo {width: 33.13vw; height: 20.55vw; border-radius: 11.41vw;}
    .sec2 .cont .logo1 img {width: 12.27vw;}
    .sec2 .cont .logo2 img {width: 11.25vw;}
    .sec2 .cont .logo3 img {width: 15.23vw;}
    .sec2 .cont .circle1 {width: 9.69vw; height: 9.69vw;}
    .sec2 .cont .circle2 {width: 11.72vw; height: 8.59vw; border-radius: 11.41vw;}
    /* sec3 */
    .sec3 .cont {margin-top: 3.44vw; gap: 0 7.58vw; min-height: 35.39vw;}
    .sec3 .cont .left {width: calc(100% - 44.38vw);}
    .sec3 .cont .left .img {width: 39.53vw; height: 17.58vw;}
    .sec3 .cont .left .bg img {width: 19.84vw;}
    .sec3 .cont .left .bg img[data-bgNum="04"] {width: 17.27vw;}
    .sec3 .cont .left .icon svg[class^="triangle"] {width: 3.67vw; height: 3.67vw;}
    .sec3 .cont .left .icon .circle-1 {width: 4.30vw; height: 4.30vw;}
    .sec3 .cont .left .icon .circle-2 {width: 2.42vw; height: 2.42vw;}
    .sec3 .cont .left .icon.icon-01 .triangle-1 {right: 0;}
    .sec3 .cont .left .icon.icon-01 .triangle-2 {top: 7.97vw;}
    .sec3 .cont .left .icon.icon-01 .circle-1 {bottom: 0; right: 9.38vw;}
    .sec3 .cont .left .icon.icon-01 .circle-2 {right: 18.98vw;}
    .sec3 .cont .left .icon.icon-02 .triangle-1 {top: 12.81vw; right: 3.05vw;}
    .sec3 .cont .left .icon.icon-02 .triangle-2 {left: 10.39vw;}
    .sec3 .cont .left .icon.icon-02 .circle-1 {bottom: 11.95vw; right: 8.52vw;}
    .sec3 .cont .left .icon.icon-02 .circle-2 {top: 10.16vw; right: 25.70vw;}
    .sec3 .cont .left .icon.icon-03 .triangle-1 {top: 0.55vw; right: 3.75vw;}
    .sec3 .cont .left .icon.icon-03 .triangle-2 {top: 8.98vw; left: 2.81vw;}
    .sec3 .cont .left .icon.icon-03 .circle-1 {bottom: 0; right: 10.63vw;}
    .sec3 .cont .left .icon.icon-03 .circle-2 {right: 19.53vw;}
    .sec3 .cont .left .icon.icon-04 .triangle-1 {top: 7.97vw; right: 4.84vw;}
    .sec3 .cont .left .icon.icon-04 .triangle-2 {top: 2.03vw; left: 6.80vw;}
    .sec3 .cont .left .icon.icon-04 .circle-1 {bottom: -0.47vw; right: 24.77vw;}
    .sec3 .cont .left .icon.icon-04 .circle-2 {top: -1.33vw; right: 15.47vw;}
    .sec3 .cont .left .txt {margin-top: 5.31vw;}
    .sec3 .cont .left .txt h3 {font-size: 1.95vw;}
    .sec3 .cont .left .txt p {margin-top: 2.34vw; font-size: 1.17vw;}
    .sec3 .cont .right {width: 38.36vw;}
    .sec3 .cont .right li {padding: 3.20vw 2.03vw;}
    .sec3 .cont .right li span {margin-bottom: 1.17vw; font-size: 1.17vw;}
    .sec3 .cont .right li p {font-size: 1.41vw;}
    .sec3 .cont .right li.on p {font-size: 1.95vw;}
    /* sec4 */
    .sec4 .cont {margin-top: 4.06vw; gap: 0 2.34vw;}
    .sec4 .cont .img {height: 23.20vw; border-radius: 2.89vw 0 2.89vw 0;}
    .sec4 .cont strong {margin-top: 3.52vw; font-size: 1.95vw;}
    .sec4 .cont p {margin-top: 1.17vw; font-size: 1.17vw;}
    /* sec5 */
    .sec5 ul {gap: 2.58vw 2.03vw;}
    .sec5 ul li {width: calc(100%/3 - 1.41vw); min-height: 23.28vw;}
    .sec5 ul li:not(.sec_tit) {border-radius: 1.17vw; padding: 4.69vw 2.89vw 0;}
    .sec5 ul li:not(.sec_tit):hover {border-radius: 4.06vw 1.17vw 4.06vw 1.17vw;}
    .sec5 ul li span {font-size: 1.09vw;}
    .sec5 ul li strong {margin-top: 4.06vw; font-size: 1.95vw;}
    .sec5 ul li p {margin-top: 1.72vw; font-size: 1.17vw;}
    .sec5 ul li.sec_tit h3,
    .sec5 ul li.sec_tit p {margin-top: 1.48vw;}
    /* sec6 */
    .sec6 .cont {margin-top: 5.16vw;}
    .sec6 .cont .swiper-slide {width: 14.69vw; height: 14.69vw; margin: 0 3.52vw;}
    .sec6 .cont .top .swiper-slide:nth-child(1) img {width: 8.13vw;}
    .sec6 .cont .top .swiper-slide:nth-child(2) img {width: 7.89vw;}
    .sec6 .cont .top .swiper-slide:nth-child(3) img {width: 5.63vw;}
    .sec6 .cont .top .swiper-slide:nth-child(4) img {width: 8.67vw;}
    .sec6 .cont .top .swiper-slide:nth-child(5) img {width: 6.95vw;}
    .sec6 .cont .bot {margin-top: 3.59vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(1) img {width: 6.72vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(2) img {width: 7.58vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(3) img {width: 8.83vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(4) img {width: 6.80vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(5) img {width: 7.50vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(6) img {width: 7.34vw;}
    /* sec7 */
    .sec7 .inner {height: 30.23vw; border-radius: 5.78vw 0 5.78vw 0;}
    .sec7 .sec_tit button {margin: 3.36vw auto 0; gap: 0 0.47vw; border-radius: 5.78vw; width: 11.64vw; height: 3.13vw; font-size: 1.02vw;}
    .sec7 .sec_tit button img {width: 0.70vw;}
    /* apply popup */
    .apply_popup .cont {width: 53.44vw; padding: 3.91vw; border-radius: 1.17vw;}
    .apply_popup .cont .tit {padding-bottom: 1.56vw;}
    .apply_popup .cont .tit h2 {font-size: 1.95vw;}
    .apply_popup .cont .tit .close {right: 0;}
    .apply_popup .cont .tit img {width: 1.02vw;}
    .apply_popup .cont .tit p {font-size: 1.17vw;}
    .apply_popup .cont #fwrite {padding-top: 3.44vw;}
    .apply_popup .cont .item + .item {margin-top: 2.19vw;}
    .apply_popup .cont .item2 {gap: 0 0.78vw;}
    .apply_popup .cont .item2 .input_box {width: calc(50% - 0.39vw);}
    .apply_popup .cont .input_box > span {font-size: 1.17vw; margin-bottom: 0.94vw;}
    .apply_popup .cont .apply .input_box textarea,
    .apply_popup .cont .input_box input {height: 2.58vw; line-height: 2.58vw; padding: 0 0.86vw; font-size: 1.09vw; border-radius: 0.31vw;}
    .apply_popup .cont .input_box .select .tit {height: 2.58vw; line-height: 2.58vw; font-size: 1.09vw; border-radius: 0.31vw; padding: 0 0.86vw;}
    .apply_popup .cont .input_box .select .tit::after {width: 0.86vw; height: 0.47vw; right: 1.25vw;}
    .apply_popup .cont .input_box .select ul {top: calc(100% + 0.16vw); border-radius: 0.31vw;}
    .apply_popup .cont .input_box .select ul li {height: 2.58vw; line-height: 2.58vw; padding: 0 0.86vw; font-size: 1.09vw;}
    .apply_popup .cont .apply .input_box textarea {min-height: 9.06vw; padding: 0.78vw;}
    .apply_popup .cont .bot {margin-top: 1.17vw;}
    .apply_popup .cont .bot .agree label {gap: 0 0.70vw; font-size: 1.02vw;}
    .apply_popup .cont .bot .agree input[type="checkBox"] {width: 1.41vw; height: 1.41vw;}
    .apply_popup .cont .bot .apply_btn {margin: 3.67vw auto 0; width: 19.84vw; height: 3.59vw; line-height: 3.59vw; border-radius: 0.55vw; font-size: 1.25vw;}

}



@media screen and (max-width:768px){
    .pc{display:none !important;}
    .mob{display:block !important;}

    .inner{max-width:100%; padding: 0 3.13vw;}

    /* header */
    #header {height: 14.84vw;}
    #header .inner {height: 100%;}
    #header .logo img {width: 22.53vw;}
    #header .burgerBtn img {width: 6.51vw;}

    /* allMenu */
    #allMenu {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 100;}
    #allMenu .menu_inner {width: 87.50vw; height: 100vh; background: #000; padding: 7.16vw 2.86vw;}
    #allMenu .tit {display: flex; align-items: center; justify-content: space-between;}
    #allMenu .logo img {width: 25.39vw;}
    #allMenu .close img {width: 9.77vw; cursor: pointer;}
    #allMenu ul {margin-top: 20.96vw;}
    #allMenu ul a {font-size: 6.51vw; font-weight: 600; line-height: 2;}
    #allMenu ul a:hover,
    #allMenu ul a.on {color: #03C7F9; text-decoration: underline; text-underline-offset: 1.52vw;}

    /* footer */
    #footer {padding: 6.12vw 0 15.36vw;}
    #footer .inner {display: revert;}
    #footer .logo img {width: 19.79vw;}
    #footer .info {margin-top: 7.81vw;}
    #footer .info p {gap: 0 2.99vw; flex-wrap: wrap;}
    #footer .info p * {font-size: 3.39vw;}
    #footer .info p span.noLine:before {display: none;}
    #footer .info p span + span:before {width: 0.13vw; height: 2.34vw; left: -1.56vw;}
    #footer .copy {margin-top: 3.26vw; font-size: 3.13vw;}
    #footer .sns {gap: 0 3.91vw; margin-top: 7.81vw; justify-content: flex-start;}
    #footer .sns img {height: 3.52vw;}
    #footer .family {margin-top: 11.98vw;}
    #footer .family .tit {margin: 0 auto; width: 45.57vw; height: 8.33vw; line-height: 8.33vw; padding: 0 2.60vw; border-radius: 1.56vw; font-size: 3.39vw;}
    #footer .family .tit::after {width: 1.95vw; height: 0.91vw; right: 3.65vw;}
    #footer .family ul {width: 45.57vw; bottom: calc(100% + 0.26vw); border-radius: 1.56vw; left: 50%; transform: translateX(-50%);}
    #footer .family ul a {padding: 2.60vw 2.60vw 2.47vw; font-size: 3.39vw;}
    
    /* 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: 19.53vw;}
    .sec .sec_tit strong {font-size: 3.13vw;}
    .sec .sec_tit h3 {margin-top: 2.60vw; font-size: 5.21vw;}
    .sec .sec_tit p {margin-top: 2.60vw; font-size: 3.65vw;}
    /* visual */
    .visual {height: 141.02vw; background-image: url(/img/main/visual_mobile.jpg);}
    .visual .txt {top: 56.77vw;}
    .visual .txt strong {font-size: 3.39vw;}
    .visual .txt h2 {margin-top: 5.60vw; font-size: 6.90vw;}
    .visual .txt p {margin-top: 5.60vw; font-size: 3.65vw;}
    .visual .txt a {margin-top: 7.68vw; width: 38.80vw; height: 11.46vw; gap: 0 1.56vw; font-size: 3.65vw; border-radius: 7.81vw;}
    .visual .txt a img {width: 2.08vw;}
    /* sec1 */
    .sec1 {padding-top: 25.65vw;}
    .sec1 .img {margin: 7.81vw auto 0; width: calc(100% - 6.25vw); height: 58.59vw; border-radius: 13.02vw 0 13.02vw 0;}
    .sec1 .img p {font-size: 6.51vw; width: 59.64vw; text-align: center;}
    /* sec2 */
    .sec2 .cont {margin-top: 7.81vw;}
    .sec2 .cont .swiper-slide {margin: 0 3.65vw;}
    .sec2 .cont .swiper-slide.logo {width: 69.01vw; height: 42.84vw; border-radius: 23.70vw;}
    .sec2 .cont .logo1 img {width: 25.52vw;}
    .sec2 .cont .logo2 img {width: 23.44vw;}
    .sec2 .cont .logo3 img {width: 31.77vw;}
    .sec2 .cont .circle1 {width: 20.18vw; height: 20.18vw;}
    .sec2 .cont .circle2 {width: 24.35vw; height: 17.84vw; border-radius: 23.83vw;}
    /* sec3 */
    .sec3 .cont {margin-top: 7.68vw; display: revert; min-height: 67.84vw;}
    .sec3 .cont .left {width: 100%;}
    .sec3 .cont .left .img {width: 88.54vw; height: 39.45vw;}
    .sec3 .cont .left .bg img {width: 44.53vw;}
    .sec3 .cont .left .bg img[data-bgNum="04"] {width: 27.47vw;}
    .sec3 .cont .left .icon svg[class^="triangle"] {width: 7.81vw; height: 7.81vw;}
    .sec3 .cont .left .icon .circle-1 {width: 9.11vw; height: 9.11vw;}
    .sec3 .cont .left .icon .circle-2 {width: 5.21vw; height: 5.21vw;}
    .sec3 .cont .left .icon.icon-01 .triangle-1 {right: 0;}
    .sec3 .cont .left .icon.icon-01 .triangle-2 {top: 16.93vw;}
    .sec3 .cont .left .icon.icon-01 .circle-1 {bottom: 0; right: 20.05vw;}
    .sec3 .cont .left .icon.icon-01 .circle-2 {right: 42.71vw;}
    .sec3 .cont .left .icon.icon-02 .triangle-1 {top: 33.07vw; right: 4.82vw;}
    .sec3 .cont .left .icon.icon-02 .triangle-2 {left: 16.28vw;}
    .sec3 .cont .left .icon.icon-02 .circle-1 {bottom: 23.83vw; right: 13.28vw;}
    .sec3 .cont .left .icon.icon-02 .circle-2 {top: 28.91vw; right: 72.66vw;}
    .sec3 .cont .left .icon.icon-03 .triangle-1 {top: 0.91vw; right: 5.86vw;}
    .sec3 .cont .left .icon.icon-03 .triangle-2 {top: 14.06vw; left: 4.43vw;}
    .sec3 .cont .left .icon.icon-03 .circle-1 {bottom: 0; right: 16.67vw;}
    .sec3 .cont .left .icon.icon-03 .circle-2 {right: 30.47vw;}
    .sec3 .cont .left .icon.icon-04 .triangle-1 {top: 12.50vw; right: 7.55vw;}
    .sec3 .cont .left .icon.icon-04 .triangle-2 {top: 3.13vw; left: 10.68vw;}
    .sec3 .cont .left .icon.icon-04 .circle-1 {bottom: -0.78vw; right: 38.67vw;}
    .sec3 .cont .left .icon.icon-04 .circle-2 {top: -2.08vw; right: 24.22vw;}
    .sec3 .cont .left .txt {margin-top: 10.42vw;}
    .sec3 .cont .left .txt h3 {font-size: 4.56vw;}
    .sec3 .cont .left .txt p {margin-top: 5.21vw; font-size: 2.60vw;}
    .sec3 .cont .right {width: 100%; margin-top: 16.93vw;}
    .sec3 .cont .right li {padding: 6.51vw 4.95vw;}
    .sec3 .cont .right li span {margin-bottom: 2.86vw; font-size: 2.86vw;}
    .sec3 .cont .right li p {font-size: 2.86vw;}
    .sec3 .cont .right li.on p {font-size: 4.95vw;}
    /* sec4 */
    .sec4 .cont {margin-top: 9.11vw; display: revert;}
    .sec4 .cont > div {width: 100%;}
    .sec4 .cont > div + div {margin-top: 10.42vw;}
    .sec4 .cont .img {height: 48.05vw; border-radius: 5.99vw 0 5.99vw 0;}
    .sec4 .cont strong {margin-top: 7.16vw; font-size: 4.56vw;}
    .sec4 .cont p {margin-top: 2.34vw; font-size: 3.65vw;}
    .sec4 .cont p br {display: none;}
    /* sec5 */
    .sec5 .sec_tit {text-align: left; padding: 0 3.13vw;}
    .sec5 .inner {margin-top: 10.42vw;}
    .sec5 ul {gap: 0 4.56vw; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; overflow-x: scroll;}
    .sec5 ul li {width: 66.41vw; min-width: 66.41vw; min-height: 58.59vw;}
    .sec5 ul li:not(.sec_tit) {border-radius: 10.42vw 6.51vw; padding: 10.42vw 6.51vw 0;}
    .sec5 ul li:not(.sec_tit):hover {border-radius: 10.42vw 6.51vw;}
    .sec5 ul li span {font-size: 2.86vw;}
    .sec5 ul li strong {margin-top: 11.72vw; font-size: 4.56vw;}
    .sec5 ul li p {margin-top: 3.91vw; font-size: 3.65vw; word-break: keep-all; white-space: initial; width: 100%;}
    .sec5 ul li p br {display: none;}
    .sec5 ul li.sec_tit h3,
    .sec5 ul li.sec_tit p {margin-top: 3.26vw;}
    /* sec6 */
    .sec6 .cont {margin-top: 10.68vw; padding: 0 8.33vw;}
    .sec6 .cont .swiper-wrapper {gap: 7.94vw 10.42vw; flex-wrap: wrap; justify-content: flex-end; flex-direction: row-reverse;}
    .sec6 .cont .swiper-slide {width: 36.46vw; height: 36.46vw; margin: 0;}
    .sec6 .cont .swiper-slide.only_pc {display: none;}
    .sec6 .cont .swiper-slide.mob {display: flex !important;}
    .sec6 .cont .swiper-slide img {margin-top: -1.30vw;}
    .sec6 .cont .top .swiper-slide:nth-child(1) img {width: 20.18vw;}
    .sec6 .cont .top .swiper-slide:nth-child(2) img {width: 19.66vw;}
    .sec6 .cont .top .swiper-slide:nth-child(3) img {width: 18.23vw;}
    .sec6 .cont .top .swiper-slide:nth-child(4) img {width: 21.48vw;}
    .sec6 .cont .top .swiper-slide:nth-child(5) img {width: 17.97vw;}
    .sec6 .cont .top .swiper-slide.mob img {width: 17.97vw;}
    .sec6 .cont .bot {margin-top: 7.94vw; display: none;}
    .sec6 .cont .bot .swiper-slide:nth-child(2) img {width: 18.88vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(3) img {width: 20.31vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(4) img {width: 16.28vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(5) img {width: 15.63vw;}
    .sec6 .cont .bot .swiper-slide:nth-child(6) img {width: 16.67vw;}
    .sec6 .moreBtn {margin: 10.68vw auto 0; width: 39.06vw; height: 10.42vw; display: flex !important; align-items: center; justify-content: center; gap: 0 1.56vw; border-radius: 19.40vw; border: 0.13vw solid #fff; font-size: 3.65vw; font-weight: 700;} 
    .sec6 .moreBtn img {width: 2.99vw;}
    /* sec7 */
    .sec7 .inner {height: 91.15vw; border-radius: 13.02vw 0 13.02vw 0;}
    .sec7 .sec_tit button {margin: 8.46vw auto 0; gap: 0 2.34vw; border-radius: 19.53vw; width: 39.06vw; height: 10.42vw; font-size: 3.65vw;}
    .sec7 .sec_tit button img {width: 2.99vw;}
    /* apply popup */
    .apply_popup .cont {width: calc(100% - 9.90vw); padding: 6.51vw; border-radius: 1.82vw;}
    .apply_popup .cont .tit {padding-bottom: 5.08vw; padding-top: 2.99vw;}
    .apply_popup .cont .tit h2 {font-size: 4.56vw; line-height: 1.4;}
    .apply_popup .cont .tit .close {right: 0; top: 0; transform: none;}
    .apply_popup .cont .tit img {width: 3.26vw;}
    .apply_popup .cont .tit p {font-size: 3.13vw;}
    .apply_popup .cont #fwrite {padding-top: 7.03vw;}
    .apply_popup .cont .item + .item {margin-top: 3.26vw;}
    .apply_popup .cont .item2 {display: revert;}
    .apply_popup .cont .item2 .input_box + .input_box {margin-top: 3.26vw;}
    .apply_popup .cont .item2 .input_box {width: 100%;}
    .apply_popup .cont .input_box > span {font-size: 3.13vw; margin-bottom: 1.95vw;}
    .apply_popup .cont .apply .input_box textarea,
    .apply_popup .cont .input_box input {height: 7.94vw; line-height: 7.94vw; padding: 0 2.73vw; font-size: 3.13vw; border-radius: 0.52vw;}
    .apply_popup .cont .input_box .select .tit {height: 7.94vw; line-height: 7.94vw; font-size: 3.13vw; border-radius: 0.52vw; padding: 0 2.73vw;}
    .apply_popup .cont .input_box .select .tit::after {width: 1.95vw; height: 1.17vw; right: 2.99vw;}
    .apply_popup .cont .input_box .select ul {top: 100%; border-radius: 0.52vw;}
    .apply_popup .cont .input_box .select ul li {height: 7.94vw; line-height: 7.94vw; padding: 0 2.73vw; font-size: 3.13vw;}
    .apply_popup .cont .apply .input_box textarea {min-height: 15.23vw; padding: 2.47vw 2.73vw;}
    .apply_popup .cont .bot {margin-top: 3.91vw;}
    .apply_popup .cont .bot .agree label {gap: 0 1.82vw; font-size: 2.86vw;}
    .apply_popup .cont .bot .agree input[type="checkBox"] {width: 3.26vw; height: 3.26vw;}
    .apply_popup .cont .bot .apply_btn {margin: 10.42vw auto 0; width: 37.76vw; height: 8.46vw; line-height: 8.46vw; border-radius: 0.91vw; font-size: 3.26vw;}

}