:root {
    --max-width: 768px;

    --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;

}

@media screen and (min-width:768px){
    :root {
        --sec-padding: 120px;
        --sec-padding-lg: 160px;
        --inner-width:94%;
    }
}
@media screen and (min-width:1200px){
    :root {
        --inner-width:1200px;
    }
}

#wrap {max-width: var(--max-width);margin: 0 auto;width: 100%;}

@media screen and (min-width:768px){
    #wrap {max-width: none;}
}

.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;font-size: 0.875rem;}
.caption p {color: var(--color-gray-400);text-indent: -10px;margin: 0 0 8px 10px;line-height: 130%;}
.pc_show {display: none;}

@media screen and (max-width:320px){
    .sm_hide {display: none;}
}
@media screen and (min-width:768px){
    .btn._pc-sm {width: fit-content;}
    .title {margin:0 0 48px;gap:16px}
    .title img {width: 108px;;}
    .title h3 {font-size: 2.625rem;}
    .title h4 {font-size: 1.125rem;}
    .title p {font-size: 1.5rem;}
    .title br {display: none;}

    .mo_show {display: none !important;}
    .pc_show {display: block !important;}
}


.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;}

@media screen and (min-width:768px){
    .bg_01 {padding: 0;}
}

.mainvisual {width:100%;min-height:100svh;min-height:100dvh;height:auto;position: relative;}
.mainvisual video {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 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%;z-index: 3;}
.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;}

@media screen and (min-width:768px){
    .mainvisual::before {content:"";display: block;position: absolute;top:0;left:0;width:100%;height:100%;background: #24334A;opacity: 0.2;z-index: 1;}
    .mainvisual .maintxt {height:auto;top:40%;}
    .mainvisual .maintxt img {width: 128px;}
    .mainvisual .maintxt h2 {font-size: 3.875rem;}
    .mainvisual .maintxt h2 br {display: none;}
    .mainvisual .maintxt p {font-size: 1.5rem;}
    .mainvisual .maintxt a {display: none;}
}

.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-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);}

@media screen and (min-width:768px){
    .sec_before .caption {text-align: center;margin-top: 32px;}
    .before-video-prev,.before-video-next {width: 120px;height: 120px;top:50%;bottom:auto;transform:translateY(-50%)}
    .before-video-prev{left:4%}
    .before-video-next{right:4%}
    .before-swiper .swiper-slide {opacity: 0.2;}
    .before-swiper .swiper-slide-active {opacity: 1;}
}

.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_solution ul li p {}

@media screen and (min-width:768px){
    .sec_solution {width: var(--inner-width);margin: 0 auto;}
    .sec_solution ul li {font-size: 1.25rem;padding: 24px;}
    .sec_solution ul li span {margin:0 0 8px;}
}

.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%;}

@media screen and (min-width:768px){
    .sec_point {width: var(--inner-width);margin: 0 auto;padding: var(--sec-padding) 0 var(--sec-padding-lg);}
    .sec_point ul {grid-template-columns: repeat(4,1fr);gap:10px;}
    .sec_point ul li {font-size: 1.125rem;padding: 24px;}
    .sec_point ul li span {margin:0 0 16px;}
}

.sec_hero {width:100%;min-height:100svh;min-height:100dvh;height:auto; 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: relative;top:0;left:0; z-index: 2;padding:66px 15px;display: flex;flex-direction: column;justify-content: space-between;align-items: center; height:100%;min-height:100svh;min-height:100dvh;height:auto;}
.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;text-align: right;}
.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%;}
.sec_hero .caption {width: 80%;text-align: center;}

@media screen and (min-width:768px){
    .sec_hero .hero_txt {width: 820px;left:50%;transform:translateX(-50%);padding: var(--sec-padding) 0;}
    .sec_hero .hero_message {width: 100%;}
    .sec_hero .hero_message div {padding: 28px 40px;max-width: 450px;}
    .sec_hero .hero_message div:nth-child(1)::after {width: 154px;bottom:-44px;}
    .sec_hero .hero_message div:nth-child(2)::after {width: 117px;}
    .sec_hero .hero_message div h5 {font-size: 1.5rem;margin: 0 0 4px;}
    .sec_hero .hero_message div p {font-size: 1.125rem;}
}

.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%;color: var(--color-gray-500);}

@media screen and (min-width:768px){
    .sec_injection {width: var(--inner-width);margin: 0 auto;}
    .sec_injection ul {display: flex;gap:10px}
    .sec_injection ul li {font-size: 1.125rem;padding: 24px;flex:1;}
    .sec_injection ul li span {margin:0 0 8px;}
}

.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;}
.sec_qna ul li p {color: var(--color-gray-600);line-height: 140%;}
.sec_qna .caption {display: none;}


@media screen and (min-width:768px){
    .sec_qna {width: var(--inner-width);margin: 0 auto;padding: var(--sec-padding) 0;}
    .sec_qna ul li {font-size: 1.25rem;padding: 32px 0;flex:1;}
    .sec_qna ul li h5 {font-size: 1.25rem;margin:0 0 14px;}
    .sec_qna ul li p {font-size: 1.125rem;}
}

@media screen and (min-width:1200px){
    .sec_qna .caption {display: block;}
}

/* 문의 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_form img {display: none;}
.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);}
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:#CDC3BD;}
.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);}

.sec_inquiry input::placeholder {color: var(--color-gray-200);}

@media screen and (min-width:1200px){
    .check_wrap {flex-wrap:nowrap;white-space: nowrap;}
    .check_wrap .check {margin:0;height:50px;}

    .sec_inquiry {position: fixed;bottom:40px;left:50%;transform:translate(-50%, 0);width: 100%;margin: 0 auto;z-index: 100;padding: 0 40px;}
    .sec_inquiry .inquiry_top {display: none;}
    .sec_inquiry .caption {display: none;}
    .sec_inquiry h5, .sec_inquiry label {font-size: 14px;}
    .sec_inquiry .inquiry_form {display: flex;align-items: center; gap:16px;padding: 16px 16px 16px 50px;background: rgba(255, 255, 255, 0.80);border-radius: 200px;max-width:1800px;margin: 0 auto;}
    .sec_inquiry .inquiry_form[data-aos=fade-up] {transform:translate3d(0,40px,0);}
    .sec_inquiry .inquiry_form img {display: block;height:60px;margin: 0 8px 0 0;}
    .sec_inquiry .inquiry_form div {margin:0;flex:1}
    .sec_inquiry .inquiry_form .btn {border-radius: 200px;height: -webkit-fill-available;}

    .sec_inquiry{
        --inq-checked:#333E58;
        --inq-point:#6D7891;
        --inq-placeholder:#919AAF;
        --inq-icon-bg:#E6EAF3;
        --inq-icon:#c6cddb;
    }
    .sec_inquiry.inquiry-bg01{
        --inq-checked:#372E28;
        --inq-point:#635A54;
        --inq-placeholder:#BEB3AB;
        --inq-icon-bg:#F2EBE8;
        --inq-icon:#CDC3BD;
    }
    .sec_inquiry.inquiry-bg02{
        --inq-checked:#372E28;
        --inq-point:#635A54;
        --inq-placeholder:#BEB3AB;
        --inq-icon-bg:#F2EBE8;
        --inq-icon:#CDC3BD;
    }
    .sec_inquiry.inquiry-hero{
        --inq-checked:#993B4B;
        --inq-point:#D4637D;
        --inq-placeholder:#D4A9B3;
        --inq-icon-bg:#F9EDEF;
        --inq-icon:#E4C9CF;
    }

    .sec_inquiry h5,.sec_inquiry label{color:var(--inq-point)}
    .sec_inquiry input, .sec_inquiry select, .sec_inquiry .check {border:1px solid var(--inq-icon);}
    .sec_inquiry input::placeholder{color:var(--inq-placeholder)}
    .sec_inquiry .check_wrap .check_icon {background:var(--inq-icon-bg);color: var(--inq-icon);}
    .sec_inquiry .check_wrap .check_icon:has(input:checked) ,.sec_inquiry .inquiry_form .btn{background:var(--inq-point)}
    .sec_inquiry .check_wrap .check {color:var(--inq-checked)}
    .sec_inquiry .check_wrap .check:has(input:checked) {background:var(--inq-point)}
    .sec_inquiry .check_wrap .check:has(input:checked) .check_icon{background:var(--inq-checked);color: var(--color-white);}
}

footer {padding: 30px 16px;background: var(--color-gray-100);color: var(--color-gray-200);font-size: 0.875rem;}
footer div {display: flex;flex-direction: column;gap: 16px;}
footer address {font-style: normal;line-height: 140%;}

@media screen and (min-width:1200px){
    footer {padding: 30px 16px 180px;}
}
@media screen and (min-width:768px){
    footer div {width:var(--inner-width);margin: 0 auto;}
}