:root {
    --max-width: 480px;

    --color-white: #fff;
    --color-black: #111;
    --color-primary: #635A54;

    --color-gray-100: #F2EBE8;
    --color-gray-200: #BEB3AB;
    --color-gray-300: #967E6F;
    --color-gray-400: #635A54;
    --color-gray-500: #52453D;
    --color-gray-600: #413232;
    --color-gray-700: #372E28;
    --color-gray-800: #392B22;

    --sec-padding: 80px;

}

#wrap {width: var(--max-width);margin: 0 auto;}

.btn {padding: 14px 16px;text-align: center;background: var(--color-gray-400);border-radius: 5px;color: var(--color-white);font-weight: 700;font-size: 1.125rem;}
.btn._lg {width: 100%;}
.title {margin:0 0 28px;display: flex;flex-direction: column;align-items: center;gap:10px;text-align: center;}
.title img {margin:0 0 18px;}
.title h4 {font-size: 0.875rem;color: var(--color-gray-500);font-weight: 600;padding: 6px 12px;border: 1px solid var(--color-gray-500);border-radius: 50px;}
.title h3 {font-size: 1.75rem;color: var(--color-gray-500);font-weight: 700;}
.title p {line-height: 140%;}
.caption {margin-top: 24px;word-break: keep-all;font-size: 0.875rem;}
.caption p {color: var(--color-gray-400);text-indent: -10px;margin: 0 0 8px 10px;line-height: 130%;}

.bg_01 {background: url('../images/bg_01_m.jpg') no-repeat center center/cover;padding: 0 20px;}
.bg_02 {background: url('../images/bg_02_m.jpg') no-repeat center center/cover;padding: 0 20px;}

.mainvisual {width:100%;height:100vh;position: relative;}
.mainvisual video {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.mainvisual .maintxt {position: absolute;padding: 84px 0;height: 100%; top: 50%;left: 50%;display: flex;flex-direction: column;align-items: center;justify-content: space-between; transform: translate(-50%,-50%);text-align: center;width: 100%;}
.mainvisual .maintxt h2 {font-family: "YesMyungjo";font-size: 2.375rem;font-weight: 400;color: #fff;line-height: 120%;margin:72px 0 16px}
.mainvisual .maintxt p {font-size: 1.125rem;color: var(--color-white);line-height: 140%;font-weight: 500;}
.mainvisual .maintxt a {width: 280px;background: rgba(255,255,255,0.1);backdrop-filter: blur(5px);border-radius: 50px;color: var(--color-white);font-weight: 700;font-size: 1.125rem;padding: 20px;display: flex;gap:10px;align-items: center;justify-content: center;}

.sec_before {padding: var(--sec-padding) 0 0;}
.sec_before .swiper-slide {aspect-ratio: 4/5;}
.sec_before video {width:100%;height:100%;object-fit: cover;}
.before-video-swiper{position:relative;}
.before-video-prev,.before-video-next{position:absolute;bottom:20px;z-index:10;width:60px;height:60px;display: flex;align-items: center;justify-content: center; border:0;border-radius:50%;transition:opacity .2s,background .2s;color: var(--color-white);border: 1px solid #fff; background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(5px);}
.before-video-prev svg,.before-video-next svg {width: 28px;height: 28px;}
.before-video-prev{left:20px}
.before-video-next{right:20px}
.swiper_prev_on, .swiper_next_on {color: var(--color-gray-500);border: 1px solid var(--color-gray-500);}

.sec_solution {padding: var(--sec-padding) 0 0;}
.sec_solution ul li {margin:0 0 6px; padding: 14px 20px;text-align: center;color: var(--color-gray-500); border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.40);background: linear-gradient(96deg, rgba(255, 255, 255, 0.50) 15.39%, rgba(255, 255, 255, 0.10) 86.05%);backdrop-filter: blur(8px);}
.sec_solution ul li span {display: block;font-size: 0.875rem;color: var(--color-gray-300);margin:0 0 4px;}

.sec_point {padding: var(--sec-padding) 0;}
.sec_point ul {display: grid;grid-template-columns: repeat(2,1fr);gap:10px;}
.sec_point ul li {padding: 24px 14px;text-align: center;color: var(--color-gray-500); border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.40);background: rgba(255, 255, 255, 0.20);}
.sec_point ul li p {margin: 12px 0 0;line-height: 130%;}

.sec_hero {width:100%;height:100vh;position: relative;}
.sec_hero video {width: 100%;height: calc(100% - 120px);object-fit: cover;position: absolute;top: 0;left: 0;margin-top: 120px;}
.sec_hero::before {content: '';display: block; position: absolute;top: 0;left: 0;width: 100%;height: 390px;background: linear-gradient(180deg, #FCF2F3 30.81%, rgba(253, 238, 241, 0.74) 53%, rgba(252, 223, 224, 0.00) 87.87%);z-index: 1;}
.sec_hero .hero_txt {position: absolute;top:0;left:0; z-index: 2;padding:66px 15px;display: flex;flex-direction: column;justify-content: space-between;align-items: center; height:100%;}
.sec_hero .hero_txt .title h4 {background: linear-gradient(90deg, #EFA2B1 0%, #EB87A9 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;border: 1px solid #EFA2B1;}
.sec_hero .hero_txt .title h3 {color: #C74070;}
.sec_hero .hero_txt .title p {color: #C74070;}
.sec_hero .hero_message {display: flex;flex-direction: column;gap:7%;flex:1;margin:24px 0 0;}
.sec_hero .hero_message div {border-radius: 10px;border: 1px solid #111;background: rgba(255, 255, 255, 0.80);padding: 20px 32px;width: 90%; position: relative;}
.sec_hero .hero_message div:nth-child(1) {margin:0 0 44px 0;}
.sec_hero .hero_message div:nth-child(1)::after{content:"";position: absolute;left:40px;bottom:-42px;display:block;width:80px;height:44px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77' height='38' viewBox='0 0 77 38' fill='none'%3E%3Cpath d='M0.933582 0.25083C0.795969 0.0114193 0.490331 -0.0711036 0.250921 0.0665094C0.0115108 0.204123 -0.0710121 0.50976 0.066601 0.74917L0.500092 0.5L0.933582 0.25083ZM19.9978 34.4209L19.5643 34.6701L19.7085 34.9209H19.9978V34.4209ZM71.3432 34.4209C71.3432 35.8937 72.5371 37.0876 74.0098 37.0876C75.4826 37.0876 76.6765 35.8937 76.6765 34.4209C76.6765 32.9481 75.4826 31.7542 74.0098 31.7542C72.5371 31.7542 71.3432 32.9481 71.3432 34.4209ZM0.500092 0.5L0.066601 0.74917L19.5643 34.6701L19.9978 34.4209L20.4313 34.1717L0.933582 0.25083L0.500092 0.5ZM19.9978 34.4209V34.9209H74.0098V34.4209V33.9209H19.9978V34.4209Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77' height='38' viewBox='0 0 77 38' fill='none'%3E%3Cpath d='M0.933582 0.25083C0.795969 0.0114193 0.490331 -0.0711036 0.250921 0.0665094C0.0115108 0.204123 -0.0710121 0.50976 0.066601 0.74917L0.500092 0.5L0.933582 0.25083ZM19.9978 34.4209L19.5643 34.6701L19.7085 34.9209H19.9978V34.4209ZM71.3432 34.4209C71.3432 35.8937 72.5371 37.0876 74.0098 37.0876C75.4826 37.0876 76.6765 35.8937 76.6765 34.4209C76.6765 32.9481 75.4826 31.7542 74.0098 31.7542C72.5371 31.7542 71.3432 32.9481 71.3432 34.4209ZM0.500092 0.5L0.066601 0.74917L19.5643 34.6701L19.9978 34.4209L20.4313 34.1717L0.933582 0.25083L0.500092 0.5ZM19.9978 34.4209V34.9209H74.0098V34.4209V33.9209H19.9978V34.4209Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat}
.sec_hero .hero_message div:nth-child(2) {margin:34px 0 0 auto;}
.sec_hero .hero_message div:nth-child(2)::after{content:"";position: absolute;right:40px;top:-33px;display:block;width:108px;height:34px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='38' viewBox='0 0 112 38' fill='none'%3E%3Cpath d='M110.406 36.8368C110.543 37.0762 110.849 37.1588 111.088 37.0211C111.328 36.8835 111.41 36.5779 111.273 36.3385L110.839 36.5876L110.406 36.8368ZM91.3414 2.66675L91.7749 2.41758L91.6307 2.16675H91.3414V2.66675ZM5.33333 2.66675C5.33333 1.19399 4.13943 8.01086e-05 2.66666 8.01086e-05C1.1939 8.01086e-05 0 1.19399 0 2.66675C0 4.13951 1.1939 5.33341 2.66666 5.33341C4.13943 5.33341 5.33333 4.13951 5.33333 2.66675ZM110.839 36.5876L111.273 36.3385L91.7749 2.41758L91.3414 2.66675L90.9079 2.91592L110.406 36.8368L110.839 36.5876ZM91.3414 2.66675V2.16675H2.66666V2.66675V3.16675H91.3414V2.66675Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='38' viewBox='0 0 112 38' fill='none'%3E%3Cpath d='M110.406 36.8368C110.543 37.0762 110.849 37.1588 111.088 37.0211C111.328 36.8835 111.41 36.5779 111.273 36.3385L110.839 36.5876L110.406 36.8368ZM91.3414 2.66675L91.7749 2.41758L91.6307 2.16675H91.3414V2.66675ZM5.33333 2.66675C5.33333 1.19399 4.13943 8.01086e-05 2.66666 8.01086e-05C1.1939 8.01086e-05 0 1.19399 0 2.66675C0 4.13951 1.1939 5.33341 2.66666 5.33341C4.13943 5.33341 5.33333 4.13951 5.33333 2.66675ZM110.839 36.5876L111.273 36.3385L91.7749 2.41758L91.3414 2.66675L90.9079 2.91592L110.406 36.8368L110.839 36.5876ZM91.3414 2.66675V2.16675H2.66666V2.66675V3.16675H91.3414V2.66675Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat}
.sec_hero .hero_message div h5 {font-weight: 600;line-height: 140%;}
.sec_hero .hero_message div p {font-size: 0.875rem;line-height: 140%;word-break: keep-all;}
.sec_hero .caption {width: 80%;text-align: center;}

.sec_injection {padding: var(--sec-padding) 0 0;}
.sec_injection ul li {padding: 24px 14px;margin:0 0 6px; text-align: center;color: var(--color-gray-500); border-radius: 10px;background: rgba(255, 255, 255, 0.6);}
.sec_injection ul li p {margin: 12px 0 0;line-height: 130%;}

.sec_qna {padding: var(--sec-padding) 0 0;}
.sec_qna ul li {border-top: 1px solid rgba(255, 255, 255, 0.60);padding: 20px 0;}
.sec_qna ul li:last-child {border-bottom: 1px solid rgba(255, 255, 255, 0.60);}
.sec_qna ul li h5 {color: var(--color-gray-600);margin:0 0 12px;word-break: keep-all;}
.sec_qna ul li p {color: var(--color-gray-600);line-height: 140%;word-break: keep-all;}

/* 문의 form */
.sec_inquiry {padding: var(--sec-padding) 0;}
.sec_inquiry h5, .sec_inquiry label {color: var(--color-gray-400);font-weight: 600;margin:0 0 8px;display: block;}
.sec_inquiry .inquiry_form div {margin-bottom: 24px;}
.sec_inquiry .inquiry_top {text-align: center;}
.sec_inquiry .inquiry_top h3 {margin: 28px 0 30px;font-size: 1.75rem;color: var(--color-gray-500);line-height: 140%;font-weight: 700;}

input[type="text"] {padding: 14px 16px;background: rgba(255,255,255,0.9);outline:none;border:none;border-radius: 5px;width:100%;color: var(--color-gray-400);}
input::placeholder {color: var(--color-gray-200);}
select {padding: 14px 16px;background: rgba(255,255,255,0.9) url("../images/selct_arrow.svg") no-repeat right 16px center;;outline:none;border:none;border-radius: 5px;width:100%;color: var(--color-gray-400);}
.check_wrap {display: flex;gap:6px;flex-wrap:wrap;}
.check_wrap .check{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:5px;background:var(--color-white);color: var(--color-gray-400);font-size:16px;cursor:pointer;transition:.2s}
.check_wrap .check input{position:absolute;opacity:0;pointer-events:none}
.check_wrap .check_icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;background:var(--color-gray-100);color:#9e9e9e;}
.check_wrap .check_icon:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3333 4.3335L5.99999 11.6668L2.66666 8.3335' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3333 4.3335L5.99999 11.6668L2.66666 8.3335' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.check_wrap .check:has(input:checked){background:var(--color-gray-400);color:var(--color-white);}
.check_wrap .check:has(input:checked) .check_icon{background:var(--color-gray-700);color:var(--color-white);}

footer {padding: 30px 16px;background: var(--color-gray-100);color: var(--color-gray-200);display: flex;flex-direction: column;gap: 16px;font-size: 0.875rem;}
footer address {font-style: normal;line-height: 140%;}
