/*서브*/
.contents {width:100%; min-width:280px; padding-top:calc(var(--gap-24) + var(--headerH)); padding-bottom:calc(var(--gap-50) * 4); min-height:var(--nvh);}
.contents > .wrap {width:90%; max-width:var(--max-w); margin:0 auto;}
.contents > .wrap.wide {width:100%; max-width:100%;}
.contents.typeB {padding-top:calc(var(--gap-24) + var(--headerH) + (var(--gap-50) * 3));}


.contents .page-title {width:100%; padding-top:calc(var(--gap-60) * 2); padding-bottom:calc(var(--gap-50) * 3)}
.contents .page-title .title-wrap {width:100%; min-height:220px; display:flex; position:relative; z-index:1; gap:0 var(--gap-10);}
.contents .page-title .title-wrap.short {width:90%; max-width:var(--max-w); margin:0 auto;}
.contents .page-title .title-wrap .title-box {width:58%; padding-left:120px;}
.contents .page-title .title-wrap .title-box h2 {font-size:54px; font-weight:800; line-height:1.2; position:relative; padding-top:55px;}
.contents .page-title .title-wrap .title-box h2:before {content:""; width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-size:cover; position:absolute; left:0; top:0;}
.contents .page-title .title-wrap .title-box h2 span {position:relative;}
.contents .page-title .title-wrap .title-box 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;}
.contents .page-title .title-wrap .sub-conts {width:42%; padding-top:80px;}
.contents .page-title .title-wrap .sub-conts .head {font-size:26px; font-weight:800;}
.contents .page-title .title-wrap .sub-conts .head.typeB {font-size:20px;}
.contents .page-title .title-wrap .sub-conts .conts {width:100%; margin-top:var(--gap-16); font-size:20px; font-weight:700;}
.contents .page-title .title-wrap .sub-conts .button-wrap {width:100%; margin-top:var(--gap-40); display:flex; gap:var(--gap-10); flex-wrap:wrap;}


@media screen and (max-width: 1440px) {
    .contents .page-title .title-wrap .title-box {padding-left:80px;}
    .contents .page-title .title-wrap .title-box h2 {font-size:50px;}
}

@media screen and (max-width: 1280px) {
    .contents .page-title .title-wrap {min-height:200px;}
    .contents .page-title .title-wrap .title-box {padding-left:60px;}
    .contents .page-title .title-wrap .title-box h2 {font-size:40px; padding-top:50px;}
    .contents .page-title .title-wrap .title-box h2:before {width:36px; height:36px;}
    .contents .page-title .title-wrap .sub-conts {padding-top:60px;}
    .contents .page-title .title-wrap .sub-conts .head {font-size:24px;}
    .contents .page-title .title-wrap .sub-conts .head.typeB {font-size:18px;}
    .contents .page-title .title-wrap .sub-conts .conts {font-size:16px;}
}

@media screen and (max-width: 1024px) {
    .contents .page-title .title-wrap {flex-direction:column; gap:var(--gap-40); min-height:100%;}
    .contents .page-title .title-wrap .title-box {width:100%; padding-left:0;}
    .contents .page-title .title-wrap .title-box h2 {text-align:center;}
    .contents .page-title .title-wrap .title-box h2:before {left:50%; transform:translateX(-50%);}
    .contents .page-title .title-wrap .sub-conts {width:100%; padding-top:0; text-align:center;}
    .contents .page-title .title-wrap .sub-conts .head {font-size:var(--font-28);}
    .contents .page-title .title-wrap .sub-conts .head.typeB {font-size:var(--font-24);}
    .contents .page-title .title-wrap .sub-conts .conts {font-size:var(--font-20);}
    .contents .page-title .title-wrap .sub-conts .button-wrap {justify-content:center;}
}

@media screen and (max-width: 648px) {
    .contents .page-title .title-wrap .title-box h2 {font-size:36px; padding-top:46px;}
    .contents .page-title .title-wrap .title-box h2:before {width:32px; height:32px;}
}

@media screen and (max-width: 480px) {
    .contents .page-title .title-wrap .title-box h2 {font-size:24px; padding-top:40px;}
    .contents .page-title .title-wrap .title-box h2:before {width:28px; height:28px;}
    .contents .page-title .title-wrap .sub-conts .head {font-size:var(--font-24);}
    .contents .page-title .title-wrap .sub-conts .head {font-size:var(--font-20);}
    .contents .page-title .title-wrap .sub-conts .conts {font-size:var(--font-16);}
}




.contents section .sec-title {width:100%; margin-bottom:var(--gap-80);}
.contents section .sec-title h2 {font-size:40px; font-weight:800; line-height:1.3; text-align:center;}
.contents section .sec-title h2 span {position:relative;}
.contents 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:2px;}
.contents section .sec-title h2.typeB span:after {display:none;}
.contents section .sec-title .conts {width:100%; font-size:24px; font-weight:600; text-align:center; margin-top:var(--gap-24);}

@media screen and (max-width: 1280px) {
    .contents section .sec-title h2 {font-size:34px;}
}

@media screen and (max-width: 768px) {
    .contents section .sec-title h2 {font-size:30px;}
    .contents section .sec-title .conts {font-size:20px;}
}

@media screen and (max-width: 648px) {
    .contents section .sec-title h2 {font-size:26px;}
}

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



.contents .com-main-img-wrap {width:100%;}
.contents .com-main-img-wrap .img-box {width:90%; max-width:var(--max-w); margin:0 auto;}
.contents .com-main-img-wrap .img-box span {display:block; width:100%; aspect-ratio:1600/700; position:relative;}
.contents .com-main-img-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}





.contents .com-category {width:100%; margin-bottom:var(--gap-80);}
.contents .com-category .category-box {width:fit-content; display:flex; align-items:center; justify-content:center; border:5px solid var(--white); max-width:100%; margin:0 auto;}
.contents .com-category .category-box .btn-category {width:180px; height:60px; display:flex; align-items:center; justify-content:space-between; padding:0 var(--gap-24); background:var(--white); font-size:var(--font-18); font-weight:800; color:var(--gray-6);}
.contents .com-category .category-box .btn-category span {display:block; width:20px; height:20px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.contents .com-category .category-box .btn-category.on {background:var(--gray-3); color:var(--white);}


@media screen and (max-width: 768px) {
    .contents .com-category .category-box .btn-category {width:160px; height:56px;}
}

@media screen and (max-width: 480px) {
    .contents .com-category .category-box {border-width:3px;}
    .contents .com-category .category-box .btn-category {width:140px; height:42px;}
    .contents .com-category .category-box .btn-category span {width:15px; height:15px;}
}







/* 검색 */
.search-wrap {width:100%;}
.search-wrap .search-box {width:100%; max-width:350px; background:var(--white); padding:0 var(--gap-24); display:flex; align-items:center; gap:0 var(--gap-24);}
.search-wrap .search-box .input-box {flex-grow:1;}
.search-wrap .search-box .input-box input {width:100%; height:60px; border:none; background:transparent; font-size:var(--font-16); font-weight:700;}
.search-wrap .search-box .input-box input::placeholder {color:#999;}
.search-wrap .search-box .btn-search {width:30px; height:30px; background:url(/img/conts/icon_search.svg) center no-repeat; background-size:52% auto; background-color:var(--gray-3); font-size:0; cursor:pointer; transition:background-color 0.3s ease-in-out;}
.search-wrap .search-box .btn-search:hover {background-color:var(--key-color);}

@media screen and (max-width: 768px) {
    .search-wrap .search-box .input-box input {height:52px;}
}

@media screen and (max-width: 480px) {
    .search-wrap .search-box .input-box input {height:46px;}
}





/* 게시판 */
.board .board-search {width:100%; margin-bottom:var(--gap-32);}
.board .board-search .search-wrap {display:flex; align-items:center; justify-content:flex-end;}
.board .board-search .search-wrap .search-box {width:80%; max-width:350px;}





.board .board-list-wrap {width:100%;}

.board .board-list-wrap .non-conts {width:100%; height:330px; background:var(--bg-gray); display:flex; align-items:center; justify-content:center;}
.board .board-list-wrap .non-conts .conts {font-size:var(--font-20); font-weight:700; width:100%; text-align:center;}

@media screen and (max-width: 1024px) {
    .board .board-list-wrap .non-conts {height:300px;}
}

@media screen and (max-width: 768px) {
    .board .board-list-wrap .non-conts {height:240px;}
}

@media screen and (max-width: 480px) {
    .board .board-list-wrap .non-conts {height:160px;}
}


.board .board-list-wrap .list-tb {width:100%;}

.board .list-card-tb {--car-col-size:3; --card-col-gap-w:50px; --card-col-gap-h:100px; --card-post-gap:40px; --card-tlt-size:var(--font-20); display:flex; flex-wrap:wrap; gap:var(--card-col-gap-h) var(--card-col-gap-w);}
.board .list-card-tb .col {width:calc((100% - (var(--card-col-gap-w) * (var(--car-col-size) - 1))) / var(--car-col-size));}
.board .list-card-tb .col a {width:100%; height:100%; display:block;}
.board .list-card-tb .col .post-box {width:100%; padding:var(--card-post-gap); padding-bottom:calc(var(--card-post-gap) + var(--gap-10)); background-color:var(--bg-gray); transition:background-color 0.3s ease-in-out;}
.board .list-card-tb .col .post-box .thumbnail {width:100%;}
.board .list-card-tb .col .post-box .thumbnail span {display:block; width:100%; aspect-ratio:420/300; position:relative; overflow:hidden; border:0px solid transparent; transition:border 0.3s ease-in-out;}
.board .list-card-tb .col .post-box .thumbnail span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.board .list-card-tb .col .post-box .conts-box {width:100%; margin-top:var(--gap-32); font-size:var(--card-tlt-size); font-weight:800;}
.board .list-card-tb .col .post-box .conts-box .conts {width:100%; height:calc((1.5 * var(--card-tlt-size)) * 2); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:normal;}

.board .list-card-tb .col:hover .post-box {background-color:#F4E7C7;}
.board .list-card-tb .col:hover .post-box .thumbnail span {border:5px solid var(--key-color);}

@media screen and (max-width: 1320px) {
    .board .list-card-tb {--card-col-gap-w:30px; --card-col-gap-h:80px; --card-post-gap:30px; }
}

@media screen and (max-width: 1280px) {
    .board .list-card-tb {--card-col-gap-w:30px; --card-col-gap-h:60px; --card-post-gap:25px; --card-tlt-size:16px;}
}

@media screen and (max-width: 1024px) {
    .board .list-card-tb {--car-col-size:2; --card-tlt-size:var(--font-18);}
}

@media screen and (max-width: 648px) {
    .board .list-card-tb {--card-col-gap-h:var(--gap-60); --card-post-gap:var(--gap-32); --card-tlt-size:var(--font-20);}
    .board .list-card-tb .col {width:100%;}
}




.board .board-pagination {width:100%; margin-top:calc(var(--gap-50) * 2); display:flex; align-items:center; justify-content:center; gap:var(--gap-10) var(--gap-16);}
.board .board-pagination ul {display:flex; align-items:center; justify-content:center; gap:var(--gap-10);}
.board .board-pagination a {width:fit-content; min-width:40px; height:40px; display:flex; align-items:center; justify-content:center; padding:0 5px; background:var(--gray-3); color:var(--white); font-size:var(--font-18); font-weight:600; position:relative;}
.board .board-pagination a.on {background:var(--key-color); color:var(--gray-3);}
.board .board-pagination a.nav {background:var(--white); font-size:0;}
.board .board-pagination a.nav:after {content:""; width:100%; height:100%; background-repeat:no-repeat; background-size:60% auto; background-position:center; position:absolute; left:0; top:0;}
.board .board-pagination a.nav.begin:after,
.board .board-pagination a.nav.end:after {background-image:url(/img/com/pagination_arrow_double.svg);}
.board .board-pagination a.nav.prev:after,
.board .board-pagination a.nav.next:after {background-image:url(/img/com/pagination_arrow.svg);}
.board .board-pagination a.nav.end:after,
.board .board-pagination a.nav.next:after {transform:scaleX(-1);}

@media screen and (max-width: 480px) {
    .board .board-pagination a {min-width:32px; height:32px;}
}



.board .list-basic-tb {width:100%; border-top:1px solid var(--line-color-e0);}
.board .list-basic-tb .row {width:100%; background-color:transparent; transition:background-color 0.3s ease-in-out; border-bottom:1px solid var(--line-color-e0);}
.board .list-basic-tb .row a {display:block; width:100%; height:100%;}
.board .list-basic-tb .row .list-box {width:100%; display:flex; align-items:center; padding:var(--gap-40) 0;}
.board .list-basic-tb .row .list-box .col {padding:0 var(--gap-16); text-align:center; font-size:var(--font-20);}
.board .list-basic-tb .row .list-box .subject {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:800; text-align:left;}
.board .list-basic-tb .row .list-box .date {font-size:var(--font-18); font-weight:600; color:var(--gray-9);}
.board .list-basic-tb .row .list-box .num {font-weight:700; color:var(--gray-6);}

.board .list-basic-tb .row.fix {background-color:var(--bg-gray);}
.board .list-basic-tb .row:hover {background-color:var(--yellow);}

@media screen and (max-width: 1024px) {
    .board .list-basic-tb .row .list-box {flex-direction:column; gap:var(--gap-8); padding:var(--gap-40) var(--gap-16);}
    .board .list-basic-tb .row .list-box .col {text-align:left;}
    .board .list-basic-tb .row .list-box .num {display:none;}
}






.board .board-view-wrap {width:100%; max-width:1280px; margin:0 auto;}
.board .board-view-wrap .view-tb {width:100%; animation:fadeIn 0.5s ease-in-out both;}
.board .board-view-wrap .view-tb .head {width:100%; min-height:190px; display:flex; align-items:center; justify-content:center; padding:var(--gap-32); text-align:center; background:var(--bg-gray);}
.board .board-view-wrap .view-tb .head .title {width:100%; font-size:var(--font-30); font-weight:800; line-height:1.3;}
.board .board-view-wrap .view-tb .head .date {width:100%; margin-top:var(--gap-16); font-size:var(--font-18); font-weight:600; color:#666;}

.board .board-view-wrap .view-tb .view-conts {width:100%; padding:calc(var(--gap-50) * 2) 0;}
.board .board-view-wrap .view-tb .view-conts .conts-box {width:90%; max-width:1000px; margin:0 auto; font-size:var(--font-20); font-weight:600; line-height:1.6;}
.board .board-view-wrap .view-tb .view-conts .conts-box img {display:block; max-width:100%; margin:0 auto;}

.board .board-view-wrap .view-tb .attachment {width:100%; padding:calc(var(--gap-50)) 0; background:var(--bg-gray);}
.board .board-view-wrap .view-tb .attachment > .inner {width:90%; max-width:1000px; margin:0 auto;}
.board .board-view-wrap .view-tb .attachment .attachment-wrap {width:100%; display:flex; align-items:flex-start;}
.board .board-view-wrap .view-tb .attachment .attachment-wrap .tlt {width:120px; min-height:60px; display:flex; align-items:center; font-size:var(--font-20); font-weight:800;}
.board .board-view-wrap .view-tb .attachment .attachment-wrap .file-list {width:calc(100% - 120px);}
.board .board-view-wrap .view-tb .attachment .attachment-wrap .file-list a {width:100%; height:60px; display:flex; align-items:center; justify-content:space-between; position:relative; padding:0 var(--gap-24); background:var(--white); margin-top:var(--gap-10);}
.board .board-view-wrap .view-tb .attachment .attachment-wrap .file-list a:first-child {margin-top:0;}
.board .board-view-wrap .view-tb .attachment .attachment-wrap .file-list a p {width:calc(100% - 27px); font-size:var(--font-18); font-weight:600; color:var(--gray-3); transition:color 0.3s ease-in-out; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board .board-view-wrap .view-tb .attachment .attachment-wrap .file-list a .arrow {width:27px; height:27px; background:url(/img/conts/icon_download.svg) center no-repeat; background-size:48% auto; background-color:var(--gray-3); transition:background-color 0.3s ease-in-out;}
.board .board-view-wrap .view-tb .attachment .attachment-wrap .file-list a:hover p {color:var(--key-color);}
.board .board-view-wrap .view-tb .attachment .attachment-wrap .file-list a:hover .arrow {background-color:var(--key-color);}

@media screen and (max-width: 768px) {
    .board .board-view-wrap .view-tb .head {min-height:170px;}

    .board .board-view-wrap .view-tb .attachment .attachment-wrap {flex-direction:column; gap:var(--gap-16);}
    .board .board-view-wrap .view-tb .attachment .attachment-wrap .tlt {width:1005; min-height:100%;}
    .board .board-view-wrap .view-tb .attachment .attachment-wrap .file-list {width:100%;}
    .board .board-view-wrap .view-tb .attachment .attachment-wrap .file-list a {height:52px;}
}

@media screen and (max-width: 480px) {
    .board .board-view-wrap .view-tb .head {min-height:140px;}

    .board .board-view-wrap .view-tb .attachment .attachment-wrap .file-list a {height:46px;}
    .board .board-view-wrap .view-tb .attachment .attachment-wrap .file-list a p {width:calc(100% - 20px);}
    .board .board-view-wrap .view-tb .attachment .attachment-wrap .file-list a .arrow {width:20px; height:20px;}
}

@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}




.board .board-button-wrap {width:100%; margin-top:calc(var(--gap-50) * 2); display:flex; align-items:center; justify-content:center; gap:var(--gap-10); flex-wrap:wrap;}




/* form */
.contents .form-tb {width:100%;}
.contents .form-tb .row {width:100%; margin-top:var(--gap-32);}
.contents .form-tb .row:first-child {margin-top:0;}
.contents .form-tb .row .required {position:relative;}
.contents .form-tb .row .required:after {content:" *"; color:var(--key-color); display:inline-block; vertical-align:top; padding-left:3px;}
.contents .form-tb .row .head {width:100%; font-size:var(--font-20); font-weight:800; margin-bottom:var(--gap-10);}
.contents .form-tb .row .form-input {width:100%;}
.contents .form-tb .row .note {width:100%; margin-top:var(--gap-24); font-size:var(--font-18); font-weight:700; color:var(--gray-6);}

.contents .form-tb .basic-input-box {width:100%;}
.contents .form-tb .basic-input-box input {width:100%; height:60px; background:var(--light-yellow); padding:0 var(--gap-24); font-size:var(--font-18); font-weight:700; border:none;}
.contents .form-tb .basic-input-box input::placeholder {color:var(--gray-9);}
.contents .form-tb .basic-input-box textarea {width:100%; height:165px; padding:var(--gap-16) var(--gap-24); font-size:var(--font-18); font-weight:700; resize:none; border:none; background:var(--light-yellow);}
.contents .form-tb .input-wrap {width:100%; display:flex; align-items:center; flex-wrap:wrap;}
.contents .form-tb .select-box.half {flex-basis:400px; flex-shrink:1;}
.contents .form-tb .attechment-wrap {width:100%; display:flex; gap:var(--gap-24); --attechment-button-size:155px;}
.contents .form-tb .attechment-wrap .button-wrap {width:var(--attechment-button-size);}
.contents .form-tb .attechment-wrap .button-wrap label {width:var(--attechment-button-size); height:60px; display:flex; align-items:center; justify-content:center; background:var(--gray-3); font-size:var(--font-16); font-weight:800; color:var(--white); position:relative; cursor:pointer;}
.contents .form-tb .attechment-wrap .button-wrap label input[type='file'] {position:absolute; left:0; top:0; visibility:hidden; opacity:0; width:0; height:0;}
.contents .form-tb .attechment-wrap .upload-file-list {width:calc(100% - 155px - var(--gap-24));}
.contents .form-tb .attechment-wrap .upload-file-list .file-box {width:fit-content; max-width:100%; height:60px; display:flex; align-items:center; justify-content:space-between; gap:var(--gap-10); padding:0 var(--gap-24); background:var(--white); margin-top:var(--gap-10); position:relative;}
.contents .form-tb .attechment-wrap .upload-file-list .file-box:first-child {margin-top:0;}
.contents .form-tb .attechment-wrap .upload-file-list .file-box p {width:calc(100% - var(--gap-10) - 15px); font-size:var(--font-16); font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.contents .form-tb .attechment-wrap .upload-file-list .file-box .btn-delete-file {width:15px; height:15px; background:url(/img/conts/icon_delete.svg) center no-repeat; background-size:cover; font-size:0;}
.contents .form-tb .attechment-wrap .upload-file-list .file-box input[type='file'] {width:0; height:0; position:absolute; left:0; top:0; visibility:hidden; opacity:0;}
.contents .form-tb .security-wrap {width:100%; display:flex; align-items:center; gap:var(--gap-16);}
.contents .form-tb .security-wrap .char-box {flex-shrink:1;}
.contents .form-tb .security-wrap .char-box img {display:block; max-width:100%;}
.contents .form-tb .security-wrap .basic-input-box {flex-basis:400px; flex-shrink:1;}
.contents .form-tb .agree-wrap {width:100%; display:flex; align-items:flex-start; gap:var(--gap-16); position:relative;}
.contents .form-tb .agree-wrap input[type='checkbox'] {width:0; height:0; position:absolute; left:0; top:0; visibility:hidden; opacity:0;}
.contents .form-tb .agree-wrap .check {width:30px; height:30px; background:var(--light-yellow);}
.contents .form-tb .agree-wrap .check-box label {padding-left:30px;}
.contents .form-tb .agree-wrap .btn-agree-popup {width:fit-content; max-width:calc(100% - 30px - var(--gap-16)); min-height:30px; display:flex; align-items:center; font-size:var(--font-18); font-weight:700; text-align:left;}
.contents .form-tb .check-list-wrap {display:flex; align-items:center; gap:var(--gap-16) var(--gap-40); flex-wrap:wrap;}
.contents .form-tb .address-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.contents .form-tb .address-wrap .code-wrap {display:flex; gap:var(--gap-10);}
.contents .form-tb .address-wrap .code-wrap > * {flex-shrink:1;}
.contents .form-tb .address-wrap .code-wrap .basic-input-box {flex-basis:250px; max-width:calc(55% - var(--gap-10));}
.contents .form-tb .address-wrap .code-wrap .button-box {flex-basis:160px; max-width:45%;}
.contents .form-tb .address-wrap .code-wrap .button-box .btn-code {width:100%; height:60px; background:var(--gray-3); display:flex; align-items:center; justify-content:center; font-size:var(--font-16); font-weight:800; color:var(--white);}



.contents .form-button-wrap {width:100%; margin-top:var(--gap-60);}

@media screen and (max-width: 1024px) {
    .contents .form-button-wrap {display:flex; align-items:center; justify-content:center; gap:var(--gap-10); flex-wrap:wrap;}
}

@media screen and (max-width: 768px) {
    .contents .form-tb .basic-input-box input {height:56px;}
    .contents .form-tb .attechment-wrap {flex-direction:column; gap:var(--gap-10); --attechment-button-size:140px;}
    .contents .form-tb .attechment-wrap .button-wrap label,
    .contents .form-tb .attechment-wrap .upload-file-list .file-box {height:56px;}
    .contents .form-tb .attechment-wrap .upload-file-list {width:100%;}
    .contents .form-tb .security-wrap .chart-box img {height:56px;}
    .contents .form-tb .address-wrap .code-wrap .button-box .btn-code {height:56px;}
}

@media screen and (max-width: 648px) {
    .contents .form-tb .security-wrap {flex-direction:column; gap:var(--gap-10); align-items:flex-start;}
    .contents .form-tb .security-wrap .basic-input-box {flex-basis:auto;}
}

@media screen and (max-width: 480px) {
    .contents .form-tb .basic-input-box input {height:42px;}
    .contents .form-tb .attechment-wrap {--attechment-button-size:110px;}
    .contents .form-tb .agree-wrap .check {width:25px; height:25px;}
    .contents .form-tb .agree-wrap .check-box label {padding-left:25px;}
    .contents .form-tb .agree-wrap .btn-agree-popup {width:calc(100% - 25px - var(--gap-16));}
    .contents .form-tb .attechment-wrap .button-wrap label,
    .contents .form-tb .attechment-wrap .upload-file-list .file-box {height:42px;}
    .contents .form-tb .security-wrap .chart-box img {height:42px;}
    .contents .form-tb .agree-wrap .check {width:25px; height:25px;}
    .contents .form-tb .agree-wrap .btn-agree-popup {width:calc(100% - 25px - var(--gap-16)); min-height:25px;}
    .contents .form-tb .address-wrap .code-wrap .basic-input-box {max-width:calc(70% - var(--gap-10));}
    .contents .form-tb .address-wrap .code-wrap .button-box {max-width:30%;}
    .contents .form-tb .address-wrap .code-wrap .button-box .btn-code {height:42px;}
}









/* 인사이트 */

/* 부동산 이야기 */
.real-estate .page-title .title-wrap .title-box h2:before {background-image:url(/img/conts/icon_real_estate.svg);}

/* 한국 생활 백서 */
.living .page-title .title-wrap .title-box h2:before {background-image:url(/img/conts/icon_korea_book.svg);}

/* 뉴퍼스트 칼럼 */
.column .page-title .title-wrap .title-box h2:before {background-image:url(/img/conts/icon_column.svg);}





/* 고객센터 */

/* 공지사항 */
.notice .page-title .title-wrap .title-box h2:before {background-image:url(/img/conts/icon_notice.svg);}
.notice #notice-tb .row .list-box .num {width:180px;}
.notice #notice-tb .row .list-box .subject {width:calc(100% - 380px);}
.notice #notice-tb .row .list-box .date {width:200px;}

@media screen and (max-width: 1024px) {
    .notice #notice-tb .row .list-box .num,
    .notice #notice-tb .row .list-box .subject,
    .notice #notice-tb .row .list-box .date {width:100%;}
}




/* 자주 묻는 질문 */
.faq .page-title .title-wrap .title-box h2:before {background-image:url(/img/conts/icon_qna.svg);}
.faq .faq-wrap {width:100%; display:flex; align-items:flex-start; gap:100px; flex-direction:row-reverse;}
.faq .faq-wrap .faq-search {width:350px;}
.faq .faq-wrap .faq-tb-wrap {width:calc(100% - 450px); position:relative; z-index:10;}
.faq .faq-wrap .faq-tb-wrap .faq-tb {width:100%;}
.faq .faq-wrap .faq-tb-wrap .faq-tb .row {width:100%; border-bottom:1px solid var(--line-color-e0); padding:0 var(--gap-50);}
.faq .faq-wrap .faq-tb-wrap .faq-tb .row .question {width:100%; padding:var(--gap-32) 0; display:flex; align-items:center; font-size:var(--font-20); cursor:pointer;}
.faq .faq-wrap .faq-tb-wrap .faq-tb .row .question .tlt {width:40px; font-weight:700}
.faq .faq-wrap .faq-tb-wrap .faq-tb .row .question .subject {width:calc(100% - 80px); font-weight:800;}
.faq .faq-wrap .faq-tb-wrap .faq-tb .row .question .arrow {width:40px; height:40px; position:relative; background:var(--key-color);}
.faq .faq-wrap .faq-tb-wrap .faq-tb .row .question .arrow:after {content:""; width:100%; height:100%; background:url(/img/com/arrow_down.svg) center no-repeat; background-size:50% auto; position:absolute; left:0; top:0; transition:transform 0.3s ease-in-out;}
.faq .faq-wrap .faq-tb-wrap .faq-tb .row .ask {width:calc(100% - 40px); padding-bottom:var(--gap-32); margin-left:auto; margin-right:0; display:none;}
.faq .faq-wrap .faq-tb-wrap .faq-tb .row .ask .conts-box {width:100%; background:var(--yellow); margin-left:auto; margin-right:0; padding:var(--gap-32); font-size:var(--font-18); font-weight:700; line-height:1.6;}
.faq .faq-wrap .faq-tb-wrap .faq-tb .row .ask .conts-box > * {margin-top:var(--gap-32);}
.faq .faq-wrap .faq-tb-wrap .faq-tb .row .ask .conts-box > *:first-child {margin-top:0;}
.faq .faq-wrap .faq-tb-wrap .faq-tb .row .ask .conts-box .img {max-width:800px; margin-left:auto; margin-right:auto;}
.faq .faq-wrap .faq-tb-wrap .faq-tb .row .ask .conts-box .img img {max-width:100%; margin:0 auto; display:block;}


.faq .faq-wrap .faq-search.fix .faq-search-wrap {width:90%; max-width:var(--max-w); position:fixed; left:50%; top:calc(var(--headerH) + (var(--gap-24) * 2)); transform:translateX(-50%); z-index:1;}
.faq .faq-wrap .faq-search.fix .faq-search-wrap .search-wrap {display:flex; align-items:center; justify-content:flex-end;}

.faq .faq-wrap .faq-tb-wrap .faq-tb .row.active .question .arrow:after {transform:scaleY(-1);}


@media screen and (max-width: 1320px) {
    .faq .faq-wrap {gap:50px;}
    .faq .faq-wrap .faq-tb-wrap {width:calc(100% - 400px);}
}

@media screen and (max-width: 1280px) {
    .faq .faq-wrap {gap:30px;}
    .faq .faq-wrap .faq-tb-wrap {width:calc(100% - 380px);}
}

@media screen and (max-width: 1024px) {
    .faq .faq-wrap {flex-direction:column; gap:var(--gap-40);}
    .faq .faq-wrap .faq-search,
    .faq .faq-wrap .faq-tb-wrap {width:100%;}
    .faq .faq-wrap .faq-search .faq-search-wrap .search-wrap .search-box {margin:0 auto;}

    .faq .faq-wrap .faq-search.fix .faq-search-wrap {width:100%; position:relative; left:0; top:0; transform:none;}
    .faq .faq-wrap .faq-search.fix .faq-search-wrap .search-wrap {justify-content:center;}
}

@media screen and (max-width: 768px) {
    .faq .faq-wrap .faq-tb-wrap .faq-tb .row {padding:0 var(--gap-32);}
    .faq .faq-wrap .faq-tb-wrap .faq-tb .row .question .tlt {width:35px;}
    .faq .faq-wrap .faq-tb-wrap .faq-tb .row .question .subject {width:calc(100% - 71px);}
    .faq .faq-wrap .faq-tb-wrap .faq-tb .row .question .arrow {width:36px; height:36px;}
    .faq .faq-wrap .faq-tb-wrap .faq-tb .row .ask {width:calc(100% - 35px);}
}

@media screen and (max-width: 480px) {
    .faq .faq-wrap .faq-tb-wrap .faq-tb .row .question .tlt {width:30px;}
    .faq .faq-wrap .faq-tb-wrap .faq-tb .row .question .subject {width:calc(100% - 60px);}
    .faq .faq-wrap .faq-tb-wrap .faq-tb .row .question .arrow {width:30px; height:30px;}
    .faq .faq-wrap .faq-tb-wrap .faq-tb .row .ask {width:calc(100% - 30px);}
}




/* 상담의뢰 */
.inquiry .page-title .title-wrap .title-box h2:before {background-image:url(/img/conts/icon_inquiry.svg);}
.inquiry .inquiry-container {width:100%; position:relative; background:var(--yellow); padding:100px;}
.inquiry .inquiry-container .inquiry-wrap {width:100%;}
.inquiry .inquiry-container:before,
.inquiry .inquiry-container:after,
.inquiry .inquiry-container .inquiry-wrap:before,
.inquiry .inquiry-container .inquiry-wrap:after {content:""; width:var(--gap-24); height:var(--gap-24); border-radius:50%; background:var(--gray-3); position:absolute;}
.inquiry .inquiry-container:before {left:var(--gap-32); top:var(--gap-32);}
.inquiry .inquiry-container:after {right:var(--gap-32); top:var(--gap-32);}
.inquiry .inquiry-container .inquiry-wrap:before {left:var(--gap-32); bottom:var(--gap-32);}
.inquiry .inquiry-container .inquiry-wrap:after {right:var(--gap-32); bottom:var(--gap-32);}

@media screen and (max-width: 1280px) {
    .inquiry .inquiry-container {padding:60px;}
}

@media screen and (max-width: 1024px) {
    .inquiry .inquiry-container {padding:calc(var(--gap-50) * 2) var(--gap-60);}
}

@media screen and (max-width: 480px) {
    .inquiry .inquiry-container {padding:calc(var(--gap-50) * 2) var(--gap-40);}
    .inquiry .inquiry-container:before,
    .inquiry .inquiry-container:after,
    .inquiry .inquiry-container .inquiry-wrap:before,
    .inquiry .inquiry-container .inquiry-wrap:after {width:12px; height:12px;}
}



.inquiry .form-category {width:100%; margin-bottom:var(--gap-80);}
.inquiry .form-category .category-box {width:fit-content; display:flex; align-items:center; justify-content:center; border:5px solid var(--white); max-width:100%; margin:0 auto;}
.inquiry .form-category .category-box .btn-category {width:300px; height:60px; display:flex; align-items:center; justify-content:space-between; padding:0 var(--gap-24); background:var(--white); font-size:var(--font-18); font-weight:800; color:var(--gray-6);}
.inquiry .form-category .category-box .btn-category span {display:block; width:20px; height:20px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.inquiry .form-category .category-box .btn-category[data-id='residence'] span {background-image:url(/img/conts/icon_house.svg);}
.inquiry .form-category .category-box .btn-category[data-id='items'] span {background-image:url(/img/conts/icon_object.svg);}
.inquiry .form-category .category-box .btn-category.on {background:var(--gray-3); color:var(--white);}
.inquiry .form-category .category-box .btn-category[data-id='residence'].on span {background-image:url(/img/conts/icon_house_on.svg);}
.inquiry .form-category .category-box .btn-category[data-id='items'].on span {background-image:url(/img/conts/icon_object_on.svg);}

@media screen and (max-width: 768px) {
    .inquiry .form-category .category-box .btn-category {width:160px; height:56px;}
}

@media screen and (max-width: 480px) {
    .inquiry .form-category .category-box {border-width:3px;}
    .inquiry .form-category .category-box .btn-category {width:140px; height:42px; font-size:11px; padding:0 5px;}
    .inquiry .form-category .category-box .btn-category:first-child {width:fit-content;}
    .inquiry .form-category .category-box .btn-category:first-child p {padding-right:10px;}
    .inquiry .form-category .category-box .btn-category:last-child {width:100px;}
    .inquiry .form-category .category-box .btn-category span {width:15px; height:15px;}
}

.inquiry .inquiry-form .form-wrap .form-box .category-conts-box {display:none;}
.inquiry .inquiry-form .form-wrap .form-box .category-conts-box.active {display:block;}



.inquiry .inquiry-form {width:100%; display:flex; gap:50px; justify-content:space-between;}
.inquiry .inquiry-form .title-wrap {width:350px;}
.inquiry .inquiry-form .title-wrap .title-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-80);}
.inquiry .inquiry-form .title-wrap .title-box .inquiry-title-wrap {will-change:transform;}
.inquiry .inquiry-form .title-wrap .title-inner .title {width:90%; font-size:34px; font-weight:700; line-height:1.4;}
.inquiry .inquiry-form .title-wrap .title-inner span {display:block; margin-top:var(--gap-16); font-size:var(--font-20); font-weight:700; color:var(--gray-6);}
.inquiry .inquiry-form .title-wrap .img-box {width:100%;}
.inquiry .inquiry-form .title-wrap .img-box img {max-width:100%; display:block;}

.inquiry .inquiry-form .title-wrap.fix .inquiry-title-wrap {width:90%; max-width:var(--max-w); position:fixed; left:50%; top:calc(var(--headerH) + (var(--gap-24) * 2)); transform:translateX(-50%); z-index:1; padding:0 100px;}
.inquiry .inquiry-form .title-wrap.fix .inquiry-title-wrap .title-box {width:350px;}


@media screen and (max-width: 1280px) {
    .inquiry .inquiry-form {gap:40px;}
    .inquiry .inquiry-form .title-wrap {width:280px;}
    .inquiry .inquiry-form .title-wrap .title-inner .title {font-size:26px;}

    .inquiry .inquiry-form .title-wrap.fix .inquiry-title-wrap .title-box {width:280px;}
}

@media screen and (max-width: 1024px) {
    .inquiry .inquiry-form {flex-direction:column; gap:var(--gap-80);}
    .inquiry .inquiry-form .title-wrap {width:100%;}
    .inquiry .inquiry-form .title-wrap .title-box {flex-direction:column-reverse; gap:var(--gap-32); text-align:center;}
    .inquiry .inquiry-form .title-wrap .title-inner .title {width:100%;}
    .inquiry .inquiry-form .title-wrap .img-box {width:30%; margin:0 auto;}
    .inquiry .inquiry-form .title-wrap .img-box img {margin:0 auto;}

    .inquiry .inquiry-form .title-wrap.fix .inquiry-title-wrap {width:100%; position:relative; padding:0; left:0; top:0; transform:none;}
    .inquiry .inquiry-form .title-wrap.fix .inquiry-title-wrap .title-box {width:100%;}
}

@media screen and (max-width: 768px) {
    .inquiry .inquiry-form .title-wrap .title-inner .title {font-size:24px;}
    .inquiry .inquiry-form .title-wrap .title-inner span {font-size:var(--font-16);}
}

@media screen and (max-width: 648px) {
    .inquiry .inquiry-form .title-wrap .title-inner .title {font-size:26px;}
}

@media screen and (max-width: 480px) {
    .inquiry .inquiry-form .title-wrap .img-box {width:40%;}
    .inquiry .inquiry-form .title-wrap .title-inner .title {font-size:18px;}
}



.inquiry .inquiry-form .form-wrap {width:calc(100% - 400px); max-width:900px;}

@media screen and (max-width: 1280px) {
    .inquiry .inquiry-form .form-wrap {width:calc(100% - 320px);}
}

@media screen and (max-width: 1024px) {
    .inquiry .inquiry-form .form-wrap {width:100%;}
}






/* modal */
.modal {position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2000; visibility:hidden; opacity:0; transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.modal.active {visibility:visible; opacity:1;}


.privacy-popup {width:90vw; max-width:700px; background:var(--begie); position:relative; padding:var(--gap-50) 0;}
.privacy-popup > .wrap {width:90%; max-width:550px; margin:0 auto;}
.privacy-popup .btn-close {width:var(--gap-24); height:var(--gap-24); background:url(/img/com/icon_close_black.svg) center no-repeat; background-size:cover; position:absolute; top:var(--gap-32); right:var(--gap-32); font-size:0; cursor:pointer;}
.privacy-popup .popup-conts {width:100%; max-height:calc((var(--nvh) * 0.7) - (var(--gap-50) * 2)); overflow-y:auto;}
.privacy-popup .popup-conts::-webkit-scrollbar {background:transparent; width:8px;}
.privacy-popup .popup-conts::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2); border-radius:20px;}
.privacy-popup .popup-conts .title {width:100%; text-align:center; font-size:var(--font-24); font-weight:800; margin-bottom:var(--gap-32); padding:0 10%;}
.privacy-popup .popup-conts .conts-wrap {width:100%;}
.privacy-popup .popup-conts .conts-wrap > * {width:100%; margin-top:var(--gap-16);}
.privacy-popup .popup-conts .conts-wrap > *:first-child {margin-top:0;}
.privacy-popup .popup-conts .conts-wrap .conts {font-size:var(--font-18); font-weight:600; letter-spacing:-0.5px;}
.privacy-popup .popup-conts .conts-wrap .bg-box {width:100%; background:var(--white); padding:var(--gap-24) calc(var(--gap-32) * 0.8);}

@media screen and (max-width: 480px) {
    .privacy-popup .btn-close {top:15px; right:15px;}
}





.loading-container {width:100%; height:var(--nvh); background:var(--begie); position:fixed; left:0; top:0; z-index:20;}
.loading-container .loading-wrap {width:100%; height:100%; display:flex; align-items:center; justify-content:center;}

.loading-container .loading-conts {width:fit-content; position:relative;}
.loading-container .loading-conts .txt {font-size:60px; font-weight:500; visibility:visible;}
.loading-container .loading-conts .txt .letter {opacity:0; display:inline-block;}
.loading-container .loading-conts .txt .letter:nth-child(-n+3),
.loading-container .loading-conts .txt .letter:nth-last-child(-n+5) {font-weight:800;}

.loading-container .loading-conts .line {background:var(--key-color); position:absolute; opacity:0;}
.loading-container .loading-conts .line-1 {width:40px; height:8px; left:50.93%; top:41px; transform-origin:56.4%;}
.loading-container .loading-conts .line-2 {width:8px; height:40px; left:52.64%; top:25px;}

@media screen and (max-width: 1280px) {
    .loading-container .loading-conts .txt {font-size:52px;}
    .loading-container .loading-conts .line-1 {left:50.54%;}
    .loading-container .loading-conts .line-2 {left:52.43%;}
}

@media screen and (max-width: 1024px) {
    .loading-container .loading-conts .txt {font-size:40px;}
    .loading-container .loading-conts .line-1 {width:34px; height:6px; left:50.3%; top:27px; transform-origin:56.8%;}
    .loading-container .loading-conts .line-2 {width:6px; height:34px; left:52.43%; top:13px;}
}

@media screen and (max-width: 768px) {
    .loading-container .loading-conts .txt {font-size:46px; text-align:center;}
    .loading-container .loading-conts .line-1 {left:45.3%; top:100.5px; transform-origin:56.8%;}
    .loading-container .loading-conts .line-2 {left:49.15%; top:86.5px; transform-origin:0 46.2%;}
}

@media screen and (max-width: 480px) {
    .loading-container .loading-conts .txt {font-size:32px; text-align:center;}
    .loading-container .loading-conts .line-1 {width:30px; height:5px; left:44%; top:72px; transform-origin:56.8%;}
    .loading-container .loading-conts .line-2 {width:5px; height:30px; left:49.18%; top:59px; transform-origin:0 46.2%;}
}





.about {position:relative; padding-top:0;}

.about .about-container {width:100%; position:relative;}
.about .about-container section {width:100%; position:relative;}
.about .about-container section .sec-wrap {position:relative;}

.about .intro {height:var(--nvh);}
.about .intro .sec-wrap {width:100%; height:100%;}
.about .intro .intro-conts-wrap {width:100%; height:100%; position:relative; z-index:10; display:flex; align-items:center; justify-content:center;}
.about .intro .intro-conts-wrap .conts-box {width:90%; margin:0 auto;}
.about .intro .intro-conts-wrap .conts-box h1 {font-size:60px; font-weight:800; color:var(--white); line-height:1.3; text-align:center; opacity:0; transform:translateY(50px);}
.about .intro .intro-conts-wrap .conts-box .conts {font-size:var(--font-24); font-weight:600; color:var(--white); margin-top:var(--gap-32); text-align:center; opacity:0; transform:translateY(50px);}
.about .intro .bg {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(/img/conts/about_main_img.png) center no-repeat; background-size:cover; transform:scale(0.086); transform-origin:center center;}
.about .intro .bg:before {content:""; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0;}


@media screen and (max-width: 1280px) {
    .about .intro .intro-conts-wrap .conts-box h1 {font-size:52px;}
}

@media screen and (max-width: 1024px) {
    .about .intro .intro-conts-wrap .conts-box h1 {font-size:40px;}
    .about .intro .intro-conts-wrap .conts-box .conts {font-size:var(--font-18);}
}

@media screen and (max-width: 768px) {
    .about .intro .intro-conts-wrap .conts-box h1 {font-size:46px;}
}

@media screen and (max-width: 480px) {
    .about .intro .intro-conts-wrap .conts-box h1 {font-size:32px;}
}




.about .introduce {width:100%; padding:calc(var(--gap-50) * 4) 0;}
.about .introduce .sec-wrap {width:100%; padding-bottom:3.5vw;}

.about .introduce .introduce-conts {width:85%; max-width:1280px; margin:0 auto; margin-bottom:calc(var(--gap-80) + var(--gap-50));}
.about .introduce .introduce-conts .conts-wrap {width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:var(--gap-32);}
.about .introduce .introduce-conts .conts-wrap .lf-box {max-width:calc(50% - var(--gap-32));}
.about .introduce .introduce-conts .conts-wrap .rt-box {transform:translateY(var(--gap-50)); max-width:42%;}
.about .introduce .introduce-conts .main-conts {font-size:var(--font-24); font-weight:800; opacity:0; transform:translateY(15%);}
.about .introduce .introduce-conts .main-conts span {background-image:linear-gradient(rgba(254,191,49,0.5), rgba(254,191,49,0.5)); background-position:left center; background-repeat:no-repeat; background-size:0 100%; transition:background-size 0.3s linear;}
.about .introduce .introduce-conts .main-conts.active span {background-size:100% 100%;}
.about .introduce .introduce-conts .sub-conts {font-size:var(--font-18); font-weight:500; opacity:0; transform:translateY(15%);}
.about .introduce .introduce-conts .sub-conts span {font-weight:800;}


@media screen and (max-width: 1280px) {
    .about .introduce .introduce-conts .main-conts {font-size:var(--font-24);}
    .about .introduce .introduce-conts .sub-conts {font-size:var(--font-18);}
}

@media screen and (max-width: 1024px) {
    .about .introduce .introduce-conts {margin-bottom:var(--gap-80);}
    .about .introduce .introduce-conts .conts-wrap {flex-direction:column; align-items:center; gap:var(--gap-60); text-align:center;}
    .about .introduce .introduce-conts .conts-wrap .lf-box,
    .about .introduce .introduce-conts .conts-wrap .rt-box {width:100%; max-width:100%;}
    .about .introduce .introduce-conts .conts-wrap .rt-box {transform:none;}
    .about .introduce .introduce-conts .main-conts {font-size:var(--font-30);}
    .about .introduce .introduce-conts .sub-conts {font-size:var(--font-20);}
}

@media screen and (max-width: 768px) {
    .about .introduce .sec-wrap {padding-bottom:4.8vw;}
}

@media screen and (max-width: 480px) {
    .about .introduce .sec-wrap {padding-bottom:5.3vw;}
    .about .introduce .introduce-conts .main-conts .br,
    .about .introduce .introduce-conts .main-conts {font-size:calc(var(--font-28) * 0.8);}
    .about .introduce .introduce-conts .sub-conts .br {display:inline-block;}
    .about .introduce .introduce-conts .sub-conts {font-size:calc(var(--font-16) * 0.8);}
}


.about .introduce .img-scrolling-box {width:100%; position:relative;}
.about .introduce .img-scrolling-box .img-box {width:90%; max-width:var(--max-w); margin:0 auto; position:relative; z-index:9;}
.about .introduce .img-scrolling-box .img-box span {display:block; width:100%; aspect-ratio:1600/650; position:relative;}
.about .introduce .img-scrolling-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}

.about .introduce .img-scrolling-box .scrolling-title-wrap .scroll-title-box {font-family:var(--SUIT); width:100%; position:absolute; left:0; bottom:-3.5vw; overflow:hideen;}
.about .introduce .img-scrolling-box .scrolling-title-wrap .scroll-title-box .text-overflow-box {width:fit-content;}
.about .introduce .img-scrolling-box .scrolling-title-wrap .scroll-title-box .text-overflow-box .scroll-title {font-size:6.25vw; white-space:nowrap; font-weight:800; line-height:1;}

.about .introduce .img-scrolling-box .scrolling-title-wrap .scroll-title-box.fill {font-family:var(--SUIT); z-index:8;}
.about .introduce .img-scrolling-box .scrolling-title-wrap .scroll-title-box.fill .text-overflow-box .scroll-title {color:rgba(63,26,16,0.2);}

.about .introduce .img-scrolling-box .scrolling-title-wrap .scroll-title-box.outline {z-index:10;}
.about .introduce .img-scrolling-box .scrolling-title-wrap .scroll-title-box.outline .text-overflow-box .scroll-title {color:var(--white); -webkit-text-stroke:1px; -webkit-text-fill-color:transparent;}

@media screen and (max-width: 768px) {
    .about .introduce .img-scrolling-box .scrolling-title-wrap .scroll-title-box {bottom:-4.8vw;}
    .about .introduce .img-scrolling-box .scrolling-title-wrap .scroll-title-box .text-overflow-box .scroll-title {font-size:8vw; font-weight:900;}
}

@media screen and (max-width: 480px) {
    .about .introduce .img-scrolling-box .img-box span {aspect-ratio:1600/900;}
    .about .introduce .img-scrolling-box .scrolling-title-wrap .scroll-title-box {bottom:-5.3vw;}
    .about .introduce .img-scrolling-box .scrolling-title-wrap .scroll-title-box .text-overflow-box .scroll-title {font-size:9vw; font-weight:900;}
    .about .introduce .img-scrolling-box .scrolling-title-wrap .scroll-title-box.outline .text-overflow-box .scroll-title {-webkit-text-stroke:0.5px;}
}





.about .greeting .sec-wrap {width:85%; max-width:1280px; margin:0 auto;}
.about .greeting .greeting-wrap {width:100%; position:relative; padding-top:var(--gap-50);}

.about .greeting .greeting-wrap .photo-wrap {width:37.5%; max-width:480px; position:absolute; left:0; top:calc(var(--gap-50) * -1); transform:translateX(-10%); opacity:0; z-index:10;}
.about .greeting .greeting-wrap .photo-wrap .photo-box {width:100%; position:relative; z-index:1;}
.about .greeting .greeting-wrap .photo-wrap .photo-box span {display:block; width:100%; aspect-ratio:480/550; position:relative; overflow:hidden;}
.about .greeting .greeting-wrap .photo-wrap .photo-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.about .greeting .greeting-wrap .photo-wrap .obj-box {width:33.33%; aspect-ratio:1; background:rgba(254,191,49,0.5); position:absolute; left:0; bottom:0; z-index:10; clip-path:polygon(0 0, 50% 0, 50% 50%, 100% 50%, 100% 100%, 0 100%);}
.about .greeting .greeting-wrap .photo-wrap .obj-box:after {content:""; width:50%; height:50%; background:var(--key-color); position:absolute; left:0; bottom:0;}

.about .greeting .greeting-wrap .greeting-conts-wrap {width:72%; max-width:900px; margin-left:auto; margin-right:0; transform:translateX(10%); opacity:0; z-index:9;}
.about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box {width:100%; padding:70px 100px 50px 140px; background:var(--yellow);}
.about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .conts-wrap {width:100%; position:relative;}

.about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .detail-conts-box {width:100%; position:relative; z-index:1; visibility:hidden; opacity:0;}
.about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .detail-conts-box .conts-box {width:100%; font-size:var(--font-20); font-weight:500;}
.about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .detail-conts-box .conts-box em {font-weight:800;}

.about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .cover-conts-box {width:100%; position:absolute; left:0; top:0; z-index:10; background:var(--yellow);}
.about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .cover-conts-box .conts-box {width:100%;}
.about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .cover-conts-box .conts-box .icon {display:block; width:100%; height:var(--gap-40); background:url(/img/conts/icon_quotation_marks.svg) left center no-repeat; background-size:auto 100%;}
.about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .cover-conts-box .conts-box .conts {font-size:var(--font-24); font-weight:800; margin:var(--gap-32) 0 var(--gap-50) 0;}
.about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .cover-conts-box .conts-box .name-box {width:100%; display:flex; align-items:center; gap:var(--gap-16);}
.about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .cover-conts-box .conts-box .name-box span {font-size:var(--font-20); font-weight:700;}
.about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .cover-conts-box .conts-box .name-box em {font-size:var(--font-24); font-weight:800;}

.about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .button-wrap {width:100%; margin-top:var(--gap-50); display:flex; justify-content:flex-end;}


@media screen and (max-width: 1280px) {
    .about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box {padding:70px 50px 50px 140px;}
    .about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .detail-conts-box .conts-box .conts .br {display:inline-block;}
}

@media screen and (max-width: 1024px) {
    .about .greeting .greeting-wrap {padding-top:0;}

    .about .greeting .greeting-wrap .photo-wrap {width:55%; position:relative; left:0; top:0;}

    .about .greeting .greeting-wrap .greeting-conts-wrap {width:90%;}
    .about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box {transform:translateY(calc(var(--gap-50) * -1)); padding:90px 50px 40px 50px;}
    .about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .detail-conts-box .conts-box .conts .br {display:block;}
}

@media screen and (max-width: 768px) {
    .about .greeting .greeting-wrap .photo-wrap {width:60%;}

    .about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box {padding:90px 40px 40px 40px;}
    .about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .detail-conts-box .conts-box .conts .br {display:inline-block;}
    
    .about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .cover-conts-box .conts-box .name-box span {font-size:var(--font-16);}
}

@media screen and (max-width: 648px) {
    .about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box {padding:80px 40px 40px 40px;}

    .about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .cover-conts-box .conts-box .conts {font-size:calc(var(--font-30) * 0.9);}
}

@media screen and (max-width: 480px) {
    .about .greeting .greeting-wrap .photo-wrap {width:70%;}

    .about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box {padding:60px 25px 40px 25px;}

    .about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .detail-conts-box .conts-box {font-size:calc(var(--font-20) * 0.7);}

    .about .greeting .greeting-wrap .greeting-conts-wrap .greeting-conts-box .cover-conts-box .conts-box .conts .br {display:inline-block;}
}




.about .vision {padding-top:calc(var(--gap-50) * 4);}
.about .vision .sec-wrap {width:90%; max-width:var(--max-w); margin:0 auto;}

.about .vision .vision-wrap {width:100%; height:200px; background:url(/img/conts/mission_bg.svg) right center no-repeat; background-color:var(--gray-3); background-size:auto 100%;}
.about .vision .vision-wrap .vision-box {width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.about .vision .vision-wrap .vision-box .vision-conts {width:90%; margin:0 auto; text-align:center; color:var(--white);}
.about .vision .vision-wrap .vision-box .vision-conts span {display:block; font-size:var(--font-20); font-weight:700;}
.about .vision .vision-wrap .vision-box .vision-conts h3 {display:block; font-size:var(--font-30); font-weight:800; margin-top:var(--gap-10); text-align:center; color:var(--white);}

@media screen and (max-width: 768px) {
    .about .vision .vision-wrap {height:160px; background-image:none;}
}

@media screen and (max-width: 480px) {
    .about .vision .vision-wrap {height:130px;}
    .about .vision .vision-wrap .vision-box .vision-conts h3 {font-size:calc(var(--font-30) * 0.85);}
}


.about .mission-wrap {width:100%; margin-top:var(--gap-40); display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap;}
.about .mission-wrap .mission-box {flex:1; background:var(--white); padding:var(--gap-40) 0 var(--gap-60) 0;}
.about .mission-wrap .mission-box .mission-conts {width:80%; margin:0 auto; max-width:300px;}
.about .mission-wrap .mission-box .mission-conts .head {width:100%;}
.about .mission-wrap .mission-box .mission-conts .head > * {display:block;}
.about .mission-wrap .mission-box .mission-conts .head span {font-size:18px; font-weight:700; color:var(--gray-6);}
.about .mission-wrap .mission-box .mission-conts .head em {font-size:30px; font-weight:800; margin-top:var(--gap-10);}
.about .mission-wrap .mission-box .mission-conts .icon {width:50%; max-width:150px; margin:var(--gap-40) 0;}
.about .mission-wrap .mission-box .mission-conts .icon span {display:block; width:100%; aspect-ratio:1; position:relative;}
.about .mission-wrap .mission-box .mission-conts .icon span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.about .mission-wrap .mission-box .mission-conts .conts {width:100%; font-size:18px; font-weight:600;}

@media screen and (max-width: 1600px) {
    .about .mission-wrap {gap:20px;}
}

@media screen and (max-width: 1440px) {
    .about .mission-wrap .mission-box .mission-conts .conts .br {display:inline-block;}
}

@media screen and (max-width: 1024px) {
    .about .mission-wrap {flex-wrap:wrap; gap:30px;}
    .about .mission-wrap .mission-box {flex:auto; width:calc((100% - 30px) / 2);}
    .about .mission-wrap .mission-box .mission-conts .head span,
    .about .mission-wrap .mission-box .mission-conts .conts {font-size:var(--font-18);}
    .about .mission-wrap .mission-box .mission-conts .head em {font-size:var(--font-30);}
    .about .mission-wrap .mission-box .mission-conts .conts .br {display:block;}
}

@media screen and (max-width: 768px) {
    .about .mission-wrap {gap:20px;}
    .about .mission-wrap .mission-box {width:calc((100% - 20px) / 2);}
}

@media screen and (max-width: 648px) {
    .about .mission-wrap .mission-box .mission-conts .conts .br {display:inline-block;}
}

@media screen and (max-width: 480px) {
    .about .mission-wrap {gap:30px;}
    .about .mission-wrap .mission-box {width:100%;}
    .about .mission-wrap .mission-box .mission-conts {width:75%;}
    .about .mission-wrap .mission-box .mission-conts .head,
    .about .mission-wrap .mission-box .mission-conts .conts {text-align:center;}
    .about .mission-wrap .mission-box .mission-conts .icon {max-width:120px; margin-left:auto; margin-right:auto;}
}





/* company info */
.companyInfo .history {width:100%; margin-top:calc(var(--gap-50) * 4);}
.companyInfo .history .sec-wrap {width:90%; max-width:var(--max-w); margin:0 auto;}
.companyInfo .history .com-category .category-box .btn-category[data-id='company-history'] span {background-image:url(/img/conts/icon_company.svg);}
.companyInfo .history .com-category .category-box .btn-category[data-id='ceo-history'] span {background-image:url(/img/conts/icon_CEO.svg);}
.companyInfo .history .com-category .category-box .btn-category[data-id='company-history'].on span {background-image:url(/img/conts/icon_company_on.svg);}
.companyInfo .history .com-category .category-box .btn-category[data-id='ceo-history'].on span {background-image:url(/img/conts/icon_CEO_on.svg);}

.companyInfo .history .history-wrap {width:100%;}
.companyInfo .history .history-wrap .sub-title {width:100%; margin-bottom:var(--gap-80);}
.companyInfo .history .history-wrap .sub-title h3 {font-size:var(--font-30); font-weight:800;}
.companyInfo .history .history-wrap .sub-title h3 span {position:relative;}
.companyInfo .history .history-wrap .sub-title h3 span:after {content:""; width:var(--font-30); height:var(--font-30); background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; right:calc((var(--font-30) + var(--gap-16)) * -1); top:50%; transform:translateY(-50%);}

.companyInfo .history .history-wrap .history-conts-wrap {width:100%;}
.companyInfo .history .history-wrap .history-conts-wrap .history-category {width:100%; margin-top:var(--gap-80);}
.companyInfo .history .history-wrap .history-conts-wrap .history-category:first-child {margin-top:0;}
.companyInfo .history .history-wrap .history-conts-wrap .history-category .head {width:100%; margin-bottom:var(--gap-32);}
.companyInfo .history .history-wrap .history-conts-wrap .history-category .head span {padding-left:32px; position:relative; font-size:var(--font-24); font-weight:800;}
.companyInfo .history .history-wrap .history-conts-wrap .history-category .head span:before {content:""; width:calc(var(--gap-32) * 0.375); aspect-ratio:1; box-sizing:border-box; background:var(--gray-3); border:2px solid var(--key-color); position:absolute; left:0; top:50%; transform:translateY(-50%);}
.companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner {width:100%; border:solid var(--line-color-dc); border-width:1px 0; padding:var(--gap-32) 0; display:flex; flex-direction:column; gap:var(--gap-16);}
.companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box {width:100%; display:flex; gap:var(--gap-24);}
.companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .year-box {width:10%; font-size:var(--font-20); font-weight:800;}

.companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .history-conts {width:calc(90% - var(--gap-24));}
.companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .history-conts ul {width:100%;}
.companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .history-conts ul li {width:100%; display:flex; font-size:var(--font-20); margin-top:var(--gap-16);}
.companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .history-conts ul li:first-child {margin-top:0;}
.companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .history-conts ul li .month {width:80px; font-weight:700; color:var(--gray-6);}
.companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .history-conts ul li .conts {width:calc(100% - 80px); font-weight:600;}

@media screen and (max-width: 1024px) {
    .companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .year-box {width:15%;}

    .companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .history-conts {width:calc(85% - var(--gap-24));}
    .companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .history-conts ul li .month {width:60px;}
    .companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .history-conts ul li .conts {width:calc(100% - 60px);}
}

@media screen and (max-width: 648px) {
    .companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner {gap:var(--gap-32);}
    .companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box {flex-direction:column; gap:var(--gap-16);}
    .companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .year-box,
    .companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .history-conts {width:100%;}
}

@media screen and (max-width: 480px) {
    .companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .history-conts ul li .month {width:45px;}
    .companyInfo .history .history-wrap .history-conts-wrap .history-category .history-inner .history-box .history-conts ul li .conts {width:calc(100% - 45px);}
}

.companyInfo .history .tab-conts-wrap .tab-conts-box {display:none;}
.companyInfo .history .tab-conts-wrap .tab-conts-box.active {display:block;}

.companyInfo .history .tab-conts-wrap .tab-conts-box {width:100%;}
.companyInfo .history .tab-conts-wrap .tab-conts-box[data-id="company-history"] .history-wrap .sub-title h3 span:after {background-image:url(/img/conts/icon_company_02.svg);}
.companyInfo .history .tab-conts-wrap .tab-conts-box[data-id="ceo-history"] .history-wrap .sub-title h3 span:after {background-image:url(/img/conts/icon_CEO.svg);}




.companyInfo .awards {width:100%; padding:calc(var(--gap-50) * 3) 0; background:#E7E7E3; margin-top:calc(var(--gap-50) * 4);}
.companyInfo .awards .sec-conts {width:100%; display:flex; align-items:center; justify-content:center;}
.companyInfo .awards .awards-wrap {width:90%; position:relative; max-width:var(--max-w);}
.companyInfo .awards .awards-wrap .awards-slide-wrap {width:calc(100% - 200px); margin:0 auto; max-width:1400px; overflow:hidden;}
.companyInfo .awards .awards-wrap .awards-slide-wrap .slider {width:100%;}
.companyInfo .awards .awards-wrap .awards-slide-wrap .slider li .awards-box {width:100%;}
.companyInfo .awards .awards-wrap .awards-slide-wrap .slider li .awards-box .thumb-box {width:100%; aspect-ratio:320/450; position:relative;}
.companyInfo .awards .awards-wrap .awards-slide-wrap .slider li .awards-box .thumb-box img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:contain; cursor:pointer;}
.companyInfo .awards .awards-wrap .awards-slide-wrap .slider li .awards-box .conts {width:100%; margin-top:var(--gap-24); font-size:var(--font-18); font-weight:600; height:calc((1.5 * var(--font-18)) * 2); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:normal;}
.companyInfo .awards .awards-wrap .slider-control button {position:absolute; top:calc(50% - ((var(--gap-24) + ((1.5 * var(--font-18)) * 2)) / 2)); transform:translateY(-50%);}
.companyInfo .awards .awards-wrap .slider-control .awards-button-prev {left:0;}
.companyInfo .awards .awards-wrap .slider-control .awards-button-next {right:0;}

@media screen and (max-width: 768px) {
    .companyInfo .awards .awards-wrap .awards-slide-wrap {width:calc(100% - 140px)};
}

@media screen and (max-width: 480px) {
    .companyInfo .awards .awards-wrap .awards-slide-wrap {width:calc(100% - 100px)};
}



.awards-popup {width:90vw; max-width:500px;}
.awards-popup .btn-close {width:var(--gap-32); height:var(--gap-32); background:url(/img/com/icon_close_white.svg) center no-repeat; background-size:cover; margin:0 auto; margin-bottom:var(--gap-32); font-size:0; cursor:pointer; display:block;}
.awards-popup .popup-conts {width:100%; max-height:calc((var(--nvh) * 0.8) - (var(--gap-32) * 2)); overflow-y:auto;}
.awards-popup .popup-conts::-webkit-scrollbar {background:transparent; width:8px;}
.awards-popup .popup-conts::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.7); border-radius:20px;}
.awards-popup .popup-conts .img-box {width:100%; aspect-ratio:320/450; position:relative;}
.awards-popup .popup-conts .img-box img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:contain;}




.companyInfo .location {margin-top:calc(var(--gap-50) * 4);}
.companyInfo .location .sec-wrap {width:90%; max-width:1280px; margin:0 auto;}
.companyInfo .location .location-wrap {width:100%;}
.companyInfo .location .location-wrap .location-box {width:100%; margin-top:var(--gap-50); padding:50px; display:flex; gap:var(--gap-24);}
.companyInfo .location .location-wrap .location-box:first-child {margin-top:0;}
.companyInfo .location .location-wrap .location-box[data-id="seoul"] {background:var(--yellow);}
.companyInfo .location .location-wrap .location-box[data-id="dongtan"] {background:#DFDAD9;}
.companyInfo .location .location-wrap .location-box .company-box {width:calc(40% - var(--gap-32)); display:flex; flex-direction:column; justify-content:space-between; gap:var(--gap-32);}
.companyInfo .location .location-wrap .location-box .company-box .company-info-box {width:100%;}
.companyInfo .location .location-wrap .location-box .company-box .company-info-box .head {width:100%; margin-bottom:var(--gap-24); font-size:var(--font-24); font-weight:800;}
.companyInfo .location .location-wrap .location-box .company-box .company-info-box .head span {position:relative; padding-left:calc(var(--font-30) + var(--gap-16));}
.companyInfo .location .location-wrap .location-box .company-box .company-info-box .head span:before {content:''; width:var(--font-30); height:var(--font-30); background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.companyInfo .location .location-wrap .location-box[data-id="seoul"] .company-box .company-info-box .head span:before {background-image:url(/img/conts/icon_location_obj_01.svg);}
.companyInfo .location .location-wrap .location-box[data-id="dongtan"] .company-box .company-info-box .head span:before {background-image:url(/img/conts/icon_location_obj_02.svg);}
.companyInfo .location .location-wrap .location-box .company-box .company-info-box .address {font-size:var(--font-18); font-weight:600;}
.companyInfo .location .location-wrap .location-box .company-box .transportation {width:100%;}
.companyInfo .location .location-wrap .location-box .company-box .transportation ul li {width:100%; display:flex; font-size:var(--font-16); margin-top:var(--gap-10);}
.companyInfo .location .location-wrap .location-box .company-box .transportation ul li:first-child {margin-top:0;}
.companyInfo .location .location-wrap .location-box .company-box .transportation ul li .head {width:120px; font-weight:700;}
.companyInfo .location .location-wrap .location-box .company-box .transportation ul li .conts {width:calc(100% - 120px); font-weight:600;}
.companyInfo .location .location-wrap .location-box .company-box .transportation ul li .conts span {display:block; font-size:var(--font-15); color:#444;}

.companyInfo .location .location-wrap .location-box .map-box {width:60%;}
.companyInfo .location .location-wrap .location-box .map-box span {display:block; width:100%; height:450px; position:relative;}
.companyInfo .location .location-wrap .location-box .map-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}


@media screen and (max-width: 1024px) {
    .companyInfo .location .location-wrap .location-box {padding:var(--gap-50); flex-direction:column; gap:var(--gap-40);}
    .companyInfo .location .location-wrap .location-box .company-box,
    .companyInfo .location .location-wrap .location-box .map-box {width:100%;}

    .companyInfo .location .location-wrap .location-box .company-box {gap:var(--gap-40);}
    .companyInfo .location .location-wrap .location-box .company-box .company-info-box .head {text-align:center;}
    .companyInfo .location .location-wrap .location-box .company-box .company-info-box .address {text-align:center;}
    .companyInfo .location .location-wrap .location-box .company-box .transportation ul {width:fit-content; margin:0 auto;}
    .companyInfo .location .location-wrap .location-box .company-box .com-button {margin:0 auto;}
    .companyInfo .location .location-wrap .location-box .map-box span {height:auto; aspect-ratio:700/450;}
}

@media screen and (max-width: 768px) {
    .companyInfo .location .location-wrap .location-box .company-box .transportation ul li .head {width:100px;}
    .companyInfo .location .location-wrap .location-box .company-box .transportation ul li .conts {width:calc(100% - 100px);}
}

@media screen and (max-width: 480px) {
    .companyInfo .location .location-wrap .location-box .company-box .company-info-box .head {font-size:calc(var(--font-24) * 1.1);}
    .companyInfo .location .location-wrap .location-box .company-box .transportation ul li .head {width:80px;}
    .companyInfo .location .location-wrap .location-box .company-box .transportation ul li .conts {width:calc(100% - 80px);}
    .companyInfo .location .location-wrap .location-box .map-box span {aspect-ratio:700/550;}
}





/* 사택관리리 */
.house .page-title .title-wrap .title-box h2:before {background-image:url(/img/conts/icon_house.svg);}

.house .contents-wrap section {margin-top:calc(var(--gap-50) * 4);}
.house .intro .sec-wrap {width:90%; max-width:var(--max-w); margin: 0 auto;}
.house .intro .sec-wrap article {width:100%; margin-top:calc(var(--gap-50) * 4);}
.house .intro .sec-wrap article:first-child {margin-top:0;}
.house .intro .sec-wrap .service > .inner {width:90%; max-width:1280px; margin:0 auto;}


.house .intro .sec-wrap .service .circle-wrap {width:100%; display:flex; align-items:center; justify-content:center;}
.house .intro .sec-wrap .service .circle-wrap .circle-box {flex:1; max-width:400px; aspect-ratio:1; border-radius:50%; display:flex; align-items:center; justify-content:center; position:relative;}
.house .intro .sec-wrap .service .circle-wrap .circle-box:nth-child(odd) {background:var(--bg-gray);}
.house .intro .sec-wrap .service .circle-wrap .circle-box:nth-child(even) {background:var(--white);}
.house .intro .sec-wrap .service .circle-wrap .circle-box:nth-child(1) {clip-path:url(#clipArc-field-1);}
.house .intro .sec-wrap .service .circle-wrap .circle-box:nth-child(2) {clip-path:url(#clipArc-field-2);}
.house .intro .sec-wrap .service .circle-wrap .circle-box:nth-child(3) {clip-path:url(#clipArc-field-3);}

.house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts {width:80%; opacity:0; transform:translateY(50px); transition:all 0.5s ease-in-out;}
.house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .icon {width:30%; max-width:40px; aspect-ratio:1; position:relative;  margin:0 auto;}
.house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .icon img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box {width:100%; margin-top:var(--gap-32); text-align:center;}
.house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box em {display:block; font-size:24px; font-weight:800; margin-bottom:var(--gap-16);}
.house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box .conts {width:100%; font-size:15px; font-weight:600; min-height:calc((20px * 1.5) * 3); padding:0 5%;}
.house .intro .sec-wrap .service .circle-wrap .circle-box.active .circle-conts {opacity:1; transform:translateY(0);}

.house .intro .sec-wrap .service .circle-wrap .circle-box .cover-box {width:100%; height:100%; position:absolute; left:0; top:0;}

@media screen and (max-width: 1320px) {
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box em {font-size:20px;}
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box .conts {font-size:14px;}
}

@media screen and (max-width: 1280px) {
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box em {font-size:18px;}
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box .conts {font-size:13px; min-height:calc((16px * 1.5) * 3);}
}

@media screen and (max-width: 1024px) {
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .icon {max-width:32px;}
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box {margin-top:var(--gap-24);}
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box em {font-size:16px;}
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box .conts {font-size:11px; min-height:calc((12px * 1.5) * 3);}
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box .conts .br {display:inline-block;}
}


@media screen and (max-width: 900px) {
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box em {font-size:14px;}
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box .conts {font-size:10px; padding:0 7%;}
}


@media screen and (max-width: 768px) {
    .house .intro .sec-wrap .service .circle-wrap {flex-direction:column;}
    .house .intro .sec-wrap .service .circle-wrap .circle-box {width:100%;}
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .icon {max-width:40px;}
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box {margin-top:var(--gap-32);}
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box em {font-size:calc(var(--font-30) * 0.9);}
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box .conts {font-size:var(--font-18); min-height:auto; padding:0 7%;}
}

@media screen and (max-width: 480px) {
    .house .intro .sec-wrap .service .circle-wrap .circle-box {max-width:260px;}
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .icon {max-width:32px;}
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box em {font-size:calc(var(--font-30) * 0.85);}
    .house .intro .sec-wrap .service .circle-wrap .circle-box .circle-conts .conts-box .conts {font-size:calc(var(--font-18) * 0.85);}
}


.house .intro .sec-wrap .service .conts-wrap {width:100%; margin-top:var(--gap-32);}
.house .intro .sec-wrap .service .conts-wrap .arrow {display:block; width:0; height:0; border:solid transparent; border-width:0 25px; border-top:30px solid var(--key-color); margin:0 auto; margin-bottom:var(--gap-24);}
.house .intro .sec-wrap .service .conts-wrap .arrow-1 {border-top-color:rgba(254,191,49,0.25);}
.house .intro .sec-wrap .service .conts-wrap .arrow-2 {border-top-color:rgba(254,191,49,0.5);}
.house .intro .sec-wrap .service .conts-wrap .arrow-3 {border-top-color:rgba(254,191,49,0.75);}
.house .intro .sec-wrap .service .conts-wrap .title {width:fit-content; font-size:var(--font-40); font-weight:800; padding:var(--gap-16) var(--gap-24); background:var(--yellow); margin:0 auto; margin-bottom:var(--gap-24);}
.house .intro .sec-wrap .service .conts-wrap .conts-box {width:100%; height:190px; background:#FFDA87; display:flex; align-items:center; justify-content:center; position:relative; padding:0 var(--gap-16);}
.house .intro .sec-wrap .service .conts-wrap .conts-box:before,
.house .intro .sec-wrap .service .conts-wrap .conts-box:after {content:""; width:50%; height:100%; background-repeat:no-repeat; background-size:auto 100%; position:absolute; top:0; z-index:0;}
.house .intro .sec-wrap .service .conts-wrap .conts-box:before {background-image:url(/img/conts/service_obj_01.svg); background-position:left center; left:0;}
.house .intro .sec-wrap .service .conts-wrap .conts-box:after {background-image:url(/img/conts/service_obj_02.svg); background-position:right center; right:0;}
.house .intro .sec-wrap .service .conts-wrap .conts-box .conts {font-size:var(--font-30); font-weight:800; text-align:center; position:relative; z-index:10;}
.house .intro .sec-wrap .service .conts-wrap .conts-box .conts > * {display:block; font-weight:800;}
.house .intro .sec-wrap .service .conts-wrap .conts-box .conts span {background:var(--white); margin-top:var(--gap-10); padding:0 var(--gap-10);}

@media screen and (max-width: 768px) {
    .house .intro .sec-wrap .service .conts-wrap .arrow {border-width:0 17px; border-top-width:20px;}
    .house .intro .sec-wrap .service .conts-wrap .conts-box {height:170px;}
    .house .intro .sec-wrap .service .conts-wrap .conts-box:before,
    .house .intro .sec-wrap .service .conts-wrap .conts-box:after {opacity:0.5;}
}

@media screen and (max-width: 648px) {
    .house .intro .sec-wrap .service .conts-wrap .conts-box {height:150px;}
    .house .intro .sec-wrap .service .conts-wrap .conts-box:before,
    .house .intro .sec-wrap .service .conts-wrap .conts-box:after {display:none;}
}

@media screen and (max-width: 480px) {
    .house .intro .sec-wrap .service .conts-wrap .arrow {border-width:0 12px; border-top-width:14px;}
    .house .intro .sec-wrap .service .conts-wrap .title {font-size:calc(var(--font-40) * 0.9);}
    .house .intro .sec-wrap .service .conts-wrap .conts-box {height:130px;}
    .house .intro .sec-wrap .service .conts-wrap .conts-box .conts {font-size:var(--font-24);}
}



.house .intro .sec-wrap .solution .slider-wrap {--sl-slider-gap:50px; width:100%; display:flex; gap:var(----sl-slider-gap); justify-content:space-between;}
.house .intro .sec-wrap .solution .slider-wrap .problem-wrap {width:62.5%; overflow:hidden; background:var(--white); padding:var(--gap-50);}
.house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-container {width:100%; overflow:hidden;}
.house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap {width:100%;}
.house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box {width:100%;}
.house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box > .inner {--pb-gap:60px; width:100%; display:flex; gap:var(--pb-gap); align-items:flex-start;}
.house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box > .inner > * {width:calc((100% - var(--pb-gap)) / 2);}
.house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box .img-box span {display:block; width:100%; aspect-ratio:1; position:relative;}
.house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box .conts-box .label {width:fit-content; height:32px; background:var(--gray-3); padding:0 var(--gap-10); font-size:var(--font-18); font-weight:600; color:var(--white); display:flex; align-items:center;}
.house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box .conts-box .conts {width:100%; margin-top:var(--gap-32); font-size:var(--font-24); font-weight:600; max-width:340px;}

.house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box .img-box.problem-img-01 span img {object-position:0 18%;}
.house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box .img-box.problem-img-02 span img {object-position:0 95%;}
.house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box .img-box.problem-img-03 span img {object-position:0 34%;}

@media screen and (max-width: 1440px) {
    .house .intro .sec-wrap .solution .slider-wrap {--sl-slider-gap:30px;}
    .house .intro .sec-wrap .solution .slider-wrap .problem-wrap {width:100%; padding:var(--gap-40);}
    .house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box > .inner {--pb-gap:40px;}
    .house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box .conts-box .label {font-size:14px;}
    .house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box .conts-box .conts {font-size:18px;}
}

@media screen and (max-width: 1024px) {
    .house .intro .sec-wrap .solution .slider-wrap {gap:var(--gap-16); flex-direction:column;}
    .house .intro .sec-wrap .solution .slider-wrap .problem-wrap {padding:var(--gap-40);}
    .house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box > .inner {--pb-gap:40px;}
    .house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box .conts-box .label {font-size:var(--font-16);}
    .house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box .conts-box .conts {font-size:calc(var(--font-20) * 1.1); max-width:100%;}
}

@media screen and (max-width: 768px) {
    .house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box > .inner {--pb-gap:20px;}
}

@media screen and (max-width: 648px) {
    .house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box > .inner {flex-direction:column; gap:var(--gap-24);}
    .house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box > .inner > * {width:100%;}
}

@media screen and (max-width: 480px) {
    .house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box .img-box span {aspect-ratio:2/1;}
    .house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box .conts-box .label {height:28px; padding:0 12px; font-size:11px;}
    .house .intro .sec-wrap .solution .slider-wrap .problem-wrap .problem-slider-wrap .problem-box .conts-box .conts {font-size:14px; margin-top:var(--gap-16);}
}


.house .intro .sec-wrap .solution .slider-wrap .solution-wrap {width:calc(37.5% - var(--sl-slider-gap)); overflow:hidden; background:var(--gray-3); padding:var(--gap-50); display:flex; flex-direction:column; justify-content:space-between; gap:var(--gap-16);}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-container {height:100%;}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner {width:100%; height:100%; overflow:hidden;}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap {width:100%;}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box {width:100%; background:var(--gray-3);}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box .label {width:fit-content; height:32px; background:var(--key-color); padding:0 var(--gap-10); font-size:var(--font-18); font-weight:600; display:flex; align-items:center;}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box .conts {width:100%; margin-top:var(--gap-32);}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box .conts ul li {font-size:var(--font-20); font-weight:700; color:var(--white); position:relative; padding-left:calc(var(--font-20) - 8px); text-indent:calc((var(--font-20) - 8px) * -1); position:relative; margin-top:var(--gap-8); word-break:break-all;}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box .conts ul li:first-child {margin-top:0;}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box .conts ul li:before {content:"· "; color:var(--key-color);}

@media screen and (max-width: 1440px) {
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap {padding:30px;}
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box .label {font-size:14px;}
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box .conts ul li {font-size:18px; padding-left:calc(18px - 8px); text-indent:calc((18px - 8px) * -1);}
}

@media screen and (max-width: 1024px) {
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap {width:100%; padding:var(--gap-40);}
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box > .inner {height:240px;}
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box .label {font-size:var(--font-16);}
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box .conts ul li {font-size:calc(var(--font-20) * 1.1); padding-left:calc((var(--font-20) * 1.1) - 8px); text-indent:calc(((var(--font-20) * 1.1) - 8px) * -1);}
}

@media screen and (max-width: 480px) {
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box > .inner {height:180px;}
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box .label {height:28px; padding:0 12px; font-size:11px;}
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box .conts {min-height:100px;}
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap .solution-inner .solution-slider-wrap .solution-box .conts ul li {font-size:13px; padding-left:calc(13px - 5px); text-indent:calc((13px - 5px) * -1);}
}


.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .slider-control {width:100%; display:flex; align-items:center; justify-content:space-between;}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .slider-control .counter {width:80px; height:35px; background:var(--white); display:flex; align-items:center; justify-content:center; gap:3px;}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .slider-control .counter span {font-size:var(--font-16); font-weight:700;}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .slider-control .counter span.current {font-weight:800;}

.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .slider-control .navigation {display:flex; gap:var(--gap-24);}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .slider-control .navigation .btn-slider-nav {width:50px; height:50px; background:var(--key-color); font-size:0; position:relative; cursor:pointer; transition:background 0.3s ease-in-out;}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .slider-control .navigation .btn-slider-nav:hover {background:rgba(254,191,49,0.5);}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .slider-control .navigation .btn-slider-nav:before {content:""; width:100%; height:100%; background:url(/img/com/arrow_right_black.svg) center no-repeat; background-size:48% auto; position:absolute; left:0; top:0;}
.house .intro .sec-wrap .solution .slider-wrap .solution-wrap .slider-control .navigation .btn-nav-prev:before {transform:scaleX(-1);}

@media screen and (max-width: 1280px) {
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap .slider-control .navigation {gap:var(--gap-16);}
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap .slider-control .navigation .btn-slider-nav {width:32px; height:32px;}
}

@media screen and (max-width: 480px) {
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap .slider-control .counter {width:70px; height:32px;}
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap .slider-control .navigation {gap:10px;}
    .house .intro .sec-wrap .solution .slider-wrap .solution-wrap .slider-control .navigation .btn-slider-nav {width:40px; height:40px;}
}




.house .contract {width:100%; background:var(--bg-gray); padding:calc(var(--gap-50) * 3) 0;}
.house .contract .sec-wrap {width:90%; max-width:1280px; margin:0 auto;}
.house .contract .contract-wrap {--contract-gap:50px; --contract-col:3; width:100%; display:flex; gap:var(--contract-gap); flex-wrap:wrap;}
.house .contract .contract-wrap .contract-box {width:calc((100% - (var(--contract-gap) * (var(--contract-col) - 1))) / var(--contract-col)); height:220px; background:var(--white); padding:40px; position:relative;}
.house .contract .contract-wrap .contract-box:before {content:""; width:0; height:0; border:solid transparent; border-width:12.5px 0; border-left:15px solid rgba(63,26,16,0.5); position:absolute; left:calc(((var(--contract-gap) - 21px)) * -1); top:50%; transform:translateY(-50%);}
.house .contract .contract-wrap .contract-box:first-child:before {display:none;}
.house .contract .contract-wrap .contract-box .contract-conts {width:100%; height:100%; display:flex; gap:10px;}
.house .contract .contract-wrap .contract-box .contract-conts .conts-box {width:calc(100% - 60px); display:flex; }
.house .contract .contract-wrap .contract-box .contract-conts .conts-box span {width:var(--font-30); height:var(--font-30); display:flex; align-items:center; justify-content:center; font-size:var(--font-18); font-weight:600; color:var(--white); background:var(--gray-3);}
.house .contract .contract-wrap .contract-box .contract-conts .conts-box .conts {width:calc(100% - var(--font-30)); height:var(--font-30); padding-left:var(--gap-16); font-size:var(--font-20); font-weight:700; display:flex; align-items:center; flex-wrap:wrap; line-height:1.5;}
.house .contract .contract-wrap .contract-box .contract-conts .icon {width:50px; display:flex; align-items:flex-end;}
.house .contract .contract-wrap .contract-box .contract-conts .icon span {width:100%; aspect-ratio:1; position:relative;}
.house .contract .contract-wrap .contract-box .contract-conts .icon span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}

@media screen and (max-width: 1280px) {
    .house .contract .contract-wrap .contract-box {height:200px; padding:30px;}
    .house .contract .contract-wrap .contract-box .contract-conts .conts-box {width:calc(100% - 40px);}
    .house .contract .contract-wrap .contract-box .contract-conts .conts-box .conts {font-size:var(--font-14);}
    .house .contract .contract-wrap .contract-box .contract-conts .icon {width:30px;}
}

@media screen and (max-width: 1024px) {
    .house .contract .contract-wrap {--contract-gap:30px;}
    .house .contract .contract-wrap .contract-box {height:180px;}
    .house .contract .contract-wrap .contract-box:before {border-width:10px 0; border-left-width:12px; left:calc(((var(--contract-gap) - 11px)) * -1);}
    .house .contract .contract-wrap .contract-box .contract-conts .conts-box .conts {font-size:var(--font-16);}
}

@media screen and (max-width: 900px) {
    .house .contract .contract-wrap {--contract-col:2;}
}

@media screen and (max-width: 648px) {
    .house .contract .contract-wrap {--contract-gap:40px; flex-direction:column;}
    .house .contract .contract-wrap .contract-box {width:100%; max-width:350px; margin:0 auto; height:160px;}
    .house .contract .contract-wrap .contract-box:before {border-width:0 10px; border-left:10px solid transparent; border-top:12px solid rgba(63,26,16,0.5); left:50%; top:-27px; transform:translateX(-50%);}
    .house .contract .contract-wrap .contract-box .contract-conts .conts-box {width:calc(100% - 50px);}
    .house .contract .contract-wrap .contract-box .contract-conts .icon {width:40px;}
}




.house .consulting .sec-wrap {width:90%; max-width:var(--max-w); margin:0 auto;}
.house .consulting-wrap {width:100%;}
.house .consulting-wrap .consulting-box {--consulting-gap:40px; width:100%; display:flex; gap:var(--consulting-gap);}
.house .consulting-wrap .consulting-box .consulting-el {flex-shrink:1; flex-grow:0; flex-basis:11.35vw; width:11.35vw; overflow:hidden; position:relative; cursor:pointer;}
.house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box {width:100%; height:100%; position:relative; z-index:9;}
.house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .img-box {width:100%; height:100%; position:relative; z-index:1;}
.house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .img-box span {display:block; width:100%; aspect-ratio:820/550; position:relative;}
.house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box {width:50%; height:100%; background:#FFCC59; position:absolute; left:0; top:0; z-index:2; padding:50px;}
.house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box > .inner {width:100%; height:100%; display:flex; justify-content:space-between; gap:var(--gap-16); flex-direction:column;}
.house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box .head {width:100%; font-size:25px; font-weight:800; padding-right:5%;}
.house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box .conts {width:100%; font-size:17px; font-weight:600; max-width:280px;}
.house .consulting-wrap .consulting-box .consulting-el .numbering {width:50px; height:50px; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:800; position:absolute; right:30px; top:30px; z-index:10; background:var(--white);}

@media screen and (max-width: 1440px) {
    .house .consulting-wrap .consulting-box {--consulting-gap:20px;}
    .house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box {padding:30px;}
    .house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box .head {font-size:20px;}
    .house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box .conts {font-size:15px;}
    .house .consulting-wrap .consulting-box .consulting-el .numbering {width:30px; height:30px; font-size:12px;}
}

@media screen and (max-width: 1280px) {
    .house .consulting-wrap .consulting-box .consulting-el .numbering {right:20px; top:20px;}
}

@media screen and (max-width: 1440px) {
    .house .consulting-wrap .consulting-box {--consulting-gap:15px;}
    .house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box .head {font-size:18px;}
    .house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box .conts {font-size:13px;}
}

@media screen and (max-width: 768px) {
    .house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box {padding:20px;}
    .house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box .head {font-size:16px;}
    .house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box .conts {font-size:11px;}
    .house .consulting-wrap .consulting-box .consulting-el .numbering {width:28px; height:28px; font-size:10px; right:10px; top:10px;}
}

@media screen and (max-width: 648px) {
    .house .consulting-wrap .consulting-box {flex-direction:column;}
    .house .consulting-wrap .consulting-box .consulting-el {flex-basis:100%; width:100%;}
    .house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box .head {font-size:calc(var(--font-30) * 0.85); padding-right:0;}
    .house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box .conts {font-size:calc(var(--font-20) * 0.8);}
}

@media screen and (max-width: 480px) {
    .house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box {position:relative; width:100%; min-height:150px; text-align:center; display:flex; align-items:center;}
    .house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box .head {font-size:calc(var(--font-30) * 0.8);}
    .house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box .head .br {display:inline-block;}
    .house .consulting-wrap .consulting-box .consulting-el .consulting-conts-box .conts-box .conts {max-width:100%; font-size:calc(var(--font-20) * 0.72);}
}




.house .maintenance .sec-wrap {width:90%; max-width:var(--max-w); margin:0 auto;}
.house .maintenance .sec-conts article {width:100%; margin-top:calc(var(--gap-50) * 3);}
.house .maintenance .sec-conts article:first-child {margin-top:0;}

.house .maintenance .sec-conts .management {width:100%;}
.house .maintenance .sec-conts .management > .inner {width:100%;}
.house .maintenance .sec-conts .management .maintenance-wrap {width:100%; display:flex; position:relative; justify-content:flex-end;}
.house .maintenance .sec-conts .management .maintenance-wrap > * {width:50%;}
.house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap {height:100%; position:absolute; left:0; top:0;}
.house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container {width:100%; height:100%; position:relative;}
.house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .img-box {width:100%; height:100%; position:absolute; z-index:1;}
.house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .img-box span {display:block; width:100%; height:100%; position:relative;}
.house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .conts-box {width:100%; padding:70px; position:absolute; left:0; top:0; z-index:10;}
.house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .conts-box .conts {font-size:24px; font-weight:600; max-width:60%;}
.house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .obj-box {width:10%; aspect-ratio:1; background:var(--key-color); position:absolute; left:0; bottom:0; z-index:2;}
.house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .obj-box:before,
.house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .obj-box:after {content:""; width:100%; aspect-ratio:1; background:var(--key-color); opacity:0.5; position:absolute;}
.house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .obj-box:before {left:0; top:-100%;}
.house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .obj-box:after {left:100%; bottom:0;}

@media screen and (max-width: 1280px) {
    .house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .conts-box {padding:40px;}
    .house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .conts-box .conts {font-size:18px;}
}

@media screen and (max-width: 1024px) {
    .house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .conts-box {padding:30px;}
    .house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .conts-box .conts {font-size:15px;}
}

@media screen and (max-width: 768px) {
    .house .maintenance .sec-conts .management .maintenance-wrap {flex-direction:column;}
    .house .maintenance .sec-conts .management .maintenance-wrap > * {width:100%;}
    .house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap {position:relative;}
    .house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .img-box {position:relative;}
    .house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .img-box span {aspect-ratio:800/500; height:auto;}
    .house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .conts-box .conts {font-size:18px; max-width:70%;}
}

@media screen and (max-width: 480px) {
    .house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .conts-box {padding:20px;}
    .house .maintenance .sec-conts .management .maintenance-wrap .main-conts-wrap .main-conts-container .conts-box .conts {font-size:13px;}
}



.house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container {width:100%; position:relative;}
.house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .row {width:100%; display:flex;}
.house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .row:nth-child(even) {flex-direction:row-reverse;}
.house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box {width:50%; aspect-ratio:400/250; padding:50px; background:var(--white); overflow:hidden;}
.house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box:nth-child(even) {background:var(--yellow);}
.house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box .conts-inner {width:100%; height:100%; display:flex; flex-direction:column; justify-content:space-between; gap:var(--gap-16);}
.house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box .icon {width:100%; display:flex; justify-content:flex-end;}
.house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box .icon span {display:block; width:17%; max-width:50px; aspect-ratio:1; position:relative;}
.house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box .icon span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box .conts-box {width:100%; font-size:16px; font-weight:800;}

@media screen and (max-width: 1280px) {
    .house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box {padding:30px;}
    .house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box .conts-box {font-size:14px;}
}

@media screen and (max-width: 1024px) {
    .house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box {padding:20px;}
    .house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box .conts-box {font-size:11px;}
}

@media screen and (max-width: 768px) {
    .house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box .conts-box {font-size:15px;}
}

@media screen and (max-width: 648px) {
    .house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box .conts-box {font-size:13px;}
}

@media screen and (max-width: 480px) {
    .house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box {padding:15px;}
    .house .maintenance .sec-conts .management .maintenance-wrap .sub-conts-wrap .sub-conts-container .sub-conts-box .conts-box {font-size:10px;}
}



.house .maintenance .sec-conts .as > .inner {width:90%; max-width:1280px; margin:0 auto;}
.house .maintenance .sec-conts .as .as-wrap {width:100%;}
.house .maintenance .sec-conts .as .as-wrap .main-conts-wrap {width:100%; padding:50px; background:var(--bg-gray);}
.house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box {width:100%; display:flex; align-items:center; justify-content:space-between; gap:var(--gap-16);}
.house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .img-box {width:50%;}
.house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .img-box span {display:block; width:100%; aspect-ratio:590/365; position:relative;}
.house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap {max-width:50%; padding-left:50px;}
.house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap .conts-box {margin-bottom:80px;}
.house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap .conts-box .head {font-size:30px; font-weight:800;}
.house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap .conts-box .conts {margin-top:var(--gap-16); font-size:20px; font-weight:600; padding-right:5%;}

@media screen and (max-width: 1280px) {
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap {padding:30px;}
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap {padding-left:30px;}
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap .conts-box {margin-bottom:40px;}
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap .conts-box .head {font-size:20px;}
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap .conts-box .conts {font-size:16px;}
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap .button {transform:scale(0.8); transform-origin:left bottom;}
}

@media screen and (max-width: 768px) {
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap {padding:var(--gap-50);}
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box {flex-direction:column-reverse; gap:var(--gap-32);}
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .img-box,
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap {width:100%; max-width:100%;}
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap {padding-left:0; text-align:center;}
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap .conts-box {margin-bottom:var(--gap-50);}
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap .conts-box .conts {padding-right:0;}
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap .button {transform:scale(1); margin:0 auto;}
}

@media screen and (max-width: 480px) {
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap .conts-box .head {font-size:var(--font-24);}
    .house .maintenance .sec-conts .as .as-wrap .main-conts-wrap .main-conts-box .conts-wrap .conts-box .conts {font-size:var(--font-16);}
}



.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap {width:100%; margin-top:var(--gap-50);}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .head {width:100%; margin-bottom:var(--gap-32); text-align:center; display:flex; align-items:center; justify-content:center;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .head span {width:fit-content; height:50px; background:var(--yellow); padding:0 var(--gap-24); font-size:var(--font-24); font-weight:700; display:flex; align-items:center; justify-content:center;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap {width:100%; display:flex; align-items:center;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box {flex:1; flex-basis:calc(100% / 5); width:calc(100% / 5);}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box:nth-child(1) {z-index:5;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box:nth-child(2) {z-index:4;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box:nth-child(3) {z-index:3;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box:nth-child(4) {z-index:2;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box:nth-child(5) {z-index:1;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box .conts-wrap {width:100%; aspect-ratio:1; border-radius:50%; background:var(--white); display:flex; align-items:center; justify-content:center;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box .conts-wrap .conts-box {width:90%; text-align:center;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box .conts-wrap .conts-box .icon {width:16%; max-width:40px; aspect-ratio:1; position:relative; margin:0 auto;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box .conts-wrap .conts-box .icon img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box .conts-wrap .conts-box .conts {width:100%; margin-top:var(--gap-16); font-size:20px; font-weight:600; padding:0 2%;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box .conts-wrap .img-box {width:100%;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box .conts-wrap .img-box span {display:block; width:100%; aspect-ratio:1; position:relative;}
.house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box .conts-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}

@media screen and (max-width: 1280px) {
    .house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box .conts-wrap .conts-box .conts {font-size:16px;}
}

@media screen and (max-width: 1024px) {
    .house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box .conts-wrap .conts-box .conts {font-size:13px;}
}

@media screen and (max-width: 768px) {
    .house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .head span {height:46px;}
    .house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box .conts-wrap .conts-box .conts {font-size:11px;}
}

@media screen and (max-width: 648px) {
    .house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap {flex-direction:column;}
    .house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box {flex-basis:65%; width:65%; max-width:200px;}
    .house .maintenance .sec-conts .as .as-wrap .sub-conts-wrap .as-circle-wrap .as-circle-box .conts-wrap .conts-box .conts {font-size:var(--font-18);}
}





.house .rental .sec-wrap {width:90%; max-width:var(--max-w); margin:0 auto;}
.house .rental .sec-conts article {width:100%; margin-top:calc(var(--gap-50) * 3);}
.house .rental .sec-conts article:first-child {margin-top:0;}

.house .rental .rental-1 > .inner {width:100%;}
.house .rental .rental-1 .main-conts-wrap {width:100%;}
.house .rental .rental-1 .main-conts-wrap .img-box {width:100%;}
.house .rental .rental-1 .main-conts-wrap .img-box span {display:block; width:100%; aspect-ratio:1600/400; position:relative;}
.house .rental .rental-1 .main-conts-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.house .rental .rental-1 .main-conts-wrap .main-conts-box {width:90%; max-width:1280px; margin:0 auto; margin-top:var(--gap-50);}
.house .rental .rental-1 .main-conts-wrap .main-conts-box .conts-wrap {width:100%; display:flex; align-items:flex-start;  justify-content:space-between; gap:var(--gap-16);}
.house .rental .rental-1 .main-conts-wrap .main-conts-box .conts-wrap .conts-box {font-size:var(--font-20); font-weight:700;}

@media screen and (max-width: 768px) {
    .house .rental .rental-1 .main-conts-wrap .main-conts-box .conts-wrap .conts-box {font-size:var(--font-16);}
}

@media screen and (max-width: 648px) {
    .house .rental .rental-1 .main-conts-wrap .img-box span {aspect-ratio:1600/550;}
    .house .rental .rental-1 .main-conts-wrap .main-conts-box .conts-wrap {flex-direction:column; gap:var(--gap-24);}
    .house .rental .rental-1 .main-conts-wrap .main-conts-box .conts-wrap > * {width:100%;}
    .house .rental .rental-1 .main-conts-wrap .main-conts-box .conts-wrap .conts-box {text-align:center; font-size:var(--font-18);}
    .house .rental .rental-1 .main-conts-wrap .main-conts-box .conts-wrap .button-box .button {margin:0 auto;}
}

@media screen and (max-width: 480px) {
    .house .rental .rental-1 .main-conts-wrap .img-box span {aspect-ratio:1600/650;}
}



.house .rental .rental-2 {width:100%;}
.house .rental .rental-2 > .inner {width:90%; max-width:1280px; margin:0 auto;}
.house .rental .rental-2 .sub-conts-wrap {width:100%; display:flex; gap:40px; justify-content:space-between;}
.house .rental .rental-2 .sub-conts-wrap .sub-conts-box {flex:1; flex-basis:600px; max-width:600px; background:var(--white); padding:50px;}
.house .rental .rental-2 .sub-conts-wrap .sub-conts-box .conts-box {width:100%;}
.house .rental .rental-2 .sub-conts-wrap .sub-conts-box .conts-box .head {font-size:30px; font-weight:800;}
.house .rental .rental-2 .sub-conts-wrap .sub-conts-box .conts-box .conts {font-size:20px; font-weight:600; margin:var(--gap-16) 0 var(--gap-40) 0;}
.house .rental .rental-2 .sub-conts-wrap .sub-conts-box .conts-box ul li {font-size:20px; font-weight:700;}
.house .rental .rental-2 .sub-conts-wrap .sub-conts-box .img-box {width:100%; margin-top:var(--gap-50); will-change:clip-path;}
.house .rental .rental-2 .sub-conts-wrap .sub-conts-box .img-box span {display:block; width:100%; aspect-ratio:500/300; position:relative;}
.house .rental .rental-2 .sub-conts-wrap .sub-conts-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}

@media screen and (max-width: 1280px) {
    .house .rental .rental-2 .sub-conts-wrap .sub-conts-box {padding:30px;}
    .house .rental .rental-2 .sub-conts-wrap .sub-conts-box .conts-box .head {font-size:24px;}
    .house .rental .rental-2 .sub-conts-wrap .sub-conts-box .conts-box .conts,
    .house .rental .rental-2 .sub-conts-wrap .sub-conts-box .conts-box ul li {font-size:16px; }
}

@media screen and (max-width: 1024px) {
    .house .rental .rental-2 .sub-conts-wrap {gap:20px;}
}

@media screen and (max-width: 900px) {
    .house .rental .rental-2 .sub-conts-wrap {flex-direction:column; gap:var(--gap-40);}
    .house .rental .rental-2 .sub-conts-wrap .sub-conts-box {flex-basis:100%; max-width:100%; width:100%;}
    .house .rental .rental-2 .sub-conts-wrap .sub-conts-box:last-child .conts-box ul li:last-child {display:none;}
}

@media screen and (max-width: 648px) {
    .house .rental .rental-2 .sub-conts-wrap .sub-conts-box {padding:var(--gap-40);}
    .house .rental .rental-2 .sub-conts-wrap .sub-conts-box .conts-box .head {font-size:var(--font-24);}
    .house .rental .rental-2 .sub-conts-wrap .sub-conts-box .conts-box .conts,
    .house .rental .rental-2 .sub-conts-wrap .sub-conts-box .conts-box ul li {font-size:var(--font-18);}
}

@media screen and (max-width: 480px) {
    .house .rental .rental-2 .sub-conts-wrap .sub-conts-box .img-box span {aspect-ratio:500/350;}
}




.com-inquiry-banner {width:90%; max-width:var(--max-w); margin:0 auto; margin-top:calc(var(--gap-50) * 4); position:relative; background:#FFE2A2; height:242px; display:flex; align-items:center; justify-content:center;}
.com-inquiry-banner:before,
.com-inquiry-banner:after {content:""; width:50%; height:100%; position:absolute; top:0; z-index:1; background-repeat:no-repeat;}
.com-inquiry-banner:before {background-image:url(/img/conts/com_banner_pattern_01.svg); background-position:left bottom; left:0; background-size:var(--gap-80) auto;}
.com-inquiry-banner:after {background-image:url(/img/conts/com_banner_pattern_02.svg); background-position:right top; right:0; background-size:auto 100%;}
.com-inquiry-banner > .inner {width:90%; max-width:1200px; margin:0 auto; position:relative; z-index:10;}
.com-inquiry-banner .conts-wrap {width:100%; display:flex; align-items:center; justify-content:space-between; gap:var(--gap-24);}
.com-inquiry-banner .conts-wrap .conts-box .head {font-size:24px; font-weight:800;}
.com-inquiry-banner .conts-wrap .conts-box .conts {font-size:20px; font-weight:600; margin-top:var(--gap-16);}

@media screen and (max-width: 1280px) {
    .com-inquiry-banner .conts-wrap .conts-box .head {font-size:20px;}
    .com-inquiry-banner .conts-wrap .conts-box .conts {font-size:16px;}
}

@media screen and (max-width: 1024px) {
    .com-inquiry-banner .conts-wrap .conts-box .head {font-size:17px;}
    .com-inquiry-banner .conts-wrap .conts-box .conts {font-size:13px;}
    .com-inquiry-banner .conts-wrap .button-box .button {transform:scale(0.85); transform-origin:right center;}
}

@media screen and (max-width: 900px) {
    .com-inquiry-banner .conts-wrap .conts-box .head span {display:block;}
}

@media screen and (max-width: 768px) {
    .com-inquiry-banner {height:280px;}
    .com-inquiry-banner .conts-wrap {flex-direction:column; gap:var(--gap-32);}
    .com-inquiry-banner .conts-wrap .conts-box {text-align:center;}
    .com-inquiry-banner .conts-wrap .button-box .button {transform:scale(1);}
    .com-inquiry-banner:after {background-size:auto 50%;}
}

@media screen and (max-width: 480px) {
    .com-inquiry-banner {height:260px;}
    .com-inquiry-banner .conts-wrap .conts-box .head {font-size:var(--font-24);}
    .com-inquiry-banner .conts-wrap .conts-box .head span {display:block;}
    .com-inquiry-banner .conts-wrap .conts-box .conts {font-size:var(--font-18);}
}





/* 주재원관리 */
.expatriates .page-title .title-wrap .title-box h2:before {background-image:url(/img/conts/icon_carrier.svg);}
.expatriates .contents-wrap section {width:100%; margin-top:calc(var(--gap-50) * 4);}
.expatriates .contents-wrap section .sec-wrap {width:90%; max-width:var(--max-w); margin:0 auto; position:relative;}


.expatriates .intro .intro-circle-wrap {width:100%; display:flex; align-items:center;}
.expatriates .intro .intro-circle-wrap .circle-box {flex:1; flex-basis:calc(100% / 5); width:calc(100% / 5);}
.expatriates .intro .intro-circle-wrap .circle-box .conts-wrap {width:100%; aspect-ratio:1; border-radius:50%; overflow:hidden; position:relative;}
.expatriates .intro .intro-circle-wrap .circle-box .conts-wrap .img-box {width:100%; position:relative; z-index:1;}
.expatriates .intro .intro-circle-wrap .circle-box .conts-wrap .img-box span {display:block; width:100%; aspect-ratio:1; position:relative; z-index:1;}
.expatriates .intro .intro-circle-wrap .circle-box .conts-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.expatriates .intro .intro-circle-wrap .circle-box .conts-wrap .img-box:after {content:''; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:2;}
.expatriates .intro .intro-circle-wrap .circle-box .conts-wrap .conts-box {width:100%; height:100%; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center;; z-index:10;}
.expatriates .intro .intro-circle-wrap .circle-box .conts-wrap .conts-box .conts {width:90%; font-size:30px; font-weight:700; color:var(--white); text-align:center;}

@media screen and (max-width: 1280px) {
    .expatriates .intro .intro-circle-wrap .circle-box .conts-wrap .conts-box .conts {font-size:20px;}
}

@media screen and (max-width: 1024px) {
    .expatriates .intro .intro-circle-wrap .circle-box .conts-wrap .conts-box .conts {font-size:16px;}
}

@media screen and (max-width: 648px) {
    .expatriates .intro .intro-circle-wrap {flex-direction:column;}
    .expatriates .intro .intro-circle-wrap .circle-box {flex-basis:65%; width:65%; max-width:250px;}
    .expatriates .intro .intro-circle-wrap .circle-box .conts-wrap .conts-box .conts {font-size:var(--font-24);}
}


.expatriates .intro .service-wrap {width:90%; max-width:1280px; margin:0 auto; margin-top:calc(var(--gap-50) * 2);}
.expatriates .intro .service-wrap .bg-box {width:100%; background:var(--bg-gray); padding:var(--gap-32) 0;}
.expatriates .intro .service-wrap .bg-box .conts {width:90%; margin:0 auto; font-size:30px; font-weight:800; text-align:center;}
.expatriates .intro .service-wrap .service-conts-wrap {width:100%; margin-top:var(--gap-80); display:flex; flex-wrap:wrap; gap:var(--gap-80) 0;}
.expatriates .intro .service-wrap .service-conts-wrap .service-box {width:calc(100% / 3);}
.expatriates .intro .service-wrap .service-conts-wrap .service-box > .inner {width:80%; max-width:300px;}
.expatriates .intro .service-wrap .service-conts-wrap .service-box .numbering {width:30px; height:30px; background:var(--key-color); display:flex; align-items:center; justify-content:center; font-size:var(--font-16); font-weight:800;}
.expatriates .intro .service-wrap .service-conts-wrap .service-box .head {width:100%; font-size:18px; font-weight:800; margin:calc(var(--gap-10) * 2) 0;}
.expatriates .intro .service-wrap .service-conts-wrap .service-box .conts {width:100%; font-size:15px; font-weight:500;}

@media screen and (max-width: 1280px) {
    .expatriates .intro .service-wrap .bg-box .conts {font-size:24px;}
    .expatriates .intro .service-wrap .service-conts-wrap .service-box .head {font-size:17px;}
    .expatriates .intro .service-wrap .service-conts-wrap .service-box .conts {font-size:14px;}
}

@media screen and (max-width: 1024px) {
    .expatriates .intro .service-wrap .service-conts-wrap .service-box .numbering {width:24px; height:24px; font-size:12px;}
    .expatriates .intro .service-wrap .service-conts-wrap .service-box .head {font-size:14px;}
    .expatriates .intro .service-wrap .service-conts-wrap .service-box .conts {font-size:12px;}
}

@media screen and (max-width: 900px) {
    .expatriates .intro .service-wrap .service-conts-wrap .service-box {width:calc(100% / 2);}
}

@media screen and (max-width: 648px) {
    .expatriates .intro .service-wrap .bg-box .conts {font-size:calc(var(--font-24) * 0.9);}
    .expatriates .intro .service-wrap .service-conts-wrap .service-box {width:100%;}
    .expatriates .intro .service-wrap .service-conts-wrap .service-box > .inner {width:100%; max-width:100%;}
    .expatriates .intro .service-wrap .service-conts-wrap .service-box .numbering {margin:0 auto;}
    .expatriates .intro .service-wrap .service-conts-wrap .service-box .head {font-size:var(--font-24); text-align:center;} 
    .expatriates .intro .service-wrap .service-conts-wrap .service-box .conts {font-size:var(--font-20); text-align:center;}
}




.expatriates .case .sec-conts article {width:100%;}

.expatriates .case .case-1 {width:100%; display:flex; align-items:center; justify-content:center; will-change:transform; position:static;}
.expatriates .case .case-1 > .inner {width:100%;}
.expatriates .case .case-1 .case-container {width:100%; display:flex; align-items:center;}
.expatriates .case .case-1 .case-container .case-wrap {width:100%; position:relative;}
.expatriates .case .case-1 .case-container .case-wrap .case-box {width:100%; display:flex; align-items:center; padding:calc(var(--gap-50) * 2) 0; position:sticky;}
.expatriates .case .case-1 .case-container .case-wrap .case-box .case-inner {width:100%; height:calc(var(--nvh) * 0.6); max-height:640px;}
.expatriates .case .case-1 .case-container .case-wrap .case-box:nth-child(1) {z-index:1; top:calc(var(--headerH) + (var(--gap-24) * 2));}
.expatriates .case .case-1 .case-container .case-wrap .case-box:nth-child(2) {z-index:2; margin-top:var(--gap-50); top:calc(var(--headerH) + (var(--gap-24) * 2) + 60px);}
.expatriates .case .case-1 .case-container .case-wrap .case-box:nth-child(3) {z-index:3; margin-top:var(--gap-50); top:calc(var(--headerH) + (var(--gap-24) * 2) + 120px);}
.expatriates .case .case-1 .case-container .case-wrap .case-box:nth-child(1) .case-inner {background:#F4E7C7; z-index:1;}
.expatriates .case .case-1 .case-container .case-wrap .case-box:nth-child(2) .case-inner {background:#F6DFA9; z-index:2;}
.expatriates .case .case-1 .case-container .case-wrap .case-box:nth-child(3) .case-inner {background:#F8D991; z-index:3;}
.expatriates .case .case-1 .case-container .case-wrap .case-box .head {width:100%; height:60px; display:flex; align-items:center; justify-content:center; font-size:var(--font-16); font-weight:700; text-align:center;}
.expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap {width:90%; height:calc(100% - 60px); max-width:1280px; margin:0 auto; display:flex; align-items:center; padding:70px 0;}
.expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box {width:100%; display:flex;}
.expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box > * {width:50%;}
.expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .img-box span {display:block; width:100%; aspect-ratio:640/400; position:relative;}
.expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box {padding-left:100px;}
.expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box .label {width:fit-content; height:34px; background:var(--white); padding:0 var(--gap-16); font-size:var(--font-16); font-weight:600; display:flex; align-items:center; justify-content:center;}
.expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box .conts {width:100%; margin-top:var(--gap-50);}
.expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box .conts em {display:block; font-size:26px; font-weight:800; margin-bottom:calc(var(--gap-10) * 2);}
.expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box .conts .txt {font-size:18px; font-weight:600;}

@media screen and (max-width: 1280px) {
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box {padding-left:50px;}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box .label {font-size:12px;}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box .conts em {font-size:24px;}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box .conts .txt {font-size:16px;}
}

@media screen and (max-width: 1024px) {
    .expatriates .case .case-1 .case-container .case-wrap .case-box {padding:0;}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .case-inner {height:calc(var(--nvh) * 0.8); max-height:100%;}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap {padding:var(--gap-40) 0;}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box {flex-direction:column; gap:var(--gap-32);}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box > * {width:100%;}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box {padding-left:0;}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box .label {margin:0 auto;}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box .conts {text-align:center;}
}

@media screen and (max-width: 900px) {
    .expatriates .case .case-1 .case-container {max-width:600px; margin:0 auto;}
    .expatriates .case .case-1 .case-container .case-wrap .case-box {position:relative; padding:0; top:0 !important;}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .case-inner {height:100%;}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box {padding-bottom:var(--gap-50);}
}

@media screen and (max-width: 768px) {
    .expatriates .case .case-1 .case-container .case-wrap .case-box:nth-child(2) {z-index:2; margin-top:var(--gap-50); top:calc(var(--headerH) + (var(--gap-24) * 2) + 56px);}
    .expatriates .case .case-1 .case-container .case-wrap .case-box:nth-child(3) {z-index:3; margin-top:var(--gap-50); top:calc(var(--headerH) + (var(--gap-24) * 2) + 112px);}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .head {height:56px;}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box .label {font-size:var(--font-14);}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box .conts em {font-size:var(--font-24);}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box .conts .txt {font-size:var(--font-16);}
}

@media screen and (max-width: 480px) {
    .expatriates .case .case-1 .case-container .case-wrap .case-box:nth-child(2) {z-index:2; margin-top:var(--gap-50); top:calc(var(--headerH) + (var(--gap-24) * 2) + 42px);}
    .expatriates .case .case-1 .case-container .case-wrap .case-box:nth-child(3) {z-index:3; margin-top:var(--gap-50); top:calc(var(--headerH) + (var(--gap-24) * 2) + 84px);}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .head {height:42px;}
    .expatriates .case .case-1 .case-container .case-wrap .case-box .conts-wrap .case-conts-box .conts-box .label {height:30px;}
}




.expatriates .case .case-2 {width:100%;}
.expatriates .case .case-2 .arrow {width:100%; aspect-ratio:1600/180; background:url(/img/conts/case_arrow.svg) center no-repeat; background-size:100% 100%;}
.expatriates .case .case-2 .process-wrap {margin-top:var(--gap-80);}
.expatriates .case .case-2 .process-wrap .head {font-size:var(--font-30); font-weight:800; text-align:center;}
.expatriates .case .case-2 .process-wrap .process-conts-wrap {width:100%; position:relative; margin-top:var(--gap-50);}
.expatriates .case .case-2 .process-wrap .process-conts-wrap .line {width:100vw; height:1px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
.expatriates .case .case-2 .process-wrap .process-conts-wrap .line span {display:block; width:100%; height:100%; background:var(--key-color); position:absolute; left:0; top:0;}
.expatriates .case .case-2 .process-wrap .process-conts-wrap .layout-wrap {width:100%; position:relative; display:flex; align-items:center; z-index:10;}
.expatriates .case .case-2 .process-wrap .process-conts-wrap .layout-box {flex:1; flex-basis:calc(100% / 7); width:calc(100% / 7); position:relative;}
.expatriates .case .case-2 .process-wrap .process-conts-wrap .layout-box .conts-wrap {width:100%; aspect-ratio:1; border-radius:50%; overflow:hidden; display:flex; align-items:center; justify-content:center; position:relative; z-index:12;}
.expatriates .case .case-2 .process-wrap .process-conts-wrap .layout-box .conts-wrap .conts-box {width:90%; margin:0 auto; text-align:center; font-size:20px; font-weight:800; position:relative; z-index:10; padding:0 2%;}
.expatriates .case .case-2 .process-wrap .process-conts-wrap .layout-box .circle-box {width:100%; height:100%; position:absolute; left:0; top:0; z-index:11;}
.expatriates .case .case-2 .process-wrap .process-conts-wrap .layout-box .circle-box svg circle {fill:var(--yellow); stroke:var(--key-color);}
.expatriates .case .case-2 .process-wrap .sub-conts {width:100%; margin-top:var(--gap-80); font-size:var(--font-24); font-weight:700; text-align:center;}

@media screen and (max-width: 1280px) {
    .expatriates .case .case-2 .process-wrap .process-conts-wrap .layout-box .conts-wrap .conts-box {font-size:16px;}
}

@media screen and (max-width: 1024px) {
    .expatriates .case .case-2 .process-wrap .process-conts-wrap .layout-box .conts-wrap .conts-box {font-size:14px;}
}

@media screen and (max-width: 768px) {
    .expatriates .case .case-2 .process-wrap .process-conts-wrap .layout-box .conts-wrap .conts-box {font-size:11px;}
}

@media screen and (max-width: 648px) {
    .expatriates .case .case-2 .process-wrap .process-conts-wrap .layout-wrap {flex-wrap:wrap; max-width:400px; margin-left:auto; margin-right:auto;}
    .expatriates .case .case-2 .process-wrap .process-conts-wrap .layout-box {flex-basis:auto; width:50%; flex-grow:0; max-width:200px;}
    .expatriates .case .case-2 .process-wrap .process-conts-wrap .layout-box .conts-wrap .conts-box {font-size:var(--font-20);}
    .expatriates .case .case-2 .process-wrap .process-conts-wrap .line {display:none;}
}

@media screen and (max-width: 648px) {
    .expatriates .case .case-2 .process-wrap .process-conts-wrap .layout-box .conts-wrap .conts-box {font-size:var(--font-18);}
}



.expatriates .provision .sec-wrap {max-width:1280px; margin:0 auto;}
.expatriates .provision .provision-container {width:100%;}
.expatriates .provision .provision-container .provision-wrap {position:relative;}
.expatriates .provision .provision-container .provision-wrap .provision-box {width:100%; display:flex; align-items:center; position:sticky; top:0; margin-top:calc(var(--gap-50) * 2);}
.expatriates .provision .provision-container .provision-wrap .provision-box:first-child {margin-top:0;}
.expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap {width:100%; background:var(--white);}
.expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap > .inner {width:100%; display:flex; align-items:center;}
.expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .img-box {width:50%;}
.expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .img-box span {display:block; width:100%; aspect-ratio:640/450; position:relative;}
.expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box {width:50%; padding:0 100px;}
.expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box .conts-box .label {width:fit-content; height:34px; background:var(--key-color); padding:0 var(--gap-16); display:flex; align-items:center; justify-content:center; font-size:var(--font-16); font-weight:700;}
.expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box .conts-box .conts {font-size:20px; font-weight:700; margin-top:var(--gap-40);}
.expatriates .provision .provision-container .provision-wrap .provision-box:nth-child(even) .provision-conts-wrap > .inner {flex-direction:row-reverse;}

@media screen and (max-width: 1320px) {
    .expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box {padding:0 60px;}
}

@media screen and (max-width: 1280px) {
    .expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box {padding:0 50px;}
    .expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box .conts-box .conts {font-size:20px;}
}

@media screen and (max-width: 1024px) {
    .expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box {padding:0 30px;}
    .expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box .conts-box .label {font-size:12px;}
    .expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box .conts-box .conts {font-size:18px;}
}

@media screen and (max-width: 900px) {
    .expatriates .provision .provision-container {width:90%; max-width:500px; margin:0 auto;}
    .expatriates .provision .provision-container .provision-wrap .provision-box {position:relative; margin-top:var(--gap-50);}
    .expatriates .provision .provision-container .provision-wrap .provision-box:first-child {margin-top:0;}
    .expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap > .inner,
    .expatriates .provision .provision-container .provision-wrap .provision-box:nth-child(even) .provision-conts-wrap > .inner {flex-direction:column;}
    .expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .img-box {width:100%;}
    .expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box {width:100%; padding:var(--gap-50) 0;}
    .expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box .conts-box {width:90%; margin:0 auto; text-align:center; padding-bottom:var(--gap-50);}
    .expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box .conts-box .label {margin:0 auto;}
}

@media screen and (max-width: 648px) {
    .expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box .conts-box .label {font-size:var(--font-14);}
    .expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box .conts-box .conts {font-size:calc(var(--font-20) * 0.9);}
}

@media screen and (max-width: 480px) {
    .expatriates .provision .provision-container .provision-wrap .provision-box .provision-conts-wrap .provision-conts-box .conts-box .label {height:30px;}
}




/* 국내 임·직원 정착 지원 */
.settlement .page-title .title-wrap .title-box h2:before {background-image:url(/img/conts/icon_carrier.svg);}
.settlement .contents-wrap section {width:100%; margin-top:calc(var(--gap-50) * 4);}
.settlement .contents-wrap section .sec-wrap {width:90%; max-width:var(--max-w); margin:0 auto; position:relative;}


.settlement .sec-1 .intro-wrap {--settlement-intro-gap:40px; width:100%; max-width:1280px; margin:0 auto; display:flex; gap:var(--settlement-intro-gap);}
.settlement .sec-1 .intro-wrap .row {width:calc((100% - var(--settlement-intro-gap)) / 2); display:flex; flex-direction:column; gap:var(--settlement-intro-gap);}
.settlement .sec-1 .intro-wrap .row:last-child {flex-direction:column-reverse;}
.settlement .sec-1 .intro-wrap .row .col .intro-box {width:100%; position:relative;}
.settlement .sec-1 .intro-wrap .row .col .intro-box .img-box {width:100%; position:relative; z-index:1;}
.settlement .sec-1 .intro-wrap .row .col .intro-box .img-box:after {content:''; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:rgba(0,0,0,0.4);}
.settlement .sec-1 .intro-wrap .row .col .intro-box .img-box span {display:block; width:100%; position:relative; z-index:1;}
.settlement .sec-1 .intro-wrap .row .col .intro-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.settlement .sec-1 .intro-wrap .row .col:nth-child(odd) .intro-box .img-box span {aspect-ratio:620/300;}
.settlement .sec-1 .intro-wrap .row .col:nth-child(even) .intro-box .img-box span {aspect-ratio:620/500;}
.settlement .sec-1 .intro-wrap .row .col .intro-box .conts-box {width:100%; position:absolute; left:0; top:0; padding:50px; z-index:10;}
.settlement .sec-1 .intro-wrap .row .col .intro-box .conts-box .conts {font-size:24px; font-weight:800; color:var(--white);}

@media screen and (max-width: 1280px) {
    .settlement .sec-1 .intro-wrap {--settlement-intro-gap:25px;}
    .settlement .sec-1 .intro-wrap .row .col .intro-box .conts-box {padding:30px;}
    .settlement .sec-1 .intro-wrap .row .col .intro-box .conts-box .conts {font-size:20px;}
}

@media screen and (max-width: 1024px) {
    .settlement .sec-1 .intro-wrap {--settlement-intro-gap:15px;}
    .settlement .sec-1 .intro-wrap .row .col .intro-box .conts-box {padding:25px;}
    .settlement .sec-1 .intro-wrap .row .col .intro-box .conts-box .conts {font-size:16px;}
}

@media screen and (max-width: 768px) {
    .settlement .sec-1 .intro-wrap .row .col .intro-box .conts-box {padding:20px;}
}

@media screen and (max-width: 648px) {
    .settlement .sec-1 .intro-wrap .row .col .intro-box .conts-box {padding:15px;}
    .settlement .sec-1 .intro-wrap .row .col .intro-box .conts-box .conts {font-size:13px;}
}

@media screen and (max-width: 480px) {
    .settlement .sec-1 .intro-wrap {--settlement-intro-gap:10px; flex-direction:column;}
    .settlement .sec-1 .intro-wrap .row {width:100%;}
    .settlement .sec-1 .intro-wrap .row:last-child {flex-direction:column;}
    .settlement .sec-1 .intro-wrap .row .col .intro-box .conts-box .conts {font-size:var(--font-18);}
}


.settlement .sec-1 .arrow-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-32); margin-top:var(--gap-60);}
.settlement .sec-1 .arrow-wrap span {display:block; width:0; height:0; border:solid transparent; border-width:0 25px; border-top-width:30px; margin:0 auto;}
.settlement .sec-1 .arrow-wrap span:nth-child(1) {border-top-color:rgba(254,191,49,0.3);}
.settlement .sec-1 .arrow-wrap span:nth-child(2) {border-top-color:rgba(254,191,49,0.6);}
.settlement .sec-1 .arrow-wrap span:nth-child(3) {border-top-color:rgba(254,191,49,1);}

@media screen and (max-width: 1024px) {
    .settlement .sec-1 .arrow-wrap {gap:var(--gap-16);}
    .settlement .sec-1 .arrow-wrap span {border-width:0 17px; border-top-width:20px;}
}

@media screen and (max-width: 648px) {
    .settlement .sec-1 .arrow-wrap span {border-width:0 12px; border-top-width:14px;}
}

@media screen and (max-width: 480px) {
    .settlement .sec-1 .arrow-wrap span {border-width:0 9px; border-top-width:10px;}
}


.settlement .sec-1 .service-wrap {width:100%; margin-top:var(--gap-60);}
.settlement .sec-1 .service-wrap .settlement-service {--sett-service-gap:50px; --sett-service-col:3; width:100%; display:flex; flex-wrap:wrap; gap:var(--sett-service-gap);}
.settlement .sec-1 .service-wrap .settlement-service .service-box {width:calc((100% - (var(--sett-service-gap) * (var(--sett-service-col) - 1))) / var(--sett-service-col));}
.settlement .sec-1 .service-wrap .settlement-service .service-box:nth-child(odd) {background:var(--white);}
.settlement .sec-1 .service-wrap .settlement-service .service-box:nth-child(even) {background:var(--bg-gray);}
.settlement .sec-1 .service-wrap .settlement-service .service-box > .inner {aspect-ratio:500/300; padding:10%;}
.settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box {width:100%; height:100%; position:relative;}
.settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .conts-box {width:100%;}
.settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .conts-box .head {font-size:24px; font-weight:800;}
.settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .conts-box .conts {font-size:18px; font-weight:600; margin-top:calc(var(--gap-10) * 2);}
.settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .icon {width:15%; max-width:60px; position:absolute; right:0; bottom:0;}
.settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .icon span {display:block; width:100%; aspect-ratio:1; position:relative;}
.settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .icon span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}

@media screen and (max-width: 1320px) {
    .settlement .sec-1 .service-wrap .settlement-service {--sett-service-gap:30px;}
    .settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .conts-box .head {font-size:20px;}
    .settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .conts-box .conts {font-size:14px;}
}

@media screen and (max-width: 1024px) {
    .settlement .sec-1 .service-wrap .settlement-service {--sett-service-gap:20px;}
    .settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .conts-box .head {font-size:18px;}
    .settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .conts-box .conts {font-size:12px;}
}

@media screen and (max-width: 900px) {
    .settlement .sec-1 .service-wrap .settlement-service {--sett-service-col:2;}
    .settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .conts-box .head {font-size:20px;}
    .settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .conts-box .conts {font-size:14px;}
}

@media screen and (max-width: 648px) {
    .settlement .sec-1 .service-wrap .settlement-service {--sett-service-gap:10px;}
    .settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .conts-box .head {font-size:16px;}
    .settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .conts-box .conts {font-size:11px;}
}

@media screen and (max-width: 480px) {
    .settlement .sec-1 .service-wrap .settlement-service {--sett-service-gap:20px; --sett-service-col:1; max-width:350px; margin:0 auto;}
    .settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .conts-box .head {font-size:var(--font-24);}
    .settlement .sec-1 .service-wrap .settlement-service .service-box .service-conts-box .conts-box .conts {font-size:var(--font-16);}
}




.settlement .sec-2 .unique-point-wrap {width:100%; max-width:1280px; margin:0 auto;}
.settlement .sec-2 .unique-point-wrap .layout-wrap {width:100%; aspect-ratio:1280/500; display:flex;}
.settlement .sec-2 .unique-point-wrap .layout-wrap > * {width:50%; height:100%; position:relative;}
.settlement .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap:after {content:""; width:15.72%; aspect-ratio:1; background:var(--key-color); position:absolute; left:0; bottom:0; z-index:0;}
.settlement .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap .list-wrap {width:100%; height:100%; position:relative; z-index:10;}
.settlement .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap .list-wrap .img-box {width:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden; opacity:0; transition:0.3s ease-in-out;}
.settlement .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap .list-wrap .img-box span {display:block; width:100%; aspect-ratio:640/500; position:relative; clip-path:polygon(0 0, 80% 0, 100% 100%, 20% 100%);}
.settlement .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap .list-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.settlement .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap .list-wrap .img-box.active {visibility:visible; opacity:1; z-index:10;}

.settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap {--unique-label-gap:20px; width:100%; height:100%; display:flex; flex-direction:column; gap:var(--unique-label-gap); justify-content:space-between;}
.settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label {width:100%; height:calc((100% - (var(--unique-label-gap) * 3)) / 4); background:var(--yellow); display:flex; align-items:center; padding:0 12.5%; cursor:pointer; transition:background 0.3s ease-in-out;}
.settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts {width:100%; display:flex;}
.settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .numbering {display:block; width:30px; height:30px; background:var(--gray-3); display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; color:var(--white); transition:background 0.3s ease-in-out;}
.settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .conts {width:calc(100% - 30px); min-height:30px; padding-left:var(--gap-24); font-size:20px; font-weight:700; display:flex; align-items:center; transition:color 0.3s ease-in-out;}
.settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label.active {background:var(--gray-3);}
.settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label.active .label-conts .numbering {background:var(--key-color); color:var(--gray-3);}
.settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label.active .label-conts .conts {color:var(--white);}

@media screen and (max-width: 1280px) {
    .settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .numbering {font-size:14px;}
    .settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .conts {font-size:16px;}
}

@media screen and (max-width: 1024px) {
    .settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap {--unique-label-gap:10px;}
    .settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .numbering {width:25px; height:25px; font-size:12px;}
    .settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .conts {width:calc(100% - 25px); min-height:25px; padding-left:var(--gap-16); font-size:14px;}
}

@media screen and (max-width: 768px) {
    .settlement .sec-2 .unique-point-wrap .layout-wrap {aspect-ratio:100%; flex-direction:column; gap:20px;}
    .settlement .sec-2 .unique-point-wrap .layout-wrap > * {width:100%; height:auto;}
    .settlement .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap {aspect-ratio:640/450;}
    .settlement .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap .list-wrap .img-box span {aspect-ratio:640/450;}
    .settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap {--unique-label-gap:20px;}
    .settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label {height:80px;}
    .settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .numbering {font-size:var(--font-14);}
    .settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .conts {font-size:var(--font-18);}
}

@media screen and (max-width: 648px) {
    .settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap {--unique-label-gap:10px;}
    .settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label {height:70px;}
}

@media screen and (max-width: 480px) {
    .settlement .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label {height:64px;}
}



.settlement .sec-3 .sec-wrap {width:100%; max-width:100%;}
.settlement .sec-3 .slide-list-wrap {width:90%; max-width:var(--max-w); margin:0 auto; transition:0.5s ease-in-out; clip-path:inset(10% 0);}
.settlement .sec-3 .slide-list-wrap .item-wrap {width:100%; height:var(--nvh); overflow:hidden;}
.settlement .sec-3 .slide-list-wrap .item-wrap .item-box {width:100%; height:var(--nvh); overflow:hidden;}
.settlement .sec-3 .slide-list-wrap .item-wrap .item-box .item-conts {width:100%; height:100%; position:absolute; left:0; top:0;}
.settlement .sec-3 .slide-list-wrap .item-wrap .item-box .img-box {width:100%; height:100%; position:relative; z-index:1; transform-origin:center center; visibility:hidden; opacity:0; transform:scale(1); transition:visibility 0.8s ease-in-out, opacity 0.8s ease-in-out, transform 1.2s 0.2s ease-in-out}
.settlement .sec-3 .slide-list-wrap .item-wrap .item-box .img-box:after {content:''; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:2;}
.settlement .sec-3 .slide-list-wrap .item-wrap .item-box .img-box span {display:block; width:100%; height:100%; position:relative; z-index:1;}
.settlement .sec-3 .slide-list-wrap .item-wrap .item-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.settlement .sec-3 .slide-list-wrap .item-wrap .item-box .conts-box {width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; display:flex; align-items:center; justify-content:center; visibility:hidden; opacity:0; transition:0.3s ease-in-out;}
.settlement .sec-3 .slide-list-wrap .item-wrap .item-box .conts-box .conts {width:90%; margin:0 auto; font-size:40px; font-weight:800; color:var(--white); text-align:center;}

.settlement .sec-3 .slide-list-wrap.active {width:100%; max-width:100%; clip-path:inset(0%);}
.settlement .sec-3 .slide-list-wrap .item-wrap .item-box.active .img-box {transform:scale(1.03); visibility:visible; opacity:1;}
.settlement .sec-3 .slide-list-wrap .item-wrap .item-box.active .conts-box {visibility:visible; opacity:1;}


@media screen and (max-width: 1280px) {
    .settlement .sec-3 .slide-list-wrap .item-wrap .item-box .conts-box .conts {font-size:34px;}
}

@media screen and (max-width: 768px) {
    .settlement .sec-3 .slide-list-wrap .item-wrap .item-box .conts-box .conts {font-size:30px;}
}

@media screen and (max-width: 648px) {
    .settlement .sec-3 .slide-list-wrap .item-wrap .item-box .conts-box .conts {font-size:26px;}
}

@media screen and (max-width: 480px) {
    .settlement .sec-3 .slide-list-wrap .item-wrap .item-box .conts-box .conts{font-size:22px;}
}



.settlement .sincerity .sec-wrap {max-width:1280px; margin:0 auto;}
.settlement .sincerity .sincerity-container {width:100%;}
.settlement .sincerity .sincerity-container .sincerity-wrap {position:relative;}
.settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box {width:100%; display:flex; align-items:center; position:sticky; top:0; margin-top:calc(var(--gap-50) * 2);}
.settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box:first-child {margin-top:0;}
.settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap {width:100%; background:var(--white);}
.settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap > .inner {width:100%; display:flex; align-items:center;}
.settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .img-box {width:50%;}
.settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .img-box span {display:block; width:100%; aspect-ratio:640/450; position:relative;}
.settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box {width:50%; padding:0 100px;}
.settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .label {width:fit-content; height:34px; background:var(--key-color); padding:0 var(--gap-16); display:flex; align-items:center; justify-content:center; font-size:var(--font-16); font-weight:700;}
.settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .conts {font-size:24px; font-weight:700; margin-top:var(--gap-40);}
.settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box:nth-child(even) .sincerity-conts-wrap > .inner {flex-direction:row-reverse;}

@media screen and (max-width: 1320px) {
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box {padding:0 60px;}
}

@media screen and (max-width: 1280px) {
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box {padding:0 50px;}
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .conts {font-size:20px;}
}

@media screen and (max-width: 1024px) {
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box {padding:0 30px;}
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .label {font-size:12px;}
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .conts {font-size:18px;}
}

@media screen and (max-width: 900px) {
    .settlement .sincerity .sincerity-container {width:90%; max-width:500px; margin:0 auto;}
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box {position:relative; margin-top:var(--gap-50);}
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box:first-child {margin-top:0;}
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap > .inner,
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box:nth-child(even) .sincerity-conts-wrap > .inner {flex-direction:column;}
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .img-box {width:100%;}
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box {width:100%; padding:var(--gap-50) 0;}
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box {width:90%; margin:0 auto; text-align:center; padding-bottom:var(--gap-50);}
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .label {margin:0 auto;}
}

@media screen and (max-width: 648px) {
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .label {font-size:var(--font-14);}
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .conts {font-size:calc(var(--font-20) * 0.9);}
}

@media screen and (max-width: 480px) {
    .settlement .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .label {height:30px;}
}





/* 국내 임·직원 정착 지원 */
.employee .page-title .title-wrap .title-box h2:before {background-image:url(/img/conts/icon_carrier.svg);}
.employee .contents-wrap section {width:100%; margin-top:calc(var(--gap-50) * 4);}
.employee .contents-wrap section .sec-wrap {width:90%; max-width:var(--max-w); margin:0 auto; position:relative;}


.employee .sec-1 .intro-wrap {--settlement-intro-gap:40px; width:100%; max-width:1280px; margin:0 auto; display:flex; gap:var(--settlement-intro-gap);}
.employee .sec-1 .intro-wrap .row {width:calc((100% - var(--settlement-intro-gap)) / 2); display:flex; flex-direction:column; gap:var(--settlement-intro-gap);}
.employee .sec-1 .intro-wrap .row:last-child {flex-direction:column-reverse;}
.employee .sec-1 .intro-wrap .row .col .intro-box {width:100%; position:relative;}
.employee .sec-1 .intro-wrap .row .col .intro-box .img-box {width:100%; position:relative; z-index:1;}
.employee .sec-1 .intro-wrap .row .col .intro-box .img-box:after {content:''; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:rgba(0,0,0,0.4);}
.employee .sec-1 .intro-wrap .row .col .intro-box .img-box span {display:block; width:100%; position:relative; z-index:1;}
.employee .sec-1 .intro-wrap .row .col .intro-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.employee .sec-1 .intro-wrap .row .col:nth-child(odd) .intro-box .img-box span {aspect-ratio:620/300;}
.employee .sec-1 .intro-wrap .row .col:nth-child(even) .intro-box .img-box span {aspect-ratio:620/500;}
.employee .sec-1 .intro-wrap .row .col .intro-box .conts-box {width:100%; position:absolute; left:0; top:0; padding:50px; z-index:10;}
.employee .sec-1 .intro-wrap .row .col .intro-box .conts-box .conts {font-size:20px; font-weight:800; color:var(--white); max-width:300px;}

@media screen and (max-width: 1280px) {
    .employee .sec-1 .intro-wrap {--settlement-intro-gap:25px;}
    .employee .sec-1 .intro-wrap .row .col .intro-box .conts-box {padding:30px;}
    .employee .sec-1 .intro-wrap .row .col .intro-box .conts-box .conts {font-size:18px;}
}

@media screen and (max-width: 1024px) {
    .employee .sec-1 .intro-wrap {--settlement-intro-gap:15px;}
    .employee .sec-1 .intro-wrap .row .col .intro-box .conts-box {padding:25px;}
    .employee .sec-1 .intro-wrap .row .col .intro-box .conts-box .conts {font-size:16px;}
}

@media screen and (max-width: 768px) {
    .employee .sec-1 .intro-wrap .row .col .intro-box .conts-box {padding:20px;}
}

@media screen and (max-width: 648px) {
    .employee .sec-1 .intro-wrap .row .col .intro-box .conts-box {padding:15px;}
    .employee .sec-1 .intro-wrap .row .col .intro-box .conts-box .conts {font-size:13px;}
}

@media screen and (max-width: 480px) {
    .employee .sec-1 .intro-wrap {--settlement-intro-gap:10px; flex-direction:column;}
    .employee .sec-1 .intro-wrap .row {width:100%;}
    .employee .sec-1 .intro-wrap .row:last-child {flex-direction:column;}
    .employee .sec-1 .intro-wrap .row .col .intro-box .conts-box .conts {font-size:var(--font-18);}
}


.employee .sec-1 .arrow-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-32); margin-top:var(--gap-60);}
.employee .sec-1 .arrow-wrap span {display:block; width:0; height:0; border:solid transparent; border-width:0 25px; border-top-width:30px; margin:0 auto;}
.employee .sec-1 .arrow-wrap span:nth-child(1) {border-top-color:rgba(254,191,49,0.3);}
.employee .sec-1 .arrow-wrap span:nth-child(2) {border-top-color:rgba(254,191,49,0.6);}
.employee .sec-1 .arrow-wrap span:nth-child(3) {border-top-color:rgba(254,191,49,1);}

@media screen and (max-width: 1024px) {
    .employee .sec-1 .arrow-wrap {gap:var(--gap-16);}
    .employee .sec-1 .arrow-wrap span {border-width:0 17px; border-top-width:20px;}
}

@media screen and (max-width: 648px) {
    .employee .sec-1 .arrow-wrap span {border-width:0 12px; border-top-width:14px;}
}

@media screen and (max-width: 480px) {
    .employee .sec-1 .arrow-wrap span {border-width:0 9px; border-top-width:10px;}
}


.employee .sec-1 .service-wrap {width:100%; margin-top:var(--gap-60);}
.employee .sec-1 .service-wrap .employee-service {--sett-service-gap:50px; --sett-service-col:3; width:100%; display:flex; flex-wrap:wrap; gap:var(--sett-service-gap);}
.employee .sec-1 .service-wrap .employee-service .service-box {width:calc((100% - (var(--sett-service-gap) * (var(--sett-service-col) - 1))) / var(--sett-service-col));}
.employee .sec-1 .service-wrap .employee-service .service-box:nth-child(odd) {background:var(--white);}
.employee .sec-1 .service-wrap .employee-service .service-box:nth-child(even) {background:var(--bg-gray);}
.employee .sec-1 .service-wrap .employee-service .service-box > .inner {aspect-ratio:500/300; padding:10%;}
.employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box {width:100%; height:100%; position:relative;}
.employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box {width:100%;}
.employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box .head {font-size:24px; font-weight:800;}
.employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box .conts {font-size:18px; font-weight:600; margin-top:calc(var(--gap-10) * 2); padding-right:16%;}
.employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .icon {width:15%; max-width:60px; position:absolute; right:0; bottom:0;}
.employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .icon span {display:block; width:100%; aspect-ratio:1; position:relative;}
.employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .icon span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}

@media screen and (max-width: 1320px) {
    .employee .sec-1 .service-wrap .employee-service {--sett-service-gap:30px;}
    .employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box .head {font-size:20px;}
    .employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box .conts {font-size:14px;}
}

@media screen and (max-width: 1024px) {
    .employee .sec-1 .service-wrap .employee-service {--sett-service-gap:20px;}
    .employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box .head {font-size:17px;}
    .employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box .conts {font-size:11px;}
}

@media screen and (max-width: 900px) {
    .employee .sec-1 .service-wrap .employee-service {--sett-service-col:2;}
    .employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box .head {font-size:18px;}
    .employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box .conts {font-size:12px;}
}

@media screen and (max-width: 768px) {
    .employee .sec-1 .service-wrap .employee-service .service-box > .inner {aspect-ratio:500/350;}
    .employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box .head {font-size:16px;}
    .employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box .conts {font-size:11px;}
}

@media screen and (max-width: 648px) {
    .employee .sec-1 .service-wrap .employee-service {--sett-service-gap:10px;}    
    .employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box .head {font-size:14px;}
    .employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box .conts {font-size:11px;}
}

@media screen and (max-width: 480px) {
    .employee .sec-1 .service-wrap .employee-service {--sett-service-gap:20px; --sett-service-col:1; max-width:350px; margin:0 auto;}
    .employee .sec-1 .service-wrap .employee-service .service-box > .inner {aspect-ratio:500/300;}
    .employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box .head {font-size:var(--font-24);}
    .employee .sec-1 .service-wrap .employee-service .service-box .service-conts-box .conts-box .conts {font-size:var(--font-16);}
}




.employee .sec-2 .unique-point-wrap {width:100%; max-width:1280px; margin:0 auto;}
.employee .sec-2 .unique-point-wrap .layout-wrap {width:100%; aspect-ratio:1280/500; display:flex;}
.employee .sec-2 .unique-point-wrap .layout-wrap > * {width:50%; height:100%; position:relative;}
.employee .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap:after {content:""; width:15.72%; aspect-ratio:1; background:var(--key-color); position:absolute; left:0; bottom:0; z-index:0;}
.employee .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap .list-wrap {width:100%; height:100%; position:relative; z-index:10;}
.employee .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap .list-wrap .img-box {width:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden; opacity:0; transition:0.3s ease-in-out;}
.employee .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap .list-wrap .img-box span {display:block; width:100%; aspect-ratio:640/500; position:relative; clip-path:polygon(0 0, 80% 0, 100% 100%, 20% 100%);}
.employee .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap .list-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.employee .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap .list-wrap .img-box.active {visibility:visible; opacity:1; z-index:10;}

.employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap {--unique-label-gap:20px; width:100%; height:100%; display:flex; flex-direction:column; gap:var(--unique-label-gap); justify-content:space-between;}
.employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label {width:100%; height:calc((100% - (var(--unique-label-gap) * 3)) / 4); background:var(--yellow); display:flex; align-items:center; padding:0 12.5%; cursor:pointer; transition:background 0.3s ease-in-out;}
.employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts {width:100%; display:flex;}
.employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .numbering {display:block; width:30px; height:30px; background:var(--gray-3); display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; color:var(--white); transition:background 0.3s ease-in-out;}
.employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .conts {width:calc(100% - 30px); min-height:30px; padding-left:var(--gap-24); font-size:18px; font-weight:700; display:flex; align-items:center; transition:color 0.3s ease-in-out;}
.employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label.active {background:var(--gray-3);}
.employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label.active .label-conts .numbering {background:var(--key-color); color:var(--gray-3);}
.employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label.active .label-conts .conts {color:var(--white);}

@media screen and (max-width: 1280px) {
    .employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .numbering {font-size:14px;}
    .employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .conts {font-size:14px;}
}

@media screen and (max-width: 1024px) {
    .employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap {--unique-label-gap:10px;}
    .employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .numbering {width:25px; height:25px; font-size:12px;}
    .employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .conts {width:calc(100% - 25px); min-height:25px; padding-left:var(--gap-16); font-size:14px;}
}

@media screen and (max-width: 768px) {
    .employee .sec-2 .unique-point-wrap .layout-wrap {aspect-ratio:100%; flex-direction:column; gap:20px;}
    .employee .sec-2 .unique-point-wrap .layout-wrap > * {width:100%; height:auto;}
    .employee .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap {aspect-ratio:640/450;}
    .employee .sec-2 .unique-point-wrap .layout-wrap .img-list-wrap .list-wrap .img-box span {aspect-ratio:640/450;}
    .employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap {--unique-label-gap:20px;}
    .employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label {height:80px;}
    .employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .numbering {font-size:var(--font-14);}
    .employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label .label-conts .conts {font-size:var(--font-18);}
}

@media screen and (max-width: 648px) {
    .employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap {--unique-label-gap:10px;}
    .employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label {height:70px;}
}

@media screen and (max-width: 480px) {
    .employee .sec-2 .unique-point-wrap .layout-wrap .label-list-wrap .label-wrap .label {height:64px;}
}



.employee .sec-3 .sec-wrap {width:100%; max-width:100%;}
.employee .sec-3 .slide-list-wrap {width:90%; max-width:var(--max-w); margin:0 auto; transition:0.5s ease-in-out; clip-path:inset(10% 0);}
.employee .sec-3 .slide-list-wrap .item-wrap {width:100%; height:var(--nvh); overflow:hidden;}
.employee .sec-3 .slide-list-wrap .item-wrap .item-box {width:100%; height:var(--nvh); overflow:hidden;}
.employee .sec-3 .slide-list-wrap .item-wrap .item-box .item-conts {width:100%; height:100%; position:absolute; left:0; top:0;}
.employee .sec-3 .slide-list-wrap .item-wrap .item-box .img-box {width:100%; height:100%; position:relative; z-index:1; transform-origin:center center; visibility:hidden; opacity:0; transform:scale(1); transition:visibility 0.8s ease-in-out, opacity 0.8s ease-in-out, transform 1.2s 0.2s ease-in-out}
.employee .sec-3 .slide-list-wrap .item-wrap .item-box .img-box:after {content:''; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:2;}
.employee .sec-3 .slide-list-wrap .item-wrap .item-box .img-box span {display:block; width:100%; height:100%; position:relative; z-index:1;}
.employee .sec-3 .slide-list-wrap .item-wrap .item-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.employee .sec-3 .slide-list-wrap .item-wrap .item-box .conts-box {width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; display:flex; align-items:center; justify-content:center; visibility:hidden; opacity:0; transition:0.3s ease-in-out;}
.employee .sec-3 .slide-list-wrap .item-wrap .item-box .conts-box .conts {width:90%; margin:0 auto; font-size:40px; font-weight:800; color:var(--white); text-align:center;}

.employee .sec-3 .slide-list-wrap.active {width:100%; max-width:100%; clip-path:inset(0%);}
.employee .sec-3 .slide-list-wrap .item-wrap .item-box.active .img-box {transform:scale(1.03); visibility:visible; opacity:1;}
.employee .sec-3 .slide-list-wrap .item-wrap .item-box.active .conts-box {visibility:visible; opacity:1;}


@media screen and (max-width: 1280px) {
    .employee .sec-3 .slide-list-wrap .item-wrap .item-box .conts-box .conts {font-size:34px;}
}

@media screen and (max-width: 768px) {
    .employee .sec-3 .slide-list-wrap .item-wrap .item-box .conts-box .conts {font-size:30px;}
}

@media screen and (max-width: 648px) {
    .employee .sec-3 .slide-list-wrap .item-wrap .item-box .conts-box .conts {font-size:26px;}
}

@media screen and (max-width: 480px) {
    .employee .sec-3 .slide-list-wrap .item-wrap .item-box .conts-box .conts{font-size:22px;}
}



.employee .sincerity .sec-wrap {max-width:1280px; margin:0 auto;}
.employee .sincerity .sincerity-container {width:100%;}
.employee .sincerity .sincerity-container .sincerity-wrap {position:relative;}
.employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box {width:100%; display:flex; align-items:center; position:sticky; top:0; margin-top:calc(var(--gap-50) * 2);}
.employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box:first-child {margin-top:0;}
.employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap {width:100%; background:var(--white);}
.employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap > .inner {width:100%; display:flex; align-items:center;}
.employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .img-box {width:50%;}
.employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .img-box span {display:block; width:100%; aspect-ratio:640/450; position:relative;}
.employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box {width:50%; padding:0 100px;}
.employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .label {width:fit-content; height:34px; background:var(--key-color); padding:0 var(--gap-16); display:flex; align-items:center; justify-content:center; font-size:var(--font-16); font-weight:700;}
.employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .conts {font-size:24px; font-weight:700; margin-top:var(--gap-40);}
.employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box:nth-child(even) .sincerity-conts-wrap > .inner {flex-direction:row-reverse;}

@media screen and (max-width: 1320px) {
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box {padding:0 60px;}
}

@media screen and (max-width: 1280px) {
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box {padding:0 50px;}
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .conts {font-size:20px;}
}

@media screen and (max-width: 1024px) {
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box {padding:0 30px;}
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .label {font-size:12px;}
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .conts {font-size:18px;}
}

@media screen and (max-width: 900px) {
    .employee .sincerity .sincerity-container {width:90%; max-width:500px; margin:0 auto;}
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box {position:relative; margin-top:var(--gap-50);}
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box:first-child {margin-top:0;}
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap > .inner,
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box:nth-child(even) .sincerity-conts-wrap > .inner {flex-direction:column;}
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .img-box {width:100%;}
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box {width:100%; padding:var(--gap-50) 0;}
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box {width:90%; margin:0 auto; text-align:center; padding-bottom:var(--gap-50);}
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .label {margin:0 auto;}
}

@media screen and (max-width: 648px) {
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .label {font-size:var(--font-14);}
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .conts {font-size:calc(var(--font-20) * 0.9);}
}

@media screen and (max-width: 480px) {
    .employee .sincerity .sincerity-container .sincerity-wrap .sincerity-box .sincerity-conts-wrap .sincerity-conts-box .conts-box .label {height:30px;}
}






/* 정기 청소 */
.cleaning .page-title .title-wrap .title-box h2:before {background-image:url(/img/conts/icon_cleaning.svg);}
.cleaning .contents-wrap section {width:100%; margin-top:calc(var(--gap-50) * 4);}
.cleaning .contents-wrap section .sec-wrap {width:90%; max-width:var(--max-w); margin:0 auto;}


.cleaning .intro .cleaning-intro {width:100%;}
.cleaning .intro .cleaning-intro .intro-wrap {width:100%; display:flex; position:relative;}
.cleaning .intro .cleaning-intro .intro-wrap .img-box {width:50%; height:100%; position:absolute; right:0; top:0;}
.cleaning .intro .cleaning-intro .intro-wrap .img-box span {display:block; width:100%; height:100%; position:relative; z-index:1;}
.cleaning .intro .cleaning-intro .intro-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.cleaning .intro .cleaning-intro .intro-wrap .img-box .obj-box {width:10%; position:absolute; right:0; bottom:0;}
.cleaning .intro .cleaning-intro .intro-wrap .img-box .obj-box span {width:100%; aspect-ratio:1; background:var(--key-color); display:block; position:relative;}
.cleaning .intro .cleaning-intro .intro-wrap .img-box .obj-box span:before,
.cleaning .intro .cleaning-intro .intro-wrap .img-box .obj-box span:after {content:""; width:100%; height:100%; background:var(--key-color); opacity:0.5; position:absolute;}
.cleaning .intro .cleaning-intro .intro-wrap .img-box .obj-box span:before {right:0; top:-100%;}
.cleaning .intro .cleaning-intro .intro-wrap .img-box .obj-box span:after {left:-100%; bottom:0;}
.cleaning .intro .cleaning-intro .intro-wrap .conts-wrap {width:50%;}
.cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .head-box {width:100%; aspect-ratio:800/192; background:var(--yellow);}
.cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .head-box > .inner {width:100%; height:100%; padding:0 5%; display:flex; align-items:center; justify-content:center;}
.cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .head-box .head {width:90%; max-width:590px; font-size:20px; font-weight:600;}
.cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .head-box .head span {font-weight:800;}
.cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box {width:100%; aspect-ratio:800/407; background:var(--bg-gray);}
.cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box > .inner {width:100%; height:100%; padding:0 5%; display:flex; align-items:center; justify-content:center;}
.cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box .conts-inner {width:90%; max-width:590px;}
.cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box .conts-inner .conts {font-size:18px; font-weight:700;}
.cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box .conts-inner .sub-conts {font-size:18px; font-weight:600; margin:30px 0 60px 0;}
.cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box .conts-inner .button-wrap {width:100%; display:flex; gap:var(--gap-10);}
.cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box .conts-inner .button-wrap .button {flex:1; min-width:auto;}

@media screen and (max-width: 1320px) {
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box .conts-inner .sub-conts {margin:20px 0 40px 0;}
}

@media screen and (max-width: 1280px) {
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .head-box .head {font-size:18px;}
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box {aspect-ratio:800/460;}
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box .conts-inner .conts {font-size:16px;}
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box .conts-inner .sub-conts {font-size:13px;}
}

@media screen and (max-width: 900px) {
    .cleaning .intro .cleaning-intro .intro-wrap {flex-direction:column;}
    .cleaning .intro .cleaning-intro .intro-wrap .img-box {width:100%; position:relative;}
    .cleaning .intro .cleaning-intro .intro-wrap .img-box span {aspect-ratio:800/599;}
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap {width:100%;}
}

@media screen and (max-width: 648px) {
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .head-box .head {font-size:var(--font-20);}
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box .conts-inner .conts {font-size:var(--font-16);}
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box .conts-inner .sub-conts {font-size:var(--font-14);}
}

@media screen and (max-width: 480px) {
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .head-box {aspect-ratio:auto; padding:var(--gap-32) 0;}
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .head-box .head .br {display:inline-block;}
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box {aspect-ratio:auto; padding:var(--gap-32) 0;}
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box .conts-inner .sub-conts {margin:var(--gap-24) 0 var(--gap-40) 0;}
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box .conts-inner .button-wrap {flex-direction:column;}
    .cleaning .intro .cleaning-intro .intro-wrap .conts-wrap .conts-box .conts-inner .button-wrap .button {flex:auto; width:100%;}
}




.cleaning .company-house .company-house-wrap {width:100%; --ch-gap:80px; --ch-inner-gap:50px; max-width:1280px; margin:0 auto;}
.cleaning .company-house .company-house-wrap .layout-wrap {width:100%; display:flex; gap:var(--ch-gap); flex-wrap:wrap;}
.cleaning .company-house .company-house-wrap .layout-wrap .layout-box {width:calc((100% - var(--ch-gap)) / 2); background:var(--bg-gray); position:relative; padding:var(--ch-inner-gap);}
.cleaning .company-house .company-house-wrap .layout-wrap .layout-box > .inner {width:100%;}
.cleaning .company-house .company-house-wrap .layout-wrap .layout-box .numbering {width:var(--ch-inner-gap); aspect-ratio:1; background:var(--gray-3); display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:800; color:var(--white); position:absolute; left:0; top:0;}
.cleaning .company-house .company-house-wrap .layout-wrap .layout-box .img-box {width:100%;}
.cleaning .company-house .company-house-wrap .layout-wrap .layout-box .img-box span {display:block; width:100%; aspect-ratio:500/300; position:relative;}
.cleaning .company-house .company-house-wrap .layout-wrap .layout-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.cleaning .company-house .company-house-wrap .layout-wrap .layout-box .conts-box {margin-top:var(--gap-50);}
.cleaning .company-house .company-house-wrap .layout-wrap .layout-box .conts-box .conts {width:90%; margin:0 auto; font-size:20px; font-weight:700; text-align:center;}

@media screen and (max-width: 1280px) {
    .cleaning .company-house .company-house-wrap {--ch-gap:40px; --ch-inner-gap:40px;}
    .cleaning .company-house .company-house-wrap .layout-wrap .layout-box .numbering {font-size:16px;}
    .cleaning .company-house .company-house-wrap .layout-wrap .layout-box .conts-box .conts {font-size:18px;}
}

@media screen and (max-width: 1024px) {
    .cleaning .company-house .company-house-wrap {--ch-gap:20px; --ch-inner-gap:32px;}
    .cleaning .company-house .company-house-wrap .layout-wrap .layout-box .numbering {font-size:12px;}
    .cleaning .company-house .company-house-wrap .layout-wrap .layout-box .conts-box {padding-bottom:var(--gap-16);}
    .cleaning .company-house .company-house-wrap .layout-wrap .layout-box .conts-box .conts {font-size:15px;}
}

@media screen and (max-width: 648px) {
    .cleaning .company-house .company-house-wrap {--ch-gap:15px; --ch-inner-gap:24px;}
    .cleaning .company-house .company-house-wrap .layout-wrap .layout-box .numbering {font-size:11px;}
    .cleaning .company-house .company-house-wrap .layout-wrap .layout-box .conts-box .conts {font-size:13px;}
}

@media screen and (max-width: 480px) {
    .cleaning .company-house .company-house-wrap {--ch-gap:20px; --ch-inner-gap:25px; max-width:350px;}
    .cleaning .company-house .company-house-wrap .layout-wrap {flex-direction:column;}
    .cleaning .company-house .company-house-wrap .layout-wrap .layout-box {width:100%;}
    .cleaning .company-house .company-house-wrap .layout-wrap .layout-box .numbering {font-size:var(--font-14);}
    .cleaning .company-house .company-house-wrap .layout-wrap .layout-box .conts-box .conts {font-size:var(--font-18);}
}



.cleaning .point-img .img-box {width:100%;}
.cleaning .point-img .img-box span {display:block; width:100%; aspect-ratio:1920/400; position:relative;}
.cleaning .point-img .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}

@media screen and (min-width: 2500px) {
    .cleaning .point-img .img-box span {aspect-ratio:auto; height:400px;}
}

@media screen and (max-width: 648px) {
    .cleaning .point-img .img-box span {aspect-ratio:1920/550;}
}

@media screen and (max-width: 480px) {
    .cleaning .point-img .img-box span {aspect-ratio:1920/650;}
}



.cleaning .office .office-wrap {width:100%; --ch-gap:80px; --ch-inner-gap:50px; margin:0 auto;}
.cleaning .office .office-wrap .layout-wrap {width:100%; display:flex; gap:var(--ch-gap); flex-wrap:wrap;}
.cleaning .office .office-wrap .layout-wrap .layout-box {width:calc((100% - var(--ch-gap)) / 2); background:var(--white); position:relative; padding:var(--ch-inner-gap);}
.cleaning .office .office-wrap .layout-wrap .layout-box > .inner {width:100%; display:flex; flex-direction:row-reverse;}
.cleaning .office .office-wrap .layout-wrap .layout-box .numbering {width:var(--ch-inner-gap); aspect-ratio:1; background:var(--key-color); display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:800; position:absolute; right:0; top:0;}
.cleaning .office .office-wrap .layout-wrap .layout-box .img-box {width:50%;}
.cleaning .office .office-wrap .layout-wrap .layout-box .img-box span {display:block; width:100%; aspect-ratio:330/400; position:relative;}
.cleaning .office .office-wrap .layout-wrap .layout-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.cleaning .office .office-wrap .layout-wrap .layout-box .conts-box {width:50%; display:flex; flex-direction:column; justify-content:space-between; gap:var(--gap-16); padding-right:8%;}
.cleaning .office .office-wrap .layout-wrap .layout-box .conts-box .head {width:100%; font-size:24px; font-weight:800;}
.cleaning .office .office-wrap .layout-wrap .layout-box .conts-box .conts {width:100%; font-size:18px; font-weight:600;}

@media screen and (max-width: 1280px) {
    .cleaning .office .office-wrap {--ch-gap:40px; --ch-inner-gap:40px;}
    .cleaning .office .office-wrap .layout-wrap .layout-box .numbering {font-size:16px;}
    .cleaning .office .office-wrap .layout-wrap .layout-box .conts-box .head {font-size:18px;}
    .cleaning .office .office-wrap .layout-wrap .layout-box .conts-box .conts {font-size:14px;}
}

@media screen and (max-width: 1024px) {
    .cleaning .office .office-wrap {--ch-gap:20px; --ch-inner-gap:32px;}
    .cleaning .office .office-wrap .layout-wrap .layout-box .numbering {font-size:12px;}
    .cleaning .office .office-wrap .layout-wrap .layout-box .conts-box .head {font-size:15px;}
    .cleaning .office .office-wrap .layout-wrap .layout-box .conts-box .conts {font-size:11px;}
}


@media screen and (max-width: 768px) {
    .cleaning .office .office-wrap .layout-wrap .layout-box > .inner {flex-direction:column-reverse; gap:var(--gap-24);}
    .cleaning .office .office-wrap .layout-wrap .layout-box .img-box {width:100%;}
    .cleaning .office .office-wrap .layout-wrap .layout-box .img-box span {aspect-ratio:273/200;}
    .cleaning .office .office-wrap .layout-wrap .layout-box:nth-child(2) .img-box span img {object-position:0 20%;}
    .cleaning .office .office-wrap .layout-wrap .layout-box:nth-child(3) .img-box span img {object-position:0 8%;}
    .cleaning .office .office-wrap .layout-wrap .layout-box:nth-child(4) .img-box span img {object-position:0 68%;}
    .cleaning .office .office-wrap .layout-wrap .layout-box .conts-box {width:100%; padding-right:0;}
    .cleaning .office .office-wrap .layout-wrap .layout-box .conts-box .head {font-size:16px;}
    .cleaning .office .office-wrap .layout-wrap .layout-box .conts-box .head span {display:block;}    
    .cleaning .office .office-wrap .layout-wrap .layout-box .conts-box .conts {font-size:13px; height:59px;}
}

@media screen and (max-width: 648px) {
    .cleaning .office .office-wrap {--ch-gap:15px; --ch-inner-gap:24px;}
    .cleaning .office .office-wrap .layout-wrap .layout-box .numbering {font-size:11px;}
}

@media screen and (max-width: 480px) {
    .cleaning .office .office-wrap {--ch-gap:20px; --ch-inner-gap:25px; max-width:350px;}
    .cleaning .office .office-wrap .layout-wrap {flex-direction:column;}
    .cleaning .office .office-wrap .layout-wrap .layout-box {width:100%;}
    .cleaning .office .office-wrap .layout-wrap .layout-box .numbering {font-size:var(--font-14);}
    .cleaning .office .office-wrap .layout-wrap .layout-box .conts-box {padding-right:2%;}
    .cleaning .office .office-wrap .layout-wrap .layout-box .conts-box .head {font-size:var(--font-20);}
    .cleaning .office .office-wrap .layout-wrap .layout-box .conts-box .conts {font-size:var(--font-16); height:40px;}
}







/* 이용약관 */
.policy-terms .page-title .title-wrap .title-box h2:before {background-image:url(/img/conts/icon_document.svg);}


/* 개인정보처리방침 */
.policy-privacy .page-title .title-wrap .title-box h2:before {background-image:url(/img/conts/icon_lock.svg);}



.policy .policy-wrap {width:90%; max-width:1600px; margin:0 auto; padding:calc(var(--gap-50) * 2) 0; background:var(--bg-gray); animation:fadeIn 0.7s ease-in-out both;}
.policy .policy-wrap .policy-box {width:90%; max-width:1400px; margin:0 auto;}
.policy .policy-wrap .policy-box section {width:100%; margin-top:var(--gap-50);}
.policy .policy-wrap .policy-box section:first-child {margin-top:0;}
.policy .policy-wrap .policy-box section article {width:100%; margin-top:var(--gap-50);}
.policy .policy-wrap .policy-box section article:first-child {margin-top:0;}
.policy .policy-wrap .policy-box section article > .inner {width:100%;}
.policy .policy-wrap .policy-box section article .head {width:100%; margin-bottom:var(--gap-10); font-size:var(--font-20); font-weight:700;}
.policy .policy-wrap .policy-box section article .conts-box {width:100%;}
.policy .policy-wrap .policy-box section article .conts-box > * {width:100%; margin-top:calc(var(--gap-10) * 2);}
.policy .policy-wrap .policy-box section article .conts-box > *:first-child {margin-top:0;}
.policy .policy-wrap .policy-box section article .conts-box .conts {font-size:var(--font-18); font-weight:600;}
.policy .policy-wrap .policy-box section article .conts-box .lg-conts {font-size:var(--font-20); font-weight:600;}
.policy .policy-wrap .policy-box section article .conts-box .lg-conts span {font-weight:800;}
.policy .policy-wrap .policy-box section article .conts-box .lg-conts p {margin-top:5px;}
.policy .policy-wrap .policy-box section article .conts-box .lg-conts p:first-child {margin-top:0;}
.policy .policy-wrap .policy-box section article .bg-box {background:var(--white); padding:var(--gap-50);}




















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