@charset "utf-8";

html, body {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(200px, 62.5vw, 360px);height: clamp(40px, 12.5vw, 64px);border-radius: clamp(4px, 1.25vw, 8px);background: linear-gradient(270deg,rgba(50, 176, 148, 1) 0%, rgba(40, 166, 134, 1) 100%);padding: 0 clamp(14px, 4.375vw, 24px);margin: clamp(10px, 3.125vw, 16px)auto 0;}
#main .main-text .btn-wrap a:first-child {margin-top: 0;}
#main .main-text .btn-wrap a p {font-size: clamp(14px, 4.375vw, 22px);font-weight: 700;}
#main .main-text .btn-wrap a .icon {width: clamp(18px, 5.625vw, 32px);height: clamp(18px, 5.625vw, 32px);}
#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;z-index: 1000;}
#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 {overflow-x: scroll;}
#naviWrap .gnb ul {display: flex;gap: clamp(8px, 2.5vw, 16px);overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;white-space: nowrap;}
#naviWrap .gnb ul::-webkit-scrollbar {display: none;}
#naviWrap .gnb ul li a {font-size: clamp(14px, 3.75vw, 18px);font-weight: 500;line-height: 1.4;letter-spacing: -0.025em;white-space: nowrap;}
#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);}