/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:850px; margin:0 auto;}

:root {
    --color-green : #009E91;
    --color-blue : #003D8B;
    --font-noto : "Noto Serif KR", serif;
}

.sec_tit p {font-size: 16px; font-weight: 700; color: var(--color-blue); font-family: var(--font-noto); line-height: 1.6}
.sec_tit h2 {margin-top: 10px; font-size: 30px; font-weight: 800; line-height: 1.3;}
.sec_tit h2 span {color: var(--color-blue);}

.sec1 {padding: 80px 0 55px; text-align: center;}
.sec1 .logo img {width: 230px;}
.sec1 .txt {border: 1px solid var(--color-green); padding: 25px 26px; margin-top: 40px; font-size: 16px; font-weight: 600; color: var(--color-green);}

.sec2 {position: relative;}
.sec2::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 185px; background: url(/images/main/sec2_txt.svg) no-repeat center/cover; z-index: -1;}
.sec2 .inner {padding-top: 104px;}
.sec2 .cont {display: flex; align-items: flex-start; margin-top: 55px; gap: 0 55px;}
.sec2 .cont .img {width: 370px;}
.sec2 .cont .img img {width: 100%;}
.sec2 .cont .txt {width: calc(100% - 425px);}
.sec2 .cont .txt p {font-size: 18px; font-weight: 400; color: #333; line-height: 1.4; letter-spacing: -.3px;}
.sec2 .cont .txt p + p {margin-top: 10px;}
.sec2 .cont .popBtn {margin-top: 34px; display: block; width: 132px; height: 50px; text-align: center; line-height: 50px; border-radius: 50px; background: var(--color-blue); border:1px solid var(--color-blue); font-size: 16px; font-weight: 700; color: #fff; cursor: pointer; transition: all .3s;}
.sec2 .cont .popBtn:hover {background: transparent; color: var(--color-blue);}
.sec2 .cont .profile_wrap{margin-top: 34px;}
.sec2 .cont .profile_wrap .button{font-size: 18px; font-weight: 700; color: var(--color-blue); cursor: pointer;}
.sec2 .cont .profile_wrap .button img{width: 18px; margin: -3px 0 0 10px; display: inline-block; vertical-align: middle; transition: all 0.3s;}
.sec2 .cont .profile_wrap .button.on img{transform: rotate(-180deg);}
.sec2 .cont .profile{margin-top: 15px; display: none; background: #FAFAFA; padding: 20px; border-radius: 10px;}
.sec2 .cont .profile li {font-size: 16px; font-weight: 400; color: #333; line-height: 1.4; position: relative; padding-left: 11px;}
.sec2 .cont .profile li::before {content: ""; width: 3px; height: 3px; border-radius: 100%; background: #6D6D6D; display: block; position: absolute; top: 8px; left: 0;}
.sec2 .cont .profile li + li {margin-top: 5px;}
.sec2 .cont .profile li span {font-weight: 700; color: var(--color-blue);}

.sec3 {background: rgba(0, 61, 139, .05); padding: 120px 0; margin-top: 130px;}
.sec3 .sec_tit {text-align: left;}
.sec3 h3 {margin-top: 45px; text-align: center; font-size: 26px; font-weight: 800; color: #333; line-height: 1.4;}
.sec3 h3 span {color: var(--color-blue);}
.sec3 .cont {margin-top: 45px;}
.sec3 .cont p {font-size: 18px; font-weight: 400; color: #333; line-height: 1.5;}
.sec3 .cont p + p {margin-top: 25px;}
.sec3 .cont strong {font-weight: 700;}
.sec3 .flex {margin-top: 25px; display: flex; align-items: center; gap: 0 48px;}
.sec3 .flex p {width: calc(100% - 404px);}
.sec3 .flex p strong {font-weight: 700;}
.sec3 .flex p span {font-weight: 700; color: var(--color-green);}
.sec3 .flex .img {display: block; width: 365px;}
.sec3 .flex .img img {width: 100%; /* mix-blend-mode: darken; */}

.sec4 {padding: 130px 0;}
.sec4 h2 {display: flex; align-items: center; gap: 0 20px; margin-top: 8px;}
.sec4 h2 .desc {display: flex; align-items: center; justify-content: center; gap: 0 10px; width: 187px; height: 46px; font-size: 18px; font-weight: 700; color: #fff; background: var(--color-blue); border-radius: 50px;}
.sec4 h2 .desc img {width: 25px;}
.sec4 ul {margin-top: 46px; display: flex; align-items: center; flex-wrap: wrap; gap: 20px;}
.sec4 ul li {width: calc(50% - 10px); height: 80px; padding: 14px 15px; border: 1px solid var(--color-green); border-radius: 100px; display: flex; align-items: center; gap: 0 25px; transition: all .3s; cursor: pointer;}
.sec4 ul li .num {display: block; text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 100%; background: var(--color-green); border: 1px solid var(--color-green); color: #fff; font-size: 20px; font-weight: 700; transition: all .3s;}
.sec4 ul li p {width: calc(100% - 75px); font-size: 18px; font-weight: 500; color: var(--color-green); line-height: 1.4; transition: all .3s;}
.sec4 ul li.on,
.sec4 ul li:hover {background: var(--color-green);}
.sec4 ul li.on .num,
.sec4 ul li:hover .num {background: #fff; color: var(--color-green);}
.sec4 ul li.on p,
.sec4 ul li:hover p {color: #fff;}
.sec4 .popBtn {margin: 55px auto 0; display: block; width: 138px; height: 50px; text-align: center; line-height: 50px; border-radius: 50px; background: var(--color-blue); border:1px solid var(--color-blue); font-size: 16px; font-weight: 700; color: #fff; cursor: pointer; transition: all .3s;}
.sec4 .popBtn:hover {background: transparent; color: var(--color-blue);}
.sec4 .info {margin-top: 60px; background: #F0FBFA; padding: 30px;}
.sec4 .info strong {display: flex; align-items: center; gap: 0 10px; font-size: 20px; font-weight: 700; color: var(--color-green); line-height: 1.5;}
.sec4 .info strong img {width: 25px;}
.sec4 .info p {margin-top: 15px; font-size: 18px; font-weight: 400; color: #333; line-height: 1.5; padding-left: 11px; position: relative;}
.sec4 .info p + p {margin-top: 10px;}
.sec4 .info p::before {content: ""; width: 3px; height: 3px; border-radius: 100%; background: #6D6D6D; display: block; position: absolute; top: 13px; left: 0;}

.sec5 {padding: 120px 0; background: #FAFAFA;}
.sec5 .inner {background: #fff; padding: 69px 40px 70px;}
.sec5 .info {margin-top: 30px;}
.sec5 .info li {font-size: 18px; font-weight: 400; color: #333; line-height: 1.4; position: relative; padding-left: 11px;}
.sec5 .info li + li {margin-top: 8px;}
.sec5 .info li strong {font-weight: 700;}
.sec5 .info li::before {content: ""; display: block; width: 3px; height: 3px; border-radius: 100%; background: #6D6D6D; position: absolute; top: 11px; left: 0;}
.sec5 .cont {margin-top: 30px;}
.sec5 .cont h3 {width: 315px; height: 48px; line-height: 48px; text-align: center; border-radius: 100px; background: var(--color-blue); color: #fff; font-size: 20px; font-weight: 800; margin: 0 auto; position: relative; z-index: 2;}
.sec5 .cont .img {margin-top: -22px; background: #FAFAFA; padding: 64px 0 44px; text-align: center;}
.sec5 .cont .img img {width: 540px;}

.sec6 {padding: 120px 0; background: rgba(0, 158, 145, .05);}
.sec6 .info {background: #fff; padding: 33px;}
.sec6 .info strong {display: flex; align-items: center; gap: 0 11px; font-size: 22px; font-weight: 700; color: var(--color-green); line-height: 1.5;}
.sec6 .info strong img {width: 25px;}
.sec6 .info p {margin-top: 10px; font-size: 18px; font-weight: 700; color: #333; line-height: 1.6; position: relative; padding-left: 11px;}
.sec6 .info p::before {content: ""; width: 3px; height: 3px; border-radius: 100%; background: #6D6D6D; display: block; position: absolute; top: 12px; left: 0;}
.sec6 .video {margin-top: 33px;}
.sec6 .video iframe {width: 100%; height: 478px; border: 0;}

.sec7 {padding: 130px 0 218px; text-align: center;}
.sec7 h3 {display: flex; align-items: center; justify-content: center; gap: 0 11px; font-size: 22px; font-weight: 700; color: var(--color-green); line-height: 1.5;}
.sec7 h3 img {width: 25px;}
.sec7 p {margin-top: 5px; font-size: 16px; font-weight: 400; color: #7c7c7c; line-height: 1.8;}
.sec7 a {margin: 25px auto 0; width: 284px; height: 50px; text-align: center; line-height: 50px; background: var(--color-green); border-radius: 50px; font-size: 16px; font-weight: 700; color: #fff; display: block; transition: all .3s; border: 1px solid var(--color-green);}
.sec7 a:hover {background: #fff; color: var(--color-green);}

/* .sec8 {padding: 25px 0 218px; position: relative;} */
.sec8 {padding: 25px 0 100px; position: relative;}
.sec8::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 185px; background: url(/images/main/sec8_txt.svg) no-repeat center/cover; z-index: -1; display: none;}
.sec8 .sec_tit {text-align: center;}
/* .sec8 .cont {margin-top: 100px;} */
.sec8 .cont {margin-top: 64px;}
.sec8 .input_box {display: flex; align-items: center; gap: 0 20px;}
.sec8 .input_box .item {width: calc(100%/3 - 10px);}
.sec8 .item p {font-size: 18px; font-weight: 600; color: #333; line-height: 1.5;}
.sec8 .item input {margin-top: 10px; width: 100%; height: 60px; padding: 0 20px; line-height: 60px; font-size: 16px; font-weight: 400; border: 1px solid rgba(0, 0, 0, .2);}
.sec8 .item input::placeholder {color: rgba(0, 0, 0, .4);}
.sec8 .item input:focus {border: 1px solid #000;}
.sec8 .bot {margin-top: 35px; display: flex; align-items: center; justify-content: space-between;}
.sec8 .bot p {display: flex; align-items: flex-end; gap: 0 14px; font-size: 16px; font-weight: 500; color: #333; line-height: 1.6; letter-spacing: -.3px;}
.sec8 .bot p + p {margin-top: 5px;}
.sec8 .bot label {display: flex; align-items: center; gap: 0 14px; cursor: pointer;}
.sec8 .bot input[type="checkBox"] {-webkit-appearance: none; background-image: url('/images/main/checked_box.svg'); background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px;}
.sec8 .bot input[type="checkBox"]:checked {background-image: url('/images/main/check_box.svg');}
.sec8 .bot .view_more {font-size: 14px; font-weight: 400; color: #6d6d6d; line-height: 1.8; cursor: pointer; text-decoration: underline; text-underline-offset: 3px;}
.sec8 .bot .apply_btn {display: block; width: 143px; height: 52px; line-height: 52px; text-align: center; background: var(--color-blue); border-radius: 50px; font-size: 18px; font-weight: 700; color: #fff; border: 1px solid var(--color-blue); transition: all .3s;}
.sec8 .bot .apply_btn:hover {background: transparent; color: var(--color-blue);}
.sec8 .info {margin-top: 64px; border: 1px solid var(--color-green); padding: 24px 0; text-align: center; background: #009E9108; font-size: 16px; font-weight: 600; color: var(--color-green); line-height: 1.6; letter-spacing: -.3px;}

.btn_box.fixed {position: fixed; left: 0; width: 100%; bottom: 30px; display: flex; justify-content: center; gap: 0 15px;}
.btn_box.fixed a {display: flex; align-items: center; justify-content: center; gap: 0 10px; width: 210px; height: 54px; font-size: 20px; font-weight: 700; color: #fff; border-radius: 100px;}
.btn_box.fixed a img {width: 24px;}
.btn_box.fixed a:first-child {background: var(--color-green); border: 1px solid var(--color-green);}
.btn_box.fixed a:last-child {background: var(--color-blue); border: 1px solid var(--color-blue);}

.popup_wrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, .6); z-index: 10;}
.popup_wrap .inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.popup_wrap .close {display: block; text-align: right; cursor: pointer;}
.popup_wrap .close img {width: 20px;}
.popup_wrap .inner > div {margin-top: 15px;}
.popup_wrap .inner h2 {font-size: 20px; font-weight: 700; color: #fff; text-align: center; background: var(--color-blue); height: 70px; line-height: 67px;}
.popup_wrap .ResultPopup h2 {display: flex; align-items: center; justify-content: center; gap: 0 10px;}
.popup_wrap .ResultPopup h2 img {width: 30px;}
.popup_wrap .inner .box {background: #fff;}
.popup_wrap .inner > div {display: none;}
.popup_wrap .inner > div:not(.ResultPopup) h2 {font-size: 24px; font-family: var(--font-noto);}
.popup_wrap .inner > div:not(.ResultPopup) .box {padding: 50px 40px;}
.popup_wrap .inner > div:not(.ResultPopup) .box li {font-size: 18px; font-weight: 400; color: #333; line-height: 1.4; position: relative; padding-left: 11px;}
.popup_wrap .inner > div:not(.ResultPopup) .box li::before {content: ""; width: 3px; height: 3px; border-radius: 100%; background: #6D6D6D; display: block; position: absolute; top: 12px; left: 0;}
.popup_wrap .ProfilePopup .box li + li {margin-top: 8px;}
.popup_wrap .ProfilePopup .box li strong {font-weight: 700;}
.popup_wrap .ProfilePopup .box li span {font-weight: 700; color: var(--color-blue);}
.popup_wrap .ResultPopup .box {padding: 50px 0 74px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 15px;}
.popup_wrap .ResultPopup .box li {padding: 15px 30px; border-radius: 100px; border: 1px solid var(--color-blue); color: var(--color-blue); font-size: 16px; font-weight: 700; letter-spacing: -.3px; transition: all .3s; cursor: pointer;}
.popup_wrap .ResultPopup .box li.on,
.popup_wrap .ResultPopup .box li:hover {background: var(--color-blue); color: #fff;}
.popup_wrap .AgreePopup .box ol {padding: 0; margin-top: 30px;}
.popup_wrap .AgreePopup .box ol li {padding: 0 !important;}
.popup_wrap .AgreePopup .box ol li::before {display: none !important;}
.popup_wrap .AgreePopup .box strong {font-size: 18px; font-weight: 700; color: #333; display: block; margin-bottom: 8px;}



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

    /* 공통 */
    .inner{max-width:94.44vw;}

    .sec_tit p {font-size: 1.78vw;}
    .sec_tit h2 {margin-top: 1.11vw; font-size: 3.33vw;}

    .sec1 {padding: 8.89vw 0 6.11vw;}
    .sec1 .logo img {width: 23.89vw;}
    .sec1 .txt {padding: 2.78vw 2.89vw; margin-top: 4.44vw; font-size: 1.78vw;}

    .sec2::before {height: 20.56vw;}
    .sec2 .inner {padding-top: 11.56vw;}
    .sec2 .cont {margin-top: 6.11vw; gap: 0 6.11vw;}
    .sec2 .cont .img {width: 41.11vw;}
    .sec2 .cont .txt {width: calc(100% - 47.22vw);}
    .sec2 .cont .txt p {font-size: 2.00vw; letter-spacing: -0.03vw;}
    .sec2 .cont .txt p + p {margin-top: 1.11vw;}
    .sec2 .cont .popBtn {margin-top: 3.78vw; width: 14.67vw; height: 5.56vw; line-height: 5.56vw; border-radius: 5.56vw; font-size: 1.78vw;}
	.sec2 .cont .profile_wrap{margin-top: 3.78vw;}
	.sec2 .cont .profile_wrap .button{font-size: 2.00vw;}
	.sec2 .cont .profile_wrap .button img{width: 2.00vw; margin: -0.33vw 0 0 1.11vw;}
	.sec2 .cont .profile{margin-top: 1.67vw; padding: 2.22vw; border-radius: 1.11vw;}
	.sec2 .cont .profile li {font-size: 1.78vw; padding-left: 1.22vw;}
	.sec2 .cont .profile li::before {top: 0.89vw;}
	.sec2 .cont .profile li + li {margin-top: 0.56vw;}

    .sec3 {padding: 13.33vw 0; margin-top: 14.44vw;}
    .sec3 h3 {margin-top: 5.00vw; font-size: 2.89vw;}
    .sec3 .cont {margin-top: 5.00vw;}
    .sec3 .cont p {font-size: 2.00vw;}
    .sec3 .cont p + p {margin-top: 2.78vw;}
    .sec3 .flex {margin-top: 2.78vw; gap: 0 6.44vw;}
    .sec3 .flex p {width: calc(100% - 44.89vw);}
    .sec3 .flex .img {width: 39.44vw;}

    .sec4 {padding: 14.44vw 0;}
    .sec4 h2 {gap: 0 2.22vw; margin-top: 0.89vw;}
    .sec4 h2 .desc {gap: 0 1.11vw; width: 20.78vw; height: 5.11vw; font-size: 2.00vw; border-radius: 5.56vw;}
    .sec4 h2 .desc img {width: 2.78vw;}
    .sec4 ul {margin-top: 5.11vw; gap: 2.22vw;}
    .sec4 ul li {width: calc(50% - 1.11vw); height: 8.89vw; padding: 1.56vw 1.67vw; border-radius: 11.11vw; gap: 0 2.78vw;}
    .sec4 ul li .num {width: 5.56vw; height: 5.56vw; line-height: 5.56vw; font-size: 2.22vw;}
    .sec4 ul li p {width: calc(100% - 8.33vw); font-size: 2.00vw;}
    .sec4 .popBtn {margin: 6.11vw auto 0; width: 15.33vw; height: 5.56vw; line-height: 5.56vw; border-radius: 5.56vw; font-size: 1.78vw;}
    .sec4 .info {margin-top: 6.67vw; padding: 3.33vw;}
    .sec4 .info strong {gap: 0 1.11vw; font-size: 2.22vw;}
    .sec4 .info strong img {width: 2.78vw;}
    .sec4 .info p {margin-top: 1.67vw; font-size: 2.00vw; padding-left: 1.22vw;}
    .sec4 .info p + p {margin-top: 1.11vw;}
    .sec4 .info p::before {width: 0.33vw; height: 0.33vw; top: 1.44vw;}

    .sec5 {padding: 13.33vw 0;}
    .sec5 .inner {padding: 7.67vw 4.44vw 7.78vw;}
    .sec5 .info {margin-top: 3.33vw;}
    .sec5 .info li {font-size: 2.00vw; padding-left: 1.22vw;}
    .sec5 .info li + li {margin-top: 0.89vw;}
    .sec5 .info li::before {width: 0.33vw; height: 0.33vw; top: 1.22vw;}
    .sec5 .cont {margin-top: 3.33vw;}
    .sec5 .cont h3 {width: 35.00vw; height: 5.33vw; line-height: 5.33vw; border-radius: 11.11vw; font-size: 2.22vw;}
    .sec5 .cont .img {margin-top: -2.44vw; padding: 7.11vw 0 4.89vw;}
    .sec5 .cont .img img {width: 60.00vw;}

    .sec6 {padding: 13.33vw 0;}
    .sec6 .info {padding: 3.67vw;}
    .sec6 .info strong {gap: 0 1.22vw; font-size: 2.44vw;}
    .sec6 .info strong img {width: 2.78vw;}
    .sec6 .info p {margin-top: 1.11vw; font-size: 2.00vw; padding-left: 1.22vw;}
    .sec6 .info p::before {width: 0.33vw; height: 0.33vw; top: 1.33vw;}
    .sec6 .video {margin-top: 3.67vw;}
    .sec6 .video iframe {height: 53.11vw;}

    .sec7 {padding: 14.44vw 0 24.22vw;}
    .sec7 h3 {gap: 0 1.22vw; font-size: 2.44vw;}
    .sec7 h3 img {width: 2.78vw;}
    .sec7 p {margin-top: 0.56vw; font-size: 1.78vw;}
    .sec7 a {margin: 2.78vw auto 0; width: 31.56vw; height: 5.56vw; line-height: 5.56vw; border-radius: 5.56vw; font-size: 1.78vw;}

	.sec8 {padding: 2.78vw 0 11.11vw;}
	.sec8 .cont {margin-top: 7.11vw;}
    /* .sec8 {padding: 2.78vw 0 24.22vw;} */
    .sec8::before {height: 20.56vw;}
    /* .sec8 .cont {margin-top: 11.11vw;} */
    .sec8 .input_box {gap: 0 2.22vw;}
    .sec8 .input_box .item {width: calc(100%/3 - 1.11vw);}
    .sec8 .item p {font-size: 2.00vw;}
    .sec8 .item input {margin-top: 1.11vw; height: 6.67vw; padding: 0 2.22vw; line-height: 6.67vw; font-size: 1.78vw;}
    .sec8 .bot {margin-top: 3.89vw;}
    .sec8 .bot p {gap: 0 1.56vw; font-size: 1.78vw; letter-spacing: -0.03vw;}
    .sec8 .bot p + p {margin-top: 0.56vw;}
    .sec8 .bot label {gap: 0 1.56vw;}
    .sec8 .bot input[type="checkBox"] {width: 2.22vw; height: 2.22vw;}
    .sec8 .bot .view_more {font-size: 1.56vw; text-underline-offset: 0.33vw;}
    .sec8 .bot .apply_btn {width: 15.89vw; height: 5.78vw; line-height: 5.78vw; border-radius: 5.56vw; font-size: 2.00vw;}
    .sec8 .info {margin-top: 7.11vw; padding: 2.67vw 0; font-size: 1.78vw; letter-spacing: -0.03vw;}

    .btn_box.fixed {bottom: 5.56vw; gap: 0 1.67vw;}
    .btn_box.fixed a {gap: 0 1.11vw; width: 23.33vw; height: 6.00vw; font-size: 2.22vw; border-radius: 11.11vw;}
    .btn_box.fixed a img {width: 2.67vw;}

    .popup_wrap {height: 100vh;}
    .popup_wrap .close img {width: 2.22vw;}
    .popup_wrap .inner > div {margin-top: 1.67vw;}
    .popup_wrap .inner h2 {font-size: 2.22vw; height: 7.78vw; line-height: 7.44vw;}
    .popup_wrap .ResultPopup h2 {gap: 0 1.11vw;}
    .popup_wrap .ResultPopup h2 img {width: 3.33vw;}
    .popup_wrap .inner > div:not(.ResultPopup) h2 {font-size: 2.67vw;}
    .popup_wrap .inner > div:not(.ResultPopup) .box {padding: 5.56vw 4.44vw;}
    .popup_wrap .inner > div:not(.ResultPopup) .box li {font-size: 2.00vw; padding-left: 1.22vw;}
    .popup_wrap .inner > div:not(.ResultPopup) .box li::before {width: 0.33vw; height: 0.33vw; top: 1.33vw;}
    .popup_wrap .ProfilePopup .box li + li {margin-top: 0.89vw;}
    .popup_wrap .ResultPopup .box {padding: 5.56vw 0 8.22vw; gap: 1.67vw;}
    .popup_wrap .ResultPopup .box li {padding: 1.67vw 3.33vw; border-radius: 11.11vw; font-size: 1.78vw; letter-spacing: -0.03vw;}
    .popup_wrap .AgreePopup .box ol {margin-top: 3.33vw;}
    .popup_wrap .AgreePopup .box strong {font-size: 2.00vw; margin-bottom: 0.89vw;}

}



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

    /* 공통 */
    .pc{display:none !important;}
    .mob{display:block !important;}
    .inner{max-width:100%; padding-left: 3.13vw !important; padding-right: 3.13vw !important;}

    .sec_tit p {font-size: 4.39vw;}
    .sec_tit h2 {margin-top: 3.91vw; font-size: 6.51vw;}

    .sec1 {padding: 15.63vw 0 13.02vw;}
    .sec1 .logo img {width: 35.25vw;}
    .sec1 .txt {padding: 4.43vw 0; margin-top: 10.42vw; font-size: 4.39vw;}

    .sec2::before {height: 10.16vw;}
    .sec2 .inner {padding-top: 8.59vw;}
    .sec2 .cont {margin-top: 8.46vw; flex-direction: column; gap: 8.46vw 0;}
    .sec2 .cont .img {width: 100%;}
    .sec2 .cont .txt {width: 100%;}
    .sec2 .cont .txt p {font-size: 4.39vw; letter-spacing: -0.04vw; word-break: keep-all;}
    .sec2 .cont .txt p + p {margin-top: 0;}
    .sec2 .cont .popBtn {margin-top: 7.81vw; width: 29.43vw; height: 10.94vw; line-height: 10.94vw; border-radius: 9.90vw; font-size: 4.39vw;}
	.sec2 .cont .profile_wrap{margin-top: 6.51vw;}
	.sec2 .cont .profile_wrap .button{font-size: 4.39vw;}
	.sec2 .cont .profile_wrap .button img{width: 4vw; margin: -0.39vw 0 0 1.95vw;}
	.sec2 .cont .profile{margin-top: 3.65vw; padding: 6.51vw 5.21vw; border-radius: 2.60vw;}
	.sec2 .cont .profile li {font-size: 4.39vw; padding-left: 2.60vw;}
	.sec2 .cont .profile li::before {top: 2.15vw;}
	.sec2 .cont .profile li + li {margin-top: 1.30vw;}

    .sec3 {padding: 15.63vw 0; margin-top: 15.89vw;}
    /* .sec3 .sec_tit p {font-size: 3.13vw;} */
    .sec3 h3 {margin-top: 10.42vw; font-size: 5.21vw; letter-spacing: -0.04vw;}
    .sec3 .cont {margin-top: 10.42vw;}
    .sec3 .cont p {font-size: 4.39vw;}
    .sec3 .cont p + p {margin-top: 2.99vw;}
    .sec3 .flex {margin-top: 2.99vw; flex-direction: column; gap: 10.42vw 0;}
    .sec3 .flex p {width: 100%;}
    .sec3 .flex .img {width: 110%;}

    .sec4 {padding: 15.63vw 0;}
    .sec4 h2 {display: revert; margin-top: 3.91vw;}
    .sec4 h2 .desc {margin: 5.21vw auto 0; gap: 0 1.95vw; width: 37.76vw; height: 10.94vw; font-size: 4.39vw; border-radius: 9.90vw; letter-spacing: -0.06vw;}
    .sec4 h2 .desc img {width: 4.17vw;}
    .sec4 ul {margin-top: 10.42vw; display: revert;}
    .sec4 ul li {width: 100%; height: 18.10vw; padding: 3.39vw; border-radius: 22.53vw; gap: 0 5.60vw;}
    .sec4 ul li + li {margin-top: 4.56vw;}
    .sec4 ul li .num {width: 11.33vw; height: 11.33vw; line-height: 11.33vw; font-size: 4.17vw;}
    .sec4 ul li p {width: calc(100% - 16.93vw); font-size: 4.39vw;}
    .sec4 ul li:hover {background: #fff;}
    .sec4 ul li:hover .num {background: var(--color-green); color: #fff;}
    .sec4 ul li:hover p {color: var(--color-green);}
    .sec4 ul li.on {background: var(--color-green);}
    .sec4 ul li.on .num {background: #fff; color: var(--color-green);}
    .sec4 ul li.on p {color: #fff;}
    .sec4 .popBtn {margin: 10.42vw auto 0; width: 26.30vw; height: 10.94vw; line-height: 10.94vw; border-radius: 9.90vw; font-size: 4.39vw; letter-spacing: 0.06vw;}
    .sec4 .info {margin-top: 9.51vw; padding: 7.81vw 5.21vw;}
    .sec4 .info strong {gap: 0 2.08vw; font-size: 4.69vw; align-items: flex-start;}
    .sec4 .info strong img {width: 5.21vw; margin-top: 0.45vw; display: inline-block;}
    .sec4 .info p {margin-top: 3.91vw; font-size: 4.39vw; padding-left: 2.86vw;}
    .sec4 .info p + p {margin-top: 1.17vw;}
    .sec4 .info p::before {width: 0.78vw; height: 0.78vw; top: 2.47vw;}

    .sec5 {padding: 15.49vw 0;}
    /* .sec5 .sec_tit p {font-size: 3.13vw;} */
    .sec5 .inner {padding: 0 5.21vw; background: none;}
    .sec5 .info {margin-top: 10.42vw;}
    .sec5 .info li {font-size: 4.39vw; padding-left: 2.86vw;}
    .sec5 .info li + li {margin-top: 2.60vw;}
    .sec5 .info li::before {width: 0.78vw; height: 0.78vw; top: 2.47vw;}
    .sec5 .cont {margin-top: 10.42vw;}
    .sec5 .cont h3 {width: 63.91vw; height: 9.90vw; line-height: 9.90vw; border-radius: 11.72vw; font-size: 4.39vw;}
    .sec5 .cont .img {margin-top: -4.82vw; padding: 10.42vw 0 8.21vw; background: #fff;}
    .sec5 .cont .img img {width: 86.54vw;}

    .sec6 {padding: 16.02vw 0;}
    .sec6 .info {padding: 7.81vw 5.21vw;}
    .sec6 .info strong {gap: 0 2.08vw; font-size: 4.17vw; align-items: flex-start;}
    .sec6 .info strong img {width: 5.21vw; margin-top: 1.04vw;}
    .sec6 .info p {margin-top: 3.91vw; font-size: 4.39vw; padding-left: 2.86vw;}
    .sec6 .info p::before {width: 0.78vw; height: 0.78vw; top: 2.47vw;}
    .sec6 .video {margin-top: 7.81vw;}
    .sec6 .video iframe {height: 52.73vw;}

    .sec7 {padding: 13.02vw 0 35.81vw;}
    .sec7 h3 {gap: 2.08vw; font-size: 5.21vw; justify-content: center; flex-direction: column;}
    .sec7 h3 img {width: 5.21vw;}
    .sec7 p {margin-top: 2.60vw; font-size: 4.39vw;}
    .sec7 a {margin: 5.21vw auto 0; width: 74.19vw; height: 10.94vw; line-height: 10.94vw; border-radius: 9.90vw; font-size: 4.39vw;}

	.sec8 {padding: 2.99vw 0 13.02vw;}
	.sec8 .cont {margin-top: 10.42vw;}
    /* .sec8 {padding: 2.99vw 0 35.81vw;} */
    .sec8::before {height: 9.90vw; left: 59.77vw;}
    /* .sec8 .cont {margin-top: 10.42vw;} */
    .sec8 .input_box {flex-direction: column; gap: 5.21vw 0;}
    .sec8 .input_box .item {width: 100%;}
    .sec8 .item p {font-size: 4.39vw;}
    .sec8 .item input {margin-top: 2.60vw; height: 10.42vw; padding: 0 2.34vw; line-height: 11.72vw; font-size: 3.91vw;}
    .sec8 .bot {margin-top: 7.81vw; flex-direction: column; gap: 6.51vw;}
    .sec8 .bot .agree{width: 100%;}
    .sec8 .bot p {gap: 0 1.69vw; font-size: 4.39vw; letter-spacing: -0.04vw;}
    .sec8 .bot p + p {margin-top: 0.65vw;}
    .sec8 .bot label {gap: 0 1.69vw;}
    .sec8 .bot input[type="checkBox"] {width: 3.91vw; height: 3.91vw;}
    .sec8 .bot .view_more {font-size: 3.65vw; text-underline-offset: 0.65vw;}
    .sec8 .bot .apply_btn {width: 25.52vw; height: 10.94vw; line-height: 10.94vw; border-radius: 9.90vw; font-size: 4.39vw;}
    .sec8 .info {margin-top: 10.42vw; padding: 4.56vw 0; font-size: 4.39vw; letter-spacing: -0.04vw;}

    .btn_box.fixed {bottom: 5.02vw; gap: 0 1.82vw;}
    .btn_box.fixed a {gap: 0 1.95vw; width: 42.45vw; height: 11.46vw; font-size: 4.17vw; border-radius: 9.90vw;}
    .btn_box.fixed a img {width: 5.21vw;}

    .popup_wrap {height: 100vh;}
    .popup_wrap .close img {width: 5.21vw;}
    .popup_wrap .inner > div {margin-top: 3.91vw;}
    .popup_wrap .inner h2 {font-size: 6.25vw; height: 18.23vw; line-height: 18.23vw;}
    .popup_wrap .ResultPopup h2 {gap: 0 2.34vw;}
    .popup_wrap .ResultPopup h2 img {width: 6.90vw;}
    .popup_wrap .inner > div:not(.ResultPopup) h2 {font-size: 5.60vw;}
    .popup_wrap .inner > div:not(.ResultPopup) .box {padding: 0;}
    .popup_wrap .inner > div:not(.ResultPopup) .box li {font-size: 4.17vw; padding-left: 2.60vw;}
    .popup_wrap .inner > div:not(.ResultPopup) .box li::before {width: 0.65vw; height: 0.65vw; top: 2.73vw;}
    .popup_wrap .inner > div .box_cont {max-height: 125vw; overflow: hidden; overflow-y: scroll; padding: 7.81vw 5.21vw; background: #fff;}
    .popup_wrap .ProfilePopup .box li + li {margin-top: 1.30vw;}
    .popup_wrap .ResultPopup .box_cont {padding: 7.81vw 5.21vw;}
    .popup_wrap .ResultPopup .box {padding: 0; gap: 3.26vw;}
    .popup_wrap .ResultPopup .box li {padding: 3.52vw 6.90vw; border-radius: 23.18vw; font-size: 4.39vw; letter-spacing: -0.04vw; width: 100%; text-align: center;}
    .popup_wrap .AgreePopup .box ol {margin-top: 6.90vw;}
    .popup_wrap .AgreePopup .box strong {font-size: 4.69vw; margin-bottom: 2.60vw;}

}