@charset "utf-8";

html, body {max-width: 640px;margin: 0 auto;}
body {position: relative;font-family: 'pretendard', 'sans-serif';color: #1D1D1D;-webkit-text-size-adjust: none;-webkit-overflow-scrolling:touch;font-size: 10px;letter-spacing: -0.025em;line-height: 1.4;}
body, h1, h2, h3, h4, h5, h6, ul, p, button, input, td{margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:normal;font-family:inherit;}
ul{list-style:none;}
a{text-decoration:none;}
a:link, a:visited, a:hover, a:active{color:inherit;text-decoration:none;}
strong {font-weight: normal;}
button{border:0px;background:none;cursor:pointer;font-family:inherit;font-size: inherit;}
img{border:0px;vertical-align:top;}
address{font-style:normal;}
header, nav, section, article, footer{display:block;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
label, input, button, select{vertical-align:middle;}
input, textarea{-webkit-appearance: none;-webkit-border-radius: 0;}
hr {display:none;}
pre {overflow-x:scroll;font-size:1.1em;}
table{border-spacing:0px;border-collapse:collapse;}
em{font-style:normal;}
fieldset{border:0;}
select::-ms-expand {display:none;}
input:focus {outline:none;}
input[type="date"]{position:relative;padding-right:20px;padding-left:0;}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button{display:none;}
input[type="date"]::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;color:transparent;cursor:pointer;}
input[type="date"]::before{content:attr(data-placeholder);width:100%;}
input[type="date"]:valid::before{display:none;}
input[data-placeholder]::before{color:#999;font-size:13px;}
*, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#main {position: relative;width: 100%;height: 100svh;overflow: hidden;}
#main video#bg-video {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;transform: translate(-50%, -50%);object-fit: cover;z-index: -1;}
#main .main-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
#main .main-text .logo {width: clamp(160px, 50vw, 320px);margin: 0 auto clamp(20px, 6.25vw, 40px);}
#main .main-text .logo img {width: 100%;height: auto;}
#main .main-text p {font-size: clamp(9px, 2.813vw, 18px);color: #fff;text-align: center;line-height: 1.4;letter-spacing: -0.025em;}
#main .main-text p strong {font-size: clamp(12px, 3.75vw, 24px);font-weight: 500;padding-bottom: clamp(12px, 3.594vw, 23px);display: block;}
#main .main-text .btn-wrap {margin-top: clamp(25px, 7.813vw, 50px);}
#main .main-text .btn-wrap a {display: flex;align-items: center;justify-content: space-between;width: clamp(135px, 42.188vw, 270px);height: clamp(27px, 8.438vw, 54px);border-radius: clamp(2px, 0.625vw, 4px);background: linear-gradient(270deg,rgba(50, 176, 148, 1) 0%, rgba(40, 166, 134, 1) 100%);padding: 0 clamp(10px, 3.125vw, 20px);margin: clamp(8px, 2.5vw, 16px)auto 0;}
#main .main-text .btn-wrap a:first-child {margin-top: 0;}
#main .main-text .btn-wrap a p {font-size: clamp(10px, 3.125vw, 20px);font-weight: 700;}
#main .main-text .btn-wrap a .icon {width: clamp(15px, 4.688vw, 30px);height: clamp(15px, 4.688vw, 30px);}
#main .main-text .btn-wrap a .icon img {width: 100%;height: auto;}
#main .link-wrap {position: absolute;bottom: clamp(30px, 9.375vw, 60px);left: 50%;transform: translateX(-50%);width: 100%;display: flex;gap: clamp(8px, 2.5vw, 16px);justify-content: center;}
#main .link-wrap a {width: clamp(28px, 8.75vw, 56px);height: clamp(28px, 8.75vw, 56px);}
#main .link-wrap a img {width: 100%;height: auto;}

#naviWrap {position: fixed;top: 0;left: 50%;transform: translateX(-50%);width: 100%;height: clamp(35px, 10.938vw, 70px);background-color: #F9FAFB;display: flex;align-items: center;gap: clamp(12px, 3.75vw, 24px);padding: 0 clamp(10px, 3.125vw, 20px);border-bottom: 1px solid #E3E3E3;box-sizing: border-box;max-width: 640px;}
#naviWrap h2 a {display: block;width: clamp(20px, 6.25vw, 40px);aspect-ratio: 40 / 31;}
#naviWrap h2 a img {width: 100%;height: auto;}
#naviWrap .gnb ul {display: flex;gap: clamp(12px, 3.75vw, 24px);}
#naviWrap .gnb ul li a {font-size: clamp(9px, 2.813vw, 18px);font-weight: 500;line-height: 1.4;letter-spacing: -0.025em;}
#naviWrap .gnb ul li.on a {font-weight: 700;color: #32B094;}

.sub {padding-top: clamp(50px, 15.625vw, 100px);background-color: #F9FAFB;padding-bottom: clamp(13px, 4.063vw, 26px);}
.sub > div {margin-top: clamp(20px, 6.25vw, 40px);}
.sub > div:first-child {margin-top: 0;}
.sub .inner {padding: 0 clamp(10px, 3.125vw, 20px);}
.sub .inner .con-tit h3 {font-size: clamp(15px, 4.688vw, 30px);font-weight: 700;color: #222;padding-bottom: clamp(10px, 3.125vw, 20px);}
.sub .con-txt .box-cmn {background-color: #fff;border: 1px solid #D0D0D0;box-sizing: border-box;border-radius: clamp(6px, 1.875vw, 12px);}
.sub .con-txt .box-cmn .box-inner {padding: clamp(10px, 3.125vw, 20px);}
.sub .con-txt .box-cmn .box-inner ul li {display: flex;align-items: center;gap: clamp(6px, 1.875vw, 12px);margin-top: clamp(3px, 0.938vw, 6px);}
.sub .con-txt .box-cmn .box-inner ul li:first-child {margin-top: 0;}
.sub .con-txt .box-cmn .box-inner ul li .dot {width: clamp(3px, 0.938vw, 6px);height: clamp(3px, 0.938vw, 6px);border-radius: clamp(3px, 0.938vw, 6px);background-color: #4b5563;}
.sub .con-txt .box-cmn .box-inner ul li p {width: calc(100% - clamp(14px, 4.375vw, 28px));font-size: clamp(10px, 3.125vw, 20px);color: #4b5563;word-break: keep-all;padding-right: clamp(5px, 1.563vw, 10px);}

#sub1 .key-con .con-txt .staff-wrap1 {display: flex;justify-content: space-between;}
#sub1 .key-con .con-txt .staff-wrap1 .box {width: calc(50% - clamp(3px, 1.094vw, 7px));}
#sub1 .key-con .con-txt .staff-wrap1 .box .img {margin-bottom: clamp(8px, 2.5vw, 16px);}
#sub1 .key-con .con-txt .staff-wrap1 .box .img img {width: 100%;height: auto;}
#sub1 .key-con .con-txt .staff-wrap1 .box h4 {font-size: clamp(10px, 3.125vw, 20px);font-weight: 700;color: #32B094;}
#sub1 .key-con .con-txt .staff-wrap1 .box .name {font-size: clamp(12px, 3.75vw, 24px);font-weight: 600;color: #222;padding-bottom: clamp(6px, 1.875vw, 12px);}
#sub1 .key-con .con-txt .staff-wrap1 .box ul li {display: flex;align-items: center;gap: clamp(6px, 1.875vw, 12px);margin-top: clamp(3px, 0.938vw, 6px);}
#sub1 .key-con .con-txt .staff-wrap1 .box ul li:first-child {margin-top: 0;}
#sub1 .key-con .con-txt .staff-wrap1 .box ul li .dot {width: clamp(3px, 0.938vw, 6px);height: clamp(3px, 0.938vw, 6px);border-radius: clamp(3px, 0.938vw, 6px);background-color: #4b5563;}
#sub1 .key-con .con-txt .staff-wrap1 .box ul li p {width: calc(100% - clamp(14px, 4.375vw, 28px));font-size: clamp(9px, 2.813vw, 18px);font-weight: 500;color: #4b5563;word-break: keep-all;padding-right: clamp(5px, 1.563vw, 10px);}
#sub1 .key-con .con-txt .staff-wrap2 {margin-top: clamp(20px, 6.25vw, 40px);}
#sub1 .key-con .con-txt .staff-wrap2 .box {margin-top: clamp(8px, 2.5vw, 16px);}
#sub1 .key-con .con-txt .staff-wrap2 .box:first-child {margin-top: 0;}
#sub1 .key-con .con-txt .staff-wrap2 .box .flex-box {display: flex;align-items: center;gap: clamp(7px, 2.188vw, 14px);}
#sub1 .key-con .con-txt .staff-wrap2 .box .flex-box .profile-img {width: clamp(24px, 7.5vw, 48px);height: clamp(24px, 7.5vw, 48px);}
#sub1 .key-con .con-txt .staff-wrap2 .box .flex-box .profile-img img {width: 100%;height: auto;}
#sub1 .key-con .con-txt .staff-wrap2 .box .flex-box .name h4 {font-size: clamp(10px, 3.125vw, 20px);font-weight: 700;color: #32B094;}
#sub1 .key-con .con-txt .staff-wrap2 .box .flex-box .name p {font-size: clamp(12px, 3.75vw, 24px);font-weight: 600;color: #222;}
#sub1 .key-con .con-txt .staff-wrap2 .box .box-inner ul {margin-top: clamp(8px, 2.5vw, 16px);}

#sub2 .ps-con .inner .con-txt h4 {font-size: clamp(14px, 4.375vw, 28px);font-weight: 700;color: #32B094;padding-bottom: clamp(4px, 1.25vw, 8px);}
#sub2 .ps-con .inner .con-txt p {font-size: clamp(10px, 3.125vw, 20px);font-weight: 500;color: #222;word-break: keep-all;}
#sub2 .ps-con .inner .con-txt .img {width: clamp(228px, 71.391vw, 457px);margin: clamp(20px, 6.25vw, 40px) auto;}
#sub2 .ps-con .inner .con-txt .img img {width: 100%;height: auto;}
#sub2 > div .inner .con-txt .box .box-inner .group h4 {font-size: clamp(12px, 3.75vw, 24px);font-weight: 700;color: #32B094;padding-bottom: clamp(10px, 3.125vw, 20px);}
#sub2 .model-con .inner .con-txt .box .box-inner {padding-top: clamp(13px, 4.063vw, 26px);padding-bottom: clamp(13px, 4.063vw, 26px);}
#sub2 .model-con .inner .con-txt .box .box-inner .group {margin-top: clamp(15px, 4.688vw, 30px);}
#sub2 .model-con .inner .con-txt .box .box-inner .group:first-child {margin-top: 0;}
#sub2 .model-con .inner .con-txt .box .box-inner .group ul li {margin-top: clamp(5px, 1.563vw, 10px);}
#sub2 .model-con .inner .con-txt .box .box-inner .group ul li:first-child {margin-top: 0;}
#sub2 .model-con .inner .con-txt .box .box-inner .group ul li p strong {font-weight: 700;}
#sub2 .diff-con .inner .con-txt .box .box-inner .group h4 {display: flex;align-items: center;gap: clamp(6px, 1.875vw, 12px);padding-bottom: clamp(8px, 2.5vw, 16px);}
#sub2 .diff-con .inner .con-txt .box .box-inner .group h4 .dot {width: clamp(2px, 0.781vw, 5px);height: clamp(2px, 0.781vw, 5px);background-color: #32B094;border-radius: clamp(2px, 0.781vw, 5px);}
#sub2 .diff-con .inner .con-txt .box .box-inner .group ul li {display: block;margin-top: clamp(8px, 2.5vw, 16px);}
#sub2 .diff-con .inner .con-txt .box .box-inner .group ul li:first-child {margin-top: 0;}
#sub2 .diff-con .inner .con-txt .box .box-inner .group ul li h5 {font-size: clamp(11px, 3.438vw, 22px);font-weight: 600;color: #222;}
#sub2 .diff-con .inner .con-txt .box2 {margin-top: clamp(10px, 3.125vw, 20px);}
#sub2 .diff-con .inner .con-txt .box2 .box-inner .group ul li p strong {font-weight: 700;}

#sub3 .ges-con .inner .con-txt .box {margin-bottom: clamp(10px, 3.125vw, 20px);}
#sub3 .ges-con .inner .con-txt .box:first-child {margin-top: 0;}
#sub3 .ges-con .inner .con-txt .box .box-inner h4 {font-size: clamp(12px, 3.75vw, 24px);font-weight: 700;color: #32B094;padding-bottom: clamp(8px, 2.5vw, 16px);}
#sub3 .ges-con .inner .con-txt .box .box-inner .group h5 {display: flex;align-items: center;gap: clamp(6px, 2.013vw, 13px);font-size: clamp(11px, 3.438vw, 22px);font-weight: 700;margin-bottom: clamp(5px, 1.563vw, 10px);}
#sub3 .ges-con .inner .con-txt .box .box-inner .group h5 .dot {width: clamp(2px, 0.781vw, 5px);height: clamp(2px, 0.781vw, 5px);background-color: #222;border-radius: 0clamp(2px, 0.781vw, 5px);}
#sub3 .ges-con .inner .con-txt .box .box-inner .group .sub-group {padding-left: clamp(9px, 2.813vw, 18px);margin-bottom: clamp(8px, 2.5vw, 16px);}
#sub3 .ges-con .inner .con-txt .box .box-inner .group .sub-group:last-child {margin-bottom: 0;}
#sub3 .ges-con .inner .con-txt .box .box-inner .group .sub-group .group-tit {display: flex;align-items: center;gap: clamp(4px, 1.25vw, 8px);}
#sub3 .ges-con .inner .con-txt .box .box-inner .group .sub-group .group-tit .flag {width: clamp(12px, 3.75vw, 24px);height: clamp(12px, 3.75vw, 24px);}
#sub3 .ges-con .inner .con-txt .box .box-inner .group .sub-group .group-tit .flag img {width: 100%;height: auto;}
#sub3 .ges-con .inner .con-txt .box .box-inner .group .sub-group .group-tit h6 {font-size: clamp(10px, 3.125vw, 20px);font-weight: 700;color: #32B094;}
#sub3 .ges-con .inner .con-txt .box .box-inner .group .sub-group ul {margin-top: clamp(5px, 1.563vw, 10px);}
#sub3 .ges-con .inner .con-txt .box .box-inner .group .sub-group ul li {margin-top: 0;}
#sub3 .ges-con .inner .con-txt .box .box-inner .group .sub-group ul li p {font-size: clamp(9px, 2.813vw, 18px);font-weight: 500;letter-spacing: -0.05em;padding-right: 0;}
#sub3 .desired-con .inner .con-txt .box {background-color: #F2F8F6;border: 1px solid #32B094;}
#sub3 .desired-con .inner .con-txt .box .box-inner ul li .dot {background-color: #222;}
#sub3 .desired-con .inner .con-txt .box .box-inner ul li p {color: #222;}