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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
    html{scroll-behavior:smooth; scroll-padding-top:90px;}
	#wrap {position:relative;width:100%; overflow: clip;}
    .w_custom{position: relative;width: calc(100% - 60px);max-width: 1600px;margin-inline: auto;z-index: 1;}
    #container{position: relative; padding-block:100px 150px;padding-top:clamp(54px, 4.0vw, 76px);}
    .no_data{padding-block: 50px; text-align: center; font-size: var(--title-18); font-weight: 400; color: var(--black-color06);}

    @media (max-width:1600px){
        br.for_pc{display: none;}
    }
    @media (max-width:1023px){
        html{scroll-padding-top:clamp(60px, 10vw, 90px);}
        #container{padding-block:clamp(50px, 10vw, 100px) 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: 90px; z-index: 100; transition: all 0.4s;}
        #wrap:has(#container) #header{position: sticky; background: var(--point-color04); box-shadow: inset 0 -1px 0 var(--border-color01);}
    #header .w_custom{height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px;}
    #header .logo{height: 100%;}
    #header .logo a{display: flex;align-items: center;height: 100%;max-width: 230px;padding-block: 10px;}
    #header .utility{display: flex;align-items: center;gap: clamp(20px, 3vw, 57px);height: 100%;flex-shrink: 0;}
    #header .gnb{display: flex; height: 100%; text-align: center; gap: clamp(20px, 3.4vw, 64px); font-size: var(--title-20);}
    #header .gnb > li{position: relative; height: 100%; font-size: inherit; font-weight: 700; color: var(--black-color02); transition: all 0.4s;}
    #header .gnb > li > a{display: flex; align-items: center; justify-content: center; height: 100%;}
    #header .gnb .dep02{display: none;}
    #header .allCate{display: none;flex-direction: column;justify-content: space-between;width: 30px;aspect-ratio: auto 1.4;}
    #header .allCate span{width: 100%; height: 2px; background: var(--black-color01);}

    .lang_desc{position: relative;font-size: var(--title-20);font-family: var(--font-type04);letter-spacing: 0;}
    .lang_desc dt{font-size: 90%;font-weight: 700;color: var(--point-color01);display: flex;align-items: center;gap: 6px;border: 1px solid var(--point-color01);padding: 9px 50px 9px 15px;border-radius: 50px; cursor: pointer;}
        .lang_desc dt:before{content:'';width: 18px;aspect-ratio: auto 1;background: url('../images/skin/lang_desc.svg') no-repeat center / 100% auto;translate: 0 -1px;}
        .lang_desc dt:after{position: absolute;content:'';width: 9px;aspect-ratio: auto 1.4;background: var(--point-color01);clip-path: var(--clip-poly01);top: 50%;right: 16px;translate: 0 -50%;}
    .lang_desc dd{position: absolute;top: calc(100% + 10px);left: 0;width: 100%;border: 1px solid var(--point-color01);border-radius: var(--radius-15);padding-block: 12px;font-size: 80%;font-weight: 600;color: var(--black-color06);text-align: center;background: var(--point-white); opacity: 0; pointer-events: none; transition: all 0.4s;}
        .lang_desc:has(dt.on) dd{opacity: 1; pointer-events: all;}
    .lang_desc dd a{display: block;padding: 5px 20px;}
    .lang_desc dd a.on{color:var(--point-color01);}

        /* over */
            @media (hover:hover) and (pointer:fine) {
                #header:hover{background: var(--point-color04); box-shadow: inset 0 -1px 0 var(--border-color01);}
                #header .gnb > li:hover{color: var(--point-color01);}
            }


    @media (max-width:1100px) {
        #header .gnb > li{font-size: 85%;}
    }
    @media (max-width:1023px) {
        #header{height: clamp(60px, 10vw, 90px);}
            #header.on{background: var(--point-color04); box-shadow: inset 0 -1px 0 var(--border-color01);}
        #header .gnb{display: none;}
        #header .logo a{max-width: clamp(150px, 25vw, 230px);}
        #header .allCate{display: flex; width: clamp(26px, 4vw, 30px);}

        .lang_desc dt{padding-block: clamp(7px, 1.9vw, 9px);padding-inline: clamp(12px, 2.5vw, 15px) clamp(40px, 6vw, 50px);}
        .lang_desc dt:before{width: clamp(15px, 2.8vw, 18px); translate: 0;}
        .lang_desc dt:after{width: clamp(8px, 1.9vw, 9px);}
    }
    @media (max-width:360px) {
        #header .lang_desc{display: none;}
    }


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

	Aside | outline/nav.html

───────────────────────────────────────────────────────────*/
    #aside{position: fixed;top: 0;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(255,255,255,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: 1800px;min-height: 100%;display: flex;align-items: center;}
    #aside .gnb{width: 100%;font-size: var(--title-20);letter-spacing: 0;display: grid;align-items: start;justify-content: center;grid-template: auto / repeat(4, 1fr);gap: clamp(15px, 2.2vw, 40px);}
    #aside .gnb > li{color: var(--black-color01);font-size: inherit;text-align: center;}
        
        @media (min-width:861px) {
            #aside .gnb > li{opacity:0;translate:0 100px;transition:all 0.8s 0.3s;}
            #aside.on .gnb > li{opacity:1;translate:0;}
            #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{position: relative;display: block;font-size: 180%;font-weight: 700;line-height: 1.2;padding-block: 30px;transition: all 0.4s;}
        #aside .gnb > li > a:before{position: absolute;content: '';top: 0;left: 50%;translate: -50%;width:12px;height: 0;opacity:0;border-radius:100%;background: var(--point-color01);transition:all 0.3s;}
    #aside .gnb > li > a em{font-weight: inherit;}
    #aside .gnb > li > a span{font-size: 60%;font-weight: 400;color: rgba(255,255,255,0.6);}
    #aside .gnb .dep02{margin-top: 8px;}
    #aside .gnb .dep02 > li > a{display: block;font-size:110%;font-weight:400;padding-block: 15px;color: var(--black-color06);transition: all 0.4s;}
    #aside .utility{position: absolute;top: clamp(30px, 2.8vw, 50px);right: clamp(30px, 2.8vw, 50px);display: flex;align-items: center;gap: 30px; z-index:2;}
    #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(--black-color01);}
    #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-color01);}
            }

    @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: 25px 0;width:100%;text-align:left;box-sizing:border-box;border-bottom: 1px solid rgba(0,0,0,0.15);}
        #aside .gnb > li > a{padding-block: 0;}
		#aside .gnb > li > a:before{display: none;}
        #aside .gnb .dep02{display: grid;gap: 0 20px;grid-template: auto / repeat(2, 1fr);margin-top: 15px;justify-content: flex-start;}
		#aside .gnb .dep02 > li > a{padding-block: 12px;}
		#aside .utility{top:15px; right: 15px;}
    }
    @media (max-width:640px){
        #aside .gnb > li > a{font-size: 200%;}
        #aside .gnb .dep02 > li > a{padding-block: 7px;font-size:100%;}
    }
    @media (max-width:479px){
        #aside .gnb > li > a{font-size: 170%;}
        #aside .gnb > li > a span{width: 100%;}
        #aside .gnb .dep02{margin-top: 10px;grid-template: auto / repeat(1, 1fr);}
        #aside .gnb .dep02 li{width: 100%;}
        #aside .gnb .dep02 > li > a{font-size: 95%;}
    }

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

    MAIN | index.html

───────────────────────────────────────────────────────────*/
    .fp-watermark{display: none;}
    .fullpage-wrapper :is(.section.active, .section:has(~ .section.active)) [data-aos]{opacity: 1;transform: translate(0);}

    /* 컨트롤러 */
        #wrap .slideController{display: flex;align-items: center;flex-wrap: wrap;gap: 30px;}
        #wrap .slideController .count{position: relative;inset: auto;display: flex;align-items: center;justify-content: space-between;width: 95px;font-size: var(--title-20);font-family: var(--font-type04);}
        #wrap .slideController .count span{font-size: 110%;font-weight: 700;color: var(--black-color10);line-height: 1;}
        #wrap .slideController .count .slideCountItem{font-size: 140%;font-weight: 700;color: var(--black-color02);}
            #wrap .slideController .count .slideCountAll:before{position: absolute;content:'/';top:50%;left: 54%;translate: -50% -50%;}

        #wrap .slideController .slideArw{position: relative; width: 50px; aspect-ratio: auto 1; font-size: 0; border-radius: 100%; transition: all 0.4s;}
            #wrap .slideController .slideArw:before{position: absolute;content:'';width: 7px;aspect-ratio: auto 1;border: 2px solid var(--black-color06);top: 50%;left: 55%;translate: -50% -50%;rotate: 135deg;clip-path: var(--clip-poly02);border-radius: 1px;}
            #wrap .slideController .slideArw.next{scale: -1 -1;}
            #wrap .slideController .slideArw.swiper-button-disabled{pointer-events: none;opacity: 0.2;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                #wrap .slideController .slideArw:hover{background: var(--point-white);}
            }

        @media (max-width:1023px) {
            #wrap .slideController{gap: clamp(15px, 4vw, 30px);}
            #wrap .slideController .count{width: clamp(85px, 10.5vw, 95px);}
            #wrap .slideController .slideArw{width: clamp(30px, 6vw, 50px);}
        }
        @media (max-width:479px) {
            #wrap .slideController .count span{font-size: 100%;}
            #wrap .slideController .count .slideCountItem{font-size: 130%;}
        }


    /* 비주얼 */
        .main_visual {position:relative; overflow: hidden;}
        .main_visual .slick-slide {position:relative; height: 100vh; overflow: hidden;}
        .main_visual .link{position: absolute;inset: 0;z-index: 3;display: none;}
        .main_visual .thumb{display: block; width: 100%; height: 100%; background: no-repeat center / cover;}
            .main_visual .active .thumb{scale: 1.05; transition: all 5s;}
        .main_visual .txt_box{position: absolute;left:50%;bottom: 38%;translate: -50%;font-size: var(--title-20);font-family: var(--font-type02);z-index: 1;display: grid;gap: 14px;text-wrap: balance;}
        .main_visual .txt_box h2{font-size: 64px;font-weight: 800;color: var(--black-color02);line-height: 1.2;letter-spacing: -0.03em;}
            .main_visual .txt_box h2 + p{margin-top: 6px;}
        .main_visual .txt_box h5{font-size: 130%;font-weight: 700;color: var(--black-color02);line-height: 1.2;letter-spacing: -0.03em;}
        .main_visual .txt_box p{font-size: inherit;font-weight: 400;color: var(--black-color02);line-height: 1.5;letter-spacing: -0.03em;}
        .main_visual .txtAni{translate: 70px; opacity: 0;}
            .main_visual .active .txtAni{translate: 0; opacity: 1; transition: all 1.2s 0.2s;}
            .main_visual .active .txtAni:nth-child(2){transition-delay:0.4s;}
            .main_visual .active .txtAni:nth-child(3){transition-delay:0.6s;}
        #wrap .main_visual .slideController{position: absolute;left:50%;bottom: 28%;translate: -50%;z-index: 5;justify-content: flex-start;margin: 0;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .main_visual .slick-arrow:hover{background: var(--point-white);}
            }

        @media (max-width:1023px) {
            .main_visual .txt_box{gap: clamp(12px, 2.4vw, 14px);}
            .main_visual .txt_box h2{font-size: clamp(34px, 6.4vw, 64px);}
            .main_visual .txt_box h2 + p{margin-top: clamp(3px, 1.6vw, 6px);}
            #wrap .main_visual .slideController{bottom: clamp(120px, 26.3vw, 263px);}
        }
        @media (max-width:640px) {
            .main_visual .txt_box h5{font-size: 120%;}
        }
        @media (max-width:479px) {
            .main_visual .txt_box h5{font-size: 110%;}
            .main_visual .txt_box p{font-size: 90%;}
        }

    /* 공통 */
        .main_title{position: relative;display: flex;flex-direction: column;gap: 12px;font-size: var(--title-20);}
            .main_title.hd{margin-bottom: clamp(30px, 3.2vw, 60px);}
            .main_title.hdS{margin-bottom: clamp(20px, 1.6vw, 24px);}
            .main_title.cen{text-align: center;}
        .main_title h2{font-size: clamp(34px, 2.9vw, 52px);font-weight: 800;color: var(--black-color02);line-height: 1.3;letter-spacing: -0.035em;}
            .main_title h2 +  h5{margin-top: 8px;}
        .main_title h2 em{font-weight: inherit; color: var(--point-color01);}
		.main_title h2 a.title_more {font-size: clamp(14px, 1.4vw, 18px);line-height:2.4em;height:2.4em;padding:0 1.5em;border-radius:1.2em;vertical-align:top;font-weight:600;letter-spacing:0.02em;box-sizing:border-box;border:0;background:var(--point-color03);color:var(--point-white);position:absolute;right:0;top:50%;transform: translateY(-50%);width:auto;text-align:right;}
        .main_title h3{font-size: clamp(30px, 2.3vw, 42px);font-weight: 700;color: var(--black-color02);line-height: 1.6;letter-spacing: -0.035em;}
			.main_title h3 + h6{margin-top:8px;}
        .main_title h4{font-size: clamp(24px, 1.6vw, 30px);font-weight: 700;color: var(--black-color02);line-height: 1.3;letter-spacing: -0.035em;}
			.main_title h4 + h6{margin-top: clamp(15px, 1.5vw, 28px);}
        .main_title h5{font-size: clamp(20px, 1.4vw, 26px);font-weight: 700;color: var(--black-color02);line-height: 1.6;letter-spacing: -0.035em;}
        .main_title h5 em{font-weight: inherit; color: var(--point-color03);}
        .main_title h6{font-size: clamp(18px, 1.2vw, 22px);font-weight: 400;color: var(--black-color02);line-height: 1.6;letter-spacing: -0.035em;}
            .main_title h6 + h6{margin-top: 16px;}
        .main_title h6 strong{font-weight: 700;}
        .main_title h6 big{font-size: 109%; font-weight: 400;}
        .main_title h6 em{font-weight: 700; color: var(--point-color01);}
        .main_title h6 strong{font-weight: 700;}
        .main_title p{font-size: clamp(15px, 1.2vw, 20px);font-weight: 400;color: var(--black-color02);line-height: 1.5;letter-spacing: -0.035em;}
        .main_title p em{font-weight: 700; color: var(--point-color06);}

        .more_plus{font-size: var(--title-20);font-weight: 700;color: var(--black-color02);display: flex;align-items: center;gap: 13px;width: fit-content;letter-spacing: -0.035em;transition: all 0.4s;}
            .more_plus:after{content:''; width: 24px; aspect-ratio: auto 1; background: url('../images/skin/more_plus.svg') no-repeat center / 100% auto; translate:0 -1px; transition: all 0.4s;}

        .bg_sec{background: var(--point-color04);}

        .bullet_list{position: relative;font-size: var(--title-20);display: grid;gap: 8px;}
        .bullet_list > li{position: relative;font-size: clamp(15px, 1.1vw, 18px);font-weight: 400;color: var(--black-color02);line-height: 1.5;letter-spacing: -0.035em;display: flex;align-items: baseline;gap: 8px;}
            .bullet_list > li:before{content: '';width: 3px;aspect-ratio: auto 1;background: var(--point-color02);border-radius: 100%;flex-shrink: 0;translate: 0 -3px;}
        .bullet_list > li > strong{font-weight: 700; display: contents;}
        .bullet_list .desc{display: flex; align-items: baseline; gap: 4px;}
        .bullet_list .desc dt{font-weight: 700; flex-shrink: 0; max-width: 200px;}

            .bullet_list.lg{gap: 12px;}
            .bullet_list.lg > li{font-size: clamp(16px, 1.1vw, 20px);}
            .bullet_list.lg > li:before{width: 4px;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .more_plus:hover{color: var(--point-color03);}
                .more_plus:hover:after{rotate: -180deg;}
            }

        @media (max-width:1600px) {
            .main_title{text-wrap: balance;}
        }
        @media (max-width:1023px) {
            .main_title{gap: clamp(8px, 1.2vw, 12px);}
                .main_title.hd{margin-bottom: clamp(25px, 5vw, 50px);}
            .main_title h2{font-size: clamp(32px, 4.6vw, 46px);}
                .main_title h2 +  h5{margin-top: clamp(4px, 0.8vw, 8px);}
			.main_title h3 + h6{margin-top:clamp(4px, 0.8vw, 8px);}
            .main_title h4{font-size: 140%;}
				.main_title h4 + h6{margin-top: clamp(15px, 2.8vw, 28px);}
            .main_title h5{font-size: 130%;}
            .main_title h6{font-size: 110%;}
            .main_title h6 + h6{margin-top: clamp(8px, 1.6vw, 16px);}
            .main_title p{font-size: 100%;}

			.more_plus{gap:clamp(10px, 1.8vw, 13px);}
            .more_plus:after{width: clamp(16px, 2.9vw, 24px);}

            .bullet_list > li{font-size: 90%;}
                .bullet_list.lg{gap: clamp(9px, 1.7vw, 12px);}
                .bullet_list.lg > li{font-size: 100%;}
        }
        @media (max-width:640px) {
            .main_title h4{font-size: 130%;}
            .main_title h5{font-size: 120%;}
        }
        @media (max-width:479px) {
            .main_title h6{font-size: 100%;}
            .main_title h4{font-size: 120%;}
            .main_title h5{font-size: 110%;}
            .main_title h6{font-size: 100%;}
            .main_title p{font-size: 95%;}
			.more_plus span{font-size:95%;}
            .bullet_list.lg > li{font-size: 95%;}
        }

    /* 인사말 */
        .main_greeting{position: relative; }
        .main_greeting .w_custom{position: static;display: flex;height: 100vh;}
        .main_greeting .bnr_box{width: 50%;height: 100%;display: flex;align-items: center;justify-content: center;padding-right: 0;}
        .main_greeting .thumb{position: absolute;top:0;left: 0;width: 50%;height: 100%;}
		.main_greeting .thumb img{width:100%;height: 100%;object-fit: cover;}
        .main_greeting .poet_title{position: relative;z-index: 1;font-size: var(--title-20);font-family: var(--font-type03);color: var(--point-white);display: grid;gap: 28px;text-wrap: balance;padding: 10px 20px 0;}
        .main_greeting .poet_title h2{font-size: 66px;font-weight: 600;line-height: 1.25;text-shadow: var(--shadow-01);letter-spacing: -0.03em;}
        .main_greeting .poet_title h2 span{display: block;padding-left: 187px;}
            .main_greeting .poet_title h2 + h6{margin-top: clamp(20px, 2.7vw, 50px);}
        .main_greeting .poet_title h6{font-size: clamp(22px, 1.4vw, 26px);font-weight: 600;line-height: 1.6;text-shadow: var(--shadow-02);letter-spacing: -0.03em;}
        .main_greeting .cont{width: 50%;height: 100%;display: flex;flex-direction: column;justify-content: center;gap: clamp(30px, 3.2vw, 60px);padding-left: clamp(50px, 5.3vw, 100px);}

            @media (min-width:1024px) {
                .active .main_greeting [data-aos]{transition-delay: 0.2s;}
                .active .main_greeting .cont [data-aos]{transition-delay: 0.4s;}
                .active .main_greeting .cont [data-aos]:nth-child(2){transition-delay: 0.6s;}
            }

        @media (max-width:1200px) {
            .main_greeting .poet_title h2{font-size: clamp(34px, 5vw, 60px);}
            .main_greeting .poet_title h2 span{padding-left: clamp(97px, 14.5vw, 171px);}
        }
        @media (max-width:1023px) {
            .main_greeting .w_custom{height:auto;flex-direction: column;}
            .main_greeting :is(.bnr_box, .cont){position: relative;width: 100%;padding: clamp(70px, 12vw, 120px) 0;height: auto;}
            .main_greeting .thumb{width: calc(100% + 60px); left: -30px;}
            .main_greeting .poet_title{gap: clamp(14px, 2.8vw, 28px);}
            .main_greeting .cont{gap: clamp(30px, 6vw, 60px);}
        }
        @media (max-width:640px) {
            .main_greeting .poet_title h6{font-size: 120%;}
        }
        @media (max-width:479px) {
            .main_greeting .poet_title h6{font-size: 110%;}
        }

    /* 연혁 */
        .bg_sec{background: var(--point-color04);}
        .main_history{min-height: 100vh;padding-block: 70px;display:flex;align-items:center;overflow: hidden;}
        .clariSwiper{position:relative;}
        .clariSwiper .swiper-slide{display:flex;align-items: center;gap:clamp(50px, 5.3vw, 100px);height: auto;}
            .clariSwiper .swiper-slide:not(.swiper-slide-active){opacity: 0 !important; pointer-events: none !important;}
        .clariSwiper .info{position: relative;width:36.25%;flex-shrink:0;}
        .clariSwiper .thumb{width: 100%;border-radius: var(--radius-20);overflow: hidden;}
		.clariSwiper .thumb img{width:100%;height:100%;min-height: 65vh;object-fit:cover;}
        .clariSwiper .gener_list{display: grid; gap: 18px; counter-reset: gener_list;}
        .clariSwiper .gener_list > li{position: relative; padding: 17px;border: 3px solid var(--point-color02);border-radius: var(--radius-20);background: var(--point-white);counter-increment: generList;}
            .clariSwiper .gener_list > li:before{position: absolute;content:'';width: 50px;aspect-ratio: auto 1;border-radius: 100%;background: var(--black-color12) url('../images/skin/sel_arw.svg') no-repeat center;box-shadow: var(--shadow-03);top: calc(100% + 10px);left: 50%;translate: -50% -50%;z-index: 2;}
            .clariSwiper .gener_list > li:last-child:before{display: none;}
        .clariSwiper .gener_list .desc{display: flex;align-items: center;font-size: var(--title-20);text-align: center;gap: 25px;}
        .clariSwiper .gener_list .desc + .desc{border-top: 1px solid var(--border-color01); margin-top: 20px; padding-top: 20px;}
        .clariSwiper .gener_list .desc dt{width: 50.5%;border-radius: var(--radius-10);overflow: hidden;flex-shrink: 0;}
        .clariSwiper .gener_list .desc dd{font-size: clamp(20px, 1.3vw, 24px);font-weight: 400;color: var(--black-color01);line-height: 1.6;font-family: var(--font-type04);width: 100%;display: grid;gap: 6px;}
        .clariSwiper .gener_list .desc dd:before{content: counter(generList) '세대';font-family: var(--font-type01);display: flex;align-items: center;justify-content: center;margin-inline: auto;width: fit-content;font-size: 83%;font-weight: 500;color: var(--point-white);background: var(--point-color02);border-radius: 50px;min-width: 80px;padding: 6px 5px 4px;box-sizing: border-box;}

            .clariSwiper .gener_list > li:nth-child(2){border-color: var(--point-color01);}
            .clariSwiper .gener_list > li:nth-child(2) .desc dd:before{background: var(--point-color01);}
            .clariSwiper .gener_list > li:nth-child(3){border-color: var(--point-color03);}
            .clariSwiper .gener_list > li:nth-child(3) .desc dd:before{background: var(--point-color03);}

        .clariSwiper .exp{position: relative;display: grid;grid-template-columns: minmax(0, 1fr);gap: clamp(30px, 3.2vw, 60px);width: 100%;}
        .clariSwiper .by_year{position: relative;column-count: 2;column-gap: 30px;}
        .clariSwiper .by_year > li{position: relative;break-inside: avoid;}
            .clariSwiper .by_year > li:nth-child(n+2){margin-top: clamp(12px, 1.1vw, 20px);}
        .clariSwiper .by_year .ev_desc{display: flex;align-items: baseline;font-size: var(--title-20);gap: 8px clamp(20px, 1.6vw, 30px);}
        .clariSwiper .by_year .ev_desc dt{font-size: clamp(20px, 1.4vw, 26px);font-weight: 700;color: var(--black-color02);font-family: var(--font-type04);line-height: 1.6;min-width: clamp(55px, 4vw, 70px);max-width: 100px;flex-shrink: 0;}
        .clariSwiper .by_year .ev_desc dd{font-size: clamp(16px, 1.1vw, 20px);font-weight: 400;color: var(--black-color02);line-height: 1.6;text-wrap: auto;letter-spacing: -0.035em;}
        .clariSwiper .by_year .ev_desc dd small{font-size: 90%;}
        .clariSwiper .more_plus{position: absolute;top: calc(100% + 35px);right:0;}
        .txtStep_list{display: grid; gap: 20px; counter-reset: stepList; font-size: var(--title-20);}
        .txtStep_list > li{font-size: clamp(18px, 1.2vw, 22px);font-weight: 400;color: var(--black-color02);line-height: 1.4;letter-spacing:-0.035em;display: flex;align-items: center;gap: 20px;padding: clamp(15px, 1.1vw, 20px);background: var(--point-white);border-radius: 50px;}
            .txtStep_list > li:before{content: counter(stepList, decimal-leading-zero);counter-increment: stepList;font-size: 81.8%;font-weight: 500;color: var(--point-white);background: var(--point-color03);border-radius: clamp(34px, 2.2vw, 40px);min-width: clamp(34px, 2.2vw, 40px);height: clamp(34px, 2.2vw, 40px);padding-inline: 5px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;text-align: center;font-family: var(--font-type04); line-height: 1;}
        .txtStep_list > li strong{font-weight: 700; display: contents;}
        #wrap .clariSwiper .slideController{position: absolute;top: clamp(10px, 1.1vw, 19px);right:0;z-index: 5;}

            @media (min-width:1024px) {
                .active .main_history [data-aos]{transition-delay: 0.2s;}
                .active .main_history [data-aos]:nth-child(2){transition-delay: 0.4s;}
            }
        @media (max-width:1600px) {
            .clariSwiper .main_title h2{padding-right: 260px;}
        }
        @media (max-width:1023px) {
            .main_history{min-height: auto; padding-block: clamp(70px, 12vw, 120px); display: block;}
            .clariSwiper .swiper-wrapper{flex-wrap: wrap; gap: clamp(70px, 12vw, 120px);}
            .clariSwiper .swiper-slide{flex-wrap: wrap; gap: clamp(30px, 5vw, 50px); }
                .clariSwiper .swiper-slide:not(.swiper-slide-active){opacity: 1 !important; pointer-events: all !important;}
            .clariSwiper .info{width: 100%;}
            .clariSwiper .gener_list{gap: clamp(15px, 1.8vw, 18px);}
            .clariSwiper .gener_list > li:before{width: clamp(40px, 5vw, 50px);}
            .clariSwiper .gener_list .desc{gap: clamp(15px, 2.5vw, 25px);}
            .clariSwiper .gener_list .desc dd{font-size: 120%;}
                .clariSwiper .gener_list .desc dd:before{min-width: clamp(70px, 8.5vw, 80px);}
            .clariSwiper .exp{gap: clamp(25px, 5vw, 50px);}
            .clariSwiper .main_title h2{padding-right: 0;}
			.clariSwiper .by_year > li:nth-child(n+2){margin-top:clamp(12px, 2vw, 20px);}
            .clariSwiper .by_year .ev_desc{column-gap: clamp(15px, 3vw, 30px);}
            .clariSwiper .by_year .ev_desc dt{font-size: 120%;}
            .clariSwiper .by_year .ev_desc dd{font-size: inherit;}
            .clariSwiper .more_plus{position: relative; inset: auto; margin-left: auto;}
            .clariSwiper .thumb{max-width: 580px;}
            .clariSwiper .thumb img{min-height: auto;}
            .txtStep_list{gap: clamp(15px, 2vw, 20px);}
            .txtStep_list > li{font-size: 110%;gap: clamp(15px, 2vw, 20px);}
            .txtStep_list > li:before{min-width: clamp(34px, 4.5vw, 40px);height: clamp(34px, 4.5vw, 40px);}
            #wrap .clariSwiper .slideController{display: none;}
        }
        @media (max-width:860px) {
            .clariSwiper .by_year{column-count:1;}
        }
        @media (max-width:479px) {
            .clariSwiper .gener_list .desc dd{font-size: 110%;}
            .clariSwiper .by_year .ev_desc dt{font-size: 110%;}
            .clariSwiper .by_year .ev_desc dd{font-size: 95%;}
            .txtStep_list > li{font-size: 100%;}
        }
        @media (max-width:360px) {
            .clariSwiper .gener_list .desc{flex-wrap: wrap;}
            .clariSwiper .gener_list .desc dt{width: 100%; flex-shrink: unset;}
            .clariSwiper .by_year .ev_desc{flex-wrap: wrap;}
            .clariSwiper .by_year .ev_desc dt{min-width: auto;max-width: none;width: 100%;flex-shrink: unset;}
        }

    /* 특허 현황 */
        .main_patent{position: relative; height: 100vh; display: flex; align-items: center; overflow: hidden;}
        .main_patent .main_title{padding-right: 280px;}
        .main_patent .certiSwiper{position: relative; }
        .main_patent .certiSwiper .swiper-slide{width: calc(100% / 5 - clamp(15px, 3.2vw, 60px) * 4 / 5);aspect-ratio: auto 0.708;overflow: hidden;display: flex;align-items: center;justify-content: center;background: var(--point-white);box-shadow: var(--shadow-04);}
            .main_patent .certiSwiper .swiper-slide:not(:last-child){margin-right: clamp(15px, 3.2vw, 60px);}
        .main_patent .slideController{position: absolute;top: clamp(10px, 1.1vw, 19px);right:0;z-index: 5;}
        .main_patent .waveSwiper{position: absolute;left:0;bottom:0;width: 100%;z-index: 0;}
        .main_patent .waveSwiper .swiper-wrapper{transition-timing-function: linear;}
        .main_patent .waveSwiper .swiper-slide{font-size: clamp(50px, 6.25vw, 120px);font-weight: 700;font-family: var(--font-type04);line-height: 1;color: var(--point-color05);width: max-content;}

            @media (min-width:1024px) {
                .active .main_patent [data-aos]{transition-delay: 0.2s;}
                .active .main_patent [data-aos]:nth-child(2){transition-delay: 0.4s;}
                .active .main_patent [data-aos]:nth-child(3){transition-delay: 0.6s;}
            }

        @media (max-width:1200px) {
            .main_patent .certiSwiper .swiper-slide{width: calc(100% / 4 - clamp(15px, 3.2vw, 60px) * 3 / 4);}
        }
        @media (max-width:1023px) {
            .main_patent{height: auto; padding-bottom: clamp(70px, 12vw, 120px); display: block;}
        }
        @media (max-width:860px) {
            .main_patent .main_title{padding-right: 0;}
            .main_patent .certiSwiper .swiper-slide{width: calc(100% / 3 - clamp(15px, 3.2vw, 60px) * 2 / 3);}
            #wrap .slideController{position: relative;inset: auto;justify-content: flex-end;margin-bottom: 15px;}
        }
        @media (max-width:640px) {
            .main_patent .main_title{padding-right: 0;}
            .main_patent .certiSwiper .swiper-slide{width: calc(100% / 2 - clamp(15px, 3.2vw, 60px) / 2);}
        }
        @media (max-width:431px) {
            .main_patent .certiSwiper .swiper-slide{width: 70vw;}
        }

    /* 치아골이식재란 */
        .main_dental{min-height: 100vh;display:flex;align-items:flex-end;overflow: hidden;}
        .main_dental .clariSwiper .info{height: calc(100vh - 90px);}
        .main_dental .clariSwiper .thumb{position: absolute;top:0;right: 0;width: calc(50vw - 36.25%);height: 100%;border-radius: 0 120px 0 0;display: flex;justify-content: flex-end;}
			.main_dental .clariSwiper .thumb:has([src*="main_dental01.jpg"]){background: var(--point-white);}
			.main_dental .clariSwiper .thumb:has([src*="main_dental02.jpg"]){background: #b6ea9f;}
		.main_dental .clariSwiper .thumb img{width:auto;height: 100%; object-fit: cover;}
		.main_dental .clariSwiper .thumb img[src*="main_dental03.jpg"]{width:100%;}
		.main_dental .clariSwiper .main_title h4{line-height:1.6;}
        #wrap .main_dental .clariSwiper .slideController{top: clamp(55px, 3.5vw, 67px);}
        .clariSwiper .img_showing{display: grid; grid-template: auto / repeat(2, 1fr); gap: 30px;}
        .clariSwiper .img_showing > li{position: relative;border:1px solid var(--point-color02);border-radius: var(--radius-20);background: var(--point-white);font-size: var(--title-20);}
            .clariSwiper .img_showing > li:before{position: absolute;content:'VS';width: 60px;aspect-ratio: auto 1;border-radius: 100%;background: var(--black-color12);box-shadow: var(--shadow-03);top: 50%;left: calc(100% + 15px);translate: -50% -50%;z-index: 2;font-size: 110%;font-weight: 500;color: var(--point-white);font-family: var(--font-type04);line-height: 1;display: flex;align-items: center;justify-content: center;text-align: center;}
            .clariSwiper .img_showing > li:last-child:before{display: none;}
        .clariSwiper .img_showing .bg_title{position: relative;font-size: var(--title-20);background: var(--point-color02);text-align: center;padding: 15px 15px;border-radius: var(--radius-15);border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
        .clariSwiper .img_showing .bg_title h5{position: relative;font-size: clamp(20px, 1.3vw, 24px);font-weight: 700;color: var(--point-white);line-height: 1.45;}
		.clariSwiper .img_showing .bg_title h5 small{display:block;font-size: 83.3%;font-weight: 500;}
        .clariSwiper .img_showing .full_desc{padding: 29px;font-size: var(--title-20);display: grid;gap: 20px;}
        .clariSwiper .img_showing .full_desc dt{aspect-ratio: auto 3.2; overflow: hidden;}
        .clariSwiper .img_showing .full_desc dd{font-size: clamp(15px, 1.1vw, 19px);font-weight: 400;color: var(--black-color02);line-height: 1.6;letter-spacing: -0.035em;}

            .clariSwiper .img_showing > li:nth-child(2){border-color: var(--point-color03);}
            .clariSwiper .img_showing > li:nth-child(2) .bg_title{background: var(--point-color03);}

        .skill_table{display: grid;gap: clamp(25px, 2.1vw, 40px);}
        .skill_table table{width: 100%;font-size: var(--title-20);letter-spacing: -0.035em;text-align: center;border-radius: var(--radius-20);overflow: hidden;background: var(--point-white);box-shadow: inset 0 0 0 1px var(--point-color02);}
        .skill_table table thead th{position: relative;font-size: clamp(16px, 1.1vw, 20px);font-weight: 500;color: var(--point-white);line-height: 1.5;background: var(--point-color02);padding: 14px 5px 13px;box-shadow: -1px 0 0 var(--border-color01);z-index: 1;}
        .skill_table table tbody th{font-size: clamp(18px, 1.2vw, 22px);font-weight: 700;font-family: var(--font-type04);color: var(--black-color02);line-height: 1.6;text-align: left;padding: 15px clamp(20px, 1.6vw, 27px) 13px;box-shadow: 0 1px 0 var(--border-color01), inset -1px 0 0 0px var(--border-color01);}
        .skill_table table tbody td{position: relative;font-size: clamp(15px, 1.1vw, 19px);font-weight: 400;color: var(--black-color02);line-height: 1.6;padding: 15px 5px;box-shadow: -1px 1px 0 0px var(--border-color01);z-index: 1;}

            .skill_table table thead :is(th.point, th.point + th){box-shadow: none;}
            .skill_table table thead th.point:before{position: absolute;content:'';top: 0;left: -1px;width: calc(100% + 1px);height: 100%;background: var(--point-color06);z-index: -1;border-radius: var(--radius-10);border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;box-sizing: border-box;}
            .skill_table table tbody td.point + td{box-shadow: 0 1px 0 0px var(--border-color01);}
            .skill_table table tbody td.point:before{position: absolute;content:'';top: 0;left: -1px;width: calc(100% - 1px);height: 100%;border-inline: 1px solid var(--point-color06);z-index: -1;}
            .skill_table table tbody tr:last-child td.point{box-shadow: none;}
            .skill_table table tbody tr:last-child td.point:before{border-bottom: 1px solid var(--point-color06);border-radius: var(--radius-10);border-top-right-radius: 0 !important;border-top-left-radius: 0 !important;height: calc(100% - 1px);}
            
        .skill_table .flex_box{display: flex;align-items: flex-start;gap: 15px 40px;}
        .skill_table .flex_box .main_title{width: 30.4%;min-width: 200px;flex-shrink: 0;}
        .skill_table .flex_box .bullet_list{width: 100%;}

            @media (min-width:1024px) {
                .active .main_dental [data-aos]{transition-delay: 0.2s;}
                .active .main_dental [data-aos]:nth-child(2){transition-delay: 0.4s;}
                .active .main_dental [data-aos]:nth-child(3){transition-delay: 0.6s;}
            }

        @media (max-width:1023px) {
            .main_dental{min-height: auto; padding-block: clamp(70px, 12vw, 120px);}
            .main_dental .clariSwiper .info{height: auto;}
            .main_dental .clariSwiper .thumb{position: relative;inset: auto;left: -30px;width: calc(100% + 60px);border-radius: 0 clamp(60px, 12vw, 120px) 0 0;}
            .main_dental .clariSwiper .exp{padding-top: 0;}
            .clariSwiper .img_showing{gap: clamp(20px, 3vw, 30px);}
            .clariSwiper .img_showing > li:before{width: clamp(45px, 6vw, 60px);}
            .clariSwiper .img_showing .bg_title h5{font-size: 120%;}
            .clariSwiper .img_showing .full_desc dd{font-size: 95%;}

            .skill_table table thead th{font-size: 100%;}
            .skill_table table tbody th{font-size: 110%;}
            .skill_table table tbody td{font-size: 95%;}
            .skill_table table tbody td img[src*="chk_icon01"]{max-width: clamp(16px, 2.5vw, 20px);}
            .skill_table table tbody td img[src*="chk_icon02"]{max-width: clamp(18px, 2.9vw, 24px);}
            .skill_table table tbody td img[src*="x_icon01"]{max-width: clamp(14px, 2.3vw, 18px);}

            .skill_table .flex_box{column-gap: clamp(30px, 4vw, 40px);}
        }
        @media (max-width:860px) {
            .main_dental .clariSwiper .thumb{left: -15px; width: calc(100% + 30px);}
        }
        @media (max-width:640px) {
            .scr_wrap{width: calc(100% + 30px);margin-left: -15px;padding-left: 15px;overflow: hidden;overflow-x: auto;display: flex;}
            .scr_wrap table{width: 700px;flex-shrink: 0;}
            .scr_wrap:after{display: block;content:'';width: 15px;flex-shrink: 0;}
            .skill_table .flex_box{flex-wrap: wrap;}
            .skill_table .flex_box .main_title{width: 100%; min-width: auto; flex-shrink: unset;}
        }
        @media (max-width:479px) {
            .clariSwiper .img_showing{grid-template: auto / repeat(1, 1fr);}
            .clariSwiper .img_showing > li:before{top: calc(100% + 8px);left:50%;font-size: 100%;}
            .clariSwiper .img_showing .bg_title h5{font-size: 110%;}
            .clariSwiper .img_showing .full_desc{padding:25px;}
            .clariSwiper .img_showing .full_desc dd{font-size: 90%;}

            .skill_table table thead th{font-size: 95%;}
            .skill_table table tbody th{font-size: 100%;}
            .skill_table table tbody td{font-size: 90%;}
        }

    /* 장점 */
        .main_merit{position: relative;height: 100vh;display: flex;align-items: center;overflow: hidden;}
            .main_merit:before{position: absolute; content:''; width: 50%; height: 100%; background: var(--point-color07); top:0; right:0;}
        .main_merit .w_custom{margin-top: 75px;}
        .main_merit .polygon{position: relative;width:100%;max-width: clamp(380px, 28vw, 520px);padding: 24px;margin-inline: auto;clip-path: var(--clip-poly03);}
            .main_merit .polygon:before{position: absolute; content:''; inset: 0; background: var(--point-grid01); opacity: 0.5;}
        .main_merit .main_title{background: var(--point-white);padding: 70px;clip-path: var(--clip-poly03);min-height: clamp(320px, 23vw, 432px);justify-content: center;}
        .main_merit .highlight{position: absolute;top: -80px;left:0;}
        .main_merit .highlight h2{font-size: clamp(70px, 6.3vw, 120px);font-weight: 700;color: var(--black-color02);line-height: 1;font-family: var(--font-type04);}
        .main_merit .highlight h2 em{font-weight: inherit; color: var(--point-color02);}
        .main_merit .absol_list > li{position: absolute;top: -29px;right: calc(50% + clamp(40px, 5vw, 80px));display: flex;align-items: center;gap: clamp(20px, 1.6vw, 30px);flex-direction: row-reverse;width: max-content;text-align: right;width: clamp(300px, 35vw, 615px);}
        .main_merit .absol_list .icon{display: flex;align-items: center;justify-content: center;width: clamp(80px, 6vw, 100px);height: clamp(80px, 6vw, 100px);padding: 18px;border-radius: 100%;background: var(--point-color02);flex-shrink: 0;}
        .main_merit .absol_list .desc{font-size: var(--title-20);display: flex;flex-direction: column;gap: 10px;}
        .main_merit .absol_list .desc dt{font-size: clamp(24px, 1.6vw, 30px);font-weight: 800;color: var(--black-color02);line-height: 1.3;letter-spacing: -0.035em;}
        .main_merit .absol_list .desc dt em{font-weight: inherit; color: var(--point-color02);}
        .main_merit .absol_list .desc dd{font-size: clamp(18px, 1.2vw, 22px);font-weight: 400;color: var(--black-color02);line-height: 1.6;letter-spacing: -0.035em;}

            .main_merit .absol_list > li:nth-child(2){top:50%;right: calc(50% + clamp(130px, 10vw, 180px));translate: 0 -50%;}
            .main_merit .absol_list > li:nth-child(3){top:auto;bottom: -29px;}
            .main_merit .s3 .absol_list .icon{background: var(--point-color03);}
            .main_merit .s3 .absol_list .desc dt em{color: var(--point-color03);}
            .main_merit .s3 .absol_list > li{right: auto;left: calc(50% + clamp(40px, 5vw, 80px));flex-direction: row;text-align: left;}
            .main_merit .s3 .absol_list > li:nth-child(2){right: auto;left: calc(50% + clamp(130px, 10vw, 180px));}
            .main_merit .s3 .highlight{left:auto;right:0;text-align: right;}
            .main_merit .s3 .highlight em{color: var(--point-color03);}


        @media (max-width:1023px) {
            .main_merit{height: auto;display: block;}
            .main_merit:before{display: none;}
            .main_merit .w_custom{margin-top:0;}
            .main_merit .polygon{width: fit-content;max-width: none;padding: clamp(20px, 2.4vw, 24px);}
            .main_merit .main_title{min-height: auto;padding: clamp(55px, 8vw, 80px) clamp(80px, 11vw, 110px);}
            .main_merit .item{position: relative;display: grid;gap: clamp(25px, 3vw, 30px);z-index: 1;padding-block: clamp(70px, 10vw, 100px);}
                .main_merit .item.s3:before{position: absolute;content:'';width: calc(100% + 60px);height: 100%;background: var(--point-color07);top:0;left: -30px;z-index: -1;}
            .main_merit .highlight{position: relative; inset: auto !important;}
            .main_merit .absol_list{display: grid;gap: clamp(15px, 5vw, 50px);}
            .main_merit .absol_list > li{position: relative; inset: auto !important; translate: none !important; text-align: left;flex-direction: row; width: 100%;}
				.main_merit .s3 .absol_list > li{flex-direction:row-reverse;text-align: right;}
            .main_merit .absol_list .icon{width: clamp(65px, 8.5vw, 80px);height: clamp(65px, 8.5vw, 80px);padding: 15px;}
			.main_merit .absol_list .desc{gap: clamp(7px, 1vw, 10px);}
            .main_merit .absol_list .desc dt{font-size: 140%;}
            .main_merit .absol_list .desc dd{font-size: 100%;}
        }
        @media (max-width:640px) {
            .main_merit .absol_list .desc dt{font-size: 130%;}
        }
        @media (max-width:479px) {
            .main_merit .absol_list .desc dt{font-size: 120%;}
            .main_merit .absol_list .desc dd{font-size: 95%;}
        }
        @media (max-width:360px) {
            .main_merit .polygon{width: 100%;}
            .main_merit .main_title{width: 100%; padding-inline: 20px;}
        }

    /* 제품 */
        .main_prod{position: relative; height: 100vh; display: flex; align-items: center;}
        .main_prod .tab_list{position: absolute;top:0;right:0;display: flex;flex-direction: column;justify-content: center;gap: 20px;height: 100%;z-index: 2;}
        .main_prod .tab_list > li{position: relative;width: 100px;aspect-ratio: auto 1.04;border-radius: var(--radius-10);overflow: hidden;display: flex;align-items: center;justify-content: center;cursor: pointer;}
            .main_prod .tab_list > li:before{position: absolute;content:'';inset: 0;border: 2px solid var(--point-color03);box-sizing: border-box;opacity: 0;border-radius: inherit;transition: all 0.4s;}
            .main_prod .tab_list > li.on:before{opacity: 1;}
        .main_prod .tab_list > li img{width: 100%; height: 100%; object-fit: cover;}
        .main_prod .tab_cont{padding-right: 150px;}
        .main_prod .tab_cont .item{display: flex;align-items: center;gap: clamp(50px, 5.3vw, 100px);transition: all 0.6s;}
        .main_prod .tab_cont .item:not(.on){opacity: 0;height: 0;scale: 0.8;overflow: hidden;}
        .main_prod .thumb{position: relative;border-radius: var(--radius-20);width: 51.72%;height: clamp(500px, 80vh, 720px);overflow: hidden;flex-shrink: 0;}
        .main_prod .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .main_prod .thumb .desc{position: absolute;inset: 0;padding: 80px 15px;font-size: var(--title-20);display: flex;flex-direction: column;gap: 12px;text-align: center;}
        .main_prod .thumb .desc dt{font-size: clamp(26px, 1.7vw, 32px);font-weight: 800;color: var(--black-color02);line-height: 1.3;letter-spacing: -0.035em;}
        .main_prod .thumb .desc dt em{font-weight: inherit; color: var(--point-color03);}
        .main_prod .thumb .desc dd{font-size: clamp(20px, 1.3vw, 24px);font-weight: 700;color: var(--black-color02);line-height: 1.6;letter-spacing: -0.035em;}
        .main_prod .thumb .desc dd em{text-decoration: underline;text-underline-offset: -1px;text-decoration-skip-ink: none;text-decoration-thickness: 14px;text-decoration-color: var(--point-color08);}
        .main_prod .info{width: 100%;display: flex;flex-direction: column;gap: clamp(20px, 2.1vw, 40px);}
        .main_prod .exp_title{position: relative;display: grid;gap: clamp(15px, 1.6vw, 30px);font-size: var(--title-20);}
        .main_prod .exp_title h2{font-size: clamp(36px, 3.5vw, 66px);font-weight: 700;color: var(--black-color02);line-height: 1;font-family: var(--font-type04);letter-spacing: -0.035em;display: flex;align-items: center;flex-wrap: wrap;gap: 10px 25px;}
			.main_prod .exp_title h2 + h5{margin-top:10px;}
        .main_prod .exp_title h2 small{font-size: 45.45%;line-height: 1.3;font-family: var(--font-type01);padding-top: 5px;letter-spacing: -0.03em;}
        .main_prod .exp_title h5{font-size: clamp(20px, 1.3vw, 24px);font-weight: 400;color: var(--black-color02);line-height: 1.6;letter-spacing: -0.035em;}
        .main_prod .exp_title h6{font-size: clamp(15px, 1.2vw, 20px);font-weight: 400;color: var(--black-color02);line-height: 1.6;letter-spacing: -0.035em;}
        .main_prod .exp_title h6 em{font-weight: 500;color: var(--point-white);font-family: var(--font-type04);padding: 4px 10px;min-width: clamp(100px, 7vw, 120px);background: var(--point-color02);border-radius: 40px;display: inline-flex;align-items: center;justify-content: center;}
        .main_prod .exp_title h6 em.pt02{background: var(--point-color01);}
        .main_prod .more_plus{margin-top: clamp(20px, 2.1vw, 40px);}

            @media (min-width:1024px) {
                .active .main_prod [data-aos]{transition-delay: 0.2s;}
                .active .main_prod [data-aos]:nth-child(2){transition-delay: 0.4s;}
                .active .main_prod [data-aos]:nth-child(3){transition-delay: 0.6s;}
            }
        
        @media (max-width:1023px) {
            .main_prod{height: auto; padding-block: clamp(70px, 12vw, 120px);}
            .main_prod .tab_list{position: relative;inset: auto;flex-direction: row;margin-bottom: clamp(15px, 2vw, 20px);gap: clamp(10px, 2vw, 20px);}
            .main_prod .tab_cont{padding-right: 0;}
            .main_prod .tab_cont .item{flex-wrap: wrap; gap: clamp(30px, 5vw, 50px);}
            .main_prod .thumb{width: 100%;max-width: 750px;height: auto;aspect-ratio: auto 1.04;margin-inline: auto;}
			.main_prod .thumb .desc{padding-block: clamp(30px, 8vw, 80px);gap: clamp(10px, 1.2vw, 12px);}
            .main_prod .thumb .desc dt{font-size: 150%;}
            .main_prod .thumb .desc dd{font-size: 120%;}
            .main_prod .thumb .desc dd em{text-decoration-thickness: clamp(8px, 1.4vw, 14px);}
            .main_prod .exp_title h2{column-gap: clamp(20px, 2.5vw, 25px);}
                .main_prod .exp_title h2 + h5{margin-top: clamp(5px, 1vw, 10px);}
            .main_prod .exp_title h5{font-size: 120%;}
            .main_prod .exp_title h6{font-size: 100%;}
        }
        @media (max-width:640px) {
            .main_prod .thumb .desc dt{font-size: 140%;}
            .main_prod .thumb .desc dd{font-size: 110%;}
        }
        @media (max-width:479px) {
            .main_prod .thumb .desc dt{font-size: 120%;}
            .main_prod .thumb .desc dd{font-size: 90%;}
            .main_prod .exp_title h5{font-size: 110%;}
            .main_prod .exp_title h6{font-size: 95%;}
        }

    /* 서비스 */
        .main_service{position: relative; overflow: hidden;}
        .main_service .w_custom{position: static;display: flex;align-items: center;gap: clamp(50px, 5.3vw, 100px);}
        .main_service .fixed{width: 50%;height: 100vh;flex-shrink: 0;display: flex;flex-direction: column;justify-content: center;z-index: 1;padding-right: clamp(50px, 5.3vw, 100px);}
        .main_service .fixed .thumb{position: absolute;top:0;left: 0;z-index: 0;width: 50%;height: 100%;}
		.main_service .fixed .thumb img{width:100%; height:100%; object-fit:cover;}
        .main_service .stepTab_list{position: relative;display: flex;flex-wrap: wrap;font-size: var(--title-20);counter-reset: stepTabList;gap: 20px;}
        .main_service .stepTab_list > li{position: relative;font-size: clamp(20px, 1.3vw, 24px);font-weight: 700;color: var(--black-color02);line-height: 1.5;letter-spacing: -0.035em;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 18px;width: 100%;max-width: clamp(200px, 16.5vw, 300px);min-height: 180px;padding: 30px 15px;background: var(--point-white);border-radius: var(--radius-15);cursor: pointer;transition: all 0.4s;z-index: 1;}
            .main_service .stepTab_list > li:before{position: relative;content: counter(stepTabList, decimal-leading-zero);counter-increment: stepTabList;font-size: 83.3%;font-weight: 700;color: var(--point-color01);line-height: 1.3;font-family: var(--font-type04);text-decoration: underline;text-underline-offset: 5px;text-decoration-thickness: 2px; transition: all 0.4s;}
            .main_service .stepTab_list > li:after{position: absolute;content:'';inset: 0;background: var(--point-grid01);opacity: 0;border-radius: inherit;z-index: -1;transition: all 0.4s;pointer-events: none;}
            .main_service .stepTab_list > li.on:after{opacity: 1;}
            .main_service .stepTab_list > li.on:before, .main_service .stepTab_list > li.on span{filter: var(--filter-white);}
        .main_service .stepTab_list > li span{transition: all 0.4s;}
        .main_service .stepTab_cont{width: 100%;}
        .main_service .stepTab_cont .item{transition: all 0.4s;}
        .main_service .stepTab_cont .item:not(.on){height: 0; opacity: 0; overflow: hidden; translate: 50px;}
        .main_service .txtStep_list > li{box-shadow: inset 0 0 0 1px var(--border-color01);}
        .main_service .prog_list{position: relative; font-size: var(--title-20); counter-reset: progList;}
            .main_service .prog_list:before{position: absolute;content:'';top: 0;left: clamp(16px, 1vw, 18px);height: calc(100% + 130px);border: 1px dashed var(--point-white);background: linear-gradient(var(--point-white), var(--point-white)) padding-box, var(--point-grid02) border-box;}
        .main_service .prog_list > li{position: relative;display: flex;align-items: baseline;gap: clamp(25px, 1.6vw, 30px);padding-bottom: clamp(30px, 3.2vw, 60px);}
            .main_service .prog_list > li:last-child{padding-bottom:0;}
            .main_service .prog_list > li:before{content: counter(progList, decimal-leading-zero);counter-increment: progList;display: flex;align-items: center;justify-content: center;text-align: center;min-width: clamp(34px, 2.2vw, 40px);height: clamp(34px, 2.2vw, 40px);padding-inline: 5px;background: var(--point-color09);border-radius: var(--radius-10);box-sizing: border-box;font-size: clamp(15px, 1vw, 18px);font-weight: 500;color: var(--point-white);font-family: var(--font-type04);line-height: 1;box-shadow: 0 0 0 10px var(--point-white);}
            .main_service .prog_list > li:nth-child(2):before{background: var(--point-color02);}
            .main_service .prog_list > li:nth-child(3):before{background: var(--point-color01);}
            .main_service .prog_list > li:nth-child(4):before{background: var(--point-color03);}
            .main_service .prog_list > li:nth-child(5):before{background: var(--point-color06);}
        .main_service .prog_list .exp_desc{display: grid; gap: 14px;}
        .main_service .prog_list .exp_desc dt{font-size: clamp(20px, 1.4vw, 26px);font-weight: 700;color: var(--black-color02);line-height: 1.3;letter-spacing: -0.035em;}
        .main_service .prog_list .exp_desc dd{font-size: clamp(15px, 1.2vw, 20px);font-weight: 400;color: var(--black-color02);line-height: 1.6;letter-spacing: -0.035em;display: flex;flex-wrap: wrap;gap: 12px;align-items: center;}
        .main_service .prog_list .exp_desc dd a{display: inline-flex;align-items: center;gap: 5px;font-size: 90%;font-weight: 700;color: var(--point-color03);border: 1px solid var(--point-color03);padding: 5px clamp(15px, 1.1vw, 19px) 4px;border-radius: var(--radius-10);}
        .main_service .prog_list .exp_desc dd a:after{width: clamp(15px, 1.1vw, 20px);aspect-ratio: auto 1;background: no-repeat center / 100% auto;}
        .main_service .prog_list .exp_desc dd a.kakao:after{content:'';width: clamp(17px, 1.2vw, 22px);background-image: url('../images/skin/main_service_icon01.svg');}
        .main_service .prog_list .exp_desc dd a.tel:after{content:''; background-image: url('../images/skin/main_service_icon02.svg');}

        .faq_sec{border-top: 1px solid var(--black-color02); counter-reset: faqSec;}
        .faq_sec .qa_desc{font-size: var(--title-20);  counter-increment: faqSec;}
        .faq_sec .qa_desc :where(dt, dd){position: relative;border-bottom: 1px solid var(--border-color01);letter-spacing: -0.035em;display: flex;align-items: baseline;gap: clamp(15px, 1.1vw, 20px);padding: clamp(15px, 1.4vw, 25px);}
            .faq_sec .qa_desc :where(dt, dd):before{content: 'Q' counter(faqSec) '.';min-width: clamp(40px, 44px, 2.3vw);height: clamp(40px, 44px, 2.3vw);padding-inline: 5px;display: flex;align-items: center;justify-content: center;text-align: center;font-size: clamp(15px, 1.1vw, 18px);font-weight: 700;color: var(--point-color02);line-height: 1;font-family: var(--font-type04);border: 1px solid var(--point-color02);border-radius: 100%;box-sizing: border-box;flex-shrink: 0;transition: background 0.4s;}
            .faq_sec .qa_desc dt.on:before{background: var(--point-color02);color: var(--point-white);font-weight: 500;}
            .faq_sec .qa_desc dd:before{content:'A';background: var(--point-color03);border-color: var(--point-color03);color: var(--point-white);font-weight: 500;}
            .faq_sec .qa_desc dt:after{position: absolute;content:'';width: 12px;height: 12px;border: 2px solid var(--black-color10);clip-path: var(--clip-poly02);top: 45%;right: clamp(15px, 1.4vw, 25px);translate: 0 -50%;rotate: 45deg;box-sizing: border-box;transition: all 0.4s;}
            .faq_sec .qa_desc dt.on:after{border-color: var(--point-color02);scale: -1 -1;top: 55%;}
        .faq_sec .qa_desc dt{font-size: clamp(18px, 1.2vw, 22px);font-weight: 700;color: var(--black-color02);line-height: 1.3;padding-right: 80px;cursor: pointer;}
        .faq_sec .qa_desc dd{font-size: clamp(15px, 1.2vw, 19px);font-weight: 400;color: var(--black-color02);line-height: 1.6;}

        .news_list{display: grid;grid-template: auto / repeat(3, 1fr);gap: 20px clamp(15px, 1.6vw, 26px);}
        .news_list > li{position: relative;}
        .news_list .info_desc{font-size: var(--title-20); text-align: center; display: grid; gap: 14px;}
        .news_list .info_desc dt{border-radius: var(--radius-10); width: 100%; aspect-ratio: auto 1.35; overflow: hidden; display: flex; align-items: center; justify-content: center;}
        .news_list .info_desc dt img{width: 100%; height: 100%; object-fit: cover;}
        .news_list .info_desc dd{font-size: clamp(15px, 1.1vw, 18px);font-weight: 700;color: var(--black-color02);line-height: 1.6;letter-spacing: -0.035em;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .main_service .stepTab_list > li:not(.on):hover{box-shadow: inset 0 0 0 2px var(--point-color01);}
            }

        @media (max-width:1023px) {
            .main_service{padding-bottom: clamp(70px, 12vw, 120px);}
            .main_service .w_custom{flex-wrap: wrap;}
            .main_service .fixed{position: relative;width: 100%;height: auto;padding: clamp(50px, 12vw, 120px) 0;}
			.main_service .fixed .thumb{left:-30px;width: calc(100% + 60px);}
            .main_service .stepTab_list{display: grid;grid-template: auto / repeat(4, 1fr);gap: clamp(15px, 2vw, 20px);}
            .main_service .stepTab_list > li{width: auto;max-width: none;min-height: clamp(110px, 18vw, 180px);gap: clamp(14px, 1.8vw, 18px);font-size: 120%;padding-block: clamp(20px, 3vw, 30px);}
            .main_service .prog_list > li:before{min-width: clamp(34px, 4.5vw, 40px);height: clamp(34px, 4.5vw, 40px);font-size: 90%;}
            .main_service .prog_list > li{gap: clamp(20px, 2.5vw, 25px);}
            .main_service .prog_list .exp_desc{gap: clamp(10px, 1.4vw, 14px);}
            .main_service .prog_list .exp_desc dt{font-size: 130%;}
            .main_service .prog_list .exp_desc dd{font-size: 100%;}
            .main_service .prog_list .exp_desc dd a:after{width: clamp(13px, 2vw, 20px);}
            .main_service .prog_list .exp_desc dd a.kakao:after{width: clamp(15px, 2.2vw, 22px);}
            
            .faq_sec .qa_desc :where(dt, dd){padding:clamp(20px, 2.5vw, 25px);}
                .faq_sec .qa_desc :where(dt, dd):before{min-width: clamp(38px, 4.9vw, 44px);height: clamp(38px, 4.9vw, 44px);font-size: var(--title-18);}
            .faq_sec .qa_desc dt{font-size: 110%;}
                .faq_sec .qa_desc dt:after{right: clamp(20px, 2.5vw, 25px);}
            .faq_sec .qa_desc dd{font-size: 95%;}
            
            .news_list{column-gap: clamp(15px, 2.6vw, 26px);}
            .news_list .info_desc{gap: clamp(10px, 1.4vw, 14px);}
            .news_list .info_desc dd{font-size: 90%;}
        }
        @media (max-width:640px) {
            .main_service .stepTab_list{grid-template: auto / repeat(2, 1fr);}
            .main_service .stepTab_list > li{font-size: 110%;}
            .main_service .prog_list .exp_desc dt{font-size: 120%;}
        }
        @media (max-width:479px) {
            .main_service .stepTab_list > li{font-size: 100%;}
            .main_service .prog_list .exp_desc dt{font-size: 110%;}
            .main_service .prog_list .exp_desc dd{font-size: 90%;}
            
            .faq_sec .qa_desc dt{font-size: 100%;}
                .faq_sec .qa_desc dt:after{width: 10px;height: 10px;}
            .faq_sec .qa_desc dd{font-size: 90%;}
            
            .news_list{grid-template:auto / repeat(2, 1fr)}
        }

    /* 공지사항 */
        .main_notice{height: 100vh; display: flex; align-items: center;}
        .main_notice .cont{display: grid;gap: clamp(30px, 3.2vw, 60px);}

        .board_list{gap: clamp(10px, 1.2vw, 24px);display: grid; grid-template: auto / repeat(3, 1fr); }
        .board_list > li{padding: clamp(35px, 2.1vw, 40px);padding-left: clamp(20px, 1.6vw, 30px);padding-right: clamp(20px, 1.6vw, 30px);gap: 10px 0;position: relative;background: var(--point-white);border-radius: var(--radius-10);font-size: var(--title-20);display: flex;align-items: baseline;transition: all 0.4s;}
        .board_list .link{position: absolute; inset: 0; z-index: 3;}
        .board_list .regdate{width: clamp(92px, 7.1vw, 120px);font-size: clamp(15px, 1.1vw, 18px);font-weight: 700;font-family: var(--font-type04);color: var(--point-color01);flex-shrink: 0;}
        .board_list .desc{display: grid;gap: 12px;grid-template-columns: minmax(0, 1fr);width: 100%;}
        .board_list .desc :where(dt, dd){letter-spacing: -0.035em; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
        .board_list .desc dt{font-size: clamp(18px, 1.2vw, 22px);font-weight: 700;color: var(--black-color02);line-height: 1.3;}
        .board_list .desc dd{font-size: clamp(15px, 1.1vw, 18px);font-weight: 400;color: var(--black-color02);line-height: 1.6;}
        
        .link_box{background: var(--point-color05); display:flex; border-radius: var(--radius-20); border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important;}
        .link_box .more_plus{width: 100%;justify-content: space-between;padding: 27px clamp(35px, 2.1vw, 40px);}

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

		@media (max-width:1240px) {
			.board_list > li{padding:clamp(30px, 3.5vw, 35px);padding-left: clamp(15px, 1.2vw, 20px);padding-right: clamp(15px, 1.2vw, 20px);}
			.board_list .regdate{width: clamp(88px, 7.1vw, 106px);}
		}
		@media (min-width:1024px) {
			.active .main_notice [data-aos]{transition-delay: 0.2s;}
			.active .main_notice [data-aos]:nth-child(2){transition-delay: 0.4s;}
			.active .main_notice [data-aos]:nth-child(3){transition-delay: 0.6s;}
		}
        @media (max-width:1023px) {
            .main_notice{height: auto; padding-block: clamp(70px, 12vw, 120px);}
            .main_notice .cont{gap: clamp(25px, 5vw, 50px);}
            .board_list{grid-template: auto / repeat(1, 1fr);}
            .board_list > li{padding:clamp(30px, 3.5vw, 35px);}
            .board_list .regdate{width: clamp(92px, 13.4vw, 120px);font-size: 90%; }
			.board_list .desc{gap:clamp(8px, 1.2vw, 12px);}
            .board_list .desc dt{font-size: 110%;}
            .board_list .desc dd{font-size: 90%;}

            .link_box{flex-wrap: wrap;}
            .link_box .more_plus{padding:clamp(22px, 2.7vw, 27px) clamp(30px, 3.5vw, 35px);}
            .link_box .more_plus + .more_plus{padding-top: 5px;}
        }
        @media (max-width:479px) {
            .board_list > li{flex-wrap: wrap; padding:25px;}
            .board_list .regdate{width: 100%; flex-shrink: unset;}
            .board_list .desc dt{font-size: 100%;}
			.link_box .more_plus{padding-inline: 25px;}
        }

    /* 오시는 길 */
        .main_location{height: 100vh; display: flex; align-items: center;}
        .main_location .w_custom{display: flex; align-items: center; gap: clamp(50px, 5.3vw, 100px);}
        .main_location .map{width: 46.8%;height: clamp(300px, 66vh, 600px);border-radius: var(--radius-20);overflow: hidden;flex-shrink: 0;}
        .main_location .map iframe{width: 100%; height: 100%;}
        
        .main_location .info{width: 100%;}
        .main_location .cont{border-top: 1px solid var(--border-color01);margin-top: clamp(25px, 2.7vw, 50px);padding-top: clamp(25px, 2.7vw, 50px);display: flex;flex-wrap: wrap;gap: clamp(20px, 1.6vw, 30px);}
        .main_location .addr_desc{display: flex;align-items: baseline;font-size: var(--title-20);gap: 10px 30px;}
        .main_location .addr_desc > dt{font-size: clamp(18px, 1.2vw, 22px);font-weight: 700;color: var(--point-color03);line-height: 1.6;letter-spacing: -0.035em;min-width: clamp(100px, 7.5vw, 136px);flex-shrink: 0;display: flex;align-items: baseline;gap: 12px;}
        .main_location .addr_desc > dt .icon{display: flex;width: clamp(20px, 1.3vw, 24px);flex-shrink: 0;translate: 0 5px;}
        .main_location .addr_desc > dd{font-size: clamp(15px, 1.2vw, 20px);font-weight: 400;color: var(--black-color02);line-height:1.6;letter-spacing: -0.035em;min-width: 194px;display: flex;flex-direction: column;gap: clamp(20px, 1.6vw, 30px);}
        .main_location .loca_desc{width: 100%;display: grid;gap: 12px;font-size: var(--title-20);}
        .main_location .loca_desc > dt{font-size: clamp(18px, 1.2vw, 22px);font-weight: 700;color: var(--black-color02);line-height: 1.5;letter-spacing: -0.035em;width: 100%;}
        .main_location .loca_desc > dd{font-size: clamp(15px, 1.2vw, 20px);font-weight: 400;color: var(--black-color02);line-height: 1.6;letter-spacing: -0.035em;display: flex;align-items: baseline;gap: 12px;}
        .main_location .loca_desc > dd em{display: inline-flex;align-items: center;justify-content: center;min-width: clamp(60px, 4vw, 70px);padding: 9px 5px 8px;font-size: 85%;font-weight: 500;color: var(--point-white);line-height: 1;background: var(--point-color10);border-radius: 50px;flex-shrink: 0;}
        .main_location .loca_desc > dd em.line04{background: var(--point-color11);}

            @media (min-width:1024px) {
                .active .main_location [data-aos]{transition-delay: 0.2s;}
                .active .main_location [data-aos]:nth-child(2){transition-delay: 0.4s;}
                .active .main_location [data-aos]:nth-child(3){transition-delay: 0.6s;}
            }

        @media (max-width:1023px) {
            .main_location{height: auto; padding-bottom: clamp(70px, 12vw, 120px);}
            .main_location .w_custom{flex-wrap: wrap;gap: clamp(30px, 5vw, 50px);}
            .main_location .map{width: 100%; height: auto; aspect-ratio: auto 1.25;}
            .main_location .cont{gap: clamp(20px, 3vw, 30px); margin-top: clamp(25px, 4vw, 40px); padding-top:clamp(25px, 4vw, 40px);}
            .main_location .addr_desc > dt{font-size: 110%;min-width: clamp(100px, 13.6vw, 136px);}
            .main_location .addr_desc > dt .icon{width: clamp(20px, 2.4vw, 24px);}
            .main_location .addr_desc > dd{font-size: 100%;}
            .main_location .loca_desc > dt{font-size: 110%;}
            .main_location .loca_desc > dd{font-size: 100%;}
            .main_location .loca_desc > dd em{min-width: clamp(60px, 7vw, 70px);}
        }
        @media (max-width:479px) {
            .main_location .addr_desc{flex-wrap: wrap;}
            .main_location .addr_desc > dt{min-width: auto; width: 100%; font-size: 100%;}
            .main_location .addr_desc > dd{font-size:95%;}
            .main_location .loca_desc > dt{font-size: 100%;}
            .main_location .loca_desc > dd{font-size: 95%;}
        }

    .section:has(#footer), .section:has(#footer) .fp-tableCell{height: auto !important;}

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

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
    /* 하단 */
        #footer{position: relative; background: var(--black-color13); color: var(--black-color08);}
        #footer .info{position: relative;padding-block: 60px 80px;}
        #footer .info .w_custom{display: flex;align-items: center;gap: clamp(50px, 3.2vw, 60px);}
        #footer .logo{display: block;max-width: 120px;flex-shrink: 0;}
        #footer .cont{position: relative;display: flex;flex-direction: column;gap: 31px;width: 100%;}
        #footer .ftr_title{position: relative;font-size: var(--title-20);display: grid;gap: 4px;padding-right: 350px;}
        #footer .ftr_title h5{font-size: 130%;font-weight: 700;filter: var(--filter-white);letter-spacing: -0.035em;line-height: 1.6;font-family: var(--font-type04);}
        #footer .ftr_title h6{font-size: inherit; font-weight: 300; color: var(--point-white); letter-spacing: -0.035em; line-height: 1.6;}
        #footer .addr_list{display: grid; gap: 10px; font-size: var(--title-20);}
        #footer .addr_list > li{display: flex; flex-wrap: wrap; gap: 10px 0; font-size: 90%; font-weight: 400; color: var(--black-color10); line-height: 1.6; letter-spacing: -0.035em;}
        #footer .addr_list .desc{display: flex; align-items: baseline;}
            #footer .addr_list .desc:after{content:''; width: 1px; height:12px; background: rgba(255,255,255,0.2); margin-inline:24px;}
            #footer .addr_list .desc:last-child:after{display: none;}
        #footer .addr_list .desc dt{font-weight: 500;color: rgba(255,255,255,0.7);flex-shrink: 0;max-width: 150px;padding-right: 14px;}
        #footer .sns_list{position: absolute;top:0;right:0;display: flex;flex-wrap: wrap;gap: 15px;max-width: 350px;}
        #footer .sns_list a{display: flex;align-items: center;justify-content: center;width: clamp(36px, 4vw, 50px);height: clamp(36px, 4vw, 50px);border-radius: 100%;background: var(--black-color12);padding: 10px;}
		#footer .sns_list img{opacity:0.5;}
        #footer .btm_sec{border-top: 1px solid rgba(255, 255, 255, 0.1);padding-block: 22px;font-size: var(--title-20);}
        #footer .btm_sec .w_custom{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 18px 30px;}
        #footer .copy{display: flex;flex-wrap: wrap;gap: 3px 14px;font-size: 85%;font-weight: 400;font-family: var(--font-type04);color: var(--black-color08);line-height: 1.6;letter-spacing: 0;}
        #footer .link_list{display: flex; flex-wrap: wrap; font-size: var(--title-20);}
        #footer .link_list > li{font-size: 90%;font-weight: 300;color: rgba(255,255,255,0.7);line-height: 1.6;display: flex;align-items: center;}
            #footer .link_list > li:after{content:''; width: 4px; aspect-ratio: auto 1; border-radius: 100%; background: var(--black-color10); margin-inline: 20px;}
            #footer .link_list > li:last-child:after{display: none;}
        #footer .link_list > li strong{font-weight: inherit; color: var(--point-white);}

        @media (max-width:1023px) {
            #footer .info{padding-block: clamp(40px, 6vw, 60px) clamp(50px, 8vw, 80px);}
            #footer .cont{gap: clamp(25px, 3.1vw, 31px);}
            #footer .logo{max-width: clamp(80px, 13vw, 120px);}
            #footer .ftr_title{padding-right: 0;}
            #footer .addr_list .desc:after{margin-inline: clamp(20px, 2.9vw, 24px); height: clamp(10px, 1.7vw, 12px);}
            #footer .sns_list{position: relative;inset: auto;max-width: none;gap: clamp(10px, 2vw, 15px);}
            #footer .btm_sec{padding-block: clamp(18px, 2.2vw, 22px);}
            #footer .link_list > li:after{margin-inline: clamp(15px, 2.5vw, 20px);}
        }
        @media (max-width:860px) {
            #footer .info .w_custom{flex-wrap: wrap;gap: clamp(23px, 4vw, 30px);}
        }
        @media (max-width:640px) {
            #footer .addr_list .desc:after{opacity: 0;margin-inline: 15px;}
        }
        @media (max-width:479px) {
            #footer .ftr_title h5{font-size: 120%;}
            #footer .ftr_title h6{font-size: 95%;}
        }

    /* 퀵 버튼 */
        .quick_list{position: fixed;right: 30px;bottom: 30px;z-index: 50;display: grid;justify-items: end;gap: 10px;opacity: 1;pointer-events: auto;transition: all 0.4s;}/*opacity: 0;pointer-events: none;*/
            /*#wrap:has(.section.active:not(:first-child), #header.on:not(.end)) .quick_list{opacity: 1; pointer-events: auto;}*/
        .quick_list .bundle{display: grid;justify-items: end;gap: 10px;position: absolute;right: 0;bottom:calc(100% + 10px);opacity: 0;pointer-events: none;transition: all 0.4s;}
        .quick_list .more:has(.on) .desc{background: var(--point-color01);}
        .quick_list:has(.more .on) .bundle{opacity: 1; pointer-events: all;}
        .quick_list .item{position: relative;}
        .quick_list .link{position: absolute;inset: 0;z-index: 3;}
        .quick_list .desc{position: relative;font-size: var(--title-20);border-radius: 60px;background: var(--point-color06);display: flex;align-items: center;overflow: hidden;transition: all 0.4s;}
            .quick_list .scr .desc{background: var(--black-color02);}
        .quick_list .desc dt{position: relative;display: flex;align-items: center;justify-content: center;width: clamp(40px, 5vw, 60px);height: clamp(40px, 5vw, 60px);padding: 10px;font-size: 28px;font-weight: 500;color: var(--point-white);line-height: 1;}
        .quick_list .desc dd{position: absolute;top: 0;left: 55px;width: max-content;height: 100%;font-size: 85%;font-weight: 500;color: var(--point-white);line-height: 1.4;letter-spacing: -0.035em;transition: all 0.4s;display: flex;align-items: center; opacity: 0;}

            /* over */
            @media (min-width:1024px) {
                .quick_list .youtube:hover .desc{padding-right: 125px;}
                .quick_list .blog:hover .desc{padding-right: 95px;}
                .quick_list .kakao:hover .desc{padding-right: 110px;}
                .quick_list .item:hover .desc dd{opacity: 1;}
            }

        @media (max-width:860px) {
            .quick_list{right:15px; bottom:15px;}
            .quick_list .more{display: block;}
        }