/* 공통 */
:root {
    --font-mont : 'Montserrat';
    --font-wix :  "Wix Madefor Display", sans-serif;
    --color1 : #0A77FF;
}
body {background: #000;}
p, dd {word-break: keep-all;}
.pc {display: block !important;}
.mob {display: none !important;}
.inner {max-width: 1600px; margin: 0 auto; width: 100%;}

.flex {display: flex; align-items: center;}
.flex-jb {display: flex; align-items: center; justify-content: space-between;}

.ta-c {text-align: center;}

.mt90 {margin-top: 90px;}
.pt90 {padding-top: 90px;}


/* HEADER */
.header {position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 100;}
.header * {color: #fff; font-size: 16px; font-weight: 700;}
.header .inner {height: 100%;}
.header h1 {max-height: 20px; overflow: hidden;}
.header h1 a {font-family: var(--font-mont); display: inline-block; }
.header h1 a span { display: block; transition: all 0.3s }
.header h1 a .dpunch { transform: translate(30px, 0);}
.header h1 a:hover .hello{transform:translateY(-20px);}
.header h1 a:hover .dpunch{transform:translate(0,-20px);}
.header .gnb {gap: 50px;}
.header .gnb a {transition: all .3s;}
@media (min-width: 769px) {
    .header .gnb a:hover {color: #0A77FF;}
}
.header.fixed {background: #000;}
.nav-item-wrap{display: inline-flex; overflow: hidden; position: relative;}
.nav-item-wrap.hover-color * {color: #2AC1EB;}
.nav-item-wrap p{pointer-events: none; visibility: hidden;}
.nav-item-wrap .move-wrap{display: flex; pointer-events: none; position: absolute; top: 0; left: 0;}
.nav-item-wrap .move-wrap span{margin-right: 15px; white-space: nowrap;}
.header .gnb li:first-child .move-wrap.animate {animation: moveLeft 1.7s linear infinite;}
.move-wrap.animate {animation: moveLeft 1.2s linear infinite;}
@keyframes moveLeft {
    0% {transform: translateX(0);}
    100% {transform: translateX(-50%);}
}

/* FOOTER */
.footer {background: #000; padding: 50px 0 62px; border-top: 1px solid rgba(255, 255, 255, 0.30);}
.footer .logo {width: 180px;}
.footer .inner > div {margin-top: 34px; display: flex; justify-content: space-between;}
.ft_left .copy {font-size: 16px; font-weight: 700; font-family: var(--font-mont); color: #fff;}
.ft_left .sns {margin-top: 14px; display: flex; align-items: center; gap: 40px;}
.ft_left .sns a {font-size: 16px; font-weight: 700; font-family: var(--font-mont); color: #545454; transition: all .3s;}
.ft_left .sns a::before {content: ""; width: 10px; height: 10px; border-radius: 100%; background: #545454; display: inline-block; margin-right: 9px; transition: all .3s;}
.ft_left .sns a:hover {color: #fff;}
.ft_left .sns a:hover::before {background: #fff;}
.ft_right {display: flex; gap: 80px; color: #fff;}
.ft_right strong {display: block; font-size: 16px; font-weight: 700; font-family: var(--font-mont); margin-bottom: 20px;}
.ft_right p {font-size: 16px; font-weight: 400;}
.ft_right p + p {margin-top: 5px;}

/* SIDE QUICK */
.quickSide {position: fixed; right: 32px; bottom: 100px; z-index: 5000; display: flex; flex-direction: column; align-items: center;}
.quickSide > ul > li {display: block; box-shadow: 0px 8px 24px 0px #959DA533; border-radius: 100%;}
.quickSide > ul li.circle a {display: flex; align-items: center; justify-content: center; background: #FFF; width: 65px; height: 65px; gap: 30px; border-radius: 100%; transition: width .2s;}
.quickSide > ul li.q_plus_btn.on a.more {display: flex;}
.quickSide > ul li.q_plus_btn.on a.close {display: none;}
.quickSide > ul li a.more {display: none;}
.quickSide > ul li a.more img {width: 31.42px;}
.quickSide > ul li a.close img {width: 19.5px;}
.quickSide > ul li a.top img {width: 20.8px;}
.quickSide ul.more_list {gap: 0; margin-bottom: 13px; position: relative; transition: all 0.5s ease; background: var(--color1); padding: 12px 8px 8px 8px; border-radius: 100px;}
.quickSide ul.more_list.on {background: none; box-shadow: none;}
.quickSide ul.more_list.on > div {height: 0; visibility: hidden; overflow: hidden;}
.quickSide ul.more_list > div {margin: 0 auto; transition: all 0.5s ease; }
.quickSide ul.more_list > div li {padding: 10px 0; text-align: center;}
.quickSide ul.more_list > div li a {display: block;}
.quickSide ul.more_list > div li:first-child {border-bottom: 1px solid rgba(255,255,255,.3);}
.quickSide ul.more_list > div li img {width: 26px;}
.quickSide ul.more_list > div li span {display: block; font-size: 12px; font-weight: 700; color: #fff; line-height: 2; margin-top: 13px;}

/********** MAIN **********/
/* common */
.sec_tit em {font-size: 16px; font-weight: 800; color: var(--color1); font-family: var(--font-mont); letter-spacing: -.4px;}
.sec_tit h2 {margin-top: 15px; font-size: 50px; font-weight: 700; color: #fff; letter-spacing: -2px;}
.sec_tit p {margin-top: 15px; font-size: 18px; font-weight: 400; color: #fff; letter-spacing: -0.6px; line-height: 1.4;}
/* visual */
.visual {position: relative; height: 950px;}
.visual .bg img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.visual .txt {position: absolute; left: 50%; transform: translateX(-50%); bottom: 259px;}
.visual .txt em {font-size: 16px; font-weight: 800; color: var(--color1); font-family: var(--font-mont); letter-spacing: -.4px;}
.visual .txt h2 {margin-top: 15px; font-size: 55px; font-weight: 700; letter-spacing: -3px; color: #fff;}
.visual .txt p {margin-top: 30px; font-size: 20px; font-weight: 400; letter-spacing: -0.6px; color: #fff; line-height: 1.3;}
/* sec01 */
.sec01 {position: relative; background: #000 url('/img/main/sec01_bg.jpg') no-repeat center top/contain; overflow: hidden;}
.sec01 .inner {display: flex; justify-content: space-between;}
.sec01 .listCont {display: flex; align-items: center; gap: 60px; margin-right: -60px;}
.sec01 .list li {width: 500px; position: relative;}
.sec01 .list li + li {margin-top: 60px;}
.sec01 .list li::before {opacity: 0; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(10, 119, 255, 0) 0%, rgba(10, 119, 255, 0.9) 100%); transition: all .3s;}
.sec01 .list .img {display: block; width: 100%;}
.sec01 .list .img img {width: 100%;}
.sec01 .list .txt {position: absolute; left: 38px; bottom: 50px; z-index: 2;}
.sec01 .list .txt * {color: #fff;}
.sec01 .list .txt em {font-size: 16px; font-weight: 700; letter-spacing: -.8px;}
.sec01 .list .txt h3 {margin-top: 10px; font-size: 26px; font-weight: 700; letter-spacing: -0.5px;}
.sec01 .list .txt p {display: none; margin-top: 20px; font-size: 16px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.37;}
.sec01 .list li:hover::before {opacity: 1;}
.sec01 .list li:hover h3 br {display: none;}
.sec01 .list li:hover p {display: block;}
/* sec2 */
.sec02 {overflow: hidden; padding: 210px 0 0;}
.sec02 .sec_tit {position: relative;}
.sec02 .sec_tit::after {content: ''; background: url('/img/main/sec02_tit.png') no-repeat center/contain; width: 1146px; height: 171px; position: absolute; top: 94%; left: 50%; transform: translateX(-50%);}
.groups {position: relative; height: 660px; overflow: hidden;}
.groups.on {background-color: transparent;}
.group {position: absolute; top: 0; left: 0; width: 100%; height: 660px;}
.group .text-wrap {position: absolute; bottom: 70px; left: 60px;}
.group .text-wrap h3 {font-size: 26px; font-weight: 700; line-height: 1; color: #fff;}
.group .text-wrap p {margin-top: 20px; font-size: 16px; font-weight: 400; line-height: 1.3; color: #fff;}
.group .bg {background-size: cover; width: 100%; height: 100%; background-repeat: no-repeat;}
.group.no1 .bg {background-image: url('/img/main/sec02_img01.jpg');}
.group.no2 .bg {background-image: url('/img/main/sec02_img02.jpg');}
.group.no3 .bg {background-image: url('/img/main/sec02_img03.jpg');}
/* sec03 */
#cursor_div {position: fixed; left: 0; top: 0; pointer-events: none; z-index:1000;}
.cursor {display:flex; justify-content:center; align-items:center; width: 0px; height: 0px; border-radius:50%; background: #0A77FFE5; transition:all 0.3s; transform: translate(-50%, -50%);}
.cursor span {font-size: 0; font-weight: 700; color:#fff; transition:all 0.3s;}
.cursor.on {width: 150px; height: 150px;}
.cursor.on span {font-size: 18px;}
.sec03 {padding: 200px 0;}
.sec03 .top {align-items: flex-end;}
.sec03 .list {position: relative;}
.sec03 .list::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: -100%; z-index: 2; background: #000;}
.sec03 .sec_tit em {font-family: var(--font-wix);}
.sec03 .swiperBtn {gap: 15px;}
.sec03 .swiperBtn > div,
.sec03 .swiperBtn .arrow {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: auto; height: auto;}
.sec03 .swiperBtn .num {gap: 10px;}
.sec03 .swiperBtn .num .line {display: block; width: 1px; height: 10px; background: #fff; opacity: .4;}
.sec03 .swiperBtn .num span {font-size: 16px; font-weight: 700; letter-spacing: -.8px; color: #fff; opacity: .4;}
.sec03 .swiperBtn .num .current {opacity: 1;}
.sec03 .swiperBtn .progress {width: 120px; height: 2px; background: #FFFFFF80;}
.sec03 .swiperBtn .swiper-pagination-progressbar-fill {background: #fff;}
.sec03 .swiperBtn .arrow::after {display: none;}
.sec03 .swiperBtn .arrow_btn {gap: 10px;}
.sec03 .swiperBtn .arrow img {width: 16px;}
.sec03 .swiper-slide {margin-right: 30px; width: 450px; height: 550px; position: relative;} 
.sec03 .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sec03 .swiper-slide p {position: absolute; left: 35px; bottom: 42px; font-size: 26px; font-weight: 700; color: #fff; letter-spacing: -.5px;}
/* sec4 */
.sec04 {padding: 0 0 130px; position: relative;}
.sec04::before {content: ''; background: url('/img/main/sec02_tit.png') no-repeat center / contain; width: 1146px; height: 171px; position: absolute; top: 25.6%; left: -20px; transform: translateY(-50%);}
.sec04 .inner {align-items: flex-start;}
.sec04 ul {margin-top: 32px;}
.sec04 ul li {width: 929px; height: 145px; border-radius: 20px; position: relative; overflow: hidden;}
.sec04 ul li + li {margin-top: 30px;}
.sec04 ul li .box {display: flex; align-items: center; gap: 30px; border-radius: 20px; padding: 0 50px; border: 3px solid rgba(255, 255, 255, 0.09); background: #262626; height: 100%;}
.sec04 ul li .step {position: relative; padding: 10px 20px; line-height: 1; border-radius: 30px; background: #434343; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: -.4px; z-index: 1;}
.sec04 ul li strong {display: block; font-size: 24px; font-weight: 700; color: #fff; letter-spacing: -.5px; transition: all .3s; position: relative; z-index: 1;}
.sec04 ul li p {margin-top: 10px; font-size: 18px; font-weight: 400; color: #fff; letter-spacing: -.6px; line-height: 1.4; transition: all .3s; position: relative; z-index: 1;}
.sec04 ul li .hoverBtn {position: absolute; overflow: hidden; top: -1px; right: -1px; bottom: -1px; left: -1px;}
.sec04 ul li .hoverBtn .fill {position: absolute; display: block; width: 0px; height: 0px; transform: translate(-50%, -50%); border-radius: 50%; opacity: 0.95; background: #fff; transition: width 1s, height 1s }
@media (min-width: 769px) {
    .sec04 ul li:hover strong {color: #000;}
    .sec04 ul li:hover p {color: #6D6D6D;}
    .sec04 ul li:hover .fill {width: 100vw; height: 100vw}
}
/* sec05 */
.sec05 {background: url('/img/main/sec05_bg.jpg') no-repeat center/cover; height: 100vh; display: flex; align-items: center; justify-content: center;}
.sec05 * {color: #fff;}
.sec05 .sec_tit h2 {font-size: 40px; text-transform: uppercase; letter-spacing: -3px;}
.sec05 .sec_tit p {margin-top: 20px; letter-spacing: -.4px;}
.sec05 .txtBox {margin-top: 120px; display: flex; gap: 150px; text-align: center; transform: translateX(0);}
.sec05 .txtBox h3 {font-size: 70px; font-weight: 500; letter-spacing: -2px; font-family: var(--font-mont);}
.sec05 .txtBox p {margin-top: 10px; font-size: 18px; font-weight: 500; letter-spacing: -.6px;}
/* sec06 */
.sec06 {padding: 113px 0 100px;}
.sec06 .container {padding-top: 90px;}
.sec06 .container > div {position: relative;}
.sec06 .topTitle {position: absolute; top: 9px; left: 50%; transform: translateX(-50%); overflow: hidden; height: 90px; z-index: 2;}
.sec06 .topTitle > div {display: flex; flex-direction: column; transition: transform 0.5s ease;}
.sec06 .topTitle p {height: 90px; font-size: 80px; font-weight: 700; color: #fff; font-family: var(--font-mont); letter-spacing: -3px; line-height: 1.1; text-align: center; width: max-content; text-align: center; margin: 0 auto;} 
.sec06 .cont {display: flex;}
.sec06 .cont > div {width: 50%;}
.sec06 .left {overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 330px 138px 100px 0;}
.sec06 .left * {color: #fff;}
.sec06 .txt {position: relative; height: 100%;}
.sec06 .txt > div {opacity: 0; position: absolute; top: 0; left: 0;}
.sec06 .txt > div:first-child {opacity: 1;}
.sec06 .txt h3 {font-size: 34px; font-weight: 700; letter-spacing: -.5px;}
.sec06 .txt p { margin-top: 30px; font-size: 18px; font-weight: 400; letter-spacing: -.5px; line-height: 1.4;}
.sec06 .cate {display: flex; align-items: center; gap: 50px; transform: translateX(0); transition: none; padding-left: 30px;}
.sec06 .cate span {font-size: 18px; font-weight: 700; letter-spacing: -.4px; opacity: .4;}
.sec06 .cate span:first-child {opacity: 1;}
.sec06 .right {position: relative; height: 920px;}
.sec06 .right .img {position: relative; width: 960px; height: 100%; overflow: hidden;}
.sec06 .right .img > div {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sec06 .right .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
/* sec07 */
.sec07 {padding: 100px 0;}
.sec07 ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 50px 35px;}
.sec07 li {padding: 80px 50px; border-radius: 30px; background: rgba(255, 255, 255, 0.10); border: 3px solid rgba(255, 255, 255, 0.09); transition: all .3s;}
.sec07 li * {color: #fff; transition: all .3s;}
@media (min-width: 769px) {
    .sec07 li:hover {background: #fff;}
    .sec07 li:hover * {color: #000;}
    .sec07 li:hover img {filter: invert(1);}
}
.sec07 .top {position: relative;}
.sec07 .top span {font-size: 18px; font-weight: 500;}
.sec07 .top img {position: absolute; right: -18px; bottom: 0; width: 60px;}
.sec07 .bot {margin-top: 70px;}
.sec07 .bot strong {display: block; font-size: 26px; font-weight: 700; letter-spacing: -.5px;}
.sec07 .bot p {margin-top: 30px; font-size: 18px; font-weight: 400; letter-spacing: -.5px; line-height: 1.4;}
/* sec08 */
.sec08 {padding: 0 0 90px;}
.sec08 ul {display: flex; gap: 50px; flex-wrap: nowrap;}
.sec08 li {position: relative; padding-top: 40px; min-width: 1000px;}
.sec08 li h2 {width: 100%; position: absolute; top: 0; left: 0; text-align: center; font-size: 80px; font-weight: 700; color: #fff; letter-spacing: -.3px; line-height: 1.12;}
.sec08 li .img {display: block; width: 100%; height: 660px;}
.sec08 li img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sec08 li .txt {position: absolute; left: 60px; top: 449px;}
.sec08 li .txt * {color: #fff;}
.sec08 li:nth-child(even) .txt {top: 489px;}
.sec08 li .txt strong {display: block; font-size: 26px; font-weight: 700; letter-spacing: -.5px;}
.sec08 li .txt p {margin-top: 20px; font-size: 16px; font-weight: 400; letter-spacing: -.5px; line-height: 1.37;}

/* 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.7);}
.apply_popup .cont {width: 800px; padding: 70px 0; box-sizing: border-box; background: #040404; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(255, 255, 255, 0.40);}
.apply_popup .scroll {padding: 0 40px 0 70px; overflow: hidden; overflow-y: auto; max-height: 80vh; margin-right: 30px;}
.apply_popup .scroll::-webkit-scrollbar {width: 2px;}
.apply_popup .scroll::-webkit-scrollbar-thumb {background: #999;}
.apply_popup .scroll::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.30);}
.apply_popup .cont * {color: #fff;}
.apply_popup .cont .tit {padding-bottom: 43px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.apply_popup .cont .tit h2 {font-size: 26px; font-weight: 700; line-height: 1.3;}
.apply_popup .cont .tit .close {cursor: pointer; font-size: 0;}
.apply_popup .cont .tit img {width: 13.125px;}
.apply_popup .cont .tit p {font-size: 14px; font-weight: 400; letter-spacing: -.3px; color: #fff; margin-top: 15px;}
.apply_popup .cont #fwrite {padding-top: 50px;}
.apply_popup .cont .radio {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.apply_popup .cont .radio label {position: relative;}
.apply_popup .cont .radio label input {position: absolute; top: 0; left: 0; visibility: hidden; width: 100%; height: 100%;}
.apply_popup .cont .radio span {display: flex; align-items: center; justify-content: center; width: 210px; height: 55px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.30); font-size: 16px; font-weight: 600; color: #999;}
.apply_popup .cont .radio label input:checked + span {background: #fff; border-color: #fff; color: #000;}
.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; margin-bottom: 10px;}
.apply_popup .cont .apply .input_box textarea,
.apply_popup .cont .input_box input {width: 100%; border: 1px solid rgba(255, 255, 255, 0.30); height: 45px; line-height: 45px; padding: 0 15px; font-size: 15px; font-weight: 500; outline: none; border-radius: 5px; background: transparent;}
.apply_popup .cont .input_box input:focus {background: transparent;}
input:-webkit-autofill {background: transparent !important;}
.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 rgba(255, 255, 255, 0.30); 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: 27px; height: 27px; background-size: cover; position: absolute; right: 15px; 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 rgba(255, 255, 255, 0.30); border-radius: 5px; background: #040404; 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: #fff; 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; background: #fff;}
.apply_popup .cont .apply .input_box {display: revert; font-size: 0;}
.apply_popup .cont .apply .input_box textarea {width: 100% !important; min-height: 190px; padding: 13px 15px; resize: none; line-height: 1.3;}
.apply_popup .cont .bot {margin-top: 30px;}
.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: 50px auto 0; width: 283px; height: 64px; text-align: center; line-height: 64px; background: #4B99FF; color: #fff; font-size: 20px; font-weight: 700; display: block; border: 0;}



@media screen and (max-width: 1640px) {
    /* 공통 */
    .inner {max-width: 95.12vw;}

    .mt90 {margin-top: 5.49vw;}
    .pt90 {padding-top: 5.49vw;}


    /* HEADER */
    .header {height: 6.10vw;}
    .header h1 {max-height: 1.22vw;}
    .header h1 a .dpunch { transform: translate(1.83vw, 0);}
    .header h1 a:hover .hello{transform:translateY(-1.22vw);}
    .header h1 a:hover .dpunch{transform:translate(0,-1.22vw);}
    .header * {font-size: 0.98vw;}
    .header .gnb {gap: 3.05vw;}

    /* FOOTER */
    .footer {padding: 3.05vw 0 3.78vw;}
    .footer .logo {width: 10.98vw;}
    .footer .inner > div {margin-top: 2.07vw;}
    .ft_left .copy {font-size: 0.98vw;}
    .ft_left .sns {margin-top: 0.85vw; gap: 2.44vw;}
    .ft_left .sns a {font-size: 0.98vw;}
    .ft_left .sns a::before {width: 0.61vw; height: 0.61vw; margin-right: 0.55vw;}
    .ft_right {gap: 4.88vw;}
    .ft_right strong {font-size: 0.98vw; margin-bottom: 1.22vw;}
    .ft_right p {font-size: 0.98vw;}
    .ft_right p + p {margin-top: 0.30vw;}

    /* SIDE QUICK */
    .quickSide {right: 1.95vw; bottom: 6.10vw;}
    .quickSide > ul > li {box-shadow: 0.00vw 0.49vw 1.46vw 0.00vw #959DA533;}
    .quickSide > ul li.circle a {width: 3.96vw; height: 3.96vw; gap: 1.83vw;}
    .quickSide > ul li a.more img {width: 1.92vw;}
    .quickSide > ul li a.close img {width: 1.19vw;}
    .quickSide > ul li a.top img {width: 1.27vw;}
    .quickSide ul.more_list {margin-bottom: 0.79vw; padding: 0.73vw 0.49vw 0.49vw 0.49vw; border-radius: 6.10vw;}
    .quickSide ul.more_list > div li {padding: 0.61vw 0;}
    .quickSide ul.more_list > div li img {width: 1.59vw;}
    .quickSide ul.more_list > div li span {font-size: 0.73vw; margin-top: 0.79vw;}

    /********** MAIN **********/
    /* common */
    .sec_tit em {font-size: 0.98vw; letter-spacing: -0.02vw;}
    .sec_tit h2 {margin-top: 0.91vw; font-size: 3.05vw; letter-spacing: -0.12vw;}
    .sec_tit p {margin-top: 0.91vw; font-size: 1.10vw; letter-spacing: -0.04vw;}
    /* visual */
    .visual {height: 57.93vw;}
    .visual .txt {bottom: 15.79vw;}
    .visual .txt em {font-size: 0.98vw; letter-spacing: -0.02vw;}
    .visual .txt h2 {margin-top: 0.91vw; font-size: 3.35vw; letter-spacing: -0.18vw;}
    .visual .txt p {margin-top: 1.83vw; font-size: 1.22vw; letter-spacing: -0.04vw;}
    /* sec01 */
    .sec01 .listCont {gap: 3.66vw; margin-right: -3.66vw;}
    .sec01 .list li {width: 30.49vw;}
    .sec01 .list li + li {margin-top: 3.66vw;}
    .sec01 .list .txt {left: 2.32vw; bottom: 3.05vw;}
    .sec01 .list .txt em {font-size: 0.98vw; letter-spacing: -0.05vw;}
    .sec01 .list .txt h3 {margin-top: 0.61vw; font-size: 1.59vw; letter-spacing: -0.03vw;}
    .sec01 .list .txt p {margin-top: 1.22vw; font-size: 0.98vw; letter-spacing: -0.03vw;}
    /* sec2 */
    .sec02 {padding: 12.80vw 0 0;}
    .sec02 .sec_tit::after {width: 69.88vw; height: 10.43vw;}
    .groups {height: 40.24vw;}
    .group {height: 40.24vw;}
    .group .text-wrap {bottom: 4.27vw; left: 3.66vw;}
    .group .text-wrap h3 {font-size: 1.59vw;}
    .group .text-wrap p {margin-top: 1.22vw; font-size: 0.98vw;}
    /* sec03 */
    .cursor {height: 0.00vw;}
    .cursor.on {width: 9.15vw; height: 9.15vw;}
    .cursor.on span {font-size: 1.10vw;}
    .sec03 {padding: 12.20vw 0;}
    .sec03 .swiperBtn {gap: 0.91vw;}
    .sec03 .swiperBtn .num {gap: 0.61vw;}
    .sec03 .swiperBtn .num .line {height: 0.61vw;}
    .sec03 .swiperBtn .num span {font-size: 0.98vw; letter-spacing: -0.05vw;}
    .sec03 .swiperBtn .progress {width: 7.32vw; height: 0.12vw;}
    .sec03 .swiperBtn .arrow_btn {gap: 0.61vw;}
    .sec03 .swiperBtn .arrow img {width: 0.98vw;}
    .sec03 .swiper-slide {margin-right: 1.83vw; width: 27.44vw; height: 33.54vw;} 
    .sec03 .swiper-slide img {width: 100%;}
    .sec03 .swiper-slide p {left: 2.13vw; bottom: 2.56vw; font-size: 1.59vw; letter-spacing: -0.03vw;}
    /* sec4 */
    .sec04 {padding: 0 0 7.93vw;}
    .sec04::before {width: 69.88vw; height: 10.43vw; left: -1.22vw;}
    .sec04 ul {margin-top: 1.95vw;}
    .sec04 ul li {width: 56.65vw; height: 8.84vw; border-radius: 1.22vw;}
    .sec04 ul li + li {margin-top: 1.83vw;}
    .sec04 ul li .box {gap: 1.83vw; border-radius: 1.22vw; padding: 0 3.05vw;}
    .sec04 ul li .step {padding: 0.61vw 1.22vw; border-radius: 1.83vw; font-size: 0.98vw; letter-spacing: -0.02vw;}
    .sec04 ul li strong {font-size: 1.46vw; letter-spacing: -0.03vw;}
    .sec04 ul li p {margin-top: 0.61vw; font-size: 1.10vw; letter-spacing: -0.04vw;}
    .sec04 ul li .hoverBtn {top: -0.06vw; right: -0.06vw; bottom: -0.06vw; left: -0.06vw;}
    /* sec05 */
    .sec05 .sec_tit h2 {font-size: 2.44vw; letter-spacing: -0.18vw;}
    .sec05 .sec_tit p {margin-top: 1.22vw; letter-spacing: -0.02vw;}
    .sec05 .txtBox {margin-top: 7.32vw; gap: 9.15vw;}
    .sec05 .txtBox h3 {font-size: 4.27vw; letter-spacing: -0.12vw;}
    .sec05 .txtBox p {margin-top: 0.61vw; font-size: 1.10vw; letter-spacing: -0.04vw;}
    /* sec06 */
    .sec06 {padding: 6.89vw 0 6.10vw;}
    .sec06 .container {padding-top: 5.49vw;}
    .sec06 .topTitle {top: 0.55vw; height: 5.49vw;}
    .sec06 .topTitle p {height: 5.49vw; font-size: 4.88vw; letter-spacing: -0.18vw;} 
    .sec06 .left {padding: 20.12vw 8.41vw 6.10vw 0;}
    .sec06 .txt h3 {font-size: 2.07vw; letter-spacing: -0.03vw;}
    .sec06 .txt p {margin-top: 1.83vw; font-size: 1.10vw; letter-spacing: -0.03vw;}
    .sec06 .cate {gap: 3.05vw; padding-left: 1.83vw;}
    .sec06 .cate span {font-size: 1.10vw; letter-spacing: -0.02vw;}
    .sec06 .right {height: 56.10vw;}
    .sec06 .right .img {width: 58.54vw;}
    /* sec07 */
    .sec07 {padding: 6.10vw 0;}
    .sec07 ul {gap: 3.05vw 2.13vw;}
    .sec07 li {padding: 4.88vw 3.05vw; border-radius: 1.83vw;}
    .sec07 .top span {font-size: 1.10vw;}
    .sec07 .top img {right: -1.10vw; width: 3.66vw;}
    .sec07 .bot {margin-top: 4.27vw;}
    .sec07 .bot strong {font-size: 1.59vw; letter-spacing: -0.03vw;}
    .sec07 .bot p {margin-top: 1.83vw; font-size: 1.10vw; letter-spacing: -0.03vw;}
    /* sec08 */
    .sec08 {padding: 0 0 5.49vw;}
    .sec08 ul {gap: 3.05vw;}
    .sec08 li {padding-top: 2.44vw; min-width: 60.98vw;}
    .sec08 li h2 { font-size: 4.88vw; letter-spacing: -0.02vw;}
    .sec08 li .img {height: 40.24vw;}
    .sec08 li .txt {left: 3.66vw; top: 27.38vw;}
    .sec08 li:nth-child(even) .txt {top: 29.82vw;}
    .sec08 li .txt strong {font-size: 1.59vw; letter-spacing: -0.03vw;}
    .sec08 li .txt p {margin-top: 1.22vw; font-size: 0.98vw; letter-spacing: -0.03vw;}

    /* apply popup */
    .apply_popup .cont {width: 48.78vw; padding: 4.27vw 0;}
    .apply_popup .scroll {padding: 0 2.44vw 0 4.27vw;margin-right: 1.83vw;}
    .apply_popup .scroll::-webkit-scrollbar {width: 0.12vw;}
    .apply_popup .cont .tit {padding-bottom: 2.62vw;}
    .apply_popup .cont .tit h2 {font-size: 1.59vw;}
    .apply_popup .cont .tit img {width: 0.80vw;}
    .apply_popup .cont .tit p {font-size: 0.85vw; letter-spacing: -0.02vw; margin-top: 0.91vw;}
    .apply_popup .cont #fwrite {padding-top: 3.05vw;}
    .apply_popup .cont .radio {gap: 0.61vw;}
    .apply_popup .cont .radio span {width: 12.80vw; height: 3.35vw; border-radius: 0.30vw; font-size: 0.98vw;}
    .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: 1.65vw; height: 1.65vw; right: 0.91vw;}
    .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: 11.59vw; padding: 0.79vw 0.91vw;}
    .apply_popup .cont .bot {margin-top: 1.83vw;}
    .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: 3.05vw auto 0; width: 17.26vw; height: 3.90vw; line-height: 3.90vw; font-size: 1.22vw;}
}
@media screen and (max-width: 1280px) {
    /* 공통 */
    .inner {max-width: 93.75vw;}

    .mt90 {margin-top: 5.23vw;}
    .pt90 {padding-top: 5.23vw;}

    /* HEADER */
    .header {height: 6.09vw;}
    .header h1 {max-height: 1.25vw;}
    .header h1 a .dpunch { transform: translate(1.80vw, 0);}
    .header h1 a:hover .hello{transform:translateY(-1.25vw);}
    .header h1 a:hover .dpunch{transform:translate(0,-1.25vw);}
    .header * {font-size: 1.02vw;}
    .header .gnb {gap: 3.05vw;}

    /* FOOTER */
    .footer {padding: 3.05vw 0 3.75vw;}
    .footer .logo {width: 11.02vw;}
    .footer .inner > div {margin-top: 2.03vw;}
    .ft_left .copy {font-size: 1.02vw;}
    .ft_left .sns {margin-top: 0.86vw; gap: 2.42vw;}
    .ft_left .sns a {font-size: 1.02vw;}
    .ft_left .sns a::before {width: 0.63vw; height: 0.63vw; margin-right: 0.55vw;}
    .ft_right {gap: 4.84vw;}
    .ft_right strong {font-size: 1.02vw; margin-bottom: 1.25vw;}
    .ft_right p {font-size: 1.02vw;}
    .ft_right p + p {margin-top: 0.31vw;}

    /* SIDE QUICK */
    .quickSide {right: 1.95vw; bottom: 6.09vw;}
    .quickSide > ul > li {box-shadow: 0.00vw 0.47vw 1.48vw 0.00vw #959DA533;}
    .quickSide > ul li.circle a {width: 3.98vw; height: 3.98vw; gap: 1.80vw;}
    .quickSide > ul li a.more img {width: 1.95vw;}
    .quickSide > ul li a.close img {width: 1.17vw;}
    .quickSide > ul li a.top img {width: 1.25vw;}
    .quickSide ul.more_list {margin-bottom: 0.78vw; padding: 0.70vw 0.47vw 0.47vw 0.47vw; border-radius: 6.09vw;}
    .quickSide ul.more_list > div li {padding: 0.63vw 0;}
    .quickSide ul.more_list > div li img {width: 1.56vw;}
    .quickSide ul.more_list > div li span {font-size: 0.70vw; margin-top: 0.78vw;}

    /********** MAIN **********/
    /* common */
    .sec_tit em {font-size: 1.02vw; letter-spacing: -0.00vw;}
    .sec_tit h2 {margin-top: 0.94vw; font-size: 3.05vw; letter-spacing: -0.16vw;}
    .sec_tit p {margin-top: 0.94vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
    /* visual */
    .visual {height: 57.97vw;}
    .visual .txt {bottom: 15.78vw;}
    .visual .txt em {font-size: 1.02vw; letter-spacing: -0.00vw;}
    .visual .txt h2 {margin-top: 0.94vw; font-size: 3.36vw; letter-spacing: -0.16vw;}
    .visual .txt p {margin-top: 1.80vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    /* sec01 */
    .sec01 .listCont {gap: 3.67vw; margin-right: -3.67vw;}
    .sec01 .list li {width: 30.47vw;}
    .sec01 .list li + li {margin-top: 3.67vw;}
    .sec01 .list .txt {left: 2.34vw; bottom: 3.05vw;}
    .sec01 .list .txt em {font-size: 1.02vw; letter-spacing: -0.08vw;}
    .sec01 .list .txt h3 {margin-top: 0.63vw; font-size: 1.56vw; letter-spacing: -0.00vw;}
    .sec01 .list .txt p {margin-top: 1.25vw; font-size: 1.02vw; letter-spacing: -0.00vw;}
    /* sec2 */
    .sec02 {padding: 12.81vw 0 0;}
    .sec02 .sec_tit::after {width: 69.84vw; height: 10.47vw;}
    .groups {height: 40.23vw;}
    .group {height: 40.23vw;}
    .group .text-wrap {bottom: 4.30vw; left: 3.67vw;}
    .group .text-wrap h3 {font-size: 1.56vw;}
    .group .text-wrap p {margin-top: 1.25vw; font-size: 1.02vw;}
    /* sec03 */
    .cursor {height: 0.00vw;}
    .cursor.on {width: 9.14vw; height: 9.14vw;}
    .cursor.on span {font-size: 1.09vw;}
    .sec03 {padding: 10.70vw 0;}
    .sec03 .swiperBtn {gap: 0.94vw;}
    .sec03 .swiperBtn .num {gap: 0.63vw;}
    .sec03 .swiperBtn .num .line {height: 0.63vw;}
    .sec03 .swiperBtn .num span {font-size: 1.02vw; letter-spacing: -0.08vw;}
    .sec03 .swiperBtn .progress {width: 7.34vw; height: 0.16vw;}
    .sec03 .swiperBtn .arrow_btn {gap: 0.63vw;}
    .sec03 .swiperBtn .arrow img {width: 1.02vw;}
    .sec03 .swiper-slide {margin-right: 1.80vw; width: 27.42vw; height: 33.52vw;} 
    .sec03 .swiper-slide img {width: 100%;}
    .sec03 .swiper-slide p {left: 2.11vw; bottom: 2.58vw; font-size: 1.56vw; letter-spacing: -0.00vw;}
    /* sec4 */
    .sec04 {padding: 0 0 7.97vw;}
    .sec04::before {width: 69.84vw; height: 10.47vw; left: -1.25vw;}
    .sec04 ul {margin-top: 1.95vw;}
    .sec04 ul li {width: 56.64vw; height: 8.83vw; border-radius: 1.25vw;}
    .sec04 ul li + li {margin-top: 1.80vw;}
    .sec04 ul li .box {gap: 1.80vw; border-radius: 1.25vw; padding: 0 3.05vw;}
    .sec04 ul li .step {padding: 0.63vw 1.25vw; border-radius: 1.80vw; font-size: 1.02vw; letter-spacing: -0.00vw;}
    .sec04 ul li strong {font-size: 1.48vw; letter-spacing: -0.00vw;}
    .sec04 ul li p {margin-top: 0.63vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
    .sec04 ul li .hoverBtn {top: -0.08vw; right: -0.08vw; bottom: -0.08vw; left: -0.08vw;}
    /* sec05 */
    .sec05 .sec_tit h2 {font-size: 2.42vw; letter-spacing: -0.16vw;}
    .sec05 .sec_tit p {margin-top: 1.25vw; letter-spacing: -0.00vw;}
    .sec05 .txtBox {margin-top: 7.34vw; gap: 9.14vw;}
    .sec05 .txtBox h3 {font-size: 4.30vw; letter-spacing: -0.16vw;}
    .sec05 .txtBox p {margin-top: 0.63vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
    /* sec06 */
    .sec06 {padding: 6.88vw 0 5.35vw;}
    .sec06 .container {padding-top: 5.23vw;}
    .sec06 .topTitle {top: 0.55vw; height: 5.47vw;}
    .sec06 .topTitle p {height: 5.47vw; font-size: 4.84vw; letter-spacing: -0.16vw;} 
    .sec06 .left {padding: 20.16vw 8.44vw 6.09vw 0;}
    .sec06 .txt h3 {font-size: 2.03vw; letter-spacing: -0.00vw;}
    .sec06 .txt p {margin-top: 1.80vw; font-size: 1.09vw; letter-spacing: -0.00vw;}
    .sec06 .cate {gap: 3.05vw; padding-left: 1.80vw;}
    .sec06 .cate span {font-size: 1.09vw; letter-spacing: -0.00vw;}
    .sec06 .right {height: 56.09vw;}
    .sec06 .right .img {width: 58.52vw;}
    /* sec07 */
    .sec07 {padding: 5.35vw 0;}
    .sec07 ul {gap: 3.05vw 2.11vw;}
    .sec07 li {padding: 4.84vw 3.05vw; border-radius: 1.80vw;}
    .sec07 .top span {font-size: 1.09vw;}
    .sec07 .top img {right: -1.09vw; width: 3.67vw;}
    .sec07 .bot {margin-top: 4.30vw;}
    .sec07 .bot strong {font-size: 1.56vw; letter-spacing: -0.00vw;}
    .sec07 .bot p {margin-top: 1.80vw; font-size: 1.09vw; letter-spacing: -0.00vw;}
    /* sec08 */
    .sec08 {padding: 0 0 5.47vw;}
    .sec08 ul {gap: 3.05vw;}
    .sec08 li {padding-top: 2.42vw; min-width: 61.02vw;}
    .sec08 li h2 { font-size: 4.84vw; letter-spacing: -0.00vw;}
    .sec08 li .img {height: 40.23vw;}
    .sec08 li .txt {left: 3.67vw; top: 27.34vw;}
    .sec08 li:nth-child(even) .txt {top: 29.84vw;}
    .sec08 li .txt strong {font-size: 1.56vw; letter-spacing: -0.00vw;}
    .sec08 li .txt p {margin-top: 1.25vw; font-size: 1.02vw; letter-spacing: -0.00vw;}

    /* apply popup */
    .apply_popup .cont {width: 48.75vw; padding: 4.30vw 0;}
    .apply_popup .scroll {padding: 0 2.42vw 0 4.30vw;margin-right: 1.80vw;}
    .apply_popup .scroll::-webkit-scrollbar {width: 0.16vw;}
    .apply_popup .cont .tit {padding-bottom: 2.66vw;}
    .apply_popup .cont .tit h2 {font-size: 1.56vw;}
    .apply_popup .cont .tit img {width: 0.78vw;}
    .apply_popup .cont .tit p {font-size: 0.86vw; letter-spacing: -0.00vw; margin-top: 0.94vw;}
    .apply_popup .cont #fwrite {padding-top: 3.05vw;}
    .apply_popup .cont .radio {gap: 0.63vw;}
    .apply_popup .cont .radio span {width: 12.81vw; height: 3.36vw; border-radius: 0.31vw; font-size: 1.02vw;}
    .apply_popup .cont .item + .item {margin-top: 1.80vw;}
    .apply_popup .cont .item2 {gap: 0 0.63vw;}
    .apply_popup .cont .item2 .input_box {width: calc(50% - 0.31vw);}
    .apply_popup .cont .input_box > span {font-size: 1.02vw; margin-bottom: 0.63vw;}
    .apply_popup .cont .apply .input_box textarea,
    .apply_popup .cont .input_box input {height: 2.73vw; line-height: 2.73vw; padding: 0 0.94vw; font-size: 0.94vw; border-radius: 0.31vw;}
    .apply_popup .cont .input_box .select .tit {height: 2.73vw; line-height: 2.73vw; font-size: 0.94vw; border-radius: 0.31vw; padding: 0 0.94vw;}
    .apply_popup .cont .input_box .select .tit::after {width: 1.64vw; height: 1.64vw; right: 0.94vw;}
    .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.73vw; line-height: 2.73vw; padding: 0 0.94vw; font-size: 0.94vw;}
    .apply_popup .cont .apply .input_box textarea {min-height: 11.56vw; padding: 0.78vw 0.94vw;}
    .apply_popup .cont .bot {margin-top: 1.80vw;}
    .apply_popup .cont .bot .agree label {gap: 0 0.63vw; font-size: 1.02vw;}
    .apply_popup .cont .bot .agree input[type="checkBox"] {width: 1.09vw; height: 1.09vw;}
    .apply_popup .cont .bot .apply_btn {margin: 3.05vw auto 0; width: 17.27vw; height: 3.91vw; line-height: 3.91vw; font-size: 1.25vw;}
}
@media screen and (max-width: 768px) {
    /* 공통 */
    .pc {display: none !important;}
    .mob {display: block !important;}

    .inner {max-width: calc(100% - 10.42vw);}

    .mt90 {margin-top: 10.42vw;}
    .pt90 {padding-top: 10.42vw;}

    /* HEADER */
    .header {height: 13.02vw;}
    .header h1 {position: relative; z-index: 10; max-height: 4.4vw;}
    .header h1 a .dpunch { transform: translate(4.91vw,0);}
    .header h1 a:hover .hello{transform:translateY(-3.60vw);}
    .header h1 a:hover .dpunch{transform:translate(0,-3.60vw);}
    .header * {font-size: 3.39vw; letter-spacing: 0.16vw;}
    .header .gnb a.on {color: #0A77FF;}

    .header .gnb_wrap {background: #3B3B3B; opacity: 0; transform: translateY(-100%); transition: all .3s;}
    .header .gnb_wrap.on {opacity: 1; transform: translateY(0);}
    .header .gnb {gap: 7.81vw; line-height: 10.42vw; white-space: nowrap; overflow: hidden; overflow-x: scroll;}
    .header .head_mob_btn {position: relative; z-index: 10; line-height: 13.02vw;}
    .header .head_mob_btn .open {width: 7.29vw;}
    .header .head_mob_btn .close {width: 4.17vw; display: none;}
    .header.on > .inner {background: #000;}
    .header.on .head_mob_btn .open {display: none;}
    .header.on .head_mob_btn .close {display: block;}

    /* FOOTER */
    .footer {padding: 13.02vw 0 14.19vw;}
    .footer .logo {width: 41.67vw;}
    .footer .inner > div {margin-top: 7.81vw; flex-direction: column-reverse; gap: 8.07vw;}
    .ft_left .copy {font-size: 3.65vw;}
    .ft_left .sns {margin-top: 2.60vw; gap: 9.11vw;}
    .ft_left .sns a {font-size: 3.65vw;}
    .ft_left .sns a::before {width: 2.60vw; height: 2.60vw; margin-right: 2.34vw;}
    .ft_right {gap: 5.21vw; flex-direction: column;}
    .ft_right strong {font-size: 3.65vw; margin-bottom: 2.60vw;}
    .ft_right p {font-size: 3.65vw; line-height: 1;}
    .ft_right p br {display: none;}
    .ft_right p + p {margin-top: 1.30vw;}

    /* SIDE QUICK */
    .quickSide {display: none;}

    /********** MAIN **********/
    /* common */
    .sec_tit em {font-size: 3.65vw; letter-spacing: -0.10vw;}
    .sec_tit h2 {margin-top: 2.60vw; font-size: 7.29vw; letter-spacing: -0.26vw;}
    .sec_tit p {margin-top: 3.91vw; font-size: 3.65vw; letter-spacing: -0.21vw;}
    /* visual */
    .visual {height: 156.25vw;}
    .visual .txt {bottom: 32.03vw;}
    .visual .txt em {font-size: 3.65vw; letter-spacing: -0.10vw;}
    .visual .txt h2 {margin-top: 3.91vw; font-size: 8.33vw; letter-spacing: 0;}
    .visual .txt p {margin-top: 3.91vw; font-size: 3.65vw; letter-spacing: -0.16vw;}
    /* sec01 */
    .sec01 {background: none;}
    .sec01 .inner {flex-direction: column; gap: 10.42vw;}
    .sec01 .sec_tit {position: relative !important; top: auto !important; left: auto !important; padding: 23.44vw 0 0 !important;}
    .sec01 .pin-spacer {padding: 0 !important; height: auto !important;}
    .sec01 .listCont {gap: 6.51vw; margin-right: 0; flex-direction: column;}
    .sec01 .list {width: 100%;}
    .sec01 .list li {width: 100%;}
    .sec01 .list li + li {margin-top: 6.51vw;}
    .sec01 .list .txt {left: 6.77vw; bottom: 6.90vw;}
    .sec01 .list .txt em {font-size: 3.39vw; letter-spacing: -0.14vw;}
    .sec01 .list .txt h3 {margin-top: 1.79vw; font-size: 5.21vw; letter-spacing: -0.09vw;}
    .sec01 .list .txt p {margin-top: 1.79vw; font-size: 3.39vw; letter-spacing: -0.13vw;}
    /* sec2 */
    .sec02 {padding: 23.44vw 0 0;}
    .sec02 .sec_tit::after {display: none;}
    .groups {height: 97.66vw; display: flex; gap: 0; overflow: inherit;}
    .group {height: 97.66vw; position: relative; top: auto; left: auto; width: 100%; min-width: 100%; margin-right: 3.91vw;}
    .group .text-wrap {bottom: 9.64vw; left: 5.21vw;}
    .group .text-wrap h3 {font-size: 5.21vw;}
    .group .text-wrap p {margin-top: 3.91vw; font-size: 3.39vw; letter-spacing: -0.13vw; line-height: 1.46;}
    /* sec03 */
    .cursor {display: none;}
    .sec03 {padding: 23.44vw 0;}
    .sec03 .top {flex-direction: column; gap: 10.42vw; align-items: flex-start;}
    .sec03 .swiperBtn {gap: 3.91vw;}
    .sec03 .swiperBtn .num {gap: 2.60vw;}
    .sec03 .swiperBtn .num .line {height: 2.60vw;}
    .sec03 .swiperBtn .num span {font-size: 3.65vw; letter-spacing: -0.21vw;}
    .sec03 .swiperBtn .progress {width: 31.25vw; height: 0.52vw;}
    .sec03 .swiperBtn .arrow_btn {gap: 2.60vw;}
    .sec03 .swiperBtn .arrow img {width: 4.17vw;}
    .sec03 .swiper-slide {margin-right: 3.91vw; width: 76.56vw; height: 93.58vw;} 
    .sec03 .swiper-slide p {left: 5.99vw; bottom: 6.77vw; font-size: 4.69vw; letter-spacing: -0.09vw;}
    /* sec4 */
    .sec04 {padding: 0 0 24.09vw;}
    .sec04::before {display: none;}
    .sec04 .inner {flex-direction: column; gap: 10.42vw;}
    .sec04 ul li {width: 100%; height: auto; border-radius: 5.21vw;}
    .sec04 ul li + li {margin-top: 2.60vw;}
    .sec04 ul li .box {gap: 2.60vw; border-radius: 5.21vw; padding: 5.21vw 7.81vw; flex-direction: column; align-items: flex-start;}
    .sec04 ul li .step {padding: 1.56vw 4.17vw; border-radius: 7.81vw; font-size: 3.13vw; letter-spacing: -0.10vw;}
    .sec04 ul li strong {font-size: 4.17vw; letter-spacing: -0.13vw;}
    .sec04 ul li p {margin-top: 2.60vw; font-size: 3.39vw; letter-spacing: -0.16vw;}
    .sec04 ul li .hoverBtn {display: none;}
    .sec04 li.active .box {background: #fff; border-color: #fff;}
    .sec04 li.active * {color: #000;}
    /* .sec04 li.active img {filter: invert(1);} */
    /* sec05 */
    .sec05 {height: auto; background: url('/img/main/m_sec05_bg.png') no-repeat center/cover; padding: 23.70vw 0;}
    .sec05 .cont {width: 100%;}
    .sec05 .sec_tit {text-align: left;}
    .sec05 .sec_tit h2 {font-size: 7.29vw; letter-spacing: -0.78vw; margin-top: 0;}
    .sec05 .sec_tit p {margin-top: 5.21vw; letter-spacing: -0.10vw;}
    .sec05 .txtBox {margin: 13.02vw 5.21vw 0; gap: 7.81vw; flex-direction: column; align-items: flex-start; text-align: left;}
    .sec05 .txtBox h3 {font-size: 13.02vw; letter-spacing: -0.52vw;}
    .sec05 .txtBox p {margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.16vw;}
    /* sec06 */
    .sec06 {padding: 23.44vw 0 0;}
    .sec06 .container {padding-top: 10.42vw;}
    .sec06 .topTitle {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; height: auto; display: flex; align-items: center; gap: 5.21vw; overflow: hidden; overflow-x: scroll; white-space: nowrap; transform: none; width: calc(100% + 5.21vw); padding-right: 5.21vw;}
    .sec06 .topTitle span {height: auto; font-size: 3.39vw; letter-spacing: 0.10vw; font-weight: 700; opacity: .4; min-width: max-content; color: #fff; border-radius: 0; width: auto; background: none; font-family: var(--font-mont);}
    .sec06 .topTitle span.swiper-pagination-bullet-active {opacity: 1;}
    .sec06 .swiper {overflow: hidden; margin-top: 10.94vw;}
    .sec06 .swiper-slide {position: relative; padding-top: 7.29vw; width: 100%; margin: 0 1.30vw;}
    .sec06 .swiper-slide span {position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #fff; font-size: 8.33vw; font-weight: 700; letter-spacing: -0.52vw; font-family: var(--font-mont); white-space: nowrap;}
    .sec06 .swiper-slide img {width: 100%;}
    .sec06 .swiper-slide div {margin-top: 13.02vw;}
    .sec06 .swiper-slide h3 {font-size: 5.73vw; font-weight: 700; letter-spacing: -0.13vw; color: #fff;}
    .sec06 .swiper-slide p {margin-top: 5.21vw; font-size: 3.65vw; font-weight: 400; letter-spacing: -0.13vw; color: #fff; line-height: 1.4;}
    /* sec07 */
    .sec07 {padding: 23.44vw 0 24.22vw;}
    .sec07 ul {gap: 5.21vw; grid-template-columns: repeat(1,1fr);}
    .sec07 li {padding: 7.81vw; border-radius: 7.81vw;}
    .sec07 .top span {font-size: 3.65vw;}
    .sec07 .top img {right: -1.30vw; width: 15.63vw; top: 0;}
    .sec07 .bot {margin-top: 5.21vw;}
    .sec07 .bot strong {font-size: 5.21vw; letter-spacing: -0.13vw;}
    .sec07 .bot p {margin-top: 3.91vw; font-size: 3.65vw; letter-spacing: -0.13vw; line-height: 1.4;}
    .sec07 li.active {background: #fff; border-color: #fff;}
    .sec07 li.active * {color: #000;}
    .sec07 li.active img {filter: invert(1);}
    /* sec08 */
    .sec08 {padding: 0 0 23.31vw;}
    .sec08 ul {gap: 0;}
    .sec08 li {padding-top: 5.21vw; min-width: calc(100% - 10.42vw); margin: 0 1.95vw;}
    .sec08 li h2 { font-size: 7.81vw; letter-spacing: -0.78vw;}
    .sec08 li .img {height: 78.13vw;}
    .sec08 li .txt {left: auto; top: auto; position: relative; margin-top: 13.02vw;}
    .sec08 li:nth-child(even) .txt {top: auto;}
    .sec08 li .txt strong {font-size: 5.73vw; letter-spacing: -0.13vw;}
    .sec08 li .txt p {margin-top: 5.21vw; font-size: 3.65vw; letter-spacing: -0.16vw; line-height: 1.4;}

    /* apply popup */
    .apply_popup .cont {width: calc(100% - 10.42vw); padding: 6.51vw 0;}
    .apply_popup .scroll {padding: 0 5.21vw 0 6.51vw;margin-right: 1.30vw; max-height: 60vh;}
    .apply_popup .scroll::-webkit-scrollbar {width: 0.39vw;}
    .apply_popup .cont .tit {padding-bottom: 6.51vw;}
    .apply_popup .cont .tit h2 {font-size: 5.21vw;}
    .apply_popup .cont .tit img {width: 3.91vw;}
    .apply_popup .cont .tit p {font-size: 3.39vw; letter-spacing: -0.13vw; margin-top: 2.60vw;}
    .apply_popup .cont #fwrite {padding-top: 6.51vw;}
    .apply_popup .cont .radio {gap: 1.95vw; display: grid; grid-template-columns: repeat(2,1fr);}
    .apply_popup .cont .radio span {width: 100%; height: 9.11vw; border-radius: 0.78vw; font-size: 3.13vw;}
    .apply_popup .cont .item + .item {margin-top: 5.21vw;}
    .apply_popup .cont .item2 {gap: 5.21vw; flex-direction: column;}
    .apply_popup .cont .item2 .input_box {width: 100%;}
    .apply_popup .cont .input_box > span {font-size: 3.65vw; margin-bottom: 2.60vw;}
    .apply_popup .cont .apply .input_box textarea,
    .apply_popup .cont .input_box input {height: 8.46vw; line-height: 8.46vw; padding: 0 2.60vw; font-size: 3.26vw; border-radius: 0.78vw;}
    .apply_popup .cont .input_box .select .tit {height: 8.46vw; line-height: 8.46vw; font-size: 3.26vw; border-radius: 0.78vw; padding: 0 2.21vw;}
    .apply_popup .cont .input_box .select .tit::after {width: 5.21vw; height: 5.21vw; right: 2.60vw;}
    .apply_popup .cont .input_box .select ul {top: calc(100% + 0.39vw); border-radius: 0.78vw;}
    .apply_popup .cont .input_box .select ul li {height: 8.46vw; line-height: 8.46vw; padding: 0 2.60vw; font-size: 3.26vw;}
    .apply_popup .cont .apply .input_box textarea {min-height: 26.04vw; padding: 2.60vw; line-height: 1.3;}
    .apply_popup .cont .bot {margin-top: 5.21vw;}
    .apply_popup .cont .bot .agree label {gap: 0 2.60vw; font-size: 3.39vw;}
    .apply_popup .cont .bot .agree input[type="checkBox"] {width: 3.26vw; height: 3.26vw;}
    .apply_popup .cont .bot .apply_btn {margin: 7.81vw auto 0; width: 41.67vw; height: 10.03vw; line-height: 10.03vw; font-size: 3.13vw;}
}