/*─────────────────────────────────────────────────────────
    COMMOM
─────────────────────────────────────────────────────────*/
    #wrap{position: relative; overflow: clip;}
    .w_custom{position: relative;width: calc(100% - 60px);max-width: 1600px;margin-inline: auto;}
    /* body::-webkit-scrollbar {display: none; } */
    main{padding-block: clamp(50px, 14vw, 140px) var(--row-gap140);}
    main:has(.full-sec){width: 100%; max-width:100%;}
    main:has(.pt-dn){padding-top:0;} 
    main:has(.pd-dn){padding-bottom:0;} 
    #wrap [class*="swiper-button"]:after{display: none;}
    .link{position: absolute; inset: 0; z-index: 5;}
    br.for_m{display: none;}
    body:has(.db-policy-overlay[style*="flex"]){overflow: clip;}
    @media (max-width:1600px) {
        br:where(.for_pc, .pc_br){display: none;}
    }
    @media (max-width:1023px) {
        br.for_pct{display: none;}
    }
    @media (max-width:860px) {
        .w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:479px) {
        br.for_pcm{display: none;}
        br.for_m{display: block;}
    }
    @media (max-width:360px) {
        br.for_m{display: none;}
    }
    @media (max-width:320px) {
        .w_custom{width: calc(100% - 20px);}
    }

/*─────────────────────────────────────────────────────────
    FAQ
─────────────────────────────────────────────────────────*/
    .pf-faq-wrap { padding-bottom: 3rem; }
    .pf-faq { margin-top: 2.5rem; }
    .pf-faq-title { font-size: 1.125rem; font-weight: 700; color: #0f172a; margin-bottom: 1rem; }
    .pf-faq-title-sub { color: #94a3b8; font-size: .875rem; font-weight: 400; }
    .pf-faq-list { display: flex; flex-direction: column; gap: .5rem; }
    .pf-faq-item { border: 1px solid #e2e8f0; overflow: hidden; background: #fff; }
    .pf-faq-toggle { width: 100%; text-align: left; padding: 1rem 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; background: transparent; border: 0; cursor: pointer; transition: background-color .15s; }
    .pf-faq-toggle:hover { background: rgba(248, 250, 252, .6); }
    .pf-faq-q { display: flex; align-items: center; gap: .75rem; min-width: 0; }
    .pf-faq-badge { flex-shrink: 0; width: 1.75rem; height: 1.75rem; display: inline-flex; align-items: center; justify-content: center; font-size: .75rem; font-weight: 700; color: #fff; }
    .pf-faq-badge--q { background: #1b1b1b; }
    .pf-faq-badge--a { background: #707070; }
    .pf-faq-question { font-weight: 500; font-size: .875rem; color: #0f172a; }
    .pf-faq-arrow { width: 1.25rem; height: 1.25rem; color: #94a3b8; flex-shrink: 0; transition: transform .2s; }
    .pf-faq-item.is-open .pf-faq-arrow { transform: rotate(180deg); }
    .pf-faq-answer { display: none; }
    .pf-faq-a { display: flex; gap: .75rem; border-top: 1px solid #e2e8f0; padding: 1rem 1.25rem; background: rgba(248, 250, 252, .6); }
    .pf-faq-answer-text { flex: 1; font-size: .875rem; color: #0f172a; line-height: 1.625; white-space: pre-line; }
    .pf-faq-answer-text.db-user-content { white-space: normal; } 
    .pf-faq-prefix { font-size: .75rem; background: #e2e8f0; color: #334155; padding: .125rem .375rem; border-radius: .25rem; margin-right: .25rem; }

/*─────────────────────────────────────────────────────────
    header
─────────────────────────────────────────────────────────*/
    #header{position: fixed; top: 0; left: 0; width: 100%; height: var(--header-h); z-index: 100; background: transparent; transition: all 0.4s;}
        #header.on{background: var(--point-white); box-shadow: 0 4px clamp(15px, 3vw, 30px) rgba(var(--point-rgb02),.08);}
    #header .header_inner{max-width: 1800px;margin: 0 auto;height: 100%;display: flex;align-items: center;justify-content: space-between;gap: 20px;}

    #header .logo{transition: all 0.4s;height: 100%;}
    #header .logo a{max-width: clamp(150px, 21vw, 200px);height: 100%;display: flex;align-items: center;padding-block: 15px;}
    #header .logo img{display: block; width: 100%; height: auto; transition: filter .4s;}

    #header .gnb_wrap{position: absolute; left: 0; right: 0; top: 0; height: 100%; width: max-content; margin: 0 auto;}
    #header .gnb{display: flex; align-items: stretch; height: 100%;}
    #header .gnb > li{position: static;transition: all 0.4s;}
    #header .gnb > li > a{display: flex;align-items: center;height: 100%;padding: 0 clamp(15px, 2vw, 38px);font-size: clamp(14px, 1.1vw, 20px);font-weight: 600;color: var(--black-color02);transition: inherit;}
    #header .gnb > li > a span{position: relative; display: block; line-height: 1.5;}
    #header .gnb > li > a span::before{content: ''; position: absolute; left: 0; bottom: -4px; width: 0; height: 2px; background: currentColor; transition: width .4s;}
    #header .gnb > li.active > a span::before{width: 100%;}

    #header .depth2_wrap{position: fixed; left: 0; top: var(--header-h); width: 100%; padding: 0 40px; background: var(--point-white); border-top: 1px solid var(--border-color03); box-shadow: 0 5px 10px rgba(0,0,0,.05); opacity: 0; visibility: hidden; transform: translateY(-16px); transition: opacity .4s var(--ease), transform .5s var(--ease), visibility 0s .5s;}
    #header .depth_in{display: flex; align-items: flex-start; width: min(1800px, 100%); margin: 0 auto; min-height: 300px;}
    #header .depth_tit{flex-shrink: 0; width: 280px; align-self: stretch; padding: 36px 40px 36px 0; border-right: 1px solid var(--border-color03);}
    #header .depth_tit .tit{font-size: var(--text-28); font-weight: 700; color: var(--black-color02); line-height: 1.6;}
    #header .depth2{flex: 1; min-width: 0; display: grid; grid-template-columns: repeat(6, 1fr); align-content: flex-start; gap: 30px 24px; padding: 44px 40px 40px;}
    #header .depth2 > li{min-width: 0;}
    #header .depth2 > li > a{display: block; font-size: var(--text-19); font-weight: 600; color: var(--black-color02); line-height: 1.6; transition: color .2s;}
    
    #header .depth3{margin-top: 15px;}
    #header .depth3 li{line-height: 34px;}
    #header .depth3 li a{display: block; font-size: var(--text-16); font-weight: 500; color: var(--black-color07); transition: color .2s;}
    

    #header .header_util{display: flex;align-items: center;gap: clamp(15px, 2.8vw, 28px);flex-shrink: 0;transition: all 0.4s;}
    #header .util_menu{display: flex; align-items: center; gap: clamp(12px, 1.4vw, 22px);}
    #header .util_menu li a{display: flex;align-items: center;gap: clamp(10px, 1.5vw, 13px);color: var(--point-color03);transition: color .3s;}
    #header .util_tel .ico{position: relative;display: flex;align-items: center;justify-content: center;width: clamp(30px, 4.2vw, 40px);aspect-ratio: auto 1;border-radius: 50%;flex-shrink: 0;overflow: hidden;padding: 8px;}
    #header .util_tel .ico::before{content: ''; position: absolute; inset: 0; border-radius: 50%; border: 1px solid currentColor; opacity: .4;}
    #header .util_tel .ico svg{width: clamp(14px, 2vw, 18px);height: auto;}
    #header .util_tel .call_num{font-family: var(--font-type02); font-size: var(--text-24); font-weight: 700; line-height: 1.07; letter-spacing: 0; transform: translateY(1px);}
    #header .btn_menu{width: 26px; height: 20px; background: none; position: relative; display: flex; flex-direction: column; justify-content: space-between;}
    #header .btn_menu span{display: block; width: 100%; height: 2px; background: var(--black-color02); border-radius: 2px; transition: all .3s;}
    #header .btn_menu span:nth-child(2){width: 70%; margin-left: auto;}
    

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

        @media (hover:hover) and (pointer: fine) {
            #header:hover{background: var(--point-white); }
            #header:not(.on):hover :where(.logo, .gnb > li > a, .header_util){filter: none;}
            #header .gnb > li:hover > a span::before{width: 100%;}
            #header .gnb > li:hover .depth2_wrap{opacity: 1; visibility: visible; transform: translateY(0); transition: opacity .4s var(--ease), transform .5s var(--ease), visibility 0s;}
            #header .depth2 > li > a:hover{color: var(--point-color03);}
            #header .depth3 li a:hover{color: var(--point-color03);}
            #header .btn_menu:hover span:nth-child(2){width: 100%;}
        }

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

    /* Aside */
        .all_menu{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--point-color02); color: var(--point-white); z-index: 200; transform: translateY(-100%); transition: transform .7s var(--ease); display: flex; align-items: center; overflow-y: auto;}
            .all_menu.on{transform: translateY(0);}
            body:has(.all_menu.on){overflow: clip;}
        .dim{position: fixed; inset: 0; background: rgba(var(--point-rgb02),.5); z-index: 150; opacity: 0; visibility: hidden; transition: all .4s;}
        .dim.open{opacity: 1; visibility: visible;}
        .all_menu_inner{position: relative; width: min(var(--inner-w), 100% - 40px); margin: 0 auto;}
        .all_menu_head{display: flex; align-items: flex-end; padding: 0 0 50px; border-bottom: 1px solid rgba(255,255,255,.2);}
        .all_menu_head .tit{font-family: var(--font-type01); font-size: var(--text-70); font-weight: 600; line-height: 1; letter-spacing: -0.02em;}
        .btn_close{position: absolute;right: 0;top: 10px;width: clamp(40px, 6vw, 60px);aspect-ratio: auto 1;border: 1px solid var(--point-white);border-radius: 50%;background: none;color: var(--point-white);display: flex;align-items: center;justify-content: center;transition: all .3s;}
        .btn_close svg{width: 50%; height: 50%; transition: transform .4s;}
        .all_gnb{display: flex; align-items: flex-start; justify-content: space-between; padding: 0 30px; margin-top: 50px;}
        .all_gnb > li + li{margin-left: 70px;}
        .all_gnb .dep1{display: inline; font-size: var(--text-24); font-weight: 600; color: var(--point-white); line-height: 1.5;}
        .all_gnb .dep2{display: block; margin-top: 40px;}
        .all_gnb .dep2 li a{display: inline-block; padding: .6em 0; font-size: var(--text-18); font-weight: 500; color: var(--point-white); line-height: 1.5;}
        .all_gnb .dep2 li.group > a{font-weight: 500; color: var(--point-white);}
        .all_gnb .dep3{padding-bottom: 6px;}
        .all_gnb .dep3 li a{padding: .4em 0 .4em 7px; font-size: var(--text-17); font-weight: 200;}
        .all_gnb .dep3 li a::before{content: '- ';}

            @media (hover:hover) and (pointer: fine) {
                .btn_close:hover svg{transform: rotate(90deg);}
            }

            @media (min-width:1025px) {
                .all_gnb .dep2{display: block !important;}
            }

        @media (max-width:1024px) {
            .all_menu{align-items: flex-start;}
            .all_menu_inner{padding: 40px 0;}
            .all_menu_head{padding: 0 0 20px;}
            .all_gnb{padding: 0;}
            .all_gnb > li + li{margin-left: 0;}
            .btn_close{top: 40px;right: 0;}
            .btn_close svg{width: 20px; height: 20px;}
            .all_gnb{flex-direction: column; gap: 0; margin-top: 10px;}
            .all_gnb > li{border-bottom: 1px solid rgba(255,255,255,.15);width: 100%;}
            .all_gnb .dep1{display: flex;align-items: center;justify-content: space-between;padding-block: 18px;width: 100%;}
            .all_gnb .dep1::after{content: '';inline-size: 8px;aspect-ratio: auto 1;border-right: 1.5px solid currentColor;border-bottom: 1.5px solid currentColor;transform: rotate(45deg);opacity: .6;transition: transform .3s;}
            .all_gnb > li:not(:has(ul)) .dep1::after{display:none;}
            .all_gnb > li.on .dep1::after{transform: rotate(-135deg);}
            .all_gnb .dep2{display: none; margin-top: 0; padding: 0 0 16px;}
            .all_gnb .dep2 li a{display: block; padding: 6px 10px;}
            .all_gnb .dep3 li a{padding-left: 16px;}
        }

/*─────────────────────────────────────────────────────────
    Main
─────────────────────────────────────────────────────────*/
    /* 비주얼 */
        .main_visual{position: relative; height: 100vh; height: 100svh; min-height: 560px; max-height: 960px; overflow: hidden; background: var(--point-color02);}
        .visual_slide{width: 100%; height: 100%;}
        .visual_slide .swiper-slide{position: relative; overflow: hidden;}
        .visual_slide .slide_bg{position: absolute; inset: 0; background-size: cover; background-position: center; transform: scale(1.08); transition: transform 6s var(--ease);}
        .visual_slide .swiper-slide-active .slide_bg{transform: scale(1);}
        .visual_slide .bg01{background-image: linear-gradient(120deg, var(--point-color02) 0%, var(--point-color03) 55%, var(--point-color04) 100%);}
        .visual_slide .bg02{background-image: linear-gradient(120deg, var(--point-color02) 0%, var(--point-color03) 60%, var(--point-light) 100%);}
        .visual_slide .bg03{background-image: linear-gradient(120deg, var(--point-color03) 0%, var(--point-color04) 50%, var(--point-light) 100%);}
        .visual_slide .slide_bg img{width: 100%; height: 100%; object-fit: cover; }
        .visual_slide .slide_bg::after{content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.48) 45%, rgba(0,0,0,.20) 100%), linear-gradient(to top, rgba(0,0,0,.42) 0%, rgba(0,0,0,.18) 40%, rgba(0,0,0,0) 75%), linear-gradient(90deg, rgba(var(--point-rgb02),.28) 0%, rgba(var(--point-rgb02),0) 70%);}
        .visual_slide .inner{position: relative; z-index: 2; height: 100%; display: flex; align-items: center;}
        .visual_slide .txt_box{max-width: 860px; color: var(--point-white);}
        .visual_slide .eyebrow{display: block;font-size: var(--text-24);font-weight: 500;line-height: 1.4;margin-bottom: clamp(15px, 2vw, 20px);opacity: .9;}
        .visual_slide .tit{display: block; font-size: var(--text-64); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em;}
        .visual_slide .des{font-size: var(--text-21);font-weight: 400;line-height: 1.7;margin-top: clamp(25px, 3.6vw, 36px);opacity: .9;}
        .visual_slide .txt_box > *{opacity: 0; transform: translateY(24px); transition: opacity .4s ease, transform .4s ease;}
        .visual_slide .swiper-slide-active .txt_box > *{opacity: 1; transform: translateY(0); transition: opacity 1s cubic-bezier(.22, 1, .36, 1), transform 1.1s cubic-bezier(.22, 1, .36, 1);}
        .visual_slide .swiper-slide-active .txt_box .eyebrow{transition-delay: .5s;}
        .visual_slide .swiper-slide-active .txt_box .tit{transition-delay: .65s;}
        .visual_slide .swiper-slide-active .txt_box .des{transition-delay: .8s;}
        .visual_slide .swiper-slide-active .txt_box .btn_visual{transition-delay: .95s;}
        .btn_visual :where(button, a){margin-top: var(--row-gap60); backdrop-filter: blur(4px);}

        .visual_ctrl{position: absolute;z-index: 5;left: 50%;bottom: clamp(30px, 10vw, 102px);transform: translateX(-50%);width: min(var(--inner-w), 100% - 40px);display: flex;align-items: center;color: var(--point-white);flex-wrap: wrap;}
        .visual_ctrl button{display: flex; align-items: center; justify-content: center; background: none; color: var(--point-white); padding: 0;}
        .visual_counter{display: flex;align-items: center;width: clamp(65px, 9vw, 80px);margin-right: clamp(10px, 2vw, 20px);font-family: var(--font-type02);font-size: var(--text-17);font-weight: 500;line-height: 32px;}
        .visual_counter .slash{margin: 0 7px; font-size: var(--text-16); opacity: .6;}
        .visual_counter .total{opacity: .6;}
        .visual_bar{position: relative;width: clamp(120px, 25vw, 240px);height: 2px;background: rgba(255,255,255,.2);}
        .visual_bar .bar{position: absolute; left: 0; top: 0; height: 100%; width: 0; background: var(--point-white);}
        .visual_bar .bar.run{animation: visualBar var(--visual-delay, 5s) linear forwards;}
        .visual_ctrl.paused .visual_bar .bar{animation-play-state: paused;}
        @keyframes visualBar{from{width: 0;} to{width: 100%;}}
        .visual_play{width: 16px; height: 16px; margin-left: 20px;}
        .visual_play .ico_pause{display: none; width: 10px; height: 16px; border-left: 2px solid currentColor; border-right: 2px solid currentColor;}
        .visual_play .ico_play{display: none; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid currentColor; margin-left: 3px;}
        .visual_play.is_playing .ico_pause{display: block;}
        .visual_play:not(.is_playing) .ico_play{display: block;}
        .visual_arr{display: flex;margin-left: clamp(5px, 2vw, 20px);}
        .visual_arr button{width: 16px; height: 28px; margin-left: 12px;}
        .visual_arr button svg{width: clamp(24px, 3vw, 28px);height: auto;flex-shrink: 0;}
        .visual_arr button:hover{opacity: .6;}

    /* 공통 타이틀 */
        .main_title{text-align: center;margin-bottom: var(--row-gap60);text-wrap: balance;}
        .main_title.ta_left{text-align: left;}
        .main_title span{display: inline-block; font-family: var(--font-type01); font-size: var(--text-18); font-weight: 500; color: var(--point-color03); letter-spacing: normal; margin-bottom: var(--row-gap25);}
        .main_title h3{font-family: var(--font-type02); font-size: var(--text-50); font-weight: 500; color: var(--black-color01); line-height: 1.35; letter-spacing: -0.04em;}
        .main_title h3 strong{font-weight: 700;}
        .main_title h3 em{font-weight: 700; color: var(--point-color03);}

    /* 공통 버튼 : 로고 엠블럼(방패) 형태 - 상단 각짐 + 하단 라운드 + 안쪽 이중 라인 */
        .view_btn_box{display: flex; flex-wrap: wrap; gap: 10px; margin-top: var(--row-gap60);}
        .view_btn_box.center{justify-content: center;}
        .view_btn{display: inline-flex;align-items: center;justify-content: center;min-height: clamp(50px, 6.5vw, 60px);padding: 10px clamp(25px, 4.4vw, 44px);border-radius: 6px;background: transparent;border: 1px solid var(--point-color02);color: var(--point-color02);font-size: var(--text-19);font-weight: 600;transition: all .3s var(--ease);}
        .view_btn span{display: inline-flex; align-items: center; gap: 10px;}
        .view_btn span::after{content: '';width: clamp(17px, 2.1vw, 19px);aspect-ratio: auto 1;height: auto;background: currentColor;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E") center / contain no-repeat;transition: transform .3s;}
        .view_btn.white{background: var(--point-white); border-color: var(--point-white); color: var(--point-color03);}
        .view_btn.white.line{background: transparent; border-color: rgba(255,255,255,.6); color: var(--point-white);}

            @media (hover:hover) and (pointer: fine) {
                .view_btn:hover{background: var(--point-color02); color: var(--point-white);}
                .view_btn:hover span::after{transform: translateX(4px);}
                .view_btn.blue{border-color: var(--point-color03); color: var(--point-color03);}
                .view_btn.blue:hover{background: var(--point-color03); color: var(--point-white);}
                .view_btn.white:hover{background: var(--point-color04); border-color: var(--point-color04); color: var(--point-white);}
                .view_btn.white.line:hover{background: var(--point-white); border-color: var(--point-white); color: var(--point-color03);}
            }

    /* 이미지 placeholder (실제 이미지 교체 전 기본 배경) */
        .img_ph{position: relative; overflow: hidden; background: linear-gradient(135deg, var(--point-bg02) 0%, var(--point-bg01) 60%, #fff 100%);}
        .img_ph::before{content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle at 20% 20%, rgba(var(--point-rgb03),.18) 0, transparent 40%), radial-gradient(circle at 80% 80%, rgba(var(--point-rgb04),.22) 0, transparent 45%);}
        .img_ph img{position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover;}

    /* main_doctor */
        .main_doctor{padding-block: var(--row-gap160); position: relative; }
        .main_doctor .bg{position: absolute; inset: 0; overflow: hidden;}
        .main_doctor .bg img{width: 100%; height: 100%; object-fit: cover;}
        .main_doctor .txt_box{width:100%;}
        .main_doctor .main_title{margin-bottom: var(--row-gap40);}
        .main_doctor .inner{gap: clamp(40px, 6vw, 100px);display: flex;}
        .main_doctor .des h4{font-size: var(--text-24); font-weight: 500; color: var(--black-color03); line-height: 1.5; margin-bottom: var(--row-gap40);}
        .main_doctor .des p{font-size: var(--text-17); color: var(--black-color06); line-height: 1.8; margin-bottom: 14px;}
        .media_list{display: flex; flex-direction: column; gap: 6px; margin-bottom: var(--row-gap50); padding-top: var(--row-gap40); border-top: 1px solid var(--border-color03);}
        .media_list li{position: relative;padding-left: clamp(12px, 1.6vw, 14px);font-size: var(--text-18);color: var(--black-color04);line-height: 1.6;}
        .media_list li::before{content: '';position: absolute;left: 0;top: clamp(10px, 1.4vw, 12px);width: clamp(3px, 0.6vw, 4px);aspect-ratio: auto 1;border-radius: 50%;background: var(--point-color03);}

        .main_doctor .img_box{position: relative;width: 46%;flex-shrink: 0;}
        .main_doctor .img01{position: relative;border-radius: var(--radius-20);overflow: hidden;box-shadow: var(--shadow-01);width: 100%;height: 100%;}
        .main_doctor .img01 .img_ph{width: 100%; height: 100%;}
        .main_doctor .name_tag{position: absolute; left: clamp(20px, 2.5vw, 36px); bottom: clamp(20px, 2.5vw, 36px); padding: 20px 26px; border-radius: var(--radius-10); background: rgba(255,255,255,.9); backdrop-filter: blur(8px); box-shadow: var(--shadow-01);}
        .main_doctor .name_tag em{display: block; font-size: var(--text-17); font-weight: 500; color: var(--point-color03); margin-bottom: 4px;}
        .main_doctor .name_tag strong{font-size: var(--text-30); font-weight: 700; color: var(--black-color01); letter-spacing: -0.02em;}

        @media (max-width:1024px) {
            .main_doctor .inner{flex-wrap: wrap;}
            .main_doctor .img_box{width: auto;flex-shrink:unset;}
        }

    /* main_treat */
        .main_treat{position: relative; padding-block: var(--row-gap160); color: var(--point-white); background: var(--point-color02); overflow: visible;}
        .main_treat::before{content: ''; position: absolute; inset: 0; background-image: radial-gradient(ellipse at 20% 0%, rgba(var(--point-rgb04),.45) 0, transparent 55%), radial-gradient(ellipse at 90% 100%, rgba(var(--point-rgb03),.6) 0, transparent 50%); background-size: cover; background-position: center; opacity: .9;}
        .main_treat::after{content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(var(--point-rgb02),.3), rgba(var(--point-rgb02),.6));}
        .main_treat .inner{position: relative; z-index: 2;}
        .main_treat .cont_in{display: flex; justify-content: space-between; align-items: flex-start; gap: clamp(30px, 3vw, 50px);}
        .main_tit_box{flex-shrink: 0;width: min(460px, 30%);position: sticky;top: calc(var(--header-h) + 60px);}
        .eng_tit{display: block;font-family: var(--font-type01);font-size: var(--text-18);font-weight: 400;letter-spacing: 0.05em;color: var(--point-color03);margin-bottom: 18px;letter-spacing: 0.02em;}
        .main_tit_box .eng_tit{font-size: var(--text-18);font-weight: 500;margin-bottom: var(--row-gap25);color: var(--point-white);}
        .main_tit_box .tit{font-family: var(--font-type02); font-size: var(--text-50); font-weight: 500; line-height: 1.35; color: var(--point-white); letter-spacing: -0.04em;}
        .main_tit_box .tit strong{font-weight: 700;}
        .main_tit_box .txt{margin-top: var(--row-gap25); font-size: var(--text-20); line-height: 1.6; color: rgba(255,255,255,.8);}
        .main_treat .cont_in{container-type: inline-size;}
        .treatment_list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; width: 100%; max-width: 920px; padding-bottom: clamp(140px, 17.5vw, 280px); padding-bottom: calc((min(920px, 100cqw - 510px) - 24px) / 2 * 520 / 418 / 2);}
        .treatment_list .item:nth-child(2n){translate: 0 50%;}
        .treatment_list .item{position: relative; backface-visibility: hidden;}
        .treatment_list .item a{display: block;position: relative;min-height: clamp(320px, 55.8vw, 558px);border-radius: var(--radius-24);overflow: hidden;background: var(--point-color03);transform: translateZ(0);}
        .treatment_list .item .img_box{position: absolute; inset: 0;}
        .treatment_list .item .img_box img{width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease);}
        .treatment_list .item .img_box::after{content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(var(--point-rgb02),.85) 0%, rgba(var(--point-rgb02),.55) 35%, rgba(var(--point-rgb02),0) 65%); pointer-events: none; z-index: 1;}
        .treatment_list .item:nth-child(1) a{background: radial-gradient(circle at 25% 30%, rgba(var(--point-rgb04),.6), transparent 55%), linear-gradient(160deg, var(--point-color03), var(--point-color02));}
        .treatment_list .item:nth-child(2) a{background: radial-gradient(circle at 75% 20%, rgba(var(--point-rgb04),.55), transparent 55%), linear-gradient(200deg, var(--point-color02), var(--point-color03));}
        .treatment_list .item:nth-child(3) a{background: radial-gradient(circle at 50% 80%, rgba(var(--point-rgb04),.5), transparent 55%), linear-gradient(120deg, var(--point-color03), var(--point-color02));}
        .treatment_list .item:nth-child(4) a{background: radial-gradient(circle at 20% 70%, rgba(var(--point-rgb04),.55), transparent 55%), linear-gradient(140deg, var(--point-color02), var(--point-color04));}
        .treatment_list .txt_box{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;padding: clamp(25px, 3.2vw, 32px);transition: padding .5s var(--ease);}
        .treatment_list .tags{display: flex;flex-wrap: wrap;gap: clamp(8px, 1.7vw, 12px);margin-bottom: clamp(12px, 1.6vw, 16px);}
        .treatment_list .tags li{position: relative;isolation: isolate;display: inline-flex;align-items: center;justify-content: center;padding: clamp(6px, 1.3vw, 8px) clamp(15px, 2vw, 20px);border: 1px solid rgba(255,255,255,.28);border-radius: 9999px;font-size: var(--text-16);font-weight: 400;color: var(--point-white);line-height: 1.6;white-space: nowrap;}
        .treatment_list .tags li::before{content: ''; position: absolute; inset: 0; border-radius: 999px; background: rgba(var(--point-rgb02),.5); backdrop-filter: blur(8px); transform: translateZ(0);}
        .treatment_list .tags li::after{content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: rgba(255,255,255,.12) -3px -3px 3px inset, rgba(255,255,255,.14) 2px 2px 3px inset; pointer-events: none;}
        .treatment_list .tags li > span{position: relative; z-index: 1;}
        .treatment_list .tit{font-size: var(--text-34); font-weight: 700; line-height: 1.5; color: var(--point-white);}
        .treatment_list .desc{max-height: 0; margin-top: 0; font-size: var(--text-18); line-height: 1.6; color: rgba(255,255,255,.85); overflow: hidden; opacity: 0; transition: all .5s var(--ease);}
        

            @media (min-width:1025px) {
                .treatment_list .item:hover .desc{max-height: 6em; margin-top: 14px; opacity: 1;}
                .treatment_list .item:hover .img_box img{transform: scale(1.06);}
            }

        @media (max-width:1024px) {
            .main_treat .cont_in{flex-wrap: wrap;}
            .main_tit_box{position: relative; inset: auto; width: 100%; flex-shrink: unset; }
            .treatment_list{padding-bottom: calc((100cqw - 24px) / 2 * 520 / 418 / 2);}
            .treatment_list .item:nth-child(2n){translate: 0 50%;}
            .treatment_list .desc{max-height: none;opacity: 1;margin-top: var(--row-gap10);}
        }
        @media (max-width:640px) {
            .treatment_list{padding-bottom: 0; grid-template-columns:repeat(1, 1fr);}
            .treatment_list .item:nth-child(2n){translate: 0;}
        }

    /* main_disease */
        .main_disease{padding-block: var(--row-gap160);background: var(--point-white);overflow: hidden;}
        .disease_slide{overflow: clip visible;}
        .disease_slide .swiper-slide{height:auto;}
        .disease_item{display: flex;flex-direction: column;align-items: center;gap: clamp(12px, 1.8vw, 18px);padding: clamp(30px, 5vw, 50px) 10px;border-radius: var(--radius-16);background: var(--point-bg01);border: 1px solid transparent;transition: all .4s var(--ease);height: 100%;}
        .disease_item .ico{width: clamp(70px, 12vw, 120px);aspect-ratio: auto 1;border-radius: 50%;background: var(--point-white);display: flex;align-items: center;justify-content: center;box-shadow: 0 clamp(4px, 0.8vw, 8px) clamp(12px, 2.4vw, 24px) rgba(var(--point-rgb03),.08);transition: all .4s;padding: 12px;overflow: hidden;}
        .disease_item .ico img{transition: filter .4s;}
        .disease_item b{font-size: var(--text-24); margin-top: 8px; font-weight: 600; color: var(--black-color02); transition: color .3s; text-align: center;}
        .disease_item .goto{display: inline-flex;align-items: center;gap: 6px;margin-top: clamp(-8px, -0.8vw, -4px);font-size: var(--text-17);color: var(--black-color09);transition: color .3s;}
        .disease_item .goto svg{width: 14px; height: 14px; transition: transform .3s;}
        .disease_paging{display: flex;justify-content: center;align-items: center;gap: clamp(12px, 1.6vw, 16px);margin-top: var(--row-gap60);}
        .disease_pagination, .disease_pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{position: relative;left: auto;top: auto;width: clamp(120px, 14.4vw, 144px);height: clamp(4px, 0.7vw, 5px);margin: 0;border-radius: 80px;background: var(--border-color03);overflow: hidden;}
        .disease_pagination .swiper-pagination-progressbar-fill{background: var(--point-color02);}
        .disease_paging button{width: clamp(24px, 3vw, 28px);aspect-ratio: auto 0.637;background: none;color: var(--black-color02);display: flex;align-items: center;justify-content: center;transition: color .3s;}
        .disease_paging button svg{width: clamp(24px, 3vw, 28px);height: auto;}
        .disease_paging button.swiper-button-disabled{opacity: .35; cursor: default;}

            @media (hover:hover) and (pointer: fine) {
                .disease_item:hover .goto{color: var(--point-white);}
                .disease_item:hover .goto svg{transform: translateX(4px);}
                .disease_item:hover{background: var(--point-color03); border-color: var(--point-color03); transform: translateY(-8px); box-shadow: 0 20px 40px rgba(var(--point-rgb03),.25);}
                .disease_item:hover .ico{background: rgba(255,255,255,.15); box-shadow: none;}
                .disease_item:hover .ico img{filter: var(--filter-white);}
                .disease_item:hover b{color: var(--point-white);}
                .disease_paging button:hover{color: var(--point-color03);}
            }

        @media (max-width:479px) {
            .disease_slide{overflow: visible;}
        }

    /* main_youtube */
        .main_youtube{padding-bottom: var(--row-gap160); background: var(--point-white);}
        .video_wrap{display: flex;gap: clamp(15px, 2vw, 20px);}
        .video_viewer{position: sticky;flex: 1;height: clamp(300px, 56vw, 560px);overflow: hidden;border-radius: var(--radius-16);background: var(--black-color00);box-shadow: var(--shadow-01);top: 150px;}
        .video_viewer iframe{position: absolute; inset: 0; width: 100%; height: 100%; display: block;}
        .video_list{width: 100%;display: flex; flex-direction: column; gap: clamp(10px, 2.5vw, 20px);}
            .main_youtube .video_list{ width: 40%;max-width: 600px; max-height: 100%;}
        .video_list li{min-height: 50px;flex-grow: 1;}
        .video_item{display: flex; justify-content: space-between; height: 100%;}
        .video_item .video_text{flex: 1;display: flex;align-items: center;gap: 12px;min-width: 0;padding: 20px clamp(16px, 1.6vw, 24px);border-radius: var(--radius-10);background: var(--gray-bg01);border: 2px solid transparent;font-size: var(--text-22);font-weight: 500;color: var(--black-color02);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .35s var(--ease);}
        .video_item .video_text span{display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
        .video_item .thumb{width: clamp(90px, 9.7vw, 140px);height: 100%;margin-left: clamp(10px, 1.6vw, 16px);border-radius: var(--radius-10);overflow: hidden;flex-shrink: 0;position: relative;border: 2px solid transparent;transition: border-color .35s;}
        .video_item .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .video_item .thumb.no_thumb{background: var(--gray-bg01);}
        .video_item .thumb::after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: clamp(24px, 3.2vw, 30px);aspect-ratio: auto 1;border-radius: 50%;background: rgba(255,255,255,.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231A376A'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") no-repeat center / clamp(14px, 1.8vw, 16px);}
        .video_item.active .video_text{border-color: var(--point-color03); color: var(--point-color03); background: var(--point-white);}
        .video_item.active .thumb{border-color: var(--point-color03);}

            @media (hover:hover) and (pointer: fine) {
                .video_item:hover .video_text{border-color: var(--point-color03); color: var(--point-color03); background: var(--point-white);}
                .video_item:hover .thumb{border-color: var(--point-color03);}
            }

        @media (max-width:1024px) {
            .video_wrap{flex-direction: column;}
            .video_viewer{width: 100%;position: relative;inset: auto;flex: unset;}
            .main_youtube .video_list{flex-direction: row;max-width: none;overflow: hidden;overflow-x: auto;width: calc(100% + 60px);margin-left: -30px;padding-inline: 30px;min-width: 0;}
            .main_youtube .video_list li{flex-shrink:0;width: calc(100% - clamp(30px, 9vw, 80px));}
            .video_item .thumb{width: clamp(80px, 14vw, 140px);}
        }
        
    /* main_notice */
        .main_notice{padding: var(--row-gap160) 0; background: var(--point-bg01); overflow: hidden;}
        .notice_list{display: grid;grid-template-columns: repeat(4, 1fr);gap: clamp(15px, 1.6vw, 24px);}
        .notice_list li{display: flex;}
        .notice_card{display: flex;flex-direction: column;flex: 1;min-width: 0;padding: clamp(25px, 4.4vw, 44px) clamp(20px, 3.8vw, 38px);background: var(--point-white);border: 1px solid var(--border-color01);border-radius: var(--radius-16);transition: all .4s var(--ease);}
        .notice_card strong{flex: 1; font-size: var(--text-24); font-weight: 600; color: var(--black-color01); line-height: 1.4; min-height: calc(1.4em * 2); margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
        .notice_card .more_box{display: flex;align-items: center;justify-content: space-between;margin-top: var(--row-gap30);flex-wrap: wrap;gap: 10px;}
        .notice_card .date{font-size: var(--text-15); font-weight: 400; color: var(--black-color06); letter-spacing: 0.01em;}
        .notice_card .more{font-size: var(--text-17); font-weight: 500; color: var(--point-color03); display: inline-flex; align-items: center; gap: 8px;}
        .notice_card .more::after{content: ''; width: 6px; height: 6px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg);}

            @media (hover:hover) and (pointer: fine) {
                .notice_card:hover{border-color: var(--point-color03); transform: translateY(-8px); box-shadow: 0 clamp(12px, 2.4vw, 24px) clamp(25px, 5vw, 50px) rgba(var(--point-rgb03),.12);}
                .main_notice .notice_card:not(:hover){border-color: var(--trans-color);}

            }

        @media (max-width:1024px) {
            .notice_list{grid-template-columns: repeat(2, 1fr)} 
        }
        @media (max-width:640px) {
            .notice_list{grid-template-columns: repeat(1, 1fr)} 
        }

/*─────────────────────────────────────────────────────────
    Footer
─────────────────────────────────────────────────────────*/
    /* 하단 */
        #footer .ft_sect{padding-block: clamp(80px, 7.4vw, 142px) var(--row-gap60);background: var(--point-color02);color: var(--point-white);}
        #footer .ft_in{width: min(var(--inner-w), 100% - 40px); margin: 0 auto;}
        #footer .top{display: grid;grid-template-columns: repeat(2, 1fr);gap: clamp(30px, 3vw, 57px);align-items: stretch;}
        #footer .map_wrap{width: 100%;height: 100%;min-height: clamp(300px, 39vw, 380px);border-radius: var(--radius-16);overflow: hidden;}
        #footer .map_wrap iframe{display: block; width: 100%; height: 100%;}
        #footer .txt_wrap{max-width: none;}
        #footer .direction_box .tit{font-size: var(--text-40); font-weight: 700; line-height: 1.5;}
        #footer .addr_box{display: flex;align-items: center;gap: clamp(10px, 1.7vw, 17px);margin-top: clamp(15px, 2.8vw, 28px);}
        #footer .addr_box .addr{font-size: var(--text-20); font-weight: 400; line-height: 1.5; color: var(--point-white);}
        #footer .map_btn_wrap{display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px 8px; margin-top: 28px;}
        #footer .map_btn_wrap a{display: flex;align-items: center;justify-content: center;min-height: clamp(42px, 5.1vw, 46px);border-radius: 5px;background: rgba(255,255,255,.2);font-size: var(--text-17);color: var(--point-white);transition: background .3s;padding: 10px 15px;}
        #footer .info_box{margin-top: var(--row-gap50);}
        #footer .addr_box .desc, #footer .call_box .desc, #footer .time_box .desc{flex-shrink: 0;display: flex;align-items: center;gap: 8px;width: clamp(95px, 14vw, 130px);font-size: var(--text-18);font-weight: 700;white-space: nowrap;}
        #footer .addr_box .desc svg, #footer .call_box .desc svg, #footer .time_box .desc svg{width: clamp(16px, 2vw, 18px);height: auto;flex-shrink: 0;}
        #footer .call_box{display: flex;align-items: center;gap: clamp(10px, 1.7vw, 17px);}
        #footer .call_box .call{font-family: var(--font-type02); font-size: var(--text-34); font-weight: 700; line-height: 1; letter-spacing: normal;}
        #footer .time_box{display: flex;align-items: flex-start;gap: 14px clamp(10px, 1.7vw, 17px);margin-top: clamp(25px, 4.7vw, 47px);}
        #footer .time_box .desc{padding-top: 2px;}
        #footer .box_wrap{display: flex;flex-wrap: wrap;gap: 8px 32px;width: 100%;}
        #footer .box_wrap .box{display: flex; align-items: center; font-size: var(--text-18); white-space: nowrap;}
        #footer .box_wrap .day{width: clamp(65px, 9vw, 80px);flex-shrink: 0;}
        #footer .box_wrap .time{font-weight: 700;}
        #footer .box_wrap .notice{display: flex;flex-direction: column;gap: 4px;margin-top: 6px;font-size: var(--text-17);font-weight: 300;line-height: 1.6;color: rgba(255,255,255,.6);width: 100%;}
        #footer .middle{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;gap: 15px 30px;margin-top: clamp(20px, 6vw, 60px);padding-top: clamp(20px, 4vw, 40px);border-top: 1px solid rgba(255,255,255,.15);}
        #footer .middle .txt_wrap{display: flex; align-items: center; flex-wrap: wrap; max-width: none;}
        #footer .middle .txt + .txt::before{content: '';display: inline-block;width: 3px;aspect-ratio: auto 1;margin-inline: 14px;border-radius: 50%;background: rgba(255,255,255,.5);vertical-align: middle;}
        #footer .middle .txt{font-size: var(--text-17); color: var(--point-white); transition: opacity .3s;}
        #footer .middle .txt b{font-weight: 700;}
        #footer .ico_wrap{display: flex; justify-content: flex-end; align-items: center; gap: 10px;}
        #footer .ico_wrap .ico{display: flex;align-items: center;justify-content: center;inline-size: clamp(38px, 5.2vw, 50px);aspect-ratio: auto 1;border-radius: 50%;background: rgba(255,255,255,.15);color: var(--point-white);transition: background .3s;overflow: hidden;padding: 10px;}
        #footer .ico_wrap .ico img{max-width: 20px;}
        #footer .ft_logo{margin-top: 40px;max-width: clamp(150px, 21vw, 200px);}
        #footer .ft_logo img{display: block; width: 100%; opacity: .5; filter: var(--filter-white);}
        #footer .bottom{display: flex;justify-content: space-between;align-items: flex-end;gap: 40px;margin-top: var(--row-gap30);}
        #footer .bottom .info{display: flex; flex-wrap: wrap; gap: 12px 26px; font-size: var(--text-17); line-height: 1.3;}
        #footer .bottom .info dl{position: relative;display: flex;gap: 8px;}
        #footer .bottom .info dl::after{content: ''; position: absolute; right: -13px; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: rgba(255,255,255,.4);}
        #footer .bottom .info dl:last-child::after{display: none;}
        #footer .bottom .info dt{font-weight: 500;color: var(--point-white);flex-shrink: 0;}
        #footer .bottom .info dd{font-weight: 300; color: rgba(255,255,255,.8);}
        #footer .bottom .copy{margin-top: 18px;font-family: var(--font-type01);font-size: var(--text-16);color: rgba(255,255,255,.3);display: flex;align-items: center;flex-wrap: wrap;gap: 5px 8px;}
        #footer .bottom .copy a{color: inherit;transition: color .3s;}

            @media (hover:hover) and (pointer: fine) {
                #footer .map_btn_wrap a:hover{background: var(--point-color03);}
                #footer .middle .txt:hover{opacity: .7;}
                #footer .ico_wrap .ico:hover{background: var(--point-color03);}
                #footer .bottom .copy a:hover{color: rgba(255,255,255,.7);}
            }
        @media (max-width:1024px) {
            #footer .top{grid-template-columns:repeat(1, 1fr)}
        }
        @media (max-width:479px) {
            #footer .bottom .info dl::after{opacity:0;}
        }
        @media (max-width:360px) {
            #footer :where(.addr_box, .time_box){flex-wrap: wrap;}
        }

    /* 퀵 */
        .quick_wrap{position: fixed;right: clamp(12px, 1.9vw, 30px);bottom: clamp(20px, 2.8vw, 45px);z-index: 90;width: var(--quick-w);--quick-w: clamp(40px, 7.8vw, 76px);--quick-n: 5;display: flex;flex-direction: column;align-items: stretch;gap: clamp(10px, 1.4vw, 14px);}
        .quick_wrap .box, .reserv_btn, .btn_top{display: flex;flex-direction: column;align-items: center;justify-content: center;width: var(--quick-w);height: var(--quick-w);border-radius: var(--radius-09);font-size: var(--text-14);font-weight: 500;line-height: 1.5;background: none;border: none;text-align: center;overflow: hidden;padding: 5px;}
        .quick_wrap .ico{max-width: clamp(20px, 2.4vw, 22px);display: flex;align-items: center;justify-content: center;}
        .quick_wrap .txt{margin-top: 8px;}
        .quick_btn{display: flex;align-items: flex-end;height: var(--quick-w);border-radius: 9px;background: var(--point-color03);color: var(--point-white);box-shadow: var(--shadow-05);overflow: hidden;transition: height .6s var(--ease);}
        .quick_btn.open, .quick_btn:hover{height: calc(var(--quick-w) * var(--quick-n));}
        .quick_box{width: 100%;}
        .quick_box .box{color: var(--point-white); opacity: 0; transition: background-color .3s, opacity .6s;}
        .quick_box .box.quick{opacity: 1;}
        .quick_wrap .box.quick .ico{transition: transform .4s var(--ease);}
        .reserv_btn{background: color-mix(in srgb, var(--point-color02) 70%, var(--point-color03));color: var(--point-white);box-shadow: var(--shadow-05);transition: background .3s;}
        .btn_top{background: var(--point-white);color: var(--black-color01);box-shadow: var(--shadow-05);cursor: pointer;transition: all .3s;}
        .btn_top img{width: 22px;transition: opacity .3s;}

            @media (hover:hover) and (pointer: fine) {
                .quick_btn.open .quick_box .box, .quick_btn:hover .quick_box .box{opacity: 1;}
                .quick_btn.open .box.quick .ico, .quick_btn:hover .box.quick .ico{transform: rotate(180deg);}
                .quick_box .box:hover{background: rgba(255,255,255,.1);}
                .reserv_btn:hover{background: var(--point-color02);}
                .btn_top:hover img{opacity: .5;}
            }

        @media (max-width:860px) {
            .quick_wrap .txt{display:none;}
            .quick_wrap .box, .reserv_btn, .btn_top{padding: 10px;}
        }


/*─────────────────────────────────────────────────────────
    Sub
─────────────────────────────────────────────────────────*/
    /* 인풋 */
        :where([type="text"], [type="password"], [type="tel"], [type="email"], [type="number"], textarea, select){position: relative;width: 100%;padding-inline: clamp(15px, 2vw, 20px);height: clamp(48px, 6.1vw, 56px);background: var(--point-white);border: 1px solid var(--border-color01);color: var(--black-color00);font-size: max(16px, var(--text-18));overflow: hidden;text-overflow:ellipsis;white-space:nowrap;border-radius: var(--radius-06);}
        :where([type="text"], [type="password"], [type="tel"], [type="email"], [type="number"], textarea)::placeholder{color: var(--black-color08);}
		:where([type="text"], [type="password"], [type="tel"], [type="email"], [type="number"], textarea):focus{border-color:var(--point-color02);}
        textarea{width: 100%;height: clamp(150px, 16vw, 180px);padding-block: clamp(15px, 2vw, 20px);overflow: visible;text-overflow:unset;white-space:unset;resize: none;}
        textarea{ scrollbar-gutter: stable;}
        textarea::-webkit-scrollbar {width: clamp(3px, 0.6vw, 4px);}
        textarea::-webkit-scrollbar-track {box-shadow:-10px 0 0 var(--border-color01); margin: 10px;}
        textarea::-webkit-scrollbar-thumb {box-shadow:-10px 0 0 var(--black-color02);}

        select{appearance: none;background: var(--point-white) url('/images/sel-arw.svg') no-repeat calc(100% - 16px) 50% / clamp(11px, 1.5vw, 13px) auto;padding-right: 45px;}

        label:has([type="checkbox"], [type="radio"]){display:inline-flex;align-items:center;gap: clamp(10px, 1.2vw, 12px);font-size: var(--text-17);font-weight: 400;line-height: clamp(22px, 2.8vw, 26px);color: var(--black-color03);cursor:pointer;}
        [type="checkbox"], [type="radio"]{width: clamp(22px, 2.8vw, 26px);height: clamp(22px, 2.8vw, 26px);flex-shrink:0;accent-color: var(--point-color03);appearance:auto;cursor:pointer;}
        [type="checkbox"]{appearance: none;background: var(--point-white);border: 1px solid var(--border-color02);display: flex;align-items: center;justify-content: center;border-radius: var(--radius-04);}
        [type="checkbox"]::before{display: inline-flex;content: '';mask:url('/images/chk-i.svg') no-repeat center / 100% auto;background: var(--black-color10);width: clamp(10px, 1.4vw, 12px);aspect-ratio: auto 1.33;}
		[type="checkbox"]:checked{background: var(--point-color03);border-color: var(--point-color03);}
		[type="checkbox"]:checked::before{background: var(--point-white);}
        label:has([type="checkbox"], [type="radio"]) em{font-weight: 600;color: var(--point-color03);display: contents;}

    /* 말머리 */
        .com-tab{display: flex;justify-content: center;flex-wrap: wrap;gap: clamp(10px, 2vw, 15px);margin-bottom: var(--row-gap40);}
        .com-tab > li{position: relative;font-size: var(--text-18);color: var(--black-color03);display: flex;transition: all 0.4s;}
        .com-tab > li > a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;border: 1px solid var(--border-color01);border-radius: 50px;background: var(--point-white);padding: clamp(8px, 1.5vw, 10px) clamp(20px, 2.5vw, 25px);min-width: 60px;min-height: clamp(42px, 5.5vw, 50px);transition: inherit;}
        .com-tab > li.on > a{border-color: var(--point-color03);background: var(--point-color03);color: var(--point-white);-webkit-text-stroke: 0.1px var(--point-white);}

            @media (hover:hover) and (pointer: fine) {
                .com-tab > li:not(.on):hover > a{border-color: var(--point-color03);}
            }

    /* 검색 */
        .search-from{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 15px;width: 100%;margin-bottom: var(--row-gap60);}
        .search-from .keywords-box{width: 100%;display: flex;justify-content: center;align-items: center;gap: 10px;}
        .search-from .inp-box{position: relative;width: min(500px, 100%);}
        .search-from [type="text"]{width: 100%;padding-right: clamp(45px, 5.7vw, 55px);border-color: var(--black-color01);}
        .search-from button{position: absolute;top: 0;right: 16px;width: clamp(20px, 2.6vw, 24px);height: 100%;mask: url('/images/search-i.svg') no-repeat right center / 100% auto;font-size: 0;background: var(--black-color02);}

        @media (max-width:479px) {
            .search-from{width: 100%;}
        }
    /* gallery-list */
        .gallery-list{display: grid;grid: auto / repeat(3, 1fr);gap: clamp(15px, 1.7vw, 32px);}
            .gallery-list.swiper-wrapper{display: flex; gap: 0;}
        .gallery-list > li{position: relative;display: flex;flex-direction: column;box-shadow: var(--shadow-02);transition: all 0.4s;background: var(--point-white);}
        .gallery-list > li::before{position: absolute;content: '';inset:0;border: 2px solid var(--point-color02);opacity: 0;transition: all 0.4s;z-index: 2;pointer-events: none;}
        .gallery-list .thumb{position: relative; width: 100%; aspect-ratio: auto 1.717; overflow: hidden;}
        .gallery-list .thumb img{width: 100%; height: 100%; object-fit: cover;}
            .gallery-list .thumb::before{position: absolute;content:'';width: 190px;aspect-ratio: auto 1;translate: 50% 50%;background: var(--point-color05);right: 0;bottom: 0;border-radius: 100%;clip-path: circle(0 at 50% 50%);transition: all 0.6s;opacity: 0;}
            .gallery-list .thumb::after{position: absolute;content:'';width: 20px;aspect-ratio: auto 1;background: url('/images/plus-i.svg') no-repeat center / 100% auto;right: 32px;bottom: 26px;transition: all 0.4s;opacity: 0;}
        .gallery-list .cont{display: grid;padding: clamp(25px, 3vw, 30px) clamp(20px, 2.4vw, 24px);gap: clamp(20px, 2.4vw, 24px);transition: inherit;}
        .gallery-list .desc{display: grid;gap: clamp(10px, 1.4vw, 14px);transition: inherit;}
            .gallery-list .desc :where(dt, dd){white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all 0.4s;}
        .gallery-list .desc dt{font-size: var(--text-18);color: var(--black-color00);line-height: 1.5;}
        .gallery-list .desc dd{font-size: var(--text-15);color: var(--black-color05);line-height: 1.6; -webkit-line-clamp: 3;}
        .gallery-list .regdate{font-size: var(--text-15);font-weight: 300;color: var(--black-color07);line-height: 1.6;}

        .swiper-arw{position: absolute;inset: auto;top: 50%;left: 0;width: clamp(42px, 5.6vw, 56px);height: auto;aspect-ratio: auto 1;background: rgb(0 0 0 / 50%);margin: 0;translate: 0 -50%;transition: all 0.4s;}
        .swiper-arw::before{position: absolute;content:'';inline-size: clamp(12px, 1.6vw, 16px);aspect-ratio: auto 1;border: 2px solid var(--point-white);clip-path: var(--clip-poly02);rotate: 135deg;border-radius: 2px;top: 50%;left: 56%;translate: -50% -50%;}
        .swiper-arw.next{left: auto;right: 0;scale: -1 1;}

            @media (hover:hover) and (pointer: fine) {
                .gallery-list > li:hover{translate: 0 -8px;}
                .gallery-list > li:hover::before{opacity: 1;}
                .gallery-list > li:hover .desc dt{color: var(--point-color02);}
				.gallery-list > li:hover .thumb::before{clip-path:circle(100% at 50% 50%); opacity:1;}
				.gallery-list > li:hover .thumb::after{translate:-3px -3px; opacity:1;}

                .swiper-arw:hover{background: var(--point-color02);}
            }

    /* 팝업 */
        .pf-pop{position:fixed;inset:0;z-index:200;display:flex;flex-direction: column;align-items:center;justify-content:center;padding:30px;visibility:hidden;opacity:0;transition:all 0.4s;min-height: 90dvh;}
            .pf-pop.on{visibility:visible;opacity:1;transition:all 0.4s;}
            body:has(.pf-pop.on){overflow:clip;}
        .pf-pop-dim{position:absolute;inset:0;background:rgba(4,17,32,.8);backdrop-filter:blur(4px);}
        .pf-pop-box{position:relative;display:grid;grid-template-columns:400px minmax(0,1fr);width:1280px;max-width:100%;padding: clamp(45px, 6vw, 60px) clamp(25px, 6vw, 60px) clamp(25px, 6vw, 60px);overflow:hidden;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.4);transform:translateY(30px);transition:transform .5s var(--ease);max-height: 90dvh;overflow-y: auto;}
        .pf-pop.on .pf-pop-box{transform:none;}
        .pf-pop-info{display:flex;flex-direction:column;min-height:0;padding:4px 40px 0 0;overflow-y:auto;}
        .pf-pop-info .cate{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;} 
        .pf-pop-info .cate:empty{display: none;}
        .pf-pop-info .cate span{padding:4px 12px;background: var(--point-color09);font-weight:500;font-size: var(--text-14);line-height:1.4;color: var(--point-color01);border-radius: 50px;} 
        .pf-pop-info h3{font-weight:600;font-size: var(--text-30);line-height:1.4;letter-spacing:-0.03em;word-break:keep-all;color:var(--t1);}
        .pf-pop-info .meta{margin-top: clamp(20px, 3.2vw, 32px);padding: clamp(15px, 2vw, 20px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);} 
        .pf-pop-info .meta:empty{display: none;}
        .pf-pop-info .meta dl{display:flex;align-items:baseline;gap: clamp(12px, 1.6vw, 16px);padding:7px 0;font-size: var(--text-17);line-height:1.5;letter-spacing:-0.03em;}
        .pf-pop-info .meta dt{flex:0 0 76px;font-size: var(--text-15);color:var(--t4);} 
        .pf-pop-info .meta dd{min-width:0;color:var(--t2);}
        .pf-pop-info .warn{margin-top:auto;padding-top: var(--row-gap30);font-size: var(--text-14);line-height:1.6;letter-spacing:-0.03em;word-break:keep-all;color:#e0453a;}
        .pf-pop-img{min-height:0;background:var(--gray-bg); max-height: 75dvh;}
        .pf-pop-img img{display:block;width:100%;height:100%;max-height:calc(100vh - 180px);object-fit:contain;} 
        .pf-pop-close{position:absolute;right:8px;top:8px;z-index:2;width: clamp(36px, 4.6vw, 44px);aspect-ratio: auto 1;padding:0;border:0;background:none;cursor:pointer;} 
        .pf-pop-close i{position:absolute;left:50%;top:50%;width: clamp(22px, 2.8vw, 26px);height:2px;translate: -50% -50%;background: var(--black-color00);transform:rotate(45deg);transition:all 0.4s;}
        .pf-pop-close i + i{transform:rotate(-45deg);}
        .pf-pop-nav{position: relative;display: flex;width: 100%;background: var(--point-color01);box-shadow: 0 30px 80px rgba(0, 0, 0, .4);width: 1280px;max-width: 100%;}
        .pf-pop-nav::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.14);}
        .pf-pop-nav button{position:relative;display:flex;align-items:center;gap: clamp(12px, 1.4vw, 14px);height: clamp(46px, 6.1vw, 56px);padding: 0 clamp(15px, 2vw, 20px);overflow:hidden;font-family:inherit;color:#fff;cursor:pointer;width: 50%;}
        .pf-pop-nav .next{flex-direction:row-reverse; margin-left: auto;}
        .pf-pop-nav button::before{content:"";position:absolute;inset:0;background: var(--point-color02);transform:scaleX(0);transform-origin:left center;transition:all 0.4s;} 
        .pf-pop-nav .next::before{transform-origin:right center;}
        
        .pf-pop-nav .arw{position:relative;display:flex;align-items:center;} 
        .pf-pop-nav .arw i{width:8px;height:8px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateX(2px) rotate(45deg);} 
        .pf-pop-nav .next .arw i{transform:translateX(-2px) rotate(-135deg);}
        .pf-pop-nav .txt{position:relative;font-weight:400;font-size: var(--text-16);letter-spacing:-0.03em;}

            @media (hover:hover) and (pointer: fine) {
                .pf-pop-close:hover i + i{transform:rotate(45deg);}
                .pf-pop-close:hover i{background:var(--brown);transform:rotate(135deg);}
                .pf-pop-nav button:hover::before{transform:scaleX(1);}
            }

        @media (max-width:1024px) {
            .pf-pop-box{grid-template-columns:minmax(0, 1fr);gap: var(--row-gap40);}
            .pf-pop-info{padding:0;}
        }

    /* 일반 게시판 */
        .board-count{position: relative;margin-bottom: clamp(15px, 2vw, 20px);font-size: var(--text-17);color: var(--black-color05);}
        .board-count strong{font-weight: 600;color: var(--point-color02);}
        .list-table{width: 100%;border-top: 1px solid var(--black-color01);table-layout: fixed;}
        .list-table.cen{text-align: center;}
        .list-table :where(th, td){font-size: var(--text-20);font-weight: 600;color: var(--black-color01);padding: clamp(20px, 2.6vw, 26px) 10px;border-bottom: 1px solid var(--border-color01);text-align: center;}
        .list-table .noti-tr{background: var(--gray-bg01);}
        .list-table tr{transition: all 0.4s;}
        .list-table td{font-size: var(--text-17);font-weight: 400;color: var(--black-color08);}
        .list-table .title{text-align: left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;font-size: var(--text-20);font-weight: 500;color: var(--black-color03);transition: all 0.4s;}
        .list-table .add{color: var(--black-color03);}
        .list-table .noti-tr{background: var(--gray-bg01);}
        .list-table .field-name{display: none;}
        .no-data{text-align: center; font-size: var(--text-16); color: var(--black-color09); padding-block: var(--row-gap50);}


            @media (hover:hover) and (pointer: fine) {
                .list-table tbody tr:hover{background: var(--gray-bg01);}
                .list-table tbody tr:hover .title{color: var(--point-color01);}
            }

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

    /* 문의 */
        .write-form{position: relative;display: flex;flex-wrap: wrap;gap: clamp(15px, 2.5vw, 25px) var(--col-gap60);border-top: 1px solid var(--black-color01);border-bottom: 1px solid var(--border-color01);padding-block: var(--row-gap40);}
		.write-form .desc{position: relative;display:flex;flex-direction: column;gap: clamp(10px, 1.5vw, 15px) 15px;width: 100%;background: var(--point-white);transition: all 0.4s;width: calc(100% / 2 - var(--col-gap60) / 2);}
		.write-form .desc:has(textarea, [name="captcha_answer"]){width:100%;}
        .write-form .desc:has(textarea){flex-wrap:wrap;}
        .write-form .desc dt{font-size: max(16px, var(--text-18));font-weight: 500;color: var(--black-color03);}
        .write-form .desc dt label{cursor: pointer;}
        .write-form .desc dt em{color: var(--point-color03);font-weight: 500;}
        .write-form .desc dd{display: flex;gap: 5px;flex-wrap: wrap;color: var(--black-color06);font-size: var(--text-16);width: 100%;}
        .write-form :where([type="text"], [type="password"], [type="tel"], [type="email"], [type="number"], textarea, select){width: 100%;}
		.write-form textarea{width:100%;}
        .write-form cheditor-app{width: 100%;}
        .bf-file-wrap{position: relative;display: flex;align-items: center;flex-wrap: wrap;gap: 10px clamp(15px, 2vw, 20px);width: 100%;}
        .bf-file-enhanced{display: none;}
        .bf-file-btn{display: flex;align-items: center;justify-content: center;min-width: clamp(90px, 13vw, 120px);min-height: clamp(42px, 5.5vw, 50px);text-align: center;background: var(--black-color06);font-size: var(--text-18);font-weight: 500;color: var(--point-white);padding: 10px 20px;cursor: pointer;}
        .bf-file-name{font-size: var(--text-18);font-weight: 400;color: var(--black-color05);}
        .captcha-box{display: flex;gap: 10px;width: 100%;}
        .captcha-box .controller{display: flex;flex-shrink: 0;gap: 10px;padding: 8px;box-shadow: inset 0 0 0 1px var(--border-color01);border-radius: var(--radius-06);}
        .captcha-box .controller img{border: 1px solid var(--border-color01);border-radius: inherit;overflow: hidden;}
        .captcha-box .controller button{position: relative;width: 38px;aspect-ratio: auto 1;border: 1px solid var(--border-color01);display: flex;align-items: center;justify-content: center;border-radius: inherit;background: var(--point-white);}
        .captcha-box .controller svg{width: clamp(13px, 1.7vw, 15px);height: auto;transition: all 0.4s;color: var(--black-color01);}
        .captcha-box [type="text"]{width: min(323px, 100%);}
        .agree-desc{position: relative;display: flex;align-items: center;justify-content: space-between;gap: 15px;flex-wrap: wrap;margin-top: var(--row-gap25);}
        .agree-desc dt{position: relative;}
        .agree-desc textarea{background: var(--gray-bg04);border: 0;font-size: var(--text-16);font-weight: 400;color: var(--black-color08);line-height: 1.7;padding: var(--row-gap30);}


        @media (max-width:640px) {
            .write-form .desc{width: 100%;}
        }
        @media (max-width:479px) {
            .captcha-box{flex-wrap: wrap;}
			.captcha-box [type="text"]{width:100%;}
        }

    /* FAQ */
        .faq-list { position: relative; border-top: 1px solid var(--black-color00); }
        .faq-list > li {position: relative;border-bottom: 1px solid var(--border-color02);}
        .faq-list .desc { position: relative; display: grid; grid-template-rows: auto 0fr; transition: 0.4s; align-content: start; }
        .faq-list .desc.on { grid-template-rows: auto 1fr; }
        .faq-list .desc :where(dt, dd) {display: flex;align-items: baseline;gap: 10px clamp(12px, 2vw, 20px);padding: clamp(20px, 3vw, 30px) clamp(15px, 4vw, 40px);transition: inherit;}
        .faq-list .desc :where(dt, dd)::before {display: inline-flex;content: "Q";align-items: center;justify-content: center;text-align: center;min-width: clamp(28px, 4.2vw, 40px);min-height: clamp(28px, 4.2vw, 40px);background: var(--point-color02);font-size: var(--text-20);font-weight: 400;color: var(--point-white);padding: 3px;line-height: 1.2;border-radius: 100%;}
        .faq-list .desc dd::before {content: "A";background: var(--point-color01);}
        .faq-list .desc dt {position: relative;font-size: var(--text-20);color: var(--black-color00);line-height: 1.6;padding-right: clamp(45px, 8.2vw, 80px);cursor: pointer;}
        .faq-list .desc dt::after {position: absolute;content: "";inline-size: clamp(10px, 1.6vw, 14px);aspect-ratio: auto 1 / 1;clip-path: var(--clip-poly02);border: 2px solid var(--black-color05);top: 45%;right: clamp(15px, 4vw, 40px);translate: 0px -50%;rotate: 45deg;border-radius: 2px;overflow: hidden;transition: 0.4s;}
        .faq-list .desc.on dt::after {scale: -1;top: 52%;border-color: var(--point-color01);}
        .faq-list .desc dt em { display: flex; align-items: baseline; gap: 10px; }
        .faq-list .desc dd {font-size: var(--text-18);color: var(--black-color03);line-height: 1.8;overflow: hidden;background: var(--gray-bg01);margin-bottom: clamp(15px, 2vw, 20px);border-radius: var(--radius-10);}
        .faq-list .desc:not(.on) dd {margin-block: 0;padding-block: 0;}
        .faq-list .desc .prefix {font-size: var(--text-15);color: var(--point-white);background: var(--point-color02);line-height: 1.2;font-weight: 400;padding: 5px 8px;translate: 0px clamp(-4px, -0.6vw, -2px);flex-shrink: 0;}

    /* 상세 */
        .board-view .detail-hd{padding-block: clamp(20px, 4vw, 40px);display: grid;gap: var(--row-gap40);text-align: center;border-top: 1px solid var(--black-color00);border-bottom: 1px solid var(--border-color01);}
        .board-view .detail-hd .desc{display: grid;gap: var(--row-gap20);}
        .board-view .detail-hd .desc dt{font-size: var(--text-40);font-weight: 600;color: var(--black-color03);line-height: 1.6;display: grid;gap: var(--row-gap10);}
        .board-view .detail-hd .desc dt em{display: flex;align-items: center;justify-content: center;text-align: center;width: fit-content;font-size: var(--text-18);font-weight: 400;color: var(--point-white);padding: 2px 12px;min-width: clamp(45px, 6.5vw, 55px);background: var(--point-color01);margin-inline: auto;border-radius: var(--radius-06);}
		.board-view .detail-hd .desc dt em.on{background: var(--point-color03);}
        .board-view .detail-hd .desc dd{font-size: var(--text-20);color: var(--black-color06);}
        .board-view .detail-hd .exp{font-size: var(--text-18);color: var(--black-color08);display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 10px clamp(30px, 4vw, 40px);}
		.board-view .detail-hd .exp span{display:flex;align-items: baseline;gap: 12px;}
        .board-view .detail-hd .exp em{font-weight: 500;color: var(--black-color06);display: none;}
        .board-view .detail-cont{padding-block: var(--row-gap60);border-bottom: 1px solid var(--border-color01);font-size: var(--text-20);font-weight: 400;color: var(--black-color03);line-height: 1.6;min-height: clamp(300px, 40vw, 400px);display: flex;flex-direction: column;justify-content: space-between;gap: clamp(20px, 3vw, 30px);}
        .board-view .db-user-content{font-size: inherit;font-weight: inherit;color: inherit;line-height: inherit;}
        .board-view .file-desc{display: flex;align-items: center;background: var(--gray-bg01);padding: clamp(18px, 2.1vw, 21px) clamp(20px, 4vw, 40px);border-radius: var(--radius-10);margin-top: clamp(20px, 5.8vw, 58px);}
        .board-view .file-desc dt{position: relative;font-size: var(--text-18);font-weight: 500;color: var(--black-color03);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
		.board-view .file-desc dt::after{display: inline-flex;content:'';width: 1px;height: clamp(10px, 1.4vw, 12px);background: var(--border-color01);margin-inline: clamp(20px, 4vw, 40px);}
        .board-view .file-desc dd{width: 100%;font-size: var(--text-17);color: var(--black-color08);}
        .board-view .item-desc{display: flex; align-items: baseline; gap: 4px;}
        .board-view .item-desc dt{flex-shrink: 0;color: var(--black-color01);}
        .board-view .item-desc dd{width: 100%;color: var(--black-color06);}

        .bullet-list{display: flex;flex-direction: column;gap:6px;}
        .bullet-list > li{position: relative;display: flex;align-items: baseline;gap: var(--row-gap10);font-size: var(--text-18);font-weight:400;color:var(--black-color05);}
        .bullet-list > li::before{display: inline-flex;content:'';width: clamp(3px, 0.5vw, 4px);aspect-ratio: auto 1;flex-shrink: 0;background: var(--black-color08);translate: 0 clamp(-5px, -0.3vw, -3px);border-radius:100%;}
        .bullet-list > li em{font-weight: 700; color: var(--point-color04);}
        .bullet-list > li > em{display: contents;}

    /* btn-box */
        .btn-box{position: relative;display: flex;justify-content: center; margin-top: var(--row-gap80);}
		.btn-box.left{justify-content:flex-start;}
		.btn-box.right{justify-content:flex-end;}
        .btn-box :where(button, a){position: relative;display: flex;align-items: center;justify-content: center;text-align: center;min-width: clamp(135px, 21vw, 200px);min-height: clamp(46px, 6.9vw, 64px);background: var(--point-white);border: 1px solid var(--black-color03);font-size: var(--text-20);font-weight: 600;padding: 10px clamp(20px, 3vw, 30px);border-radius: var(--radius-10); transition: all 0.4s;}

            @media (hover:hover) and (pointer: fine) {
                .btn-box :where(button, a):hover{background: var(--black-color01); border-color: var(--black-color01); color: var(--point-white);}
            }

    /* page-title */
        .page-title{position: relative;display: grid;gap: var(--row-gap20);}
            .page-title.hd{margin-bottom: var(--row-gap60);}
            .page-title.hd-m{margin-bottom: var(--row-gap40);}
            .page-title.hd-s{margin-bottom: var(--row-gap30);}
            .page-title.cen{text-align: center;}
        .page-title h2{font-weight: 600;font-size: var(--text-20);}
        .page-title h2 em{color: var(--point-color03);}
        .page-title h3{font-size: var(--text-45);font-weight: 600;color: var(--black-color01);}
            .page-title h3 + h4{margin-top:4px;}
        .page-title h3 em{color: var(--point-color03);}
        .page-title h4{font-size: var(--text-20);line-height: 1.65;color: var(--black-color03);}