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

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

───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	#wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip; transition: all 0.6s 0.2s;}
        #wrap:not(.active){opacity: 0;}
    .w_custom{position: relative;width: calc(100% - 60px);max-width:1168px; margin-inline: auto; box-sizing: border-box;}
        .w_custom.w1660{max-width: 1660px;}
    #container{position: relative; padding-bottom:150px; box-sizing: border-box;}

    @media (max-width:1240px){
        .for_pc{display: none;}
    }
    @media (max-width:1023px){
        #container{padding-bottom:clamp(100px, 15vw, 150px);}
    }
    @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: 90px; background: var(--point-white); z-index: 100; transition: all 0.4s;}
        #header.on{box-shadow: inset 0 -1px 0 var(--border-color01);}
    #header .w_custom{display: flex; align-items: center; justify-content: space-between; max-width: 1800px; height: 100%; gap: 30px;}
    #header .logo{position: relative; height: 100%; box-sizing: border-box;}
    #header .logo a{display: flex;align-items: center;max-width: 250px;height: 100%;padding-bottom: 8px;box-sizing: border-box;}
    #header .gnb{position: absolute;top:0;left:50%;translate: -50%;max-width: calc(100% - 520px);width: 100%;height: 100%;display: flex;justify-content: center;text-align: center;box-sizing: border-box;font-size: var(--title-18);}
    #header .gnb > li{position: relative;height: 100%;font-weight: 500;color: var(--black-color00);letter-spacing: 0;box-sizing: border-box;transition: all 0.4s;}
        #header .gnb > li.on{color: var(--point-color09);}
    #header .gnb > li > a{display: flex;align-items: center;height: 100%;padding-inline: clamp(15px, 1.57vw, 30px);box-sizing: border-box;}
    #header .gnb .dep02{position: absolute;top:100%;left:50%;translate: -50%;background: var(--point-white);padding-block: 15px;width: 150px;border-radius: 0 0 10px 10px;background: var(--point-color01); opacity: 0; pointer-events: none; transition: all 0.4s;}
    #header .gnb .dep02 > li{font-size: 90%;font-weight: 400;color: rgba(255,255,255,0.6);transition: all 0.4s;}
    #header .gnb .dep02 > li > a{display: block;padding: 8px 25px;box-sizing: border-box;}
    #header .link_wrap{display: flex;align-items: center;gap: 30px;}
    #header .allCate{display: none;flex-direction: column;justify-content: space-between;width: 32px;height: 26px;}
    #header .allCate span{width: 100%;height: 3px;background:#111; border-radius: 5px;}
        #header .allCate span:nth-child(2){background: #111;border-radius: 5px;}
        #header .allCate span:nth-child(3){background: #111;border-radius: 5px;}

        /* over */
            @media (hover:hover) and (pointer:fine){
                #header .gnb > li:hover{color: var(--point-color09);}
                #header .gnb > li:hover .dep02{opacity: 1; pointer-events: all;}
                #header .gnb .dep02 > li:hover{color: var(--point-white);}
            }

    @media (max-width:1400px){
        #header .logo a{max-width: clamp(180px, 21.4vw, 300px);}
        #header .gnb > li{font-size: 80%;}
    }
    @media (max-width:1300px){
        #header .gnb > li > a{padding-inline: 15px;}
    }
    @media (max-width:1160px){
        #header .gnb{display: none;}
        #header .allCate{display: flex;}
    }
    @media (max-width:1023px){
        #header{height: clamp(65px, 9.5vw, 90px);}
        #header .allCate{width: clamp(28px, 3.7vw, 32px);height: clamp(22px, 3.1vw, 26px);}
        #header .link_wrap{gap: clamp(20px, 3vw, 30px);}
    }
    @media (max-width:431px){
        #header .more_view{display: none;}
    }

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

	Aside | outline/nav.html

───────────────────────────────────────────────────────────*/
    #aside{position: fixed;top: 0;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,0.8);backdrop-filter:blur(10px);display: flex;flex-direction: column;overflow: hidden;overflow-y: auto;padding-block: 10vh;box-sizing: border-box;opacity: 0;transition: all 0.6s;clip-path: inset(0 0 100% 0);}
        #aside.on{opacity: 1;clip-path: inset(0);}
    body:has(#aside.on){overflow: clip; touch-action: none;}
    #aside .w_custom{flex-shrink: 0;max-width: 1817px;min-height: 100%;display: flex;align-items: center;}
    #aside .gnb{width: 100%;font-size: var(--title-20);letter-spacing: 0;font-family: var(--font-type02);display: grid;align-items: start;justify-content: center;grid-template: auto / repeat(5, 1fr);gap: clamp(15px, 2.2vw, 40px);}
    #aside .gnb > li{color: var(--point-white);font-size:var(--title-20);text-align: center;opacity:0;transform:translateY(100px);transition:all 0.8s;}
	#aside.on .gnb > li{opacity:1;transform:translateY(0);}
	#aside.on .gnb > li:nth-child(1){transition-delay:0.3s;}
	#aside.on .gnb > li:nth-child(2){transition-delay:0.4s;}
	#aside.on .gnb > li:nth-child(3){transition-delay:0.5s;}
	#aside.on .gnb > li:nth-child(4){transition-delay:0.6s;}
	#aside.on .gnb > li:nth-child(5){transition-delay:0.7s;}
    #aside.on .gnb > li:nth-child(6){transition-delay:0.8s;}
    #aside .gnb > li > a{display: block;font-size: 150%;color:inherit;font-weight: 500;line-height: 1.2;padding: 30px 0;transition: all 0.4s;position: relative;}
	#aside .gnb > li > a:before{width:12px;height:0;opacity:0;content:"";box-sizing:border-box;border-radius:100%;background: var(--point-color05);position: absolute;left:50%;top:0;transform:translate(-50%);transition:all 0.3s;}
    #aside .gnb .dep02{margin-top:8px;}
    #aside .gnb .dep02 > li{font-size:var(--title-20);}
    #aside .gnb .dep02 > li > a{display: inline-block;font-size:110%;font-weight:400;padding: 15px 0;transition: all 0.4s;color: var(--black-color08);}
    #aside .utility{position: absolute;top: clamp(30px, 2.8vw, 50px);right: clamp(30px, 2.8vw, 50px);display: flex;align-items: center;gap: 30px;}
    #aside .close_btn{position: relative;width: 40px;height: 40px;z-index: 9;}
    #aside .close_btn span{position: absolute;border-radius: 5px; top:50%; left:50%; transform: translate(-50%, -50%) rotate(45deg); width: 100%; height: 2px; background: var(--point-white);}
    #aside .close_btn span + span{transform: translate(-50%, -50%) rotate(-45deg);}
    
        /* over */
            @media (hover:hover) and (pointer:fine){
                #aside .gnb > li:hover > a:before{height:12px;opacity:1;}
                #aside .gnb .dep02 > li:hover a{color:var(--point-white);}
            }

    @media (max-width:1600px){
        #aside .gnb{grid-template: auto / repeat(3, 1fr)}
    }
    @media (max-width:1023px){
        #aside{padding-block: clamp(80px, 12vw, 120px);}
        #aside .close_btn{width: clamp(30px, 4vw, 40px);height: clamp(30px, 4vw, 40px);}
		#aside .utility{gap:20px;}
    }
    @media (max-width:860px){
		#aside{display: block;}
		#aside .w_custom{align-items:flex-start;}
		#aside .gnb{grid-template: auto / repeat(1, 1fr);gap:0;}
        #aside .gnb > li{display: block;padding: 20px 0;width:100%;text-align:left;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.5);}
        #aside .gnb > li > a{width: 100%; padding:0;}
		#aside .gnb > li > a:before{display: none;}
        #aside .gnb .dep02{display: flex;flex-wrap:wrap;margin-top: 10px;justify-content: flex-start;gap:0 12px;}
		#aside .gnb .dep02 li{width:calc(100% / 3 - 8px);}
		#aside .gnb .dep02 > li > a{padding:12px 0;}
		#aside .utility{top:15px; right: 15px; }
        #aside .more_view em{display: none;}
    }
    @media (max-width:640px){
        #aside .gnb > li > a{font-size: 200%;}
		#aside .gnb .dep02 li{width:calc(50% - 6px);}
        #aside .gnb .dep02 > li > a{padding:7px 0;font-size:100%;}
        #aside .gnb .dep02 > li:not(:last-child):after{margin:0 15px;}
    }
    @media (max-width:479px){
        #aside .gnb > li > a{font-size: 150%;}
        #aside .gnb .dep02{margin-top: 5px;}
        #aside .gnb .dep02 li{width: 100%;}
        #aside .gnb .dep02 > li > a{font-size: 90%;}
    }
    
/*───────────────────────────────────────────────────────────

    MAIN | index.html

───────────────────────────────────────────────────────────*/
    /* 비주얼 */
        .main_visual{position: relative; overflow:hidden; box-sizing: border-box; background: var(--black-color00);}
        .main_visual .slick-slide{position: relative; height: 890px; overflow: hidden; box-sizing: border-box;}
        .main_visual .link{position: absolute; inset: 0; z-index: 5;}
        .main_visual .thumb{display: block; width: 100%; height: 100%; background: no-repeat center / cover;}
            .main_visual .active .thumb{scale: 1.08; transition: all 8s;}
        .main_visual .txt_box{position: absolute;top: 50%;left:50%;translate: -50% -50%;font-size: var(--title-20);color: var(--point-white);text-align: center;display: grid;gap: 32px; text-wrap: balance; z-index: 2;}
        .main_visual .txt_box h2{font-size: 350%;font-weight: 600;font-family: var(--font-type02);line-height: 1.29;letter-spacing: 0;}
        .main_visual .txt_box h6{font-size: 120%;font-weight: 300;letter-spacing: -0.04em;}
        .main_visual .slick-slide:not(.active) .txtAni{opacity: 0; translate:0 70px; scale: 0.95;}
            .main_visual .active .txtAni{transition: all 1.2s 0.2s;}
            .main_visual .active .txtAni:nth-child(2){transition-delay: 0.4s;}

        .main_visual .slick-dots{position: absolute;left:50%;bottom:60px;translate: -50%;display: flex;align-items: center;justify-content: center;text-align: center;flex-wrap: wrap;gap: 10px 15px;width: calc(100% - 60px);max-width: 1168px;box-sizing: border-box;font-size: 0; z-index: 8;}
        .main_visual .slick-dots button{position: relative; width: 10px; aspect-ratio: auto 1; border-radius: 100%;  transition: all 0.4s;}
        .main_visual .slick-dots button:before{position: absolute;content:'';width: calc(100% - 2px);height: calc(100% - 2px);top:50%;left:50%;translate: -50% -50%;background: rgba(255,255,255,0.5);transition: all 0.4s;border-radius: inherit;}
        .main_visual .slick-dots .slick-active button:before{width: 100%; height: 100%; background: var(--point-white);}

        @media (max-width:1023px){
            .main_visual .slick-slide{height: clamp(500px, 89vw, 890px);}
            .main_visual .txt_box{gap: clamp(15px, 3.7vw, 32px);}
            .main_visual .txt_box h2{font-size: clamp(38px, 7.5vw, 70px);}
            .main_visual .txt_box h6{font-size: clamp(16px, 2.9vw, 24px);}

            .main_visual .slick-dots{bottom: clamp(20px, 6.5vw, 60px);}
            .main_visual .slick-dots button{width: clamp(8px, 1.5vw, 10px);}
        }
        @media (max-width:860px){
            .main_visual .slick-dots{width: calc(100% - 30px);}
        }

    /* 공통 */
        .main_title{position: relative;font-size: var(--title-20);box-sizing: border-box;display: grid; justify-items:center; text-align: center;text-wrap: balance;margin-bottom: 80px;}
            .main_title.line:after{display: block;content:'';width: 80px;height: 3px;background: var(--point-color05);margin: 22px auto 60px;}
            .main_title.left{justify-items:start;text-align: left;text-wrap: pretty;}
        .main_title h3{font-size: 220%;font-weight: 700;color: var(--black-color03);line-height: 1.35;letter-spacing: -0.04em;}
        .main_title h4{font-size: 44px;font-weight: 700;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.04em;}
            .main_title h4 + h6{margin-top: 40px;}
            .main_title h4 + p{margin-top: 50px;}
        /* .main_title h4 em{font-weight: inherit; color: var(--point-color05);} */
        .main_title h5{font-size: 20px;font-weight: 500;color: var(--black-color03);line-height: 1.6;letter-spacing: -0.04em;}
            .main_title h5 + h4{margin-top: 12px;}
        .main_title h5 em{font-weight: 400;color: var(--point-color01);}
            /* .main_title h5 em.pt02{color: var(--point-color02);}
            .main_title h5 em.pt03{color: var(--point-color03);} */
        .main_title h6{font-size: inherit;font-weight: 400;color: var(--black-color03);line-height: 1.6;letter-spacing: -0.04em;margin-top: 30px;}
        .main_title p{font-size: 90%;font-weight: 400;color: var(--black-color00);line-height: 1.55;letter-spacing: -0.04em;}
            .main_title p + p{margin-top: 4px;}

        .more_view{position: relative;display: flex;align-items: center;justify-content: center;gap: 12px;text-align: center;padding: 11px 24px;font-size: var(--title-20);border:1px solid var(--black-color00);border-radius: 50px;background: var(--point-white);box-sizing: border-box;width: fit-content;transition: all 0.4s;}
            .more_view:before{position: absolute;content:'';top:-1px;left:-1px;width: calc(100% + 2px);height: calc(100% + 2px);background: var(--point-color01);opacity: 0;clip-path: inset(0 100% 0 0);border-radius: inherit;transition: all 0.4s;}
            .more_view.pt02:before{background: var(--point-color01);}
            .more_view.pt03:before{background: var(--point-color01);}
        .more_view span{position: relative; font-size: 90%; font-weight: 500; color: var(--black-color00); transition: all 0.4s;}
        .more_view em{position: relative;transition: all 0.4s;font-size: 0;}
        .more_view.lg{border-width: 1.5px;padding: 18px 40px; letter-spacing: -0.04em;}
        .more_view.lg span{font-size: 110%;}
        .more_view.arw{gap: 0;}
            .more_view.arw:after{display: inline-flex;content: '';width: 11px;aspect-ratio: auto 1;border: 2px solid var(--point-white);clip-path: var(--clip-poly03);box-sizing: border-box;rotate: 45deg;border-radius: 2px;margin-left: -11px;translate: 5px;opacity: 0;transition: all 0.4s;}
        .more_view.rounded, .more_view.rounded:before{border-radius: 50px;}

            /* over */
                @media (hover:hover) and (pointer:fine){
                    .more_view:hover{border-color: var(--point-color01);}
                    .more_view.pt02:hover{border-color: var(--point-color01);}
                    .more_view.pt03:hover{border-color: var(--point-color01);}
                    .more_view:hover:before{opacity: 1;clip-path: inset(-5px);}
                    .more_view:hover :where(span, em){filter: var(--filter-white);}
                    .more_view.arw:hover:after{opacity: 1;}
                    .more_view.arw:hover span{translate: -15px;}
                }


        @media (max-width:1023px){
            .main_title{gap: clamp(5px, 1.5vw, 10px);}
                .main_title.left{text-align: center;justify-items: center;}
                .main_title.line:after{width: clamp(40px, 8.5vw, 80px);margin-block: clamp(20px, 2.7vw, 22px) clamp(35px, 6.5vw, 60px);}
            .main_title h3{font-size: 210%;}
            .main_title h4{font-size: 190%;}
            .main_title h4 + h6{margin-top: clamp(10px, 2.5vw, 20px);}
            .main_title h4 + p{margin-top: clamp(15px, 2.5vw, 20px);}
            .main_title h5 em{text-underline-offset:clamp(7px, 1.3vw, 8px);}

            .more_view{padding: clamp(8px, 1.6vw, 11px) clamp(15px, 2.9vw, 24px);}
            .more_view.lg{padding: clamp(8px, 1.7vw, 12px) clamp(25px, 4.1vw, 36px);}
            
        }
        @media (max-width:640px){
            .main_title h3{font-size: 200%;}
            .main_title h4{font-size: 180%;}
        }
        @media (max-width:640px){
            .main_title h3{font-size: 190%;}
            .main_title h4{font-size: 170%;}
        }
        @media (max-width:479px){
			.main_title h5{font-size:100%;}
			.main_title h6{font-size: 90%;}
            .more_view.lg span{font-size: 100%;}
        }

    /* 인트로 */
        .main_intro .w_custom{padding-block: 181px;}
            /* .main_intro .w_custom{&:before, &:after{position: absolute;content:'';width: 172px;aspect-ratio: auto 1;background: linear-gradient(180deg, #FA0 0%, rgba(255, 170, 0, 0.28) 100%);filter:blur(40px);opacity:0;top: 30%;left: -2%;}} */
            .main_intro .w_custom:after{background: var(--point-color06);top: 26%;left:auto;right: -10%;}
        .main_intro .main_title{z-index: 3;}
        .main_intro .mainicon img{width: 134px;margin-bottom:50px;}
        .main_intro .stress{font-weight: inherit;text-decoration: underline;text-decoration-thickness: 16px;text-underline-offset: -5px;text-decoration-color:var(--point-color07);text-decoration-skip-ink: none;}
            /* .main_intro .main_title:before{position: absolute;content:'';width: 100px;aspect-ratio: auto 1;background: linear-gradient(180deg, #FF3600 0%, rgba(255, 54, 0, 0.28) 100%);filter:blur(40px);opacity: 0.3;bottom: 0;right: 7%;z-index: -1;} */
            .main_intro:not(.aos-animate) .main_title{opacity: 0; translate: 0 70px;}
        /* .main_intro .line_list{display: flex; justify-content: center; align-items: flex-end; gap: 24px; margin-bottom: 47px;}
        .main_intro .line_list > li{position: relative; width: 24px; height: 97px; border-radius: 50px;}
            .main_intro .line_list > li:nth-child(2){height: 153px;}
            .main_intro .line_list > li:nth-child(3){height: 120px;}
            .main_intro .line_list > li:before{position: absolute; content:''; left:0; bottom:0; width: 100%; height: 0; background: var(--point-color04); border-radius: inherit; }
            .main_intro .line_list > li:nth-child(2):before{background: var(--point-color05);}
            .main_intro .line_list > li:nth-child(3):before{background: var(--point-color06);} */

            .main_intro.aos-animate .w_custom{&:before, &:after{opacity: 0.3; transition: all 0.6s 2s;}}
            .main_intro.aos-animate .line_list > li:before{height: 100%; transition: all 0.8s 0.2s;}
            .main_intro.aos-animate .line_list > li:nth-child(2):before{transition-delay: 0.6s;}
            .main_intro.aos-animate .line_list > li:nth-child(3):before{transition-delay: 1.2s;}
            .main_intro.aos-animate .main_title{opacity: 1; transition: all 1.2s 2s;}

        @media (max-width:1023px){
            .main_intro .w_custom{padding-block: clamp(80px, 18vw, 181px);}
            .main_intro .w_custom{&:before, &:after{width: clamp(86px, 17.2vw, 172px);}}
            .main_intro .main_title:before{width: clamp(50px, 10vw, 100px);}
            .main_intro .line_list{margin-bottom: clamp(25px, 5.2vw, 47px);gap: clamp(15px, 2.9vw, 24px);}
            .main_intro .line_list > li{width: clamp(16px, 2.9vw, 24px);height: clamp(60px, 10.2vw, 97px);}
            .main_intro .line_list > li:nth-child(2){height: clamp(87px, 15.8vw, 153px);}
            .main_intro .line_list > li:nth-child(3){height: clamp(70px, 12.5vw, 120px);}
            .main_intro .mainicon img{width: 84px;margin-bottom:30px;}
        }

    /* 기술력 */
        .main_tech{position: relative;background: url('../images/skin/main_tech.png') no-repeat center / cover;padding-block: 190px;box-sizing: border-box;}
        /* .main_tech .main_title.line:after{background: var(--point-white);}
        .main_tech .main_title h3{filter: var(--filter-white);} */
        .main_tech .info_list{display: grid; gap:40px; grid-template: auto / repeat(5, 1fr);padding:60px 0;}
        .main_tech .info_list > li{display: flex;flex-direction: column;align-items: center;text-align: center;gap: 23px;padding-inline: 5px;box-sizing: border-box;}
        .main_tech .info_list .thumb{position: relative;display: block;width: 70%;max-width: 160px;aspect-ratio: auto;}
        .main_tech .info_list .thumb img{width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-10);overflow: hidden;}
        .main_tech .info_list > li:first-child .thumb:before{position: absolute;content:'';top: -16px;left: -16px;width: 40px;aspect-ratio: auto 1;background: url('../images/skin/main_tech_badge.png') no-repeat center / 100% auto;}
        .main_tech .info_list .desc{font-size: var(--title-20);display: grid;gap: 13px;text-wrap: balance;}
        .main_tech .info_list .desc dt{font-size: 85%; font-weight: 300; font-family: var(--font-type02);}
        .main_tech .info_list .desc dd{font-size: 110%; font-weight: 600; line-height: 1.45;}
        
        @media (max-width:1023px){
            .main_tech{padding-block: clamp(80px, 15.4vw, 154px) clamp(80px, 16vw, 160px);padding:80px 40px;}
            .main_tech .info_list{row-gap: clamp(35px, 4.5vw, 40px);}
            .main_tech .info_list > li{gap: clamp(15px, 2.3vw, 23px);}
            .main_tech .info_list > li:first-child .thumb:before{width: clamp(60px, 8.1vw, 81px);top: clamp(-26px, -2.6vw, -20px);left: clamp(-40px, -4vw, -25px);}
            .main_tech .info_list .desc{gap: clamp(7px, 1.3vw, 13px);}
        }
        @media (max-width:860px){
            .main_tech .info_list{grid-template: auto / repeat(3, 1fr);}
        }
        @media (max-width:640px){
            .main_tech .info_list{grid-template: auto / repeat(2, 1fr);}
        }
        @media (max-width:479px){
            .main_tech .info_list .desc dd{font-size: 100%;}
        }

    /* 시리즈 */
        .main_series{padding-block: 240px;}
        .main_series .exp_list{display: grid; gap: 180px;}
        .main_series .exp_list > li{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 100px 0; width:1168px; margin:0 auto;}
        .main_series .main_title{width: 50%; padding-right: clamp(50px, 4.2vw, 80px);}
        .main_series .main_title h4{color: var(--black-color00); line-height: 1.4;}
        .main_series .main_title .more_view{margin-top: 30px;}
        .main_series .thumb{width: 50%; font-size: 0;}
        .main_series .exp_list .bg{background-color: #fafafa;padding: 180px 0;}
        .main_series .exp_list .bg > li{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 100px 0; width: 1168px; margin:0 auto;}


            .main_series .exp_list > li:nth-child(2n){flex-direction: row-reverse;}
            .main_series .exp_list > li:nth-child(2n) .main_title{padding-inline: clamp(50px, 4.2vw, 80px) 0;}

        @media (max-width:1023px){
            .main_series{padding-block: clamp(80px, 14vw, 140px);}
            .main_series .exp_list > li{flex-wrap: wrap;gap: clamp(30px, 4vw, 40px);padding:24px;}
            .main_series .exp_list{gap: clamp(50px, 14.5vw, 145px); display: flex; flex-wrap: wrap;}
            .main_series .exp_list .bg{padding:50px 0;}
            .main_series .exp_list .bg > li {width: 100%;padding:24px;gap:30px 0;}
            .main_series .main_title{width: 100%;margin-bottom:0;}
            .main_series .main_title .more_view{margin-top: clamp(20px, 3.5vw, 30px);}
            .main_series .thumb{width: 100%;}
            .main_series .main_title{padding-inline: 0 !important;}


        }
    /* 함께하는 기업 */
        .main_partner{padding-bottom: 160px;}
        .main_partner.bg{background-color: #fafafa;padding: 180px 0;}
        .main_partner .logo_list{display: grid; grid-template: auto / repeat(4, 1fr); gap: clamp(15px, 1.7vw, 32px);}
        .main_partner .logo_list > li{position:relative; border-radius: var(--radius-25); display: flex; align-items: center; justify-content: center; background: var(--point-white);}
        .main_partner .logo_list > li:before{position: absolute;content:'';inset: 0;box-sizing: border-box;border-radius: inherit;pointer-events: none;}

        @media (max-width:1023px){
            .main_partner{padding-bottom: clamp(80px, 16vw, 160px);}
            .main_partner .logo_list{grid-template: auto / repeat(3, 1fr);}
            .main_partner.bg{padding: 100px 0;}
        }
        @media (max-width:640px){
            .main_partner .logo_list{grid-template: auto / repeat(2, 1fr);}
        }

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

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{position: relative;background: var(--black-color02);font-size: var(--title-20);font-weight: 400;color: var(--border-color01);line-height: 1.34;letter-spacing: 0;box-sizing: border-box;}
    #footer .w_custom{font-size: max(14px, 80%);}
    #footer .info{padding-block: 70px; display: flex; align-items: flex-start; gap: 30px 60px;}
    #footer .logo{flex-shrink: 0; max-width: 100px;}
    #footer address{font-style: normal;display: grid;gap: 17px;}
    #footer address h6{font-weight: inherit;color: var(--point-white);letter-spacing: 0;}
    #footer .addr_list{display: grid; gap: 10px;}
    #footer .addr_list > li{display: flex; flex-wrap: wrap; gap:10px 20px;}
        #footer .addr_list > li:nth-child(2){font-family: var(--font-type02);}
    #footer .addr_list .desc{display: flex; gap: 4px;}
    #footer .addr_list .desc :where(dt, dd){font-size:max(13px, 93.7%);font-weight: 300;}
    #footer .addr_list .desc dt{flex-shrink: 0;}
    #footer .exp{display: flex; align-items: center; justify-content: space-between; gap:15px 30px; flex-wrap: wrap; padding-block: 24px; border-top: 1px solid rgba(255,255,255,0.2);}
    #footer .link_list{display: flex; flex-wrap: wrap;}
    #footer .link_list > li{display: flex;align-items: center;}
        #footer .link_list > li:not(:last-child):after{display: inline-flex; content: ''; width: 4px; aspect-ratio: auto 1; border-radius: 100%; background: rgba(255,255,255,0.6); margin-inline: 20px;}
    #footer .link_list em{font-weight: 400;color: var(--point-white);}
    #footer .copy{display: flex;flex-wrap: wrap;gap: 5px 14px;font-family: var(--font-type02);}
    #footer .copy :where(dt, dd){color: var(--black-color10);line-height: 1.71;font-size:max(13px, 87.5%);font-weight: 300;}
    #footer .copy dd{font-family: var(--font-type03);}

    .quick_list{position: fixed; right:clamp(30px, 3.13vw, 60px); bottom:30px; z-index: 50; display: grid; gap: 20px; opacity: 0; pointer-events: none; transition: all 0.4s;}
        body:has(#header.on:not(.end)) .quick_list{opacity: 1; pointer-events: all;}
    .quick_list a{display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;border-radius: 100%;box-shadow: var(--shadow-01);background: var(--black-color03);padding: 12px;box-sizing: border-box;}
    .quick_list > li:first-child a{background: var(--point-color05);}

    @media (max-width:1023px){
        #footer .info{column-gap: clamp(30px, 6vw, 60px); padding-block:clamp(40px, 7vw, 70px)}
        #footer .logo{max-width: clamp(70px, 10.5vw, 100px);}
		#footer address{gap: clamp(12px, 2.2vw, 17px);}
        #footer .addr_list{gap: clamp(7px, 1.5vw, 10px);}
        #footer .addr_list > li{row-gap: clamp(7px, 1.5vw, 10px);}
        #footer .exp{padding-block:clamp(20px, 2.9vw, 24px)}
        #footer .link_list > li:not(:last-child):after{margin-inline: clamp(15px, 2.5vw, 20px);width: clamp(3px, 0.9vw, 4px);}

        .quick_list{gap: clamp(10px, 2vw, 20px);bottom: clamp(15px, 3.5vw, 30px);}
        .quick_list a{width: clamp(40px, 5.5vw, 50px); height: clamp(40px, 5.5vw, 50px);}
    }
    @media (max-width:860px){
        .quick_list{right:15px;}
    }
    @media (max-width:640px){
        #footer .info{flex-direction: column;gap: clamp(25px, 3.5vw, 30px);}
    }