/*메인*/

.main {width:100%; min-height:var(--nvh); padding-top:calc(var(--headerH) + (var(--gap-24) * 2)); overflow:hidden;}

.main section {width:100%; position:relative; box-sizing:border-box;}
.main section .sec-wrap {margin:0 auto; position:relative;}
.main section .sec-title {width:100%; margin-bottom:var(--gap-80); text-align:center;}
.main section .sec-title h2 {font-size:40px; font-weight:800; line-height:1.5; text-align:center;}
.main section .sec-title h2 span {position:relative;}
.main section .sec-title h2 span:after {content:""; width:var(--gap-10); height:var(--gap-10); background:var(--key-color); position:absolute; right:calc((var(--gap-10) + 5px) * -1); bottom:0;}
.main section .sec-title .sub-conts {width:100%; margin-top:var(--gap-16); font-size:var(--font-20); font-weight:600;}

@media screen and (max-width: 1024px) {
    .main section .sec-title h2 {font-size:36px;}
}

@media screen and (max-width: 768px) {
    .main section .sec-title h2 {font-size:32px;}
}

@media screen and (max-width: 648px) {
    .main section .sec-title h2 span em {display:block;}
}

@media screen and (max-width: 480px) {
    .main section .sec-title h2 {font-size:20px;}
    .main section .sec-title .sub-conts {font-size:var(--font-16);}
}

.main section .sec-conts {width:100%;}



/*visual*/
.main .visual {min-height:calc(var(--nvh) - var(--headerH) - (var(--gap-24) * 2)); padding:calc(var(--gap-50) * 2) 0 calc(var(--gap-50) * 3) 0; display:flex; align-items:center; justify-content:center;}
.main .visual .sec-wrap {width:100%; max-width:1920px;}

.main .visual .visual-slider {width:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.main .visual .visual-slider .slider-container {min-width:1000px;}
.main .visual .visual-slider .slider-container:not(.active) .slider-wrap {transform:scale(0.65);}
.main .visual .visual-slider .slider-container .slider {aspect-ratio:2/1; position:relative;}
.main .visual .visual-slider .slider-container .slider .slide-box {width:100%; position:absolute; left:0; top:0; z-index:0;}
.main .visual .visual-slider .slider-container .slider .slide-box.active {z-index:1;}
.main .visual .visual-slider .slider-container .slider .slide-box .slide-inner {width:100%; position:relative;}
.main .visual .visual-slider .slider-container .slider .slide-box .visual-img {width:100%; height:0; padding-bottom:calc(500 / 1000 * 100%); position:relative; overflow:hidden; will-change:clip-path;}
.main .visual .visual-slider .slider-container .slider .slide-box .visual-img img {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.main .visual .visual-slider .slider-container .slider .slide-box .visual-conts {width:62%; margin-right:calc(var(--gap-40) * -1); margin-left:auto; /*transform:translateY(-50%);*/ opacity:0;}
.main .visual .visual-slider .slider-container .slider .slide-box .visual-conts .conts-box {width:100%; background:var(--white); padding:30px 40px; font-size:var(--font-26); font-weight:600; line-height:150%; letter-spacing:-1px;}
.main .visual .visual-slider .slider-container .slider .slide-box .visual-conts .conts-box .conts {width:100%; max-height:calc((1.5 * var(--font-26)) * 3); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

.main .visual .visual-slider .slider-container:not(.active) .slider .slide-box .visual-conts {display:none;}


@media screen and (min-width: 1921px) {
    .main .visual {height:calc(var(--nvh) - var(--headerH) - (var(--gap-24) * 2)); max-height:1080px; min-height:1080px; overflow:hidden;}
}

@media screen and (min-width: 1025px) {
    .main .visual {height:calc(var(--nvh) - var(--headerH) - (var(--gap-24) * 2)); max-height:1080px; min-height:900px; overflow:hidden;}
}

@media screen and (max-width: 1280px) {
    .main .visual .visual-slider .slider-container {min-width:800px;}
}

@media screen and (max-width: 1024px) {
    .main .visual {height:100%; min-height:100%; padding:calc(var(--gap-50) * 2) 0 calc(var(--gap-50) * 5) 0;}
    .main .visual .visual-slider .slider-container {min-width:auto; width:90%;}
    .main .visual .visual-slider .slider-container:not(.active) {display:none;}
    .main .visual .visual-slider .slider-container .slider .slide-box .visual-conts {width:75%; margin-right:calc((100vw * 0.05) * -1); transform:translateY(-60px);}
    .main .visual .visual-slider .slider-container .slider .slide-box .visual-conts .conts-box {font-size:var(--font-24);}
    .main .visual .visual-slider .slider-container .slider .slide-box .visual-conts .conts-box .conts {max-height:calc((1.5 * var(--font-24)) * 3);}

}

@media screen and (max-width: 768px) {
    .main .visual .visual-slider .slider-container .slider .slide-box .visual-conts {transform:translateY(-60px);}
}

@media screen and (max-width: 684px) {
    .main .visual .visual-slider .slider-container .slider .slide-box .visual-conts {transform:translateY(-52px);}
}

@media screen and (max-width: 480px) {
    .main .visual {padding:calc(var(--gap-50) * 1) 0 calc(var(--gap-50) * 9) 0;}
    .main .visual .visual-slider .slider-container .slider .slide-box .visual-img {height:auto; padding-bottom:0; aspect-ratio:2/1.5;}
    .main .visual .visual-slider .slider-container .slider .slide-box .visual-conts {width:85%; transform:translateY(-46px);}
    .main .visual .visual-slider .slider-container .slider .slide-box .visual-conts .conts-box {font-size:var(--font-18); padding:20px;}
    .main .visual .visual-slider .slider-container .slider .slide-box .visual-conts .conts-box .conts {max-height:calc((1.5 * var(--font-20)) * 3);}
}

.main .visual .slider-count {width:90%; max-width:1000px; margin:0 auto;}
.main .visual .slider-count .count-box {width:fit-content; min-width:80px; height:35px; background:var(--key-color); display:flex; align-items:center; justify-content:center; padding:0 10px; font-size:var(--font-16); font-weight:700; gap:0 3px;}

@media screen and (max-width: 1280px) {
    .main .visual .slider-count {max-width:800px;}
}

@media screen and (max-width: 1024px) {
    .main .visual .slider-count {max-width:100%;}
}

@media screen and (max-width: 480px) {
    .main .visual .slider-count .count-box {min-width:70px; height:32px;}
}


.main .visual .slider-control button {width:50px; height:50px; display:block; background:var(--gray-3); font-size:0; cursor:pointer; position:absolute; top:calc(50% + 17px); transform:translate(-50%,-50%); z-index:50;}
.main .visual .slider-control button:after {content:""; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:40% auto; position:absolute; left:0; top:0;}
.main .visual .slider-control button.btn-prev {left:calc(50% - 580px);}
.main .visual .slider-control button.btn-prev:after {background-image:url(/img/com/arrow_right_white.svg); transform:scaleX(-1);}
.main .visual .slider-control button.btn-next {left:calc(50% + 580px);}
.main .visual .slider-control button.btn-next:after {background-image:url(/img/com/arrow_right_white.svg);}

@media screen and (max-width: 1280px) {
    .main .visual .slider-control button.btn-prev {left:calc(50% - 450px);}
    .main .visual .slider-control button.btn-next {left:calc(50% + 450px);}
}

@media screen and (max-width: 1024px) {
    .main .visual .slider-control {visibility:hidden;}
}





/* works */
.main .works .sec-wrap {width:90%; max-width:var(--max-w); margin:0 auto;}
.main .works .works-wrap {width:100%;}
.main .works .works-wrap .works-box {width:100%; display:flex; align-items:center; gap:20px; flex-wrap:wrap;}
.main .works .works-wrap .works-box li {width:calc((100% - 100px) / 6);}
.main .works .works-wrap .works-box li a {display:block; width:100%; height:100%;}
.main .works .works-wrap .works-box li .works-conts {width:100%; aspect-ratio:1; background:rgba(51,51,51,0.06); padding:30px; display:flex; align-items:center;}
.main .works .works-wrap .works-box li .works-conts > .inner {width:100%; height:100%; display:flex; flex-direction:column; justify-content:space-between; gap:var(--gap-16);}
.main .works .works-wrap .works-box li .works-conts .icon {width:42%;}
.main .works .works-wrap .works-box li .works-conts .icon span {display:block; width:100%; aspect-ratio:1; background-repeat:no-repeat; background-position:center; background-size:cover;}
.main .works .works-wrap .works-box li .works-conts .conts-box {width:100%;}
.main .works .works-wrap .works-box li .works-conts .conts-box > * {display:block;}
.main .works .works-wrap .works-box li .works-conts .conts-box em {font-size:19px; font-weight:700;}
.main .works .works-wrap .works-box li .works-conts .conts-box span {font-size:16px; font-weight:600; letter-spacing:0;}

.main .works .works-wrap .works-box li[data-id="agent"] .works-conts .icon span {background-image:url(/img/main/icon_work_contract.svg);}
.main .works .works-wrap .works-box li[data-id="consulting"] .works-conts .icon span {background-image:url(/img/main/icon_work_cleaning.svg);}
.main .works .works-wrap .works-box li[data-id="companion"] .works-conts .icon span {background-image:url(/img/main/icon_work_companion.svg);}
.main .works .works-wrap .works-box li[data-id="rental"] .works-conts .icon span {background-image:url(/img/main/icon_work_purchase.svg);}
.main .works .works-wrap .works-box li[data-id="living"] .works-conts .icon span {background-image:url(/img/main/icon_work_bag.svg);}
.main .works .works-wrap .works-box li[data-id="cleaning"] .works-conts .icon span {background-image:url(/img/main/icon_work_cleaning.svg);}
.main .works .works-wrap .works-box li[data-id="care"] .works-conts .icon span {background-image:url(/img/main/icon_work_care.svg);}
.main .works .works-wrap .works-box li[data-id="translation"] .works-conts .icon span {background-image:url(/img/main/icon_work_translation.svg);}
.main .works .works-wrap .works-box li[data-id="maintenance"] .works-conts .icon span {background-image:url(/img/main/icon_work_maintenance.svg);}

@media screen and (max-width: 1500px) {
    .main .works .works-wrap .works-box li .works-conts {padding:20px;}
    .main .works .works-wrap .works-box li .works-conts .conts-box em {font-size:17px;}
    .main .works .works-wrap .works-box li .works-conts .conts-box span {font-size:14px;}
}

@media screen and (max-width: 1280px) {
    .main .works .works-wrap .works-box {gap:15px;}
    .main .works .works-wrap .works-box li {width:calc((100% - 75px) / 6);}
    .main .works .works-wrap .works-box li .works-conts {padding:15px;}
    .main .works .works-wrap .works-box li .works-conts .conts-box em {font-size:15px;}
    .main .works .works-wrap .works-box li .works-conts .conts-box span {font-size:12px;}
}

@media screen and (max-width: 1024px) {
    .main .works .works-wrap .works-box {gap:20px;}
    .main .works .works-wrap .works-box li {width:calc((100% - 60px) / 4);}
    .main .works .works-wrap .works-box li .works-conts {padding:25px;}
    .main .works .works-wrap .works-box li .works-conts .conts-box em {font-size:15px;}
    .main .works .works-wrap .works-box li .works-conts .conts-box span {font-size:12px;}
}

@media screen and (max-width: 900px) {
    .main .works .works-wrap .works-box {gap:10px;}
    .main .works .works-wrap .works-box li {width:calc((100% - 30px) / 4);}
    .main .works .works-wrap .works-box li .works-conts {padding:20px;}
}

@media screen and (max-width: 768px) {
    .main .works .works-wrap .works-box {gap:20px;}
    .main .works .works-wrap .works-box li {width:calc((100% - 40px) / 3);}
    .main .works .works-wrap .works-box li.blank-3 {display:none;}
}

@media screen and (max-width: 648px) {
    .main .works .works-wrap .works-box {gap:10px;}
    .main .works .works-wrap .works-box li {width:calc((100% - 20px) / 3);}
    .main .works .works-wrap .works-box li .works-conts .conts-box em {font-size:14px;}
}

@media screen and (max-width: 480px) {
    .main .works .works-wrap .works-box {gap:15px;}
    .main .works .works-wrap .works-box li {width:calc((100% - 15px) / 2);}
    .main .works .works-wrap .works-box li .works-conts .conts-box em {font-size:13px;}
    .main .works .works-wrap .works-box li .works-conts .conts-box span {font-size:11px;}
    .main .works .works-wrap .works-box li.blank {display:none;}
}




/* intro */
.main .intro {width:100%; height:var(--nvh); overflow:hidden;}
.main .intro .sec-wrap {width:100%; height:100%;}
.main .intro .intro-container {width:100%; height:100%;}
.main .intro .intro-container .intro-main {width:100%; height:100%; position:relative; clip-path:inset(15%); z-index:1;}
.main .intro .intro-container .intro-main .img-box {width:100%; height:100%; position:relative; z-index:1;}
.main .intro .intro-container .intro-main .img-box img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.main .intro .intro-container .intro-main .cover {width:100%; height:100%; background:rgba(0,0,0,0.45); position:absolute; left:0; top:0; z-index:2; visibility:hidden; opacity:0;}
.main .intro .intro-container .intro-main .intro-conts {width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; display:flex; align-items:center; justify-content:center;}
.main .intro .intro-container .intro-main .intro-conts .conts-box {width:100%;}
.main .intro .intro-container .intro-main .intro-conts .conts-box .row {display:flex; align-items:center; justify-content:center; font-size:50px; font-weight:800; color:var(--white); gap:0 15px; opacity:0; transform:translateY(50px);}
.main .intro .intro-container .intro-main .intro-conts .conts-box .row span img {display:block; height:70px;}

@media screen and (max-width: 1280px) {
    .main .intro .intro-container .intro-main .intro-conts .conts-box .row {font-size:42px;}
    .main .intro .intro-container .intro-main .intro-conts .conts-box .row span img {height:60px;}
}

@media screen and (max-width: 1024px) {
    .main .intro .intro-container .intro-main .intro-conts .conts-box .row {font-size:32px;}
    .main .intro .intro-container .intro-main .intro-conts .conts-box .row span img {height:46px;}
}

@media screen and (max-width: 768px) {
    .main .intro .intro-container .intro-main .intro-conts .conts-box .row {font-size:28px;}
    .main .intro .intro-container .intro-main .intro-conts .conts-box .row span img {height:42px;}
}

@media screen and (max-width: 648px) {
    .main .intro .intro-container .intro-main .intro-conts .conts-box .row {font-size:22px; gap:0 5px;}
    .main .intro .intro-container .intro-main .intro-conts .conts-box .row span img {height:32px;}
}

@media screen and (max-width: 480px) {
    .main .intro .intro-container .intro-main .intro-conts .conts-box .row {font-size:15px; gap:0 5px;}
    .main .intro .intro-container .intro-main .intro-conts .conts-box .row span img {height:22px;}
}


.main .intro .intro-container .intro-obj .obj-box {position:absolute; z-index:10; transform:scale(0.63);}
.main .intro .intro-container .intro-obj .obj-box .obj {position:relative;}
.main .intro .intro-container .intro-obj .obj-box .obj img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}

.main .intro .intro-container .intro-obj .obj-1 {width:28%; left:16%; top:23%;}
.main .intro .intro-container .intro-obj .obj-1 .obj {aspect-ratio:1;}
.main .intro .intro-container .intro-obj .obj-2 {width:28%; left:56%; top:2%;}
.main .intro .intro-container .intro-obj .obj-2 .obj {aspect-ratio:330 / 645;}
.main .intro .intro-container .intro-obj .obj-3 {width:21%; left:26%; top:12%;}
.main .intro .intro-container .intro-obj .obj-3 .obj {aspect-ratio:1;}
.main .intro .intro-container .intro-obj .obj-4 {width:42%; left:18%; top:51%;}
.main .intro .intro-container .intro-obj .obj-4 .obj {aspect-ratio:505 / 260;}
.main .intro .intro-container .intro-obj .obj-5 {width:37%; left:33%; top:8%;}
.main .intro .intro-container .intro-obj .obj-5 .obj {aspect-ratio:450 / 230;}
.main .intro .intro-container .intro-obj .obj-6 {width:17%; left:48%; top:55%;}
.main .intro .intro-container .intro-obj .obj-6 .obj {aspect-ratio:1;}

@media screen and (max-width: 1024px) {
    .main .intro .intro-container .intro-obj .obj-1 {width:42%; left:1%; top:34%;}
    .main .intro .intro-container .intro-obj .obj-2 {width:40%; left:58%; top:21%;}
    .main .intro .intro-container .intro-obj .obj-3 {width:40%; left:13%; top:17%;}
    .main .intro .intro-container .intro-obj .obj-4 {width:64%; left:4%; top:54%;}
    .main .intro .intro-container .intro-obj .obj-5 {width:62%; left:24%; top:14%;}
    .main .intro .intro-container .intro-obj .obj-6 {width:28%; left:48%; top:56%;}
}

@media screen and (max-width: 768px) {
    .main .intro .intro-container .intro-main {clip-path:inset(25% 10% 25% 10%);}
    .main .intro .intro-container .intro-obj .obj-1 {left:1%; top:42%;}
    .main .intro .intro-container .intro-obj .obj-2 {left:58%; top:28%;}
    .main .intro .intro-container .intro-obj .obj-3 {left:10%; top:28%;}
    .main .intro .intro-container .intro-obj .obj-4 {left:9%; top:54%;}
    .main .intro .intro-container .intro-obj .obj-5 {left:24%; top:26%;}
    .main .intro .intro-container .intro-obj .obj-6 {left:53%; top:55%;}
}





/* solution */
.main .solution {width:100%; padding:calc(var(--gap-50) * 4) 0;}
.main .solution .sec-wrap {width:90%; max-width:var(--max-w); margin:0 auto;}
.main .solution .solution-wrap {width:100%; display:flex;}
.main .solution .solution-wrap .row {width:50%;}
.main .solution .solution-wrap .row .col {width:100%;}
.main .solution .solution-wrap .row .col .solution-box {width:100%; position:relative; opacity:0.2;}
.main .solution .solution-wrap .row .col .solution-box .solution-conts {width:50%; position:relative;}
.main .solution .solution-wrap .row .col .solution-box .solution-conts .img-box {width:100%; position:relative;}
.main .solution .solution-wrap .row .col .solution-box .solution-conts .img-box a {display:block; width:100%; height:100%; position:relative;}
.main .solution .solution-wrap .row .col .solution-box .solution-conts .img-box a[href="javascript:void(0);"] {cursor: default;}
.main .solution .solution-wrap .row .col .solution-box .solution-conts .img-box a:after {content:''; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; z-index:11; visibility:hidden; opacity:0; transition:0.3s ease-in-out;}
.main .solution .solution-wrap .row .col .solution-box .solution-conts .img-box span {position:relative; z-index:10; width:100%;}
.main .solution .solution-wrap .row .col .solution-box .solution-conts .img-box span img {display:block; max-width:100%;}
.main .solution .solution-wrap .row .col .solution-box .solution-conts .img-box button {width:50px; height:50px; background:var(--white); position:absolute; right:0; top:0; z-index:12; visibility:hidden; opacity:0; transition:0.3s ease-in-out; display: none;}
.main .solution .solution-wrap .row .col .solution-box .solution-conts .img-box button:after {content:''; width:100%; height:100%; background:url(/img/com/icon_dir_up_black.svg) center no-repeat; background-size:30% auto; position:absolute; left:0; top:0;}

.main .solution .solution-wrap .row .col .solution-box .solution-conts .conts-box {width:100%; position:absolute; left:0; top:calc(100% + var(--gap-24));}
.main .solution .solution-wrap .row .col .solution-box .solution-conts .conts-box .label {width:fit-content; height:45px; padding:0 var(--gap-16); font-size:var(--font-20); font-weight:700; display:flex; align-items:center; position:relative; color:var(--white); background:var(--white);}
.main .solution .solution-wrap .row .col .solution-box .solution-conts .conts-box .label span {position:relative; z-index:10;}
.main .solution .solution-wrap .row .col .solution-box .solution-conts .conts-box .label:after {content:""; width:100%; height:100%; background:var(--gray-3); position:absolute; left:0; top:0; transition:transform 0.3s; transform-origin:left; z-index:0;}
.main .solution .solution-wrap .row .col .solution-box .solution-conts .conts-box .conts {width:100%; font-size:var(--font-18); margin-top:var(--gap-16); font-weight:600; padding-right:12%;}

.main .solution .solution-wrap .row .col:nth-child(even) .solution-box .solution-conts {margin-left:auto; margin-right:0;}
.main .solution .solution-wrap .row .col:nth-child(even) .solution-box .solution-conts .conts-box .conts {padding-right:0;}

.main .solution .solution-wrap .row .col.hover .solution-box .solution-conts .img-box a:after,
.main .solution .solution-wrap .row .col.hover .solution-box .solution-conts .img-box button {visibility:visible; opacity:1;}
.main .solution .solution-wrap .row .col.hover .solution-box .solution-conts .conts-box .label {color:var(--gray-3);}
.main .solution .solution-wrap .row .col.hover .solution-box .solution-conts .conts-box .label:after {transform:scaleX(0); transform-origin:right;}

.main .solution .solution-wrap .row .col .solution-box.solution-1 {transform:translate(-10%, -10%);}
.main .solution .solution-wrap .row .col .solution-box.solution-2 {transform:translate(10%, 10%);}
.main .solution .solution-wrap .row .col .solution-box.solution-3 {transform:translate(-5%, -10%);}
.main .solution .solution-wrap .row .col .solution-box.solution-4 {transform:translate(5%, 10%);}


@media screen and (max-width: 1024px) {
    .main .solution .solution-wrap .row .col .solution-box .solution-conts .conts-box .label {font-size:18px;}
    .main .solution .solution-wrap .row .col .solution-box .solution-conts .conts-box .conts {font-size:15px;}
    .main .solution .solution-wrap .row .col .solution-box .solution-conts .img-box button {width:40px; height:40px;}
}

@media screen and (max-width: 768px) {
    .main .solution .solution-wrap {flex-direction:column; gap:var(--gap-80);}
    .main .solution .solution-wrap .row {width:100%;}
    .main .solution .solution-wrap .row .col {margin-top:var(--gap-80);}
    .main .solution .solution-wrap .row .col:first-child {margin-top:0;}
    .main .solution .solution-wrap .row .col .solution-box .solution-conts {width:70%; max-width:400px;}
    .main .solution .solution-wrap .row .col .solution-box .solution-conts .conts-box {position:relative; top:0; margin-top:var(--gap-24);}
    .main .solution .solution-wrap .row .col .solution-box .solution-conts .conts-box .label {font-size:var(--font-20);}
    .main .solution .solution-wrap .row .col .solution-box .solution-conts .conts-box .conts {font-size:var(--font-18); padding-right:0;}
}

@media screen and (max-width: 480px) {
    .main .solution .solution-wrap .row .col .solution-box .solution-conts .conts-box .label {height:40px;}
}





/* contact */
.main .contact .sec-wrap {width:90%; max-width:var(--max-w); margin:0 auto;}
.main .contact .contact-wrap {width:100%; height:300px; background:#FFE2A2; display:flex; align-items:center; padding:20px 100px; position:relative;}
.main .contact .contact-wrap:after {content:""; width:100%; height:100%; background:url(/img/main/banner_shape.svg) right center no-repeat; background-size:auto 100%; position:absolute; left:0; top:0;}
.main .contact .contact-wrap .contact-box {width:100%; position:relative; z-index:10;}
.main .contact .contact-wrap .contact-box .conts {font-size:var(--font-30); font-weight:800; margin-bottom:var(--gap-40);}

@media screen and (max-width: 1024px) {
    .main .contact .contact-wrap {padding:20px var(--gap-40);}
}

@media screen and (max-width: 768px) {
    .main .contact .contact-wrap {height:250px;}
    .main .contact .contact-wrap:after {background-position:center;}
}

@media screen and (max-width: 648px) {
    .main .contact .contact-wrap .contact-box .conts {font-size:var(--font-24);}
}

@media screen and (max-width: 480px) {
    .main .contact .contact-wrap {height:200px;}
    .main .contact .contact-wrap:after {background-size:100% auto;}
    .main .contact .contact-wrap .contact-box .conts {font-size:var(--font-18);}
}





/* review */
.main .review {width:100%; padding:calc(var(--gap-50) * 4) 0;}
.main .review .sec-wrap {width:100%; max-width:1920px; margin:0 auto;}
.main .review .review-slider-wrap {width:100%; overflow:hidden;}
.main .review .review-slider-wrap .review-slider li {width:620px; margin:0 100px;}
.main .review .review-slider-wrap .review-slider li .review-box {width:100%; position:relative; background:transparent;}
.main .review .review-slider-wrap .review-slider li .review-box > .inner {width:100%;}
.main .review .review-slider-wrap .review-slider li .review-box .img-box {width:100%; transform:translateY(145px); transition:transform 0.5s; transition-timing-function:cubic-bezier(.4,0,.2,1)}
.main .review .review-slider-wrap .review-slider li .review-box .img-box span {display:block; width:100%; aspect-ratio:3/2; position:relative;}
.main .review .review-slider-wrap .review-slider li .review-box .img-box span img {display:block; object-fit:cover; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.main .review .review-slider-wrap .review-slider li .review-box .review-conts {width:100%; background:var(--white); padding:var(--gap-32);}
.main .review .review-slider-wrap .review-slider li .review-box .review-conts .conts {width:100%; height:calc((1.5 * var(--font-16)) * 3); overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size:var(--font-16); font-weight:600; text-overflow:ellipsis; text-align:center;}
.main .review .review-slider-wrap .review-slider li .review-box .numbering {width:50px; height:50px; background:var(--key-color); display:flex; align-items:center; justify-content:center; font-size:var(--font-20); font-weight:700; position:absolute; right:-50px; top:0; visibility:hidden;}

.main .review .review-slider-wrap .review-slider .swiper-slide-active .review-box {padding:10px 10px 0 10px; background:var(--white);}
.main .review .review-slider-wrap .review-slider .swiper-slide-active .review-box .img-box {transform:translateY(0);}
.main .review .review-slider-wrap .review-slider .swiper-slide-active .review-box .numbering {visibility:visible;}

.main .review .review-slider-wrap .slider-control {width:100%; margin-top:var(--gap-50); display:flex; align-items:center; justify-content:center; gap:var(--gap-24);} 

@media screen and (max-width: 1280px) {
    .main .review .review-slider-wrap .review-slider li {margin:0 50px;}
}

@media screen and (max-width: 1024px) {
    .main .review .review-slider-wrap .review-slider li {width:500px; margin:0 40px;}
    .main .review .review-slider-wrap .review-slider li .review-box .img-box {transform:translateY(128px);}
}

@media screen and (max-width: 768px) {
    .main .review .review-slider-wrap .review-slider li .review-box .img-box {transform:translateY(120px);}
}

@media screen and (max-width: 648px) {
    .main .review .review-slider-wrap {margin:0 auto;}
    .main .review .review-slider-wrap .review-slider li {width:90%; margin:0 40px;}
    .main .review .review-slider-wrap .review-slider li .review-box .numbering {width:40px; height:40px; right:0;}
}

@media screen and (max-width: 480px) {
    .main .review .review-slider-wrap .review-slider li .review-box .review-conts {padding:var(--gap-32) 10px;}
    .main .review .review-slider-wrap .review-slider li .review-box .review-conts .conts {height:calc((1.5 * 11px) * 3); font-size:11px;}
    .main .review .review-slider-wrap .review-slider li .review-box .numbering {width:36px; height:36px;}
}





/* inquiry */
.main .inquiry {width:100%; height:var(--nvh); min-height:600px;}
.main .inquiry .sec-wrap {width:100%; height:100%;}
.main .inquiry .inquiry-wrap {width:100%; height:100%; display:flex;}
.main .inquiry .inquiry-wrap .inquiry-box {flex:1; position:relative;}
.main .inquiry .inquiry-wrap .inquiry-box .img-box {width:100%; height:100%; position:relative; overflow:hidden;}
.main .inquiry .inquiry-wrap .inquiry-box .img-box span {display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.main .inquiry .inquiry-wrap .inquiry-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.main .inquiry .inquiry-wrap .inquiry-box .inquiry-conts {width:100%; height:45%; background:var(--begie); padding:var(--gap-60) var(--gap-24); position:absolute; left:0; bottom:0; display:flex; align-items:center;}
.main .inquiry .inquiry-wrap .inquiry-box .inquiry-conts:after {content:''; width:5%; height:100%; background: #5D4124; background: linear-gradient(90deg, rgba(93, 65, 36, 1) 0%, rgba(93, 65, 36, 0) 100%); position:absolute; left:0; top:0; z-index:0; opacity:0.05;}
.main .inquiry .inquiry-wrap .inquiry-box .inquiry-conts > .inner {width:100%; position:relative; z-index:10;}
.main .inquiry .inquiry-wrap .inquiry-box .inquiry-conts .conts-box {width:100%; text-align:center; margin-bottom:var(--gap-50);}
.main .inquiry .inquiry-wrap .inquiry-box .inquiry-conts .conts-box .head {font-size:30px; font-weight:800;}
.main .inquiry .inquiry-wrap .inquiry-box .inquiry-conts .conts-box .conts {width:100%; margin-top:var(--gap-24); font-size:20px; font-weight:600;}
.main .inquiry .inquiry-wrap .inquiry-box .inquiry-conts .button {margin:0 auto;}

@media screen and (max-width: 1440px) {
    .main .inquiry .inquiry-wrap .inquiry-box .inquiry-conts .conts-box .conts {font-size:16px;}
}

@media screen and (max-width: 1280px) {
    .main .inquiry .inquiry-wrap .inquiry-box .inquiry-conts .conts-box .head {font-size:24px;}
    .main .inquiry .inquiry-wrap .inquiry-box .inquiry-conts .conts-box .conts {font-size:13px;}
}

@media screen and (max-width: 900px) {
    .main .inquiry {height:100%; min-height:100%;}
    .main .inquiry .inquiry-wrap {flex-direction:column;}
    .main .inquiry .inquiry-wrap .inquiry-box .img-box {clip-path:inset(0% 50% 70% 0%); will-change:clip-path;}
    .main .inquiry .inquiry-wrap .inquiry-box .img-box span {height:var(--nvh); min-height:400px;}
    .main .inquiry .inquiry-wrap .inquiry-box .inquiry-conts:after {display:none;}
    .main .inquiry .inquiry-wrap .inquiry-box .inquiry-conts .conts-box .head {font-size:var(--font-30);}
    .main .inquiry .inquiry-wrap .inquiry-box .inquiry-conts .conts-box .conts {font-size:var(--font-20);}
}

@media screen and (max-width: 480px) {
    .main .inquiry .inquiry-wrap .inquiry-box .inquiry-conts .conts-box .conts {font-size:var(--font-16);}
}



/* partner */
.main .partner {width:100%; padding:calc(var(--gap-50) * 3) 0 calc(var(--gap-50) * 2) 0;}
.main .partner .partner-wrap {width:100%;}
.main .partner .partner-wrap .partner-slider .partner-list {transition-timing-function: linear !important;}
.main .partner .partner-wrap .partner-slider .partner-list li {width:180px; margin:0 25px;}
.main .partner .partner-wrap .partner-slider .partner-list li span {display:block; width:100%; aspect-ratio:180 / 50; position:relative;}
.main .partner .partner-wrap .partner-slider .partner-list li span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:contain;}

@media screen and (max-width: 648px) {
    .main .partner .partner-wrap .partner-slider .partner-list li {width:160px; margin:0 20px;}
}

@media screen and (max-width: 480px) {
    .main .partner .partner-wrap .partner-slider .partner-list li {width:120px; margin:0 15px;}
}







@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 648px) {}
@media screen and (max-width: 480px) {}