@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: 1400px; margin-inline: auto; box-sizing: border-box;}
    #container{position: relative; padding-bottom:150px; box-sizing: border-box;}
    .svg_hid{position: absolute;opacity: 0;pointer-events: none;z-index: -999;}

    @media (max-width:1400px){
        .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: fixed;top:0;left:0;width: 100%;height: 120px;z-index: 50;}
    #header .cont{height: 100%; transition: all 0.4s; box-sizing: border-box;position: relative;z-index:3;}
    #header .w_custom{height: 100%;display: flex;align-items: center;justify-content: space-between;gap: 30px;max-width: 1760px;}
    #header .logo{position: relative; height: 100%;}
    #header .logo a{display: flex;max-width: 238px;height: 100%;padding-block: 15px;box-sizing: border-box;}
    #header .gnb{position: absolute; top:0; left:50%; translate: -50%; height: 100%; display: flex; justify-content: center; text-align: center; font-size: var(--title-20);}
    #header .gnb > li{position: relative;height: 100%;box-sizing: border-box;font-size: 100%;font-weight: 500;color: var(--black-color02);}
    #header .gnb > li > a{display: flex;align-items: center;justify-content: center;height: 100%;padding-inline: clamp(15px, 2.7vw, 50px);box-sizing: border-box;}
    #header .gnb .dep02{position: absolute;top:100%;left:50%;transform:translate(-50%);width:100%;text-align: center;padding-top:24px;z-index:10;display: none;}
	#header .gnb .dep02 li + li{margin-top:10px;}
	#header .gnb .dep02 li a{display:inline-block;font-size:var(--title-15);color:rgba(255,255,255,0.8);transition: all 0.4s;line-height:initial;}
    #header .link_wrap{display: flex; align-items: center; gap: 20px;}
    #header .allCate{position: relative; width: 60px; height: 21px; display: flex; justify-content: space-between; flex-direction: column;}
    #header .allCate span{position: relative;width: 100%;height: 3px;background: var(--point-white); transition:all 0.4s;}
        #header .allCate span:nth-child(1){width: 50%;background: var(--point-color01);margin-left: auto;}
        #header .allCate span:nth-child(3){width: 50%;}

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

        /* over */
            @media (hover:hover) and (pointer:fine){
                #header:hover .cont{background: rgba(0,0,0,0.4); backdrop-filter: blur(5px);}
                #header .gnb > li:hover .dep02{pointer-events: all;opacity: 1;}
                #header .gnb .dep02 > li:hover > a span{background-size: 100% 1px;}
				#header .gnb .dep02 li:hover > a{color:var(--point-white);}
				#header .allCate:hover span{width:100%;}
            }
        
        /* on */
            #header.on .cont{height: max(65px, 80%); background: rgba(0,0,0,0.4); backdrop-filter: blur(5px);}
			
		/*nav*/
		#nav{position: absolute;top:100%;left:0;width: 100%;height:0;background:rgba(0,0,0,0.4);padding:24px 0 30px;box-sizing: border-box;opacity: 0;transition: all 0.4s;pointer-events: none;border-top:1px solid rgba(255,255,255,0.3);}
			#nav.on{opacity: 1;height:230px;pointer-events: all;}
			#header.on #nav{top:calc(100% - 24px);}

    @media (max-width:1100px){
        #header .gnb > li{font-size: 90%;}
        #header .gnb > li > a{padding-inline:15px;}
    }
    @media (max-width:1023px){
        #header{height: clamp(75px, 12vw, 120px);}
        #header .logo a{max-width: clamp(180px, 24vw, 238px);}
        #header .gnb{display: none;}
        #header .allCate{width: clamp(40px, 6vw, 60px);}
    }
    @media (max-width:640px){
        #header .allCate span{height: 2px;}
    }

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

	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;justify-content: center;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;}
    #aside .gnb{width: 100%;font-size: var(--title-20);letter-spacing: 0;font-family: var(--font-type02);display: flex;flex-wrap:wrap;justify-content: center;gap:50px;}
    #aside .gnb > li{color: var(--point-white); ;font-size:var(--title-20);width:calc(20% - 40px);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 .gnb > li > a{display: block;font-size:180%;color:inherit;font-weight: 500;line-height: 1.2;padding:30px 0;flex-shrink: 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-color01);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(--point-white);}
    #aside .utility{position: absolute;top:50px;right: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; 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);}
				#aside .gnb .dep02:has(li:hover) li:not(:hover) > a{color:var(--black-color08);}
            }

    @media (max-width:1600px){
        #aside .utility{top:30px; right: 30px;}
    }
	@media (max-width:1300px){
		#aside .gnb{gap:20px;}
		#aside .gnb > li{width:calc(20% - 16px);}
	}
    @media (max-width:1024px){
        #aside{padding-block: clamp(80px, 12vw, 120px);}
        #aside .close_btn{width: 35px; height: 35px;}
		#aside .utility{gap:20px;}
    }
    @media (max-width:860px){
		#aside{display: block;}
		#aside .gnb{flex-direction: column;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 .close_btn{width: 30px; height: 30px;}
    }
    @media (max-width:640px){
        #aside .gnb > li > a{font-size: 220%;}
		#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{padding: 15px 0;}
        #aside .gnb > li > a{font-size: 200%;}
        #aside .gnb .dep02{margin-top: 5px;}
        #aside .gnb .dep02 > li > a{font-size: 90%;}
    }
	

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

    MAIN | index.html

───────────────────────────────────────────────────────────*/
    /* 비주얼 */
        .main_visual{position: relative; box-sizing: border-box; background: var(--black-color01);}
        .main_visual .slick-slide{position: relative; height: 980px; box-sizing: border-box;}
        .main_visual .thumb{display: block; width: 100%; height: 100%; background: no-repeat center / cover;}
            .main_visual .active .thumb{transform: scale(1.08); transition: all 5s;}
        .main_visual .txt_box{position: absolute;top: 31.5%;left:50%;translate: -50%;z-index: 2;font-size: var(--title-20);color: var(--point-white);display: flex;flex-direction: column;gap: 58px; text-wrap: balance;}
        .main_visual .txt_box h2{font-size: 420%;font-weight: 600;line-height: 1.25;letter-spacing: -0.03em;font-family: var(--font-type02);}
        .main_visual .txt_box h6{font-size: max(19px, 110%);font-weight: 300;line-height: 1.63;letter-spacing: -0.03em;}
        .main_visual .txtAni .clip{position: relative; display: block; clip-path: inset(0); font-weight: inherit;}
        .main_visual .txtAni .clip span{position: relative; display: inline-block; translate: 0 100%; opacity: 0; }
            .main_visual .active .txtAni .clip span{transition: all 1.2s; transition-delay:0.2s;}
            .main_visual .active .txtAni .clip:nth-child(2) span{transition-delay:0.4s;}
            .main_visual .active .txtAni .clip span{translate: 0; opacity: 1;}
            .main_visual .active .txtAni:nth-child(2) .clip span{transition-delay: 0.6s;}
        .main_visual .controller{position: absolute;left:50%;bottom: 8.2%;translate: -50%;z-index: 5;}
        .main_visual .slick-dots{display: flex;justify-content: flex-end;align-items: flex-end;color: var(--point-white);font-size: var(--title-20);font-family: var(--font-type02);counter-reset: visDots;gap: 14px;}
        .main_visual .slick-dots li{font-size: max(13px, 80%);font-weight: 600;color: rgba(255,255,255,0.6);width: 100px;}
        .main_visual .slick-dots button{width: 100%;text-align: left;display: flex;flex-direction: column;gap: 12px; transition: all 0.4s;}
            .main_visual .slick-dots .slick-active button{color: var(--point-white);}
        .main_visual .slick-dots button:before{content: counter(visDots, decimal-leading-zero); counter-increment: visDots;}
        .main_visual .slick-dots .slider-progress{position: relative; display: block; width: 100%; height: 2px; background: rgba(255,255,255,0.2);}
        .main_visual .slick-dots .slider-progress span{position: absolute; top:0; left:0; height: 100%; background: var(--point-white); opacity: 0; }
            .main_visual .slick-dots .slick-active .slider-progress span{opacity: 1; transition: opacity 0.2s;}

        @media (max-width:1200px){
            .main_visual .txt_box h2{font-size: clamp(36px, 7vw, 84px);}
        }

        @media (max-width:1023px){
            .main_visual .txt_box{gap: clamp(15px, 5.8vw, 58px);top: clamp(140px, 30vw, 308px);}
            .main_visual .slick-slide{height: clamp(600px, 98vw, 980px);}
            .main_visual .controller{bottom:clamp(30px, 8vw, 80px);}
            .main_visual .slick-dots li{width: clamp(60px, 11vw, 100px);}
            .main_visual .slick-dots button{gap: clamp(8px, 1.5vw, 12px);}
        }
        @media (max-width:640px){
            .main_visual .txt_box h2 em{display: inline-block;}
            .main_visual .txt_box h6 br{display: none;}
        }

    /* 공통 */
        .main_title{position: relative;font-size: var(--title-20);display: flex;flex-direction: column;align-items: center;text-align: center;box-sizing: border-box;gap: 21px;}
            .main_title.hd{margin-block: 158px 80px;}
            .main_title.left{align-items: flex-start;text-align: left;}
        .main_title h3{font-size: 280%;font-weight: 600;color: var(--black-color01);line-height: 1.28;letter-spacing: -0.03em;}
        .main_title h5{font-size: 190%;font-weight: 500;color: var(--black-color01);line-height: 1.35;letter-spacing: -0.03em;}
        .main_title h6{font-size: 110%; font-weight: 500; color: var(--black-color05); line-height: 1.4;}
        .main_title h6 em{font-weight: 700;color: var(--point-color01);font-family: var(--font-type02);letter-spacing: 0;}
        .main_title p{font-size: 90%;font-weight: 400;color: var(--black-color05);line-height: 1.67;letter-spacing: -0.03em;}

        @media (max-width:1400px){
            .main_title{text-wrap: balance;}
        }
        @media (max-width:1023px){
            .main_title{gap: clamp(12px, 2.1vw, 21px);}
            .main_title.hd{margin-block: clamp(80px, 15.8vw, 158px) clamp(30px, 8vw, 80px);}
            .main_title h3{font-size: 250%;}
            .main_title h5{font-size: 180%;}
        }
        @media (max-width:640px){
            .main_title h3{font-size: 220%;}
            .main_title h5{font-size: 170%;}
        }
        @media (max-width:479px){
            .main_title h3{font-size: 200%;}
        }

    /* 솔루션 */
        .main_sol{padding-bottom: 40px;}
        .main_sol .info_list{display: flex; }
        .main_sol .info_list > li{position: relative;box-sizing: border-box; height: auto; aspect-ratio: auto 0.779;}
        .main_sol .info_list .link{position: absolute; inset: 0; z-index: 5;}
        .main_sol .info_list .thumb{display: block;width: 100%;height: 100%;border-radius: var(--radius-30);overflow: hidden;clip-path:url('#thumbClip');}
        .main_sol .info_list .thumb:before{position: absolute; content:''; inset: 0; background: var(--black-color01); opacity: 0.1; border-radius: inherit;}
        .main_sol .info_list .thumb:after{position: absolute;content:'';inset: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 46%, #000 97%);border-radius: inherit;z-index: 1;}
        .main_sol .info_list .thumb img{width: 100%;height: 100%;object-fit: cover;}
        .main_sol .info_list .main_title{position: absolute;inset: 0;padding-block: clamp(27px, 2vw, 37px);padding-inline: clamp(30px, 2.2vw, 40px) 80px;box-sizing: border-box;z-index: 3;justify-content: flex-end;}
        .main_sol .info_list .main_title h5{color: var(--point-white);}
        .main_sol .info_list .main_title p{color: rgba(255,255,255,0.9);text-wrap: auto;font-weight: 300;opacity: 0;transition: all 0.4s;pointer-events: none;}
        .main_sol .info_list .main_title .bg_txt{font-size: 80%;font-weight: 400;color: var(--point-white);padding: 8px 18px;background: rgba(255,255,255,0.2);backdrop-filter: blur(5px);line-height: 1.2;font-family: var(--font-type02);border-radius: var(--radius-10);letter-spacing: 0;}
        .main_sol .info_list .more{position: absolute;right:0;bottom:0;width: 55px;height: 55px;border-radius: 100%;box-shadow: var(--shadow-01);transition: all 0.4s;background: var(--point-grid02);}
            .main_sol .info_list .more:before{position: absolute;content:'';border-radius: inherit;background: var(--point-grid01);transition: inherit; inset: 0;}
            .main_sol .info_list .more span{&:before, &:after{position: absolute;content:'';width: 15px;height: 3px;background: var(--point-white);top: 50%;left: 50%;z-index: 3;margin-left: -7.5px;margin-top: -1.5px;}}
            .main_sol .info_list .more span:after{width: 3px;height: 15px;margin-left: -1.5px;margin-top: -7.5px;}
        .main_sol .solSwiper{overflow: visible;}
        .main_sol .solSwiper .swiper-pagination{position: relative; inset: auto; margin-top: 30px; width: 100%; height: 3px; background: var(--border-color01); display: none;}
        .main_sol .solSwiper .swiper-pagination span{background: var(--black-color01);}

        /* over */
            @media (min-width:1024px){
                .main_sol .info_list > li:hover .more:before{opacity: 0;}
                .main_sol .info_list > li:hover .main_title p{margin-bottom: 20px !important; opacity: 1; pointer-events:all;}
            }

        @media (max-width:1400px){
            .main_sol .info_list .more{width: clamp(40px, 4.2vw, 55px);height: clamp(40px, 4.2vw, 55px);}
        }
        @media (max-width:1023px){
            .main_sol{padding-bottom: clamp(0px, 4vw, 40px);}
            .main_sol .info_list .main_title p{opacity: 1;text-wrap: balance;}
            .main_sol .info_list .main_title .bg_txt{padding: clamp(5px, 1vw, 8px) clamp(12px, 2vw, 18px);}
            .main_sol .info_list .more{width: clamp(40px, 5.5vw, 55px);height: clamp(40px, 5.5vw, 55px);}
            .main_sol .solSwiper .swiper-pagination{display: block;}
        }
        @media (max-width:860px){
            .main_sol .info_list .more{width: 7vw;height: 7vw;}
        }
        @media (max-width:500px){
            .main_sol .info_list .more{width: 12vw;height: 12vw;}
            .main_sol .info_list .main_title p{padding-bottom: 8px;}
        }

    /* 어바웃 */
        .main_about{padding-bottom: 220px;}
        .main_about .exp_list{display: flex;flex-wrap: wrap;text-align: center;padding-top: 30px;gap: 60px 0;}
        .main_about .exp_list > li{position: relative;width: calc(100% / 4);box-sizing: border-box;}
        .main_about .exp_list .desc{font-size: var(--title-20); box-sizing: border-box;}
        .main_about .exp_list .desc :where(dt, dd){padding-inline: 15px;}
        .main_about .exp_list .desc dt{position: relative;}
        .main_about .exp_list > li:not(:last-child) .desc dt:after{position: absolute;content:'';width: 3px;height: max(20px, 36%);background: var(--border-color01);top:50%;right:0;translate: 0 -50%;}
        .main_about .exp_list .desc dt{font-family: var(--font-type02);display: flex;flex-wrap: wrap;justify-content: center;align-items: baseline;gap: 15px;}
        .main_about .exp_list .desc dt strong{font-size: 120%;font-weight: 600;color: var(--black-color03);}
            .main_about .exp_list .desc dt + dd{margin-top: 16px;}
        .main_about .exp_list .desc dd{font-size: 100%; font-weight: 400; color: var(--black-color05); letter-spacing: -0.03em;}
        .main_about .ani_wrap{display: inline-flex;flex-wrap: wrap;}
        .main_about .cont_box{height: 84px; overflow: hidden; display: inline-block;}
        .main_about .count_list{display: flex;flex-direction: column;font-size: 84px;font-weight: 700;color: var(--point-color01);translate:0 calc(-100% + 84px);letter-spacing: -0.02em;line-height: 1;}
        .main_about .cont_box:nth-child(2n) .count_list{translate: 0;}

            .main_about .aos-animate .count_list{translate: 0; transition: all 3s;}
            .main_about .aos-animate .cont_box:nth-child(2n) .count_list{translate:0 calc(-100% + 84px);}

        @media (max-width:1200px){
            .main_about .exp_list > li{width: calc(100% / 2);}
            .main_about .exp_list > li:nth-child(2n) .desc dt:after{display: none;}
        }
        @media (max-width:1023px){
            .main_about{padding-bottom: clamp(80px, 22vw, 220px);}
            .main_about .exp_list{padding-top: clamp(0px, 3vw, 30px); row-gap: clamp(30px, 6vw, 60px);}
			.main_about .exp_list .desc dt{gap:clamp(10px, 2vw, 15px);}
            .main_about .exp_list .desc dt + dd{margin-top: clamp(13px, 2vw, 16px);}
        }
        @media (max-width:860px){
            .main_about .cont_box{height: 9.6vw;}
            .main_about .count_list{font-size:9.6vw;translate:0 calc(-100% + 9.6vw);}
            .main_about .aos-animate .cont_box:nth-child(2n) .count_list{translate:0 calc(-100% + 9.6vw);}
        }
        @media (max-width:640px){
            .main_about .exp_list > li:not(:last-child) .desc dt:after{width: 2px;}
            .main_about .exp_list .desc dt strong{font-size: 110%;}
            .main_about .exp_list .desc dd{font-size: max(15px, 90%);}
        }
        @media (max-width:479px){
            .main_about .exp_list .desc dt strong{font-size: 100%;}
        }

    /* 비즈니스 */
        .main_biz {clip-path: inset(0); overflow: clip;}
        .main_biz:after{position: sticky; display: block; content:''; bottom: 0;width: 100vw;height: 100vh;background: url('../images/skin/main_biz.jpg') no-repeat center / cover;margin-top: -100vh;}
        .main_biz .w_custom{display: flex;flex-wrap: wrap;align-items: flex-start;padding-block: 180px clamp(240px, 18vw, 300px);gap: 40px 0;z-index: 1;}
        .main_biz .main_title{position: sticky;width: 49.2%;padding-top: 20px;padding-right: clamp(30px, 3.4vw, 60px);top: 180px;}
        .main_biz .main_title h3{filter: var(--filter-white);}
		.main_biz .main_title h6 em{font-weight:600;}
        .main_biz .result_list{display: flex;flex-wrap: wrap;gap: clamp(15px, 2vw, 30px);width: 50.8%;box-sizing: border-box;}
        .main_biz .result_list > li{position: relative;width: calc(100% / 2 - clamp(15px, 2vw, 30px) / 2);min-height: 340px;padding: clamp(30px, 2.4vw, 40px);border-radius: var(--radius-20);background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(5px);box-sizing: border-box;display: flex;flex-direction: column;gap: clamp(40px, 3.2vw, 60px);box-shadow: inset  0 0 0 1px rgba(255, 255, 255, 0.20);transition: all 0.4s;}
        .main_biz .result_list > li:nth-child(2n){translate: 0 clamp(80px, 6.5vw, 120px);}
        .main_biz .result_list .icon{display: flex; align-items: center; height: 80px;}
        .main_biz .result_list .desc{font-size: var(--title-20);}
        .main_biz .result_list .desc dt{font-size: 140%;font-weight: 500;color: var(--point-white);line-height: 1.43;letter-spacing: -0.04em;}
        .main_biz .result_list .desc dt + dd{margin-top: 16px;}
        .main_biz .result_list .desc dd{font-size: 85%;font-weight: 200;color: rgba(255,255,255,0.8);line-height: 1.59;}

            /* over */
                @media (hover:hover) and (pointer:fine){
                    .main_biz .result_list > li:hover{box-shadow: inset 0 0 0 1px var(--point-color01);}
                }

        @media (max-width:1100px){
            .main_biz .main_title{position: relative; inset: auto; padding:0; width: 100%}   
            .main_biz .result_list{width: 100%;}
            .main_biz .result_list > li{min-height: auto; padding-bottom: clamp(40px, 5vw, 50px); gap: clamp(25px, 4vw, 40px);}
            .main_biz .result_list > li:nth-child(2n){translate: 0;}
        }
        @media (max-width:1023px){
            .main_biz .w_custom{padding-block: clamp(80px, 18vw, 180px);}
            .main_biz .result_list .icon{width: 50%;height: clamp(42px, 8vw, 80px);}
        }
        @media (max-width:479px){
            .main_biz .result_list > li{width: 100%;}
        }

    /* 파트너 */
        .main_part{padding-block: 25px; border-bottom: 1px solid var(--border-color01);}
        .main_part .logo_list{display: flex;justify-content: center;gap: clamp(20px, 6.5vw, 120px);}
        .main_part .logo_list > li{width: 210px; aspect-ratio: auto 3; box-sizing: border-box;}
        .main_part .logo_list > li span{display: flex;align-items: center;justify-content: center;opacity: 0.4;}

        @media (max-width:1023px){
            .main_part{padding-block: clamp(15px, 2.5vw, 25px);}
        }
        @media (max-width:640px){
            .main_part .logo_list{gap: 10px;}
        }
        @media (max-width:479px){
            .main_part .logo_list{gap: 0;}
        }

    /* 문의하기 */
        .main_inquiry{position: relative; padding-block: 198px;}
            .main_inquiry:before{position: absolute;content:'';top:0;left:0;width: 34.9%;height: 100%;background: var(--gray-bg01);}
        .main_inquiry .cont{display: flex;flex-direction: column;gap: 80px;width: 45.7%;margin-left: auto;}
        .main_inquiry .thumb{position: absolute;top:50%;left:0;translate: 0 -50%;filter: drop-shadow(5px -5px 60px rgba(0, 0, 0, 0.05)) drop-shadow(-30px 0 40px rgba(0, 0, 0, 0.05));width: 50%;}
        .main_inquiry .card_list{display: flex; flex-direction: column; gap: 22px;}
        .main_inquiry .card_list > li{position: relative; background: var(--point-grid02);border-radius: var(--radius-20);box-sizing: border-box;padding: 35px 40px 33px;display: flex;align-items: center;gap: 30px;justify-content: space-between;}
            .main_inquiry .card_list > li:nth-child(2n){background: var(--point-grid01);}
        .main_inquiry .card_list .link{position: absolute; inset: 0; z-index: 5;}
        .main_inquiry .card_list .desc{font-size: var(--title-20);}
        .main_inquiry .card_list .desc dt{font-size: 120%;font-weight: 500;color: var(--point-white);line-height: 1.4;letter-spacing: -0.03em;}
            .main_inquiry .card_list .desc dt + dd{margin-top: 10px;}
        .main_inquiry .card_list .desc dd{font-size: 90%;font-weight: 300;color: rgba(255,255,255,0.8);line-height: 1.6;font-family: var(--font-type02);display: flex;align-items: center;flex-wrap: wrap;}
        .main_inquiry .card_list .desc dd span:not(:last-child):after{display: inline-flex;content:'';width: 1px;height: 12px;background: rgba(255,255,255,0.2);margin-inline: 20px;}
        .main_inquiry .card_list .arw{position: relative;display: flex;width: 60px;aspect-ratio: auto 1;box-shadow: inset 0 0 0 2px rgba(255,255,255,0.4);border-radius: 100%;box-sizing: border-box;flex-shrink: 0;transition: all 0.4s;}
            .main_inquiry .card_list .arw:before{position: absolute;content:'';width: 14px;height: 14px;border: 2px solid var(--black-color00);top:50%;left: 45%;translate: -50% -50%;rotate: 135deg;clip-path: polygon(0 0, 0% 100%, 100% 0);box-sizing: border-box;filter: var(--filter-white);transition: all 0.4s;}


            /* over */
                @media (hover:hover) and (pointer:fine){
                    .main_inquiry .card_list > li:hover .arw{background: var(--point-white);}
                    .main_inquiry .card_list > li:hover .arw:before{filter: none;}
                }

        @media (max-width:1200px){
            .main_inquiry .thumb{width: 40%;}
            .main_inquiry .cont{width: 55%;}
        }
        @media (max-width:1023px){
            .main_inquiry{padding-block: clamp(80px, 19.8vw, 198px);}
			.main_inquiry:before{top:auto;bottom: 0;width: 100%;height: 55%;}
            .main_inquiry .cont{width: 100%; gap: clamp(30px, 8vw, 80px);}
            .main_inquiry .thumb{position: relative;inset: auto;translate: 0;width: 80%;max-width: 400px;margin-inline: auto;text-align: center;}
            .main_inquiry .card_list{gap: clamp(15px, 2.2vw, 22px);}
            .main_inquiry .card_list > li{padding: clamp(25px, 3.5vw, 33px) clamp(25px, 4vw, 40px); gap: clamp(20px, 3vw, 30px);}
            .main_inquiry .card_list .desc dd span:not(:last-child):after{height: clamp(10px, 1.5vw, 12px);margin-inline: clamp(15px, 2vw, 20px);}
            .main_inquiry .card_list .arw{width: clamp(38px, 6vw, 60px);}
            .main_inquiry .card_list .arw:before{width: clamp(10px, 1.4vw, 14px);height: clamp(10px, 1.4vw, 14px);}
        }
        @media (max-width:479px){
            .main_inquiry .card_list .desc dd span:not(:last-child):after{opacity: 0; margin-inline: 10px;}
        }


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

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{position: relative;background: var(--black-color01);box-sizing: border-box;color: rgba(255,255,255,0.6);font-size: var(--title-20);padding-block: 92px 130px;}
    #footer .w_custom{font-size: 90%; font-weight: 300; line-height: 1.5;}
    #footer .logo{position: absolute;top: 8px;left:0;font-size: 0;max-width: 238px;}
    #footer .cont{width: 64.9%;margin-left: auto;display: flex;flex-direction: column;gap: 50px;}
    #footer .addr_list > li{gap: 12px 0;display: grid;grid-template-columns: repeat(3, 1fr);}
    #footer .addr_list .desc{display: flex;}
        #footer .addr_list .desc:not(:last-child){font-family: var(--font-type02);}
        #footer .addr_list .desc:last-child{grid-column: 1 / 4;}
    #footer .addr_list .desc dt{flex-shrink: 0;color: var(--point-white);width: 80px;}
        #footer .addr_list .desc dt.long{width: 140px;}
        #footer .addr_list .desc :where(dt, dd){padding-right: 15px; box-sizing: border-box;}
    #footer .link_list{display: flex; flex-wrap: wrap;}
    #footer .link_list > li{position: relative;display: flex;align-items: center;}
    #footer .link_list > li:not(:last-child):after{display: inline-flex; content:''; width: 4px; height: 4px; margin-inline: 20px; background: rgba(255,255,255,0.2);} 
    #footer .link_list em{font-weight: 400; color: var(--point-white);}
    #footer .copy{position: absolute;left:0;bottom:0;display: flex;flex-wrap: wrap;gap: 7px;font-size: var(--title-20);font-family: var(--font-type02);width: 30%;}
    #footer .copy :where(dt, dd){font-size: 80%;color: rgba(255,255,255,0.4);letter-spacing: -0.02em;}

    .scr_top{position: sticky; bottom: 0;margin-top: -60px;translate: -30px -30px;margin-left: auto; width: 60px;height: 60px;background: var(--point-white);border-radius: 100%;display: flex;align-items: center;justify-content: center;padding: 11px;box-sizing: border-box;z-index: 50;box-shadow: var(--shadow-01);border: 1px solid var(--border-color01);transition: all 0.4s;opacity: 0;pointer-events: none;}
    body:has(#header.on) .scr_top{opacity: 1; pointer-events: all;}
    .scr_top img{transition: all 0.4s;}

        /* over */
            @media (hover:hover) and (pointer:fine){
                .scr_top:hover{background: var(--point-color01); border-color: var(--point-color01);}
                .scr_top:hover img{filter: var(--filter-white);}
            }

    @media (max-width:1400px){
        #footer .addr_list > li{grid-template-columns:repeat(2, 1fr);}
        #footer .addr_list .desc:last-child{grid-column: 1 / 3;}
    }
    @media (max-width:1023px){
        #footer{padding-block: clamp(45px, 9.2vw, 92px) clamp(50px, 13vw, 130px);}
        #footer .cont{width: 100%;gap: clamp(25px, 5vw, 50px);}
        #footer .logo{position: relative;inset: auto;max-width: clamp(180px, 23.8vw, 238px);}
        #footer .copy{position: relative; inset: auto; width: 100%;}
        #footer .addr_list > li{row-gap: clamp(8px, 1.5vw, 12px);}
        #footer .link_list > li:not(:last-child):after{margin-inline:clamp(15px, 2vw, 20px);}

        .scr_top{width: clamp(40px, 6vw, 60px);height: clamp(40px, 6vw, 60px);margin-top: clamp(-60px, -6vw, -40px);}
    }
    @media (max-width:860px){
        .scr_top{translate: -15px -15px;}
    }
    @media (max-width:640px){
        #footer .addr_list > li{display: flex; flex-direction: column;}
        #footer .addr_list .desc{gap: 20px;}
        #footer .addr_list .desc dt{width: auto;}
        #footer .addr_list .desc dt.long{width: auto;}
        #footer .addr_list .desc :where(dt, dd){padding-right: 0;}
    }