@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
    #wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip;}
    .w_custom{position: relative; width: calc(100% - 60px); max-width: 1300px; margin-inline: auto; box-sizing: border-box;}
    #container{padding-block: 120px;}

    @media (max-width:1023px){
        #container{padding-block: clamp(50px, 12vw, 120px);}
    }
    @media (max-width:860px){
        .w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:320px){
        .w_custom{width: calc(100% - 20px);}
    }

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

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

───────────────────────────────────────────────────────────*/
    #header{position: sticky; top:0; width: 100%; height: 120px; z-index: 100; box-sizing: border-box;}
    #header .cont{position: relative; height: 100%; background: var(--point-white); box-shadow: 0 1px 0 rgba(255,255,255,0), 3px 6px 6px rgba(0,0,0,0.05); transition: all 0.4s;}
    #header .w_custom{max-width: 1700px;height: 100%;display: flex;align-items: center;justify-content: space-between;gap: 15px; transition: all 0.4s;}
    #header .logo{position: relative; height: 100%;}
    #header .logo a{display: flex;align-items: center;padding-block: 20px;max-width: 200px;height: 100%;box-sizing: border-box;transition: all 0.4s;}
    #header .gnb{position: absolute;top:0;left:50%;transform: translateX(-50%);height: 100%;display: flex;justify-content: center;text-align: center;font-size: var(--title-20);width: calc(100% - 400px);}
    #header .gnb > li{position: relative;font-size: 80%;font-weight: 500;color: var(--black-color03);height: 100%;}
    #header .gnb > li > a{display: flex;align-items: center;height: 100%;padding-inline: clamp(10px, 1.9vw, 35px); transition: all 0.4s;}
    #header .gnb .dep02{display:none;}
    #header .link_wrap{display: flex; gap: 30px;}
    #header .allCate{display: flex; flex-direction: column; justify-content: space-between; width: 30px; height: 23px;}
    #header .allCate span{width: 100%;height: 3px;background: var(--black-color03);}


        .main_index #header{position: fixed; left: 0;}
        .main_index #header .cont{background: none; box-shadow: 0 1px 0 rgba(255,255,255,0.3);}
        .main_index #header .w_custom{filter: var(--filter-white);}

        /* over */
        @media (min-width:1023px){
            .main_index #header:hover .cont{ background: var(--point-white); box-shadow: 0 1px 0 rgba(255,255,255,0), 3px 6px 6px rgba(0,0,0,0.05);}
            .main_index #header:hover .w_custom{filter: none;}

            #header .gnb > li:hover > a{color: var(--point-color01);}
        }

        /* on */
            #header.on .cont{background: var(--point-white); height: max(60px, 80%);}
            #header.on .cont .logo a{padding-block: 15px;}
            .main_index #header.on .cont{background: var(--point-white); box-shadow: 0 1px 0 rgba(255,255,255,0), 3px 6px 6px rgba(0,0,0,0.05);}
            .main_index #header.on .w_custom{filter: none;}

    @media (max-width:1023px){
        #header{height: clamp(80px, 12vw, 120px);}
        #header .logo a{max-width: clamp(130px, 20vw, 200px);}
        #header .gnb{display: none;}
    }

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

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

───────────────────────────────────────────────────────────*/
    body:has(#aside.on){overflow: clip; touch-action: none;}
    .aside_bg{position: fixed; inset: 0; z-index: 140; background: rgba(0,0,0,0.6); opacity: 0; pointer-events: none; transition: all 0.6s;}
        body:has(#aside.on) .aside_bg{opacity: 1; pointer-events: all;}
    #aside{position: fixed; top:0; right:-80%; width: 80%; height: 100%; max-width: 420px; background: var(--point-white); z-index: 150; transition: all 0.6s; padding-block: 20px; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; overflow-y: auto;}
        #aside.on{right:0;}
    #aside .w_custom{width: calc(100% - 40px); flex-shrink: 0;}
    #aside .logo{padding-right: 50px;box-sizing: border-box;}
    #aside .logo a{display: block; max-width: 120px;}
    #aside .close{position: absolute;top:0;right:0;width: 26px;height: 26px;}
    #aside .close:before, #aside .close:after{position: absolute; content:''; width: 100%; height: 1px; background: var(--black-color03); top:50%; left:50%; transform: translate(-50%, -50%) rotate(45deg);}
    #aside .close:after{transform: translate(-50%, -50%) rotate(-45deg);}
    #aside .gnb{position: relative;font-size: var(--title-20);margin-top: 30px;}
    #aside .gnb > li{position: relative;font-weight: 400;color: var(--black-color03);}
    #aside .gnb > li > a{display: block;padding-block: 16px;}

    @media (max-width:1023px){
        #aside .logo a{max-width: clamp(100px, 12vw, 120px);}
    }

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

	MAIN | index.html

───────────────────────────────────────────────────────────*/
    /* 비주얼 */
        .main_visual{position: relative; overflow: clip; background: var(--black-color00);}
        .main_visual .slick-slide{position: relative; overflow: clip; height: 100vh;}
        .main_visual .thumb{display: block; width: 100%; height: 100%; background: no-repeat center / cover; opacity: 0.8; transform: scale(1.2); transition: all 3s;}
            .main_visual .active .thumb{opacity: 1; transform: scale(1);}
        .main_visual .txt_box{position: absolute;z-index: 3;max-width: 1700px;bottom: max(100px, 17%);left:50%;transform: translateX(-50%);font-size: var(--title-20);color: var(--point-white);display: flex;flex-direction: column;gap: 9px;}
        .main_visual .txt_box h2{font-size: 350%;font-weight: 700;line-height: 1.1;letter-spacing: 0.03em;}
        .main_visual .txt_box h6{font-size: inherit; font-weight: 400; line-height: 1.3;}
        .main_visual .txtAni{transform: translateY(70px); opacity: 0;}
            .main_visual .active .txtAni{transform: translate(0); opacity: 1; transition: all 1.2s; transition-delay: 0.2s;}
            .main_visual .active .txtAni:nth-child(2){transition-delay: 0.4s;}
        .main_visual .controller{position: absolute;bottom: 60px;left:50%;transform: translateX(-50%);z-index: 5;display: flex;align-items: center;justify-content: center;gap: 40px;font-size: 0;}
        .main_visual .arw_wrap{display: flex;gap: 28px;}
        .main_visual .slick-arrow{position: relative; width: 9px; height: 14px; opacity: 0.5; transition: all 0.4s;}
            .main_visual .slick-arrow.next{transform: scale(-1,-1);}
            .main_visual .slick-arrow:before{position: absolute; content:''; inset: 0;  background: var(--point-white); clip-path: polygon(100% 0, 0 50%, 100% 100%);}
        .main_visual .slick-dots{display: flex; gap: 30px;}
        .main_visual .slick-dots button{display: block; width: 8px; aspect-ratio: auto 1; background: var(--point-white); opacity: 0.5; border-radius: 100%; transition: all 0.4s;}
        .main_visual .slick-dots .slick-active button{opacity: 1;}
        .main_visual .slickBtn{position: relative; width: 9px; height: 12px;}
        .main_visual .slickBtn:before, .main_visual .slickBtn:not(.play):after{position: absolute; content:''; top:0; left:0; width: 3px; height: 100%; background: var(--point-white);}
        .main_visual .slickBtn:not(.play):after{left:auto; right:0;}
        .main_visual .slickBtn.play:before{width: 100%; clip-path: polygon(0 0, 0% 100%, 100% 50%);}

        @media (max-width:1023px){
            .main_visual .txt_box h2{font-size: 320%;}
            .main_visual .controller{gap: clamp(30px, 4vw, 40px);bottom: clamp(30px, 6vw, 60px);}
            .main_visual .arw_wrap{gap: clamp(20px, 3vw, 28px);}
            .main_visual .slick-dots{gap: clamp(20px, 3vw, 30px);}
        }
        @media (max-width:860px){
            .main_visual .txt_box h2{font-size: 290%;}
        }
        @media (max-width:640px){
            .main_visual .txt_box h2{font-size: 260%;}
            .main_visual .txt_box h6{font-size: max(14px, 90%);}
        }
        @media (max-width:479px){
            .main_visual .txt_box h2{font-size: max(40px, 240%);}
            .main_visual .txt_box h6{font-size: max(14px, 90%);}
        }

    /* 공통 */
        .anchor{position: absolute; top:clamp(-120px, calc(120px * 0.8), -60px);}
        .main_title{position: relative;font-size: var(--title-20);box-sizing: border-box;display: flex;flex-direction: column;align-items: flex-start;gap: 18px;}
            .main_title.cen{text-align: center;align-items: center;}
        .main_title h2{font-size: 250%;font-weight: 700;color: var(--black-color03);line-height: 1.28;letter-spacing: -0.03em;}
            .main_title h2.line:after{display: block;content:'';width: 100px;height: 2px;background: var(--border-color01);margin-block: 48px 36px;}
        .main_title h3{font-size: 200%; font-weight: 400; color: var(--black-color03); line-height: 1.25;}
        .main_title h3 strong{font-weight: 700;}
        .main_title h4{font-size: 150%; font-weight: 600; color: var(--black-color03); line-height: 1.25;}
        .main_title h6{font-size: inherit; font-weight: 500; color: var(--black-color03); line-height: 1.5;}
        .main_title p{font-size: max(13px, 80%);font-weight: 500;color: var(--black-color06);line-height: 1.75;}
			.main_title p + h2{margin-top: 8px;}
        .main_title p em{font-weight: 600;color: var(--point-color01);letter-spacing: 0;}

        @media (max-width:1200px){
            .main_title{text-wrap: balance;}
            .main_title br.for_pc{display: none;}
        }
        @media (max-width:1023px){
            .anchor{position: absolute; top:clamp(-120px, calc(12vw * 0.8), -60px);}

            .main_title{gap: clamp(10px, 2vw, 18px);}
            .main_title h2{font-size: 220%;}
            .main_title h2.line:after{width: clamp(50px, 10vw, 100px); margin-block:clamp(24px, 4.8vw, 48px) clamp(18px, 3.6vw, 36px)}
            .main_title h3{font-size: 180%;}
            .main_title p + h2{margin-top: clamp(5px, 1vw, 8px);}
        }
        @media (max-width:860px){
            .main_title h2{font-size: 190%;}
            .main_title h3{font-size: 160%;}
        }
        @media (max-width:640px){
            .main_title h2{font-size: 170%;}
            .main_title h3{font-size: 140%;}
            .main_title h6{font-size: max(14px, 90%);}
        }
        @media (max-width:479px){
            .main_title h2{font-size: max(25px, 150%);}
            .main_title h3{font-size: max(20px, 120%);}
        }

    /* 회사소개 */
        .main_about{position: relative; padding-block: 120px;}
        .main_about .w_custom{display: flex;flex-wrap: wrap;align-items: center; gap:40px 0;}
        .main_about .thumb_list{display: flex;align-items: flex-start;width: 50%;padding-right: clamp(25px, 3vw, 50px);box-sizing: border-box;}
        .main_about .thumb_list > li{position: relative;overflow: clip;}
            .main_about .thumb_list > li:nth-child(1){aspect-ratio: auto 0.769;}
            .main_about .thumb_list > li:nth-child(2){aspect-ratio: auto 1;margin-left: -47%;margin-top: 24%;}
        .main_about .thumb_list > li img{width: 100%; height: 100%; object-fit: cover;}
        .main_about .main_title{width: 50%; padding-left: clamp(25px, 3vw, 50px);}

        @media (max-width:1023px){
            .main_about{padding-block: clamp(70px, 12vw, 120px);}
        }
        @media (max-width:860px){
            .main_about :is(.thumb_list, .main_title){width: 100%; padding-inline: 0;}
            .main_about .thumb_list > li{width: 100%;}
            .main_about .thumb_list > li:nth-child(2){margin-top: 35%;}
        }

    /* 주문 프로세스 */
        .main_order{position: relative;background: url('../images/skin/main_order_bg.jpg') no-repeat center / cover;padding-block: 104px 96px;}
        .main_order .w_custom{max-width: 1740px;}
        .main_order .servSwiper{position: relative;clip-path: inset(0 -10px);margin-top: 40px;}
        .main_order .servSwiper .swiper-slide{height: auto;background: var(--point-white);box-shadow: inset 0 0 0 1px var(--border-color01);padding:10px;box-sizing: border-box;text-align: center;}
        .main_order .servSwiper .thumb{display: block; aspect-ratio: auto 1.514; overflow: clip;}
        .main_order .servSwiper .thumb img{width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;}
        .main_order .servSwiper .main_title{padding-block: 25px 28px;gap: 0;}
        .main_order .swiper-pagination{position: relative; inset: auto; width: 100%; max-width: 800px; height: 2px; background: rgba(221,221,221,0.4); margin: 60px auto 0;}
        .main_order .swiper-pagination span{background: var(--point-color01);}

            /* over */
            @media (hover:hover) and (pointer:fine){
                .main_order .swiper-slide:hover .thumb img{transform: scale(1.07);}
            }

        @media (max-width:1023px){
            .main_order{padding-block: clamp(70px, 10.4vw, 104px) clamp(70px, 9.6vw, 96px);}
            .main_order .servSwiper{margin-top: clamp(20px, 4vw, 40px);}
            .main_order .servSwiper .main_title{padding-block:clamp(12px, 2.5vw, 25px) clamp(14px, 2.8vw, 28px);}
            .main_order .swiper-pagination{margin-top: clamp(30px, 6vw, 60px);}
        }

    /* 사업 소개 */
        .main_biz{position: relative;clip-path: inset(0); padding-block: 183px;}
            .main_biz:before{position: fixed; content:''; top:0; left:0; width: 100%; height: 100%; background: url('../images/skin/main_biz_bg.jpg') no-repeat center / cover;}
            .main_biz:after{position: absolute; content:''; inset: 0; background: var(--black-color00); opacity: 0.2; pointer-events: none;}
        .main_biz .w_custom{z-index: 3;}
        .main_biz .main_title *{filter: var(--filter-white);}
		.main_biz .main_title p + h2{margin-top: clamp(-2px, -1.5vw, 0px);}
		.main_biz .main_title h2 + h6{margin-top:clamp(8px, 1vw, 16px);}
		.main_biz .main_title h6 + p{margin-top: clamp(-10px, -0.6vw, 0px);}
        .main_biz .main_title p{opacity: 0.7;}
		.main_biz .main_title p em{opacity:0.9;}

        @media (max-width:1023px){
            .main_biz{padding-block: clamp(70px, 18.3vw, 183px);}
        }

    /* 제작 사례 */
        .main_example{position: relative;padding-top: 120px;}
        .main_example .prod_list{display: grid;gap: 12px;grid-template-columns: 1fr 1fr 1fr 1fr;}
        .main_example .prod_list > li{position: relative; overflow: clip;}
            .main_example .prod_list > li:nth-child(1){grid-row: 3 / 1;grid-column: 3 / 1;}    
        .main_example .prod_list .thumb{display: block; width: 100%; height: 100%; aspect-ratio: auto 0.71; overflow: hidden;}
        .main_example .prod_list .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .main_example .prod_list .desc{position: absolute;left:0;bottom:0;background: rgba(2,21,38,0.8);padding:30px;box-sizing: border-box;width: 100%; font-size: var(--title-20); transform: translateY(110%); transition: all 0.4s;}
        .main_example .prod_list .desc dt{font-size: inherit; font-weight: 600; color: var(--point-color01);}
            .main_example .prod_list .desc dt + dd{margin-top: 8px;}
        .main_example .prod_list .desc dd{font-size: max(13px, 65%); font-weight: 400; color: var(--point-white); line-height: 1.6;}
            .main_example .prod_list > li:nth-child(1) .desc dt{font-size: max(20px, 120%);}
            .main_example .prod_list > li:nth-child(1) .desc dd{font-size: max(13px, 80%);}


            /* over */
            @media (hover:hover) and (pointer:fine){
                .main_example .prod_list > li:hover .desc{transform: translate(0);}
            }

        @media (max-width:1023px){
            .main_example{padding-top: clamp(70px, 12vw, 120px);}
            .main_example .prod_list .desc{padding:clamp(25px, 3vw, 30px)}
            .main_example .prod_list > li:nth-child(1) .desc{transform: translate(0);}
        }
        @media (max-width:640px){
            .main_example .prod_list{display: flex; flex-wrap: wrap;}
            .main_example .prod_list > li{width: calc(100% / 2 - 6px);}
                .main_example .prod_list > li:nth-child(1){width: 100%;}
            .main_example .prod_list .thumb{height: auto;}
        }


    /* 상담문의 */
        .main_contact{position: relative;box-sizing:border-box;padding-block: 120px;}
        .main_contact .main_title p{opacity: 0.5;}
        .main_contact .board_main_write{display: flex;flex-wrap:wrap;gap:40px 0;flex-direction: column;margin-top: 45px;}
        .main_contact .board_main_write .line2{display: flex;flex-wrap:wrap;gap:0 40px;}
        .main_contact .board_main_write dl{display: flex;flex-wrap:wrap;width:100%;}
        .main_contact .board_main_write .line2 dl{width:calc(50% - 20px);}
        .main_contact .board_main_write dl dd{width:100%;}
        .main_contact .board_main_write input:where([type="text"], [type="password"]){background:none;box-sizing:border-box;border:none;border-bottom: 1px solid rgba(0,0,0,0.4);font-size:var(--title-16);color: rgba(0,0,0,0.6);font-weight: 400;padding-left:9px;width:100%;height:44px;}
        .main_contact .board_main_write input:where([type="text"], [type="password"])::placeholder{color:inherit;}
        .main_contact .board_main_write input:where([type="text"], [type="password"]):focus{border-color: var(--black-color00);color:var(--black-color00);}
        .main_contact input:-webkit-autofill{color:var(--black-color00);}
        .main_contact .board_main_write textarea{width:100%;height:140px;box-sizing:border-box;outline:none;border: 1px solid rgba(0,0,0,0.4);background: var(--point-white);padding:20px;font-size:var(--title-16);color: var(--black-color10);font-weight: 300;resize:none;line-height: 1.4;}
        .main_contact .board_main_write textarea::placeholder{color:inherit;}
        .main_contact .board_main_write textarea:focus{color:var(--black-color00);}
        .main_contact .policy_cont{padding: 23px 20px;box-sizing:border-box;border: 1px solid rgba(0,0,0,0.4);display: flex;align-items: center;flex-wrap: wrap;gap: 10px 20px;font-size: var(--title-20);}
		.main_contact .policy_cont label:has([type="checkbox"]){color: var(--black-color00);}
        .main_contact .policy_cont a{display: flex;align-items: center;gap: 7px;font-size: max(13px, 70%);font-weight: 400;opacity: 0.5;color: var(--black-color00);}
        .main_contact .policy_cont a:after{display: inline-flex;content:'';width: 6px;height: 6px;border: solid var(--black-color00);border-width: 0 1px 1px 0;transform: rotate(-45deg);opacity: 0.6;}
        .main_contact .board_main_write .capthca_wrap .capthca_box{display: flex;flex-wrap:wrap;gap:10px;box-sizing:border-box;border: 1px solid rgba(0,0,0,0.4);padding: 15px 20px;}
        .main_contact .board_main_write .capthca_wrap #captcha{width:calc(100% - 240px);height:40px;border:none;color: var(--black-color03);}
        .main_contact .board_main_write .capthca_wrap .btn_sm{width:40px;height:40px;padding:0;border:1px solid rgba(0,0,0,0.4);box-sizing: border-box;background-color: var(--black-color02);}
        .main_contact .btn_send_box{display:block;box-sizing:border-box;width: fit-content;background:var(--point-color01);font-size:var(--title-18);color:var(--point-white);font-weight:400;margin-inline: auto;margin-top: 60px;position: relative;overflow:hidden;transition: all 0.4s;}
        .main_contact .btn_send_box:before{width:300px;height:300px;content:"";background:var(--point-white);transform:rotate(45deg);position: absolute;top:-205px;left:-316px;transition:all 1s;}
        .main_contact .btn_send_main{display:inline-flex;align-items: center;justify-content: center;position: relative;width: 200px;height: 60px;border: 1px solid var(--point-color01);font-size: var(--title-18);box-sizing: border-box;}
        label:has([type="checkbox"]){display: flex;gap: 18px;cursor: pointer;font-size: var(--title-16);line-height: 24px;font-weight: 400;color: var(--black-color03);}
        label [type="checkbox"]{display: block;flex-shrink: 0;width: 24px;height: auto;aspect-ratio: auto 1;background: url('../images/skin/chk_box.png') no-repeat center / 100% auto; cursor: inherit; transition: all 0.4s;}
        label [type="checkbox"]:checked{background-image: url('../images/skin/chk_boxOn.png');}
            
            @media (pointer: fine) and (hover: hover) {
                .main_contact .btn_send_box:hover:before{transition:all 1s;left:-14px;top:-135px;}
                .main_contact .btn_send_box:hover{color:var(--point-color01);}
            }

        @media (max-width:1023px) {
            .main_contact{padding-block: clamp(70px, 12vw, 120px);}
            .main_contact .board_main_write{margin-top: clamp(25px, 4.5vw, 45px);}
            .main_contact .board_main_write .line2.policy_box dl{width:100%;}
            .main_contact .board_main_write .line2.policy_box dl + dl{margin-top:20px;}

            label [type="checkbox"]{width: clamp(20px, 3vw, 24px);}
            label:has([type="checkbox"]){gap: clamp(10px, 2.3vw, 18px);line-height: clamp(20px, 3vw, 24px);}
        }
        @media (max-width:640px) {
            .main_contact .board_main_write{gap:20px 0;}
            .main_contact .board_main_write .line2{gap:20px;}
            .main_contact .board_main_write .line2 dl{width:calc(50% - 10px);}
            .main_contact .board_main_write .capthca_wrap .capthca_box{padding: 15px;}
            .main_contact .board_main_write .line2.policy_box dl + dl{margin-top:0;}
            .main_contact .policy_cont{padding:15px;}
            .main_contact .btn_send_box{margin-top:35px;}
			.main_contact .btn_send_main{width:150px;height:50px;}
        }
        @media (max-width:479px) {
            .main_contact .board_main_write .line2 dl{width:100%;}
            .main_contact .board_main_write input:where([type="text"], [type="password"]){height:40px;}
            .main_contact .board_main_write textarea{padding:10px;height:150px;}
            .main_contact .board_main_write .capthca_wrap #captcha{border: 1px solid rgba(0,0,0,0.4);width:100%;}
        }

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

	FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
    #footer{position: relative; background: var(--point-color02); box-sizing: border-box; padding-top: 37px;}
    #footer .w_custom{max-width: 1700px;}
    #footer .cont{padding-bottom: 46px;}
    #footer .cont .w_custom{display: flex; flex-wrap: wrap; gap: 30px clamp(30px, 12vw, 230px);}
    #footer .logo{filter: var(--filter-white);opacity: 0.4; max-width: 200px;}
    #footer .link_list{display: flex;flex-direction: column;gap: 9px;font-size: var(--title-20);color: var(--point-white);margin-top: 30px;}
    #footer .link_list > li{font-size: max(13px, 65%);font-weight: 400;opacity: 0.6;line-height: 1.6;}
    #footer .ftr_title{position: relative;font-size: var(--title-20);color: var(--point-white);margin-bottom: 20px;}
    #footer .ftr_title h6{font-size: max(14px, 70%);font-weight: 500;line-height: 1.6;}
    #footer address{padding-top: 18px;}
    #footer .addr_list{display: flex;flex-direction: column;gap: 9px;}
    #footer .addr_list > li{display: flex;flex-wrap: wrap;gap: 9px 30px;}
    #footer .addr_list .desc{display: flex;gap: 4px;font-size: var(--title-20);font-family: var(--font-type02);color: var(--point-white);}
    #footer .addr_list .desc :where(dt, dd){font-size:max(13px, 65%);font-weight: 400;opacity: 0.5;line-height: 1.6;}
    #footer .addr_list .desc dt{flex-shrink: 0;}
    #footer .exp{border-top: 1px solid rgba(255,255,255,0.2);padding-block: 28px;}
    #footer .copy{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 2px;font-size: var(--title-20);color: var(--point-white);}
    #footer .copy :where(dt, dd){font-size: max(12px, 60%);font-weight: 400;opacity: 0.7;letter-spacing: 0;line-height: 1.6;}

    @media (max-width:1023px){
        #footer .cont{padding-bottom:clamp(30px, 5vw, 46px);}
        #footer .logo{max-width: clamp(130px, 20vw, 200px);}
        #footer address{padding-top: 0;}
        #footer .ftr_title{margin-bottom: clamp(12px, 2vw, 20px);}
        #footer .addr_list{gap: clamp(6px, 1vw, 9px);}
        #footer .addr_list > li{gap: clamp(6px, 1vw, 9px) clamp(25px, 3vw, 30px);}
        #footer .exp{padding-block:clamp(20px, 3vw, 28px);}
    }