#wrap{position: relative; overflow: clip;}
.w_custom {position: relative; width: calc(100% - 30px); max-width:1200px; margin-inline: auto;}
#wrap [class*="swiper-button"]::after{display: none;}
main{padding-block: var(--row-gap100) var(--row-gap140);}
main:has(.full-sec){width: 100%; max-width: 100%;}
main:has(.pt-dn){padding-top: 0;}
main:has(.pb-dn){padding-bottom: 0;}
.link{position: absolute; inset: 0; z-index: 3;}

.pc_br {display:inline-block;}
.m_br {display:none;}
@media (max-width:640px) {
	.pc_br {display:none;}
	.m_br {display:inline-block;}
}
/*───────────────────────────────────────────────────────────

    HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	#header{width:100%;position: fixed;top:0;left:0;z-index: 100;height: clamp(60px, 10vw, 100px);transition: all 0.4s;background:var(--point-white);box-shadow:2.1px 2.1px 6px rgb(0 0 0 / 5%);}
        #header:not(.on){background: none; box-shadow: none;}
	#header .header_cont{height: 100%;max-width: 1600px;display: flex;align-items: center;justify-content: space-between;gap: 15px;}
	#header .logo{height: 100%;transition: all 0.4s;}
	#header .logo a{max-width: clamp(120px, 19vw, 180px);height:100%;padding-block: 15px;display: flex;align-items: center;}
	#header .gnb{position: absolute;top: 0;left: 50%;translate: -50%;width: calc(100% - 450px);height: 100%;display: flex;justify-content: center;text-align: center;}
	#header .gnb > li{position: relative;font-size: var(--text-16);font-weight: 500;color: var(--black-color03);height: 100%;transition: all 0.4s;}
	#header .gnb > li > a{display: flex;align-items: center;justify-content: center;height: 100%;padding-inline: 30px;transition: inherit;}
	#header .gnb > li > a span{position:relative;}
	#header .gnb > li > a span:before{position: absolute;content: '';top:-4px;right:-11px;background: var(--point-color01);width: 5px;aspect-ratio: auto 1;border-radius: 100%;transition: all 0.4s;opacity: 0;}
	#header .gnb .dep02{display:none;width:200px;background: var(--point-white);position:absolute;left:50%;top:73%;transform:translate(-50%);box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);padding:20px 15px 25px 15px;}
	#header .gnb .dep02 > li{color:var(--black-color06);font-weight:500; font-family: var(--font-type03);}
	#header .gnb .dep02 > li + li{margin-top:19px;}		
	#header .utility{display: flex;align-items: center;gap: clamp(15px, 4vw, 40px);transition: all 0.4s;flex-shrink: 0;}
	#header .menu-trigger{display: inline-block;width: clamp(25px, 3.8vw, 36px);}

	#header .lang-list{position:relative;display: flex;align-items: center;gap: clamp(15px, 2vw, 20px);}
	#header .lang-list li{display: inline-block;font-size: var(--text-16);font-weight: 500;color: rgb(0 0 0 / 40%);}
	#header .lang-list li a{display: block;}
	#header .lang-list li.on{color: var(--black-color00);}

        /* color */
        #header:not(.on) :where(.logo, .gnb > li > a, .utility){filter: var(--filter-white);}

        /* over */
        @media (hover:hover) and (pointer: fine){
            #header:hover{background:var(--point-white);box-shadow:2.1px 2.1px 6px rgb(0 0 0 / 5%);}
            #header:not(.on):hover :where(.logo, .gnb > li > a, .utility){filter:none;}
            #header .gnb > li:hover > a{color: var(--point-color01);}
            #header .gnb > li:hover > a span::before{opacity: 1;}
        }

    @media (max-width:1023px) {
        #header .gnb{display: none;}
    }

/*───────────────────────────────────────────────────────────

    ASIDE

───────────────────────────────────────────────────────────*/
    .dg.ac{display: none;}
    #aside {top:0;right:0;width:100%;height:100%;position:fixed;background:#fff;z-index: 110;opacity:0;pointer-events:none;transition:all 1.5s;transition-delay:0.6s;}
    #aside.on {opacity:1; pointer-events:inherit; }
    #aside .w_custom{max-width:1600px;}
    body:has(#aside.on){overflow: clip;}

    .aside_bg {position:fixed; width:100%; height:100%; top:0; left:0; z-index:90;background:#fff0; pointer-events:none; transform:scaleX(-1)}
    body:has(#aside.on) .aside_bg {opacity:1;display:block; pointer-events:all;}
    .aside_bg div {position: absolute;z-index: 1; background-repeat: no-repeat; transform: rotateY(-50deg) scale(0.5); opacity: 0; transform-origin: bottom; transition: all .6s cubic-bezier(.71, .05, .09, .91); transition-delay:0.3s;}
    body:has(#aside.on) .aside_bg div{ opacity: 1; transform: rotate(0deg) translateY(0);}


        #aside .aside_box.for_m {display:none;}
    #aside .aside_box{width:100%;height:100%;display: flex;flex-direction: column;}
    #aside .aside_head{height: clamp(60px, 10vw, 100px);position: relative;border-bottom:1px solid #ddd;transition:all 0.4s;display: flex;align-items: center;justify-content: space-between;}	
    #aside .aside_logo{position: relative;height: 100%;}
    #aside .aside_logo a {max-width: clamp(120px, 19vw, 180px);height: 100%;padding-block: 15px;display: flex;align-items: center;}
    #aside .menu-trigger2{display: inline-block;width: clamp(25px, 3.8vw, 36px);} 
    #aside .aside_cont{padding-block: clamp(30px, 12vw, 120px);display: flex;flex-direction: column;} 
    #aside .gnb{display: grid;grid: auto / repeat(2, 1fr);gap: clamp(25px, 6vw, 60px) 20px;} 
    #aside .gnb > li{position: relative;color: var(--black-color03);font-size: var(--text-44);font-weight: 700;display: flex;flex-direction: column;gap: 10px;transition: all 0.4s;} 
    #aside .gnb > li > a{display: block;} 
    #aside .gnb .dep02{display: flex;flex-wrap: wrap;gap: 10px 26px;}
    #aside .gnb .dep02 > li{position: relative;font-size: var(--text-16);line-height: 1.2;color: var(--black-color08);font-weight: 500;transition: all 0.4s;}
    #aside .gnb .dep02 > li > a{position: relative;}


        /* over */
        @media (hover:hover) and (pointer: fine){
            #aside .gnb > li:hover{color: var(--point-color01);}
            #aside .gnb .dep02 > li:hover{color: var(--point-color01);}
        }

        @media (min-width:641px) {
            #aside .gnb .dep02{display: flex !important;}
        }
    @media (max-width:640px) {
        #aside .gnb{grid: auto / repeat(1, 1fr);}
        #aside .gnb > li.on{color: var(--point-color01);}
        #aside .gnb > li > a span{position: relative;display: block;padding-right: 45px;}
        #aside .gnb > li > a span{&::before, &::after{position: absolute;content:'';width: 20px;height: 2px;background: var(--black-color06);top: 50%;right: 0;translate: 0 -50%;}}
        #aside .gnb > li > a span::after{width: 2px;height: 20px;right: 9px;}
        #aside .gnb .dep02{display: none;}
        #aside .gnb > li:not(:has(ul)) > a span{&::before, &::after{display: none;}}
        #aside .gnb .dep02 > li > a{display: flex;align-items: baseline;gap: 8px;padding-block: 6px;}
        #aside .gnb .dep02 > li > a::before{display: inline-flex;content:'·';flex-shrink: 0;}
    }

/*───────────────────────────────────────────────────────────

    Main

───────────────────────────────────────────────────────────*/

    .main-cont .w_custom{max-width: 1600px;}
    .btn-box{margin-top: var(--row-gap40);display: flex;flex-wrap: wrap;gap: clamp(10px, 1.5vw, 20px);}
        .btn-box.cen{justify-content: center;}
    .btn-box :where(button, a){display: flex;align-items: center;justify-content: center;text-align: center;min-width: clamp(96px, 18vw, 180px);min-height: clamp(45px, 6.5vw, 60px);background: var(--point-color01);border-radius: var(--radius-06);font-size: var(--text-18);font-weight: 400;line-height: 1.2;color: var(--point-white);padding: 12px clamp(15px, 3vw, 25px) 10px;}

    /* 비주얼 */
        .visualSwiper{position: relative;}
        .visualSwiper .swiper-slide{position: relative;height: auto;overflow: hidden;min-height: clamp(600px, 94vw, 940px);display: flex;flex-direction: column;justify-content: flex-end;color: var(--point-white);padding-block: clamp(170px, 40vw, 400px) clamp(60px, 8.8vw, 88px);}
        .visualSwiper .thumb{position: absolute;inset: 0;overflow: hidden; scale: 1.06;}
            .visualSwiper .thumb::before{position: absolute; content: ''; inset: 0; background: rgb(0 0 0 / 40%);}
            .visualSwiper .swiper-slide-active .thumb{scale: 1; transition: all 5s 0.2s;}
        .visualSwiper .thumb img{width:100%; height:100%; object-fit:cover;}
        .visualSwiper .title{display: grid;gap: var(--row-gap15);}
        .visualSwiper .title h2{font-size: var(--text-74);font-weight: 700;line-height: 1.3;}
        .visualSwiper .title p{font-size: var(--text-20);font-weight: 400;line-height: 1.6;}
        .visualSwiper .swiper-pagination{position: absolute;inset: auto;top: clamp(130px, 35vw, 350px);left: 50%;translate: -50%;width: calc(100% - 30px);display: flex;flex-wrap: wrap;gap: 10px;}
        .visualSwiper .swiper-pagination button{position: relative;width: clamp(40px, 6.2vw, 60px);height: 3px;margin: 0 !important;border-radius: 0;background: rgb(255 255 255 / 40%);opacity: 1;}
        .visualSwiper .swiper-pagination span{position: absolute;top:0;left:0;height: 100%;background: var(--point-color01);}

            .visualSwiper .ani{opacity: 0; translate: 0 70px;}
            .visualSwiper .swiper-slide-active .ani{opacity: 1; translate: 0; transition: all 1.2s 0.2s;}
            .visualSwiper .swiper-slide-active .ani:nth-child(2){transition-delay: 0.4s;}
            .visualSwiper .swiper-slide-active .btn-box.ani:nth-child(2){transition-delay: 0.6s;}

        .visualSwiper .swiper-pagination .swiper-pagination-bullet-active span{animation: visProg 5s linear forwards;}
        @keyframes visProg {0% {width: 0;}100% {width:100%;}}

    /*타이틀*/
		.main_title{position: relative;display: flex;flex-direction: column;gap: var(--row-gap15);}
        .main_title h2{font-size: var(--text-20); font-weight: 500; color: var(--point-color01);}
		.main_title h3{position: relative;display: inline-block;font-size: var(--text-70);color:var(--black-color01);font-weight:300;line-height: 1.3;}
			.main_title h3 + p{margin-top: var(--row-gap20);}
		.main_title h3 strong{font-size:inherit;color:inherit;font-weight:700;position: relative;display: inline-block;}
		.main_title h3 strong:after{display: inline-block;width: clamp(8px, 1.4vw, 12px);aspect-ratio: auto 1;content:"";border-radius:100%;background: var(--point-color01);vertical-align: text-top;margin-left: 10px;}
		.main_title p{font-size: var(--text-18);color:rgba(17,17,17,0.8);font-weight:400;line-height: 1.66;}
		.view_more{display: inline-block;width:42px;height:9px;background:url('/images/skin/btn-more.png')no-repeat left center;background-size:auto 100%;font-size:0;padding-right:42px;transition:all 0.5s;}

    /* main_about  */
        .main_about{position: relative;padding-block: clamp(80px, 13.7vw, 137px) clamp(80px, 34vw, 340px);overflow:hidden;}	
        .main_about:before{inline-size: clamp(600px, 92vw, 1765px);aspect-ratio: auto 0.964;content:"";border-radius:100%;border:8px solid #f8bc26;position: absolute;right:-43%;top: 28%;opacity:0.6;}
		.main_about .main_title .view_more{margin-top:53px;}
		.main_about .about_list{display: grid;grid: auto / repeat(3, 1fr);gap: clamp(15px, 3vw, 30px);margin-top: clamp(30px, 10.1vw, 101px);}
		.main_about .about_list li{position: relative;padding: clamp(35px, 5.3vw, 53px) clamp(30px, 4.1vw, 41px);aspect-ratio: auto 0.754;}
		.main_about .about_list .thumb{position: absolute;inset: 0;border-radius: var(--radius-30);overflow:hidden;}
        .main_about .about_list .thumb::before{position: absolute; content:''; inset:0; background: rgb(0 0 0 / 20%);}
		.main_about .about_list .thumb img{width:100%;height: 100%;object-fit: cover;transition:all 0.5s;} 
		.main_about .about_list .txt_box{position: relative;color: var(--point-white);display: grid;gap: var(--row-gap10);}
		.main_about .about_list .txt_box dt{font-size: var(--text-40);font-weight:700;}
		.main_about .about_list .txt_box dd{font-size: var(--text-20);font-weight: 400;}

            @media (min-width:1024px) {
                .main_about .about_list li:nth-child(1){transition-delay:0.6s;}
                .main_about .about_list li:nth-child(2){translate: 0 181px;}
                .main_about .about_list li:nth-child(3){translate: 0 -200px;}
                .main_about .about_list li.aos-animate:nth-child(2){transition-delay:1s;}
            }   

        @media (max-width:1023px) {
            .main_about{padding-bottom: clamp(80px, 13.7vw, 137px);}
            .main_about .about_list{grid: auto / repeat(2, 1fr);}
            .main_about .about_list li{aspect-ratio: unset;min-height: clamp(320px, 68vw, 680px);padding-bottom: var(--row-gap150);}
        }
        @media (max-width:640px) {
            .main_about .about_list{grid: auto / repeat(1, 1fr);}
        }

    /* wide-bnr */
        .wide-bnr{position: relative;min-height: clamp(400px, 60vw, 600px);display: flex;flex-direction: column;justify-content: center;text-align: center;padding-block: var(--row-gap100);}
        .wide-bnr .bg{position: absolute;inset: 0;overflow: hidden;}
        .wide-bnr .bg::before{position: absolute;content:'';background: rgb(0 0 0 / 40%);inset: 0;}
        .wide-bnr .bg img{width: 100%;height: 100%;object-fit: cover;}
        .wide-bnr .title{position: relative;color: var(--point-white);display: grid;gap: var(--row-gap20);}
        .wide-bnr .title h3{font-size: var(--text-22);font-weight: 400;}
        .wide-bnr .title h4{font-size: var(--text-60);font-weight: 600;line-height: 1.25;}

    /* vision-meta */
        .vision-meta{position: relative;padding-block: var(--row-gap140);}
        .vision-meta .w_custom{position: relative;display: flex;gap: var(--row-gap40) clamp(50px, 5.21vw, 100px);}
        .vision-meta .thumb{width: 42%;flex-shrink: 0;border-radius: var(--radius-40);overflow: hidden;}
		.vision-meta .thumb img{width:100%; height:100%; object-fit:cover;}
        .vision-meta .cont{display: flex;flex-direction: column;justify-content: center;padding-block: 40px;width: 100%;}
        .vision-meta .info-list{padding-top: var(--row-gap40);margin-top: var(--row-gap40);display: grid;grid: auto / repeat(3, 1fr);gap: var(--row-gap50) var(--col-gap40);border-top: 1px solid var(--border-color01);}
        .vision-meta .info-list > li{position: relative;}
        .vision-meta .info-list .desc{display: grid;gap: var(--row-gap10);}
        .vision-meta .info-list .desc dt{font-size: var(--text-50);font-weight: 700;color: var(--point-color01);}
        .vision-meta .info-list .desc dd{font-size: var(--text-18);color: var(--black-color06);}

        @media (max-width:1023px) {
            .vision-meta .w_custom{flex-wrap: wrap;}
            .vision-meta .thumb{width: min(600px, 100%);flex-shrink: unset;margin-inline: auto;}
            .vision-meta .cont{padding-block: 0;}
        }

    /* chk-list */
        .chk-list{display: flex;flex-direction: column;gap: var(--row-gap10);}
        .chk-list > li{position: relative;display: flex;align-items: baseline;gap: clamp(10px, 1.4vw, 12px);font-size: var(--text-18);font-weight: 400;color: var(--black-color01);}
        .chk-list > li::before{display: inline-flex;content:'';width: clamp(12px, 1.8vw, 16px);aspect-ratio: auto 1.23;background: url('/images/chk_i.svg') no-repeat center / 100% auto;}

    /* obj-items */
        .obj-items{display: grid;grid: auto / repeat(4, 1fr);gap: clamp(15px, 2.6vw, 30px);}
        .obj-items > li{position: relative;background: var(--point-white);border-radius: var(--radius-20);padding: clamp(25px, 3.6vw, 40px);display: flex;flex-direction: column;gap: var(--row-gap30);box-shadow: 0 clamp(5px, 1vw, 10px) clamp(20px, 4vw, 40px) rgb(0 0 0 / 8%);}
        .obj-items .icon{display: flex;align-items: center;justify-content: center;width: clamp(56px, 7.8vw, 80px);aspect-ratio: 1;border-radius: 50%;background: var(--point-color01);color: var(--point-white);flex-shrink: 0;}
        .obj-items .icon svg{width: 50%;height: 50%;}
        .obj-items .desc{display: grid;gap: var(--row-gap15);}
        .obj-items .desc dt{font-size: var(--text-26);font-weight: 700;color: var(--black-color01);}
        .obj-items .desc dd{font-size: var(--text-18);font-weight: 400;color: var(--black-color06);line-height: 1.6;}

        @media (max-width:1023px) {
            .obj-items{grid: auto / repeat(2, 1fr);}
        }
        @media (max-width:640px) {
            .obj-items{grid: auto / repeat(1, 1fr);}
        }


/*───────────────────────────────────────────────────────────

    Footer

───────────────────────────────────────────────────────────*/
    #footer{position: relative;background: var(--black-color01);padding-block: clamp(45px, 6.4vw, 64px) clamp(35px, 5.6vw, 56px);font-size: var(--text-14);color: #bbb;line-height: 1.7;font-weight: 300;}
    #footer .w_custom{max-width: 1600px;}
    #footer .top-sec{display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
    #footer .logo{position: relative;max-width: clamp(120px, 19vw, 180px);filter: var(--filter-white);opacity: 0.5;}
    #footer .link-list{display: flex;flex-wrap: wrap;gap: 10px clamp(20px, 2.6vw, 26px);}
    #footer .link-list strong{color: var(--point-white); font-weight: inherit;}
    #footer .cont{position: relative;padding-top: clamp(25px, 3.7vw, 37px);margin-top: clamp(25px, 3.7vw, 37px);border-top: 1px solid var(--black-color03);display: grid;gap: var(--row-gap40);}
    #footer .addr-list{display: flex;flex-direction: column;gap: 5px;}
    #footer .addr-list > li{display: flex;flex-wrap: wrap;gap: 5px 0;}
    #footer .addr-list .desc{display: flex;align-items: baseline;}
		#footer .addr-list .desc::after{display: inline-flex;content:'';width: 1px;height: 10px;background: var(--black-color03);margin-inline: 15px;}
        #footer .addr-list .desc:last-child::after{display:none;}
    #footer .addr-list .desc dt{flex-shrink: 0;margin-right: 4px;}
    #footer .addr-list .desc dd{position: relative;}
    #footer .copy{display: flex;flex-wrap: wrap;gap: 3px 32px;font-family: var(--font-type02);}

    @media (max-width:640px) {
        #footer .addr-list .desc::after{opacity: 0; margin-inline: 10px;}
    }

/*───────────────────────────────────────────────────────────

    Sub

───────────────────────────────────────────────────────────*/
    /* 비주얼 */
        .suv-visual{position: relative;background: url('/images/sv_thumb.jpg') no-repeat center / cover;min-height: clamp(250px, 42vw, 420px);padding-block:  var(--row-gap120);display: flex;flex-direction: column;justify-content: center;z-index: 5;}
        .suv-visual::before{position: absolute; content:''; inset: 0; background: rgb(0 0 0 / 20%);}
        .suv-visual .title{text-align: center;color: var(--point-white);font-weight: 700;}
        .suv-visual .title h2{font-size: var(--text-50);}
        .suv-visual .nav{position:absolute; left:0; bottom: 0; width: 100%; background: rgba(0 0 0 / 50%); z-index: 3;}
        .suv-visual .nav .w_custom{width: 100%;}
        .suv-visual .nav-desc{position: relative;height: clamp(45px, 5.6vw, 54px);display: flex;}
        .suv-visual .nav-desc :where(dt, dd){border-right: 1px solid rgb(255 255 255 / 20%);}
        .suv-visual .nav-desc dt{height: 100%;flex-shrink: 0; border-left: 1px solid rgb(255 255 255 / 20%);}
        .suv-visual .nav-desc dt a{display: flex;align-items: center;justify-content: center;aspect-ratio: 1 auto;height: 100%;}
        .suv-visual .nav-desc dd{position: relative;font-size: var(--text-16);color: var(--point-white);width: min(220px, 100%);display: flex;align-items: center;padding-inline: 15px 40px;cursor: pointer;}
        .suv-visual .nav-desc dd::before{position: absolute;content:'';width: 11px;aspect-ratio: auto 1.83;background: var(--point-white);top: 50%;right: 15px;translate: 0 -50%;clip-path: var(--clip-poly01);transition: all 0.4s;}
            .suv-visual .nav-desc dd.on::before{scale: -1 -1;}
        .suv-visual .nav-desc dd span{white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
        .suv-visual .nav-desc .dep02{position: absolute;top: 100%;left: 0;width: 100%;background: var(--point-white);border: 1px solid var(--border-color01);font-size: var(--text-15);color: var(--black-color05);padding: 15px 20px; opacity: 0; pointer-events: none; transition: all 0.4s;}
            .suv-visual .nav-desc dd.on .dep02{opacity: 1; pointer-events: all;}
		.suv-visual .nav-desc .dep02 a{display:block;padding-block: 7px;}
		.suv-visual .nav-desc .dep02 a.on{color: var(--black-color03);-webkit-text-stroke: 0.3px var(--black-color03);}

            body:has(.gnb > li:nth-child(2).on) .suv-visual{background-image: url('/images/sv_contact.jpg');}
            body:has(.gnb > li:nth-child(3).on) .suv-visual{background-image: url('/images/sv_service.jpg');}
            body:has(.gnb > li:nth-child(4).on) .suv-visual{background-image: url('/images/sv_request.jpg');}

        @media (max-width:640px) {
            .suv-visual .nav-desc dd{width: 100%;}
        }

    /* page-title */
        .page-title{position: relative;text-align: center;display: flex;flex-direction: column;gap: var(--row-gap10); text-wrap: balance;}
            .page-title.hd{margin-bottom: var(--row-gap60);}
        .page-title h2{font-size: var(--text-18);color: var(--point-color01);font-weight: 600;}
        .page-title h3{font-size: var(--text-40);font-weight: 600;color: var(--black-color01);line-height: 1.3;}
			.page-title h3 + p{margin-top: var(--row-gap15);}
        .page-title p{font-size: var(--text-18);color: var(--black-color03);line-height: 1.77;}
        .page-title p strong{font-weight: 600; color: var(--black-color01);}

    /* com-table */
        .com-table{position: relative;width: 100%;}
        .com-table table{position: relative; width: 100%;table-layout: fixed;text-align: center;}
        .com-table table::before{position: absolute;content:'';inset: 0;border: 1px solid var(--border-color01);pointer-events: none;z-index: 1;}
        .com-table :where(th, td){position: relative;padding: clamp(16px, 2.5vw, 20px) 10px;box-shadow: inset 0 1px var(--border-color01), inset 1px 0 var(--border-color01);}
        .com-table thead th{font-size: var(--text-20);font-weight: 500;color: var(--black-color01);background: var(--gray-bg01);}
        .com-table thead th strong{font-weight: 700; color: var(--point-color01);}
        .com-table tbody th{font-size: var(--text-18);font-weight: 400;color: var(--black-color01);}
        .com-table tbody td{font-size: var(--text-18);color: var(--black-color06);}
        .com-table .chk{display: inline-flex;width: clamp(12px, 1.8vw, 16px);aspect-ratio: auto 1.23;background: url('/images/chk_i.svg') no-repeat center / 100% auto;}

    /* loca-meta */
        .loca-meta{display: flex;gap: var(--row-gap50) clamp(50px, 4.2vw, 80px);}
        .loca-meta .import{width: min(640px, 55%);flex-shrink: 0;min-height: 440px;border-radius: var(--radius-20);overflow: hidden;}
        .loca-meta .import iframe{width: 100%;height: 100%;}
        .loca-meta .cont{width: 100%;padding-block: 50px;}
        .loca-meta .logo{max-width: clamp(120px, 19vw, 180px);}
        .loca-meta .items{margin-top: var(--row-gap40);padding-top: var(--row-gap40);border-top: 1px solid var(--border-color01);display: grid;gap: var(--row-gap20);}
        .loca-meta .desc{display: flex;gap: 20px;align-items: baseline;}
        .loca-meta .desc dt{width: clamp(60px, 9vw, 90px);flex-shrink: 0;font-size: var(--text-18);color: var(--black-color02);font-weight: 500;display: flex;align-items: baseline;gap: clamp(10px, 1.4vw, 12px);}
        .loca-meta .desc dt::before{display: inline-flex;content: '';width: clamp(3px, 0.6vw, 4px);aspect-ratio: auto 1;background: var(--point-color01);border-radius: 100%;flex-shrink: 0;translate: 0 -4px;}
        .loca-meta .desc dd{font-size: var(--text-18);color: var(--black-color04);}

        @media (max-width:1023px) {
            .loca-meta{flex-wrap: wrap;}
            .loca-meta .import{width: 100%;flex-shrink: unset;min-height: auto;height: clamp(300px, 44vw, 440px);}
            .loca-meta .cont{padding-block: 0;}
        }

    /* office-list */
        .office-list{display: grid;grid: auto / repeat(2, 1fr);gap: var(--col-gap35);}
        .office-list > li{position: relative;display: flex;flex-direction: column;gap: var(--row-gap25);background: var(--point-white);padding: clamp(20px, 3vw, 30px);padding-bottom: clamp(30px, 4vw, 40px);border-radius: var(--radius-20);box-shadow: inset 0 0 0 1px var(--border-color01);}
        .office-list .thumb{display: block;border-radius: inherit;overflow: hidden;aspect-ratio: auto 1.4;}
        .office-list .thumb img{width: 100%;height: 100%;object-fit: cover;}
        .office-list .desc{display: grid;gap: var(--row-gap15);}
        .office-list .desc dt{font-size: var(--text-22);font-weight: 500;color: var(--black-color01);}
        .office-list .desc dd{font-size: var(--text-18);color: var(--black-color06);}

        @media (max-width:640px) {
            .office-list{grid: auto / repeat(1, 1fr);}
        }

    /* 인풋 */
        :where([type="text"], [type="password"], [type="tel"], [type="email"], [type="number"], textarea, select){position: relative;width: 100%;padding-inline: 15px;height: 40px;background: var(--point-white);border: 1px solid var(--border-color02);border-radius: var(--radius-04);color: var(--black-color01);font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
        :where([type="text"], [type="password"], [type="tel"], [type="email"], [type="number"], textarea)::placeholder{color: var(--black-color08);}
        textarea{height: 136px; padding-block: 12px; overflow: visible;text-overflow:unset;white-space:unset;}
        select{appearance: none;background: var(--point-white) url('/images/sel_arw.svg') no-repeat calc(100% - 16px) 50% / 12px auto;padding-right: 45px;}

        label:has([type="checkbox"]){display:inline-flex;align-items:center;gap: var(--row-gap10);font-size: var(--text-18);line-height: clamp(18px, 2.2vw, 20px);color: var(--black-color06);cursor:pointer;}
        [type="checkbox"]{width: clamp(18px, 2.2vw, 20px);height: clamp(18px, 2.2vw, 20px);flex-shrink:0;accent-color: var(--point-color01);appearance:auto;cursor:pointer;}
        label:has([type="checkbox"]) em{font-weight: 500;color: var(--point-color01);}


    /* 검색 */
        .search-form{position: relative;display: flex;align-items: center;justify-content: flex-end;gap: 10px;flex-wrap: wrap;margin-bottom: 15px;}
        .search-form .inp-box{display: flex;width: min(260px, 100%);}
        .search-form .inp-box [type="text"]{width: 100%;}
        .search-form .inp-box button{width: 40px;aspect-ratio: auto 1;flex-shrink: 0;background: var(--black-color04) url('/images/search_i.png') no-repeat center;font-size: 0;}

    /* gallery-list */
        .gallery-list{display: grid;grid: auto / repeat(3, 1fr);gap: var(--row-gap50) var(--col-gap30);}
        .gallery-list > li{position: relative;display: flex;flex-direction: column;gap: clamp(12px, 1.5vw, 15px);}
        .gallery-list .thumb{position: relative; aspect-ratio: auto 1.46;border-radius: var(--radius-10);overflow: hidden;}
        .gallery-list .thumb::before{position: absolute; content:''; inset: 0; border: 1px solid var(--black-color01); border-radius: inherit; opacity: 0; transition:all 0.4s;}
        .gallery-list .thumb img{width: 100%;height: 100%;object-fit: cover;}
        .gallery-list .desc{display: grid;gap: clamp(10px, 1.2vw, 12px);}
        .gallery-list .desc dt{position: relative;font-size: clamp(15px, 1.6vw, 16px);line-height: 1.625;color: var(--black-color03);font-weight: 500;word-break: break-all;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
        .gallery-list .desc dd{font-size: var(--text-14);color: var(--black-color08);display: flex;flex-wrap: wrap;gap: 5px 0;}
        .gallery-list .desc dd span{display: inline-flex;align-items: center;gap: 5px 0;}
        .gallery-list .desc dd span:not(:last-child)::after{display: inline-flex;content:'';width: 1px;height: clamp(8px, 1.4vw, 12px);background: var(--border-color02);margin-inline: clamp(11px, 1.5vw, 13px);}

            @media (hover:hover) and (pointer: fine) {
                .gallery-list > li:hover .thumb::before{opacity: 1;}
            }

        @media (max-width:860px) {
            .gallery-list{grid: auto / repeat(2, 1fr);}
        }
        @media (max-width:479px) {
            .gallery-list{grid: auto / repeat(1, 1fr);}
        }

    /* 페이징 */
        .pagination{display: flex;align-items: center;justify-content: center;text-align: center;flex-wrap: wrap;margin-top: var(--row-gap60);gap: clamp(8px, 1vw, 10px);}
        .pagination li{font-size: var(--text-16);color: var(--black-color08);}
        .pagination a{display: flex;align-items: center;justify-content: center;min-width: clamp(30px, 4.2vw, 40px);min-height: clamp(30px, 4.2vw, 40px);padding: 4px;border-radius: 100%;}
        .pagination a.arw{font-size: 0;background: url('/images/pagination_last.svg') no-repeat center / auto clamp(8px, 1.2vw, 10px);padding: 0;border: 1px solid var(--border-color01);}
        .pagination a:is(.prev, .next){background-image: url('/images/pagination_prev.svg');}
        .pagination a.prev{margin-right: clamp(5px, 1vw, 10px);}
        .pagination a.next{margin-left: clamp(5px, 1vw, 10px);}
        .pagination a.first{margin-right:-5px;}
        .pagination a.last{margin-left:-5px;}
        .pagination a.disabled{display: none;}
        .pagination a.on{font-weight: 500;color: var(--point-white);background: var(--point-color01);}
        .pagination a.scale{scale: -1 -1;}

     /* 상세 */
        .board-view .detail-hd{border-top: 1px solid var(--black-color00);border-bottom: 1px solid var(--border-color01);padding-block: var(--row-gap50);display: grid;gap: var(--row-gap20);}
        .board-view .detail-hd .desc{display: grid;gap: var(--row-gap10);}
        .board-view .detail-hd .desc dt{font-size: var(--text-30);font-weight: 500;color: var(--black-color00);line-height: 1.6;}
        .board-view .detail-hd .desc dd{font-size: var(--text-18);color: var(--black-color06);}
        .board-view .detail-hd .regdate{font-size: var(--text-20);color: var(--black-color08);}
        .board-view .detail-cont{padding-block: var(--row-gap60);border-bottom: 1px solid var(--black-color03);font-size: var(--text-16);font-weight: 400;color: var(--black-color03);line-height: 1.7; min-height: clamp(200px, 30vw, 300px);}
        .board-view .file-desc{margin-top: var(--row-gap60);display: flex;align-items: center;background: var(--point-color10);padding: clamp(20px, 3vw, 28px) clamp(20px, 3vw, 30px);}
        .board-view .file-desc dt{font-size: var(--text-18);font-weight: 500;color: var(--black-color03);flex-shrink: 0;display: flex;align-items: center;}
		.board-view .file-desc dt::after{display:inline-flex;content:'';width: 1px;height: clamp(10px, 1.8vw, 16px);background: var(--border-color02);margin-inline: clamp(15px, 2vw, 20px);}
        .board-view .file-desc dd{font-size: var(--text-18);color: var(--black-color03);}

    /* 문의 */
        .write-form{position: relative;display: flex;flex-direction: column;gap: clamp(15px, 2vw, 20px);border-top: 1px solid var(--black-color01);border-bottom: 1px solid var(--border-color01);padding: clamp(25px, 3vw, 30px) clamp(15px, 3vw, 30px);}
		.write-form .desc{display:flex;align-items: center;gap: 8px 15px;}
        .write-form .desc dt{font-size: var(--text-16);font-weight: 400;color: var(--black-color04);width: clamp(100px, 19vw, 180px);flex-shrink: 0;}
        .write-form .desc dt em{color: var(--point-color01);font-weight: 500;}
        .write-form .desc dd{position: relative;display: flex;gap: 5px;flex-wrap: wrap;color: var(--black-color06);font-size: var(--text-16);width: 100%;}
        .write-form .desc dd :where([type="text"], [type="password"], [type="tel"], [type="email"], [type="number"], select){width: min(340px, 100%);}
        .captcha-box{display: flex;align-items: center;gap: 8px;width: 100%;}
        .captcha-box .controller{display: flex;flex-shrink: 0;gap: 8px;}
        .captcha-box .controller img{border-radius: var(--radius-04);border: 1px solid var(--border-color05);}
        .captcha-box .controller button{position: relative;width: 38px;aspect-ratio: auto 1;border-radius: var(--radius-04);border: 1px solid var(--border-color02);display: flex;align-items: center;justify-content: center;}
        .captcha-box .controller svg{width: 18px;height: 18px;stroke: currentColor;fill: none;stroke-width: 2;stroke-linecap: round;}
        .captcha-box [type="text"]{position: relative;}

        @media (max-width:640px) {
            .write-form .desc{flex-wrap: wrap;}
            .write-form .desc dt{width: 100%; flex-shrink: unset;}
        }
        @media (max-width:479px) {
            .captcha-box{flex-wrap: wrap;}
        }