@charset "utf-8";
.sub_content{font-family: var(--font-type01);}
/* 비주얼 */
    .sub-visual{position: relative;background: url('../images/skin/sv_thumb.jpg') no-repeat center / cover;min-height: clamp(230px, 42vw, 420px);padding-block: var(--row-gap100);display: flex;flex-direction: column;justify-content: center;}
        body:has(.sv_servi) .sub-visual{background-image: url('../images/skin/sv_servi.jpg');}
        body:has(.sv_consumer) .sub-visual{background-image: url('../images/skin/sv_consumer.jpg');}
        body:has(.sv_jop) .sub-visual{background-image: url('../images/skin/sv_jop.jpg');}
        body:has(.sub_board) .sub-visual{background-image: url('../images/skin/sv_board.jpg');}
        body:has(.sv-agree) .sub-visual{background-image: url('../images/skin/sv_agree.jpg');}

    .sub-visual .title{display:grid;gap: var(--row-gap20);}
    .sub-visual .title :where(h2, h3){filter: var(--filter-white);}
    .sub-visual .title h2{font-size: var(--text-50);font-weight: 800;line-height: 1.3;}
    .sub-visual .title h3{font-size: var(--text-20);font-weight: 700;line-height: 1.5;}

/* sec-cate */
    .sec-cate{position: relative;background: var(--point-white);box-shadow: inset 0 -1px 0 var(--border-color01);margin-bottom: var(--row-gap80);}
    .sec-cate .cont{display: flex;width: 100%;}
    .sec-cate a{display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;font-size: var(--text-20);color: var(--black-color03);padding: clamp(15px, 2.5vw, 20px) 10px;transition: all 0.4s;}
        .sec-cate a:not(:has(~ .on)).on{color: var(--point-color01);font-weight: 800;box-shadow: inset 0 -2px 0 var(--point-color01);}
        .sec-cate:not(:has(a:nth-child(2))){height: 0;overflow: hidden;}

        body:has(.sticky-cate) #header{position: relative; inset: auto;}
        body:has(.sticky-cate) .sec-cate{position: sticky; top:0; z-index: 50;}

        /* hover */
        @media (hover:hover) and (pointer: fine) {
            .sec-cate a:not(:has(~ .on), .on):hover{color: var(--point-color01);}
        }
    
    @media (max-width:640px) {
        .sec-cate .cont{overflow: hidden; overflow-x: auto;}
            .sec-cate .cont {-ms-overflow-style: none; scrollbar-width: none;}
            .sec-cate .cont::-webkit-scrollbar {display: none;}
        .sec-cate a{width: auto; flex-shrink: 0; padding-inline: 15px;}
    }

/* page-title */
    .page-title{position: relative;text-align: center;display: grid;gap: var(--row-gap20);}
        .page-title.hd{margin-bottom: clamp(30px, 6vw, 60px);}
    .page-title h2{font-size: var(--text-42);font-weight: 700;color: var(--black-color01);line-height: 1.3;letter-spacing: -0.03em;}
        .page-title h2 + p{margin-top: var(--row-gap10);}
    .page-title h2 strong{font-weight: 800;}
    .page-title h3{font-size: var(--text-22);font-weight: 700;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;}
            .page-title h3 + h4{margin-top:3px;}
    .page-title h4{font-size:var(--text-20); font-weight:400; color:var(--black-color04); line-height:1.4;}
    .page-title p{font-size: var(--text-18); color: var(--black-color03); line-height: 1.8;}
    .page-title p strong{font-weight: 700; color: var(--black-color00);}

/* grt-title */
    .grt-title{position: relative;display: grid;gap: var(--row-gap20);}
    .grt-title h3{font-size: var(--text-28);font-weight: 700;color: var(--black-color03);line-height: 1.6;letter-spacing: -0.03em;}
        .grt-title h3 + p{margin-top: clamp(15px, 2.3vw, 23px);}
    .grt-title p{font-size: var(--text-18);color: var(--black-color04);line-height: 2;letter-spacing: -0.03em;}
    .grt-title .sign{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;margin-top: var(--row-gap40);}
    .grt-title .sign dt{font-size: var(--text-20);color: var(--black-color03);line-height: 1.6;width: 100%;letter-spacing: -0.03em;}
    .grt-title .sign dd{font-size: var(--text-20);font-weight: 700;color: var(--black-color03);line-height: 1.6;letter-spacing: -0.03em;}
    .grt-title .sign dd strong{font-size: var(--text-30);font-weight: 700;}

/* his-meta */
    .his-meta{position: relative;}
    .his-meta article{position: relative;width: 50%;margin-left: auto;padding: 0 0 20px clamp(50px, 3.4vw, 65px);display: flex;flex-direction: column;gap: clamp(15px, 2vw, 20px);}
    .his-meta .title h3{font-size: var(--text-60);font-weight: 800;color: var(--point-color01);line-height: 1.4;letter-spacing: -0.03em;}
    .his-meta .cont{display: grid;gap: 30px;}
    .his-meta .desc{display: flex;align-items: baseline;gap: clamp(10px, 2vw, 20px);}
    .his-meta .desc dt{font-size: var(--text-20);color: var(--black-color00);line-height: 1.4;width: clamp(32px, 6vw, 50px);flex-shrink: 0;}
    .his-meta .desc dd{width: 100%;font-size: var(--text-18);font-weight: 400;color: var(--black-color00);line-height: 1.6;translate: 0 clamp(-1px, -0.1vw, 0px);}
    .his-meta .bullet-list{gap: clamp(15px, 3vw, 30px);}
    .his-meta .bullet-list > li{font-size: inherit;font-weight: inherit;color: inherit;}
    .his-meta .bullet-list > li::before{width: clamp(2px, 0.5vw, 3px);background: var(--black-color05);translate: 0 clamp(-5px, -0.4vw, -4px);}
    .his-meta .bullet-list > li span{display: flex;flex-direction: column;gap: 6px;}
    .his-meta .bullet-list > li small{font-size: var(--text-17); color: var(--black-color05);}
    .his-meta .line{position: absolute;top: clamp(20px, 4vw, 40px);left:0;width: 1px;height: 100%;background: var(--gray-bg05);}
    .his-meta .line::before{position: absolute;content:'';width: clamp(7px, 1.1vw, 9px);aspect-ratio: auto 1;background: var(--black-color08);border-radius: 100%;top: 0;left: 50%;translate: -50% -50%;transition: all 0.4s;}
    .his-meta .line em{position: absolute; top:0; left:0; width: 100%; background: var(--point-color01);}

        
        .his-meta article:last-child{padding-bottom: 0;}
        .his-meta article:last-child .line{height: 0;}
        .his-meta article.on .line::before{background: var(--point-color01);}
        .his-meta article.on:not(:has(~ article.on)) .line::before{box-shadow: 0 0 0 clamp(5px, 0.8vw ,6px) var(--point-color06);}

        @media (min-width:861px) {
            .his-meta article:nth-child(2n){margin-inline: 0 auto;padding-inline: 0 clamp(50px, 3.4vw, 65px);text-align: right;}
            .his-meta article:nth-child(2n) .desc{flex-direction: row-reverse;}
            .his-meta article:nth-child(2n) .bullet-list > li{flex-direction: row-reverse;}
            .his-meta article:nth-child(2n) .line{left:auto; right:0;}
        }

    @media (max-width:860px) {
        .his-meta article{width: 100%;padding-left: clamp(35px, 5vw, 50px);}
    }

/* info-title */
    .info-title{position: relative;}
        .info-title.hd{margin-bottom: clamp(15px, 2vw, 20px);}
        .info-title.hdL{margin-bottom: clamp(15px, 3vw, 30px);}
    .info-title h4{font-size: var(--text-26); font-weight: 700; color: var(--black-color01); line-height: 1.3;}
    .info-title h4.bullet{display: flex;align-items: baseline;gap: 10px;}
    .info-title h4.bullet::before{display: inline-flex;content:'';width: clamp(4px, 0.8vw, 6px);aspect-ratio: auto 1;background: var(--point-color01);flex-shrink: 0;border-radius: 100%;translate: 0 clamp(-5px, -0.5vw, -4px);}

/* partner-list */
    .partner-list{display: grid;grid: auto / repeat(6, 1fr);gap: clamp(10px, 1vw, 18px);}
    .partner-list > li{position: relative;display: flex;align-items: center;justify-content: center;aspect-ratio: auto 2.64;overflow: hidden;border-radius: var(--radius-10);overflow: hidden;}
    .partner-list > li::before{position: absolute;content:'';inset: 0;border: 1px solid var(--border-color01);border-radius: inherit;pointer-events: none;}

    @media (max-width:1023px) {
        .partner-list{grid: auto / repeat(5, 1fr);}
    }
    @media (max-width:640px) {
        .partner-list{grid: auto / repeat(4, 1fr);}
    }
    @media (max-width:479px) {
        .partner-list{grid: auto / repeat(3, 1fr);}
    }
    @media (max-width:431px) {
        .partner-list{grid: auto / repeat(2, 1fr);}
    }

/* 방침안내 */
    .policy-meta{display: grid; gap: var(--row-gap60);}
    .policy-meta section{display: grid;gap: clamp(12px, 1.6vw, 16px);}
    .policy-meta .title{display: grid;gap: clamp(12px, 1.6vw, 16px);}
    .policy-meta .title h3{font-size: var(--text-28);font-weight: 700;color: var(--black-color01);line-height: 1.4;letter-spacing: -0.02em;}
    .policy-meta .title h4{font-size: var(--text-22);font-weight: 700;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.02em;}
    .policy-meta .title p{font-size: var(--text-16);color: var(--black-color03);line-height: 1.6;letter-spacing: -0.03em;}
    .policy-meta .title p strong{font-weight: 700; color: var(--black-color00);}
    .policy-meta .title p em{font-weight: 700; color: var(--black-color03);}
    .policy-meta .title p small{font-size: var(--text-15); color: var(--black-color05);}
    .policy-meta .title.g10{gap: var(--row-gap10);}
    .policy-meta .under{text-decoration: underline;text-underline-offset: 4px;text-decoration-skip-ink: none;}
    .policy-meta .exp-sec{display: grid;gap: var(--col-gap30);grid: auto / repeat(2, 1fr);}
    .policy-meta .exp-sec article{position: relative;background: var(--gray-bg01);border-radius: var(--radius-10);padding: clamp(20px, 3vw, 30px);}
    .policy-meta .exp-sec .desc{display: grid;gap: clamp(10px, 1.4vw, 14px);}
    .policy-meta .exp-sec .desc dt{font-size: var(--text-18);font-weight: 700;color: var(--black-color03);line-height: 1.4;}
    .policy-meta .exp-sec .desc dd{font-size: var(--text-16);color: var(--black-color04);line-height: 1.6;}
    .policy-meta .exp-sec .desc dd strong{font-weight: inherit;color: var(--black-color00);}

    .policy-table{width: 100%;border-top: 1px solid var(--black-color01);border-bottom: 1px solid var(--border-color01);table-layout: auto;text-align: center;overflow: hidden;}
    .policy-table :where(th, td){padding: clamp(15px, 2.5vw, 20px) clamp(3px, 0.5vw, 5px);box-shadow: 1px 1px 0 var(--border-color01); min-width: 80px;}
    .policy-table th{font-size: var(--text-18);font-weight: 700;color: var(--black-color03);line-height: 1.4;}
    .policy-table td{font-size: var(--text-16);font-weight: 300;color: var(--black-color04);line-height: 1.6;}
    .policy-table tbody th{font-size: var(--text-16);}

    @media (max-width:640px) {
        .policy-meta .exp-sec{grid: auto / repeat(1, 1fr);}
    }
    @media (max-width:431px) {
        .policy-table :is(td, tbody th){font-size: 12px;}
    }

/* 인풋 */
    #wrap :where([type="text"], [type="password"], [type="number"], select){width: min(clamp(100px, 18vw, 180px), 100%);height: clamp(42px, 7.1vw, 56px);background: var(--point-white);border: 1px solid var(--border-color01);border-radius: var(--radius-06);font-size: var(--text-17);font-weight: 400;color: var(--black-color03);line-height: normal;padding: 0 clamp(15px, 2vw, 20px);overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
    #wrap :where([type="text"], [type="password"], [type="number"], select)::placeholder{color:var(--black-color06);}
    #wrap select{padding-right: clamp(40px, 5vw, 50px);appearance: none;background:var(--point-white) url('../images/skin/sel_arw.svg') no-repeat calc(100% - clamp(15px, 2vw, 20px)) 50% / clamp(11px, 1.9vw, 14px) auto;}

/* 버튼 */
    .btn-box{position: relative;display: flex;justify-content: center;flex-wrap: wrap;gap: clamp(15px, 2vw, 20px);margin-top: clamp(20px, 3vw, 30px);}
    .com-btn{display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--text-18);font-weight: 500;color: var(--point-white);background: var(--point-color01);line-height: 1.6;min-width: clamp(70px, 15vw, 140px);min-height: clamp(42px, 7.5vw, 60px);border-radius: var(--radius-10);padding: 10px 20px;}
        .com-btn.md{min-height: clamp(42px, 6.9vw, 54px);}
        .com-btn.wide{min-width: clamp(160px, 25vw, 240px);}
		.com-btn.dwn{gap:10px;}
        .com-btn.dwn::after{display: inline-flex;content:'';width: clamp(14px, 2.1vw, 19px);aspect-ratio: auto 1;background: url('../images/skin/dwn-i.svg') no-repeat center / 100% auto;filter: var(--filter-white);translate: 0 -1px;}

    .sm-btn{display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--border-color02);text-align: center;gap: 10px;font-size: var(--text-16);font-weight: 700;color: var(--black-color03);letter-spacing: -0.03em;border-radius: var(--radius-06);background: var(--point-white);padding: 6px clamp(12px, 2vw, 15px) 4px;line-height: 1.6;min-width: clamp(100px, 13vw, 120px);min-height: clamp(35px, 4.5vw, 40px);}
    .sm-btn.dwn::after{display: inline-flex;content:'';width: clamp(13px, 2vw, 18px);aspect-ratio: auto 1;background: url('../images/skin/dwn-i.svg') no-repeat center / 100% auto;translate: 0 -2px;}
    
/* planner-search */
    #wrap .planner-search{position: relative;padding: clamp(25px, 4vw, 40px);background: var(--gray-bg01);border-radius: var(--radius-20);display: grid;gap: var(--row-gap30);}
    #wrap .planner-search .item-list{display: flex;gap: clamp(15px, 3.2vw, 32px);}
    #wrap .planner-search .item-list > li{width: 100%;}
    #wrap .planner-search .item-list .desc{display: flex;align-items: center;gap: 8px clamp(15px, 2vw, 20px);}
    #wrap .planner-search .item-list .desc dt{font-size: var(--text-18);font-weight: 700;color: var(--black-color01);line-height: 1.6;letter-spacing: -0.03em;flex-shrink: 0;}
    #wrap .planner-search .item-list .desc dd{display: flex;gap: clamp(10px, 2vw, 20px);width: 100%;}
    #wrap .planner-search :where([type="text"], [type="password"], [type="number"]){border: 0;height: clamp(42px, 7.5vw, 60px);width: 100%;}
    #wrap .planner-search :where([type="text"], [type="password"], [type="number"])::placeholder{color: var(--black-color08);}
    #wrap .planner-search .com-btn{flex-shrink: 0;}
    #wrap .planner-search .result{border: 1px solid var(--black-color00);border-radius: var(--radius-10);background: var(--point-white);padding: clamp(18px, 2.4vw, 24px) clamp(20px, 3vw, 30px);}
    #wrap .planner-search .result .desc{display: flex;align-items: center;gap: 10px clamp(30px, 5vw, 50px);}
    #wrap .planner-search .result .desc dt{font-size: var(--text-20);font-weight: 700;color: var(--black-color01);line-height: 1.6;letter-spacing: -0.03em;flex-shrink: 0;}
    #wrap .planner-search .result .desc dd{display: flex;align-items: center;flex-wrap: wrap;gap: 7px 0;}
    #wrap .planner-search .result .item{display: flex;align-items: baseline;font-size: var(--text-18);color: var(--black-color05);line-height: 1.6;letter-spacing: -0.03em;}
        #wrap .planner-search .result .item::after{display: inline-flex;content:'';width: 1px;height: clamp(10px, 1.8vw, 16px);background: var(--gray-bg05);margin-inline: clamp(20px, 3vw, 30px);}
        #wrap .planner-search .result .item:last-child::after{display: none;}
    #wrap .planner-search .result .item span{flex-shrink: 0;padding-right: clamp(15px, 2vw, 20px);max-width: 150px;}
    #wrap .planner-search .result .item strong{font-weight: inherit;color: var(--black-color00);}

    @media (max-width:1100px) {
        #wrap .planner-search .item-list{flex-wrap: wrap;}
    }
    @media (max-width:640px) {
        #wrap .planner-search .result .item{width: 100%;}
        #wrap .planner-search .result .item::after{display: none;}
    }
    @media (max-width:479px) {
        #wrap .planner-search .item-list .desc{flex-wrap: wrap;}
        #wrap .planner-search .item-list .desc dt{flex-shrink: unset;}
        #wrap .planner-search .result .desc{flex-wrap: wrap;}
        #wrap .planner-search .result .desc dt{flex-shrink: unset;}
    }
    @media (max-width:360px) {
        #wrap .planner-search .item-list .desc dd{flex-wrap: wrap;}
        #wrap .planner-search .com-btn{width: 100%; flex-shrink: unset;}
    }

/* link-info */
    .link-info{position: relative;border: 1px solid var(--border-color01);border-radius: var(--radius-20);background: var(--point-white);padding: clamp(25px, 4vw, 40px);}
    .link-info .title{display: grid;gap: var(--row-gap10);text-align: center;}
    .link-info .title h4{font-size: var(--text-26);font-weight: 700;color: var(--black-color01);line-height: 1.4;letter-spacing: -0.03em;}
    .link-info .title p{font-size: var(--text-18);color: var(--black-color03);line-height: 1.6;letter-spacing: -0.03em;}

/* bd-noti */
    .bd-noti{position: relative;border: 1px solid var(--border-color01);padding: clamp(25px, 3vw, 30px);border-radius: var(--radius-20);display: grid;gap: var(--row-gap10);}
    .bd-noti h5{font-size: var(--text-20);font-weight: 700;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;}
    .bd-noti h5 + p{margin-top: 6px;}
    .bd-noti p{font-size: var(--text-16);color: var(--black-color03);line-height: 1.6;}

/* bgt-info */
    .bgt-info{display: grid;grid: auto / repeat(2, 1fr);gap: var(--col-gap40);}
    .bgt-info article{box-shadow: inset 0 0 0 1px var(--border-color01);border-radius: var(--radius-10) var(--radius-10) var(--radius-20) var(--radius-20);background: var(--point-white);overflow: hidden;}
    .bgt-info .title{background: var(--point-color07);color: var(--point-white);text-align: center;padding: clamp(13px, 2.1vw, 16px) 15px;}
    .bgt-info .title h5{font-size: var(--text-20);font-weight: 500;line-height: 1.4;letter-spacing: -0.03em;}
    .bgt-info .cont{padding: clamp(20px, 3vw, 30px);display: grid;gap: var(--row-gap20);}
    .bgt-info .i-desc{display: flex;align-items: baseline;gap: 10px;}
    .bgt-info .i-desc dt{font-size: var(--text-17);font-weight: 700;color: var(--point-color01);line-height: 1.4;flex-shrink: 0;min-width: clamp(65px, 9.5vw, 80px);display: flex;align-items: center;justify-content: center;text-align: center;letter-spacing: -0.03em;border: 1px solid var(--point-color01);border-radius: 50px;padding: 4px 5px 2px;}
    .bgt-info .i-desc dd{font-size: var(--text-18);color: var(--black-color03);line-height: 1.6;letter-spacing: -0.03em;}
    .bgt-info .i-desc .under{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 4px;}

    @media (max-width:860px) {
        .bgt-info{grid: auto / repeat(1, 1fr);}
    }

/* id-noti */
    .id-noti{position: relative;border: 1px solid var(--border-color01);border-radius: var(--radius-20);padding: clamp(25px, 4vw, 40px);display: flex;align-items: center;gap: var(--row-gap40) clamp(40px, 2.7vw, 50px);}
    .id-noti .thumb{width: clamp(300px, 40%, 400px);flex-shrink: 0;filter: drop-shadow(var(--shadow-06));}
    .id-noti .cont{width: 100%;display: flex;flex-direction: column;gap: var(--row-gap30);}
    .id-noti .title{display: grid;gap: var(--row-gap10);}
    .id-noti .title h6{font-size: var(--text-18);font-weight: 400;color: var(--black-color00);line-height: 1.6;letter-spacing: -0.03em;}
    .id-noti .title h6 em{font-weight: 700;color: var(--point-color01);}
    .id-noti .title p{font-size: var(--text-16);line-height: 1.6;}
    .id-noti .title p em{color: var(--point-color08);}

    @media (max-width:860px) {
        .id-noti{flex-wrap: wrap;}
        .id-noti .thumb{width: auto; flex-shrink: unset;}
    }

/* quot-title */
    .quot-title{position: relative;background: var(--point-color05);padding: clamp(25px, 3.1vw, 31px) 30px;border-radius: var(--radius-20);text-align: center;}
    .quot-title h5{font-size: var(--text-24);font-weight: 700;color: var(--black-color03);line-height: 1.6;display: flex;justify-content: center;align-items: flex-start;gap: clamp(20px, 3vw, 30px);}
    .quot-title h5{&::before, &::after{display: inline-flex;content:'';width: clamp(15px, 2.3vw, 18px);aspect-ratio: auto 1.38;background: url('../images/skin/quotation.svg') no-repeat center / 100% auto;flex-shrink: 0;translate: 0 2px;}}
    .quot-title h5::after{scale: -1 -1;}
    .quot-title h5 em{color: var(--point-color01);display: contents;}

/* welfare-list */
    .welfare-list{display: grid;grid: auto / repeat(5, 1fr);gap: var(--row-gap60) clamp(30px, 2.7vw, 50px);}
    .welfare-list > li{position: relative;text-align: center;}
        .welfare-list > li::after{position: absolute;content:'';width: clamp(4px, 0.8vw, 6px);aspect-ratio: auto 1;border-radius: 100%;background: var(--gray-bg05);top: 50%;left: calc(100% + clamp(30px, 2.7vw, 50px) / 2);translate: -50% -50%;}
        .welfare-list > li:last-child::after{display: none;}
    .welfare-list .desc{display: grid;gap: clamp(10px, 2vw, 20px);}
    .welfare-list .desc dt{display: flex;height: clamp(56px, 8.5vw, 80px);align-items: center;justify-content: center;overflow: hidden;}
    .welfare-list .desc dd{font-size: var(--text-18);color: var(--black-color01);line-height: 1.6;}
    .welfare-list .desc dd strong{font-weight: 700;}

    @media (max-width:1023px) {
        .welfare-list{grid: auto / repeat(3, 1fr);}
        .welfare-list > li:nth-child(3n)::after{opacity: 0;}
    }
    @media (max-width:479px) {
        .welfare-list{grid: auto / repeat(2, 1fr);}
        .welfare-list > li:nth-child(3n)::after{opacity: 1;}
        .welfare-list > li:nth-child(2n)::after{opacity: 0;}
    }

/* sim-link */
    .sim-link{display: grid;grid: auto / repeat(2, 1fr);gap: var(--col-gap30);}
    .sim-link > li{position: relative;padding: clamp(40px, 5vw, 50px) clamp(25px, 5vw, 50px);border: 1px solid var(--border-color01);border-radius: var(--radius-20);background: var(--point-white);min-height: clamp(130px, 20vw, 200px);display: flex;flex-direction: column;justify-content: center;transition: all 0.4s;}
    .sim-link .desc{display: flex;align-items: center;justify-content: space-between;gap: 30px;}
    .sim-link .desc dt{font-size: var(--text-30);font-weight: 700;color: var(--black-color03);line-height: 1.6;letter-spacing: -0.03em;transition: all 0.4s;}
    .sim-link .desc dd{position: relative;width: clamp(40px, 5.5vw, 50px);aspect-ratio: auto 1;border-radius: var(--radius-16);box-shadow: var(--shadow-03), inset 0 0 0 1px var(--border-color03);display: flex;align-items: center;justify-content: center;background: var(--point-white);flex-shrink: 0;}
    .sim-link .desc dd::before{display: inline-flex;content:'';width: clamp(9px, 1.3vw, 11px);aspect-ratio: auto 1;border: 2px solid var(--black-color03);clip-path: var(--clip-poly02);rotate: -45deg;border-radius: 1px;translate: clamp(-3px, -0.5vw, -2px);}

        /* hover */
        @media (hover:hover) and (pointer:fine) {
            .sim-link > li:hover{background: var(--point-color01); border-color: var(--point-color01);}
            .sim-link > li:hover .desc dt{filter: var(--filter-white);}
        }

    @media (max-width:860px) {
        .sim-link{grid: auto / repeat(1, 1fr);}
    }

/* 검색 */
    #wrap .search-wrap{position: relative;z-index: 5;margin-bottom: clamp(20px, 3.4vw, 34px);}
    #wrap .search-wrap fieldset{display: flex;justify-content: flex-end;gap: 10px;}
    #wrap .search-wrap select{flex-shrink:0;}
    #wrap .search-wrap [type="text"]{width: 100%;padding-right: clamp(45px, 6vw, 60px);}
    #wrap .search-wrap button{background: url('../images/skin/search.svg') no-repeat center / 100% auto;font-size: 0;position: absolute;top: 0;right: clamp(15px, 2vw, 20px);width: clamp(16px, 2.9vw, 24px);height: 100%;}
    #wrap .search-wrap .inp-box{position: relative;width: min(400px, 100%);}

    @media (max-width:360px) {
        #wrap .search-wrap fieldset{flex-wrap: wrap;}
        #wrap .search-wrap select{width: 100%; flex-shrink: unset;}
    }

/* 일반 게시판 */
    .bbs-table{position: relative;width: 100%;border-top: 1px solid var(--black-color03);text-align: center;}
    .bbs-table :where(th, td){border-bottom: 1px solid var(--border-color01);padding-inline: 10px;}
    .bbs-table tr{background: var(--point-white); transition: all 0.4s;}
    .bbs-table th{font-size: var(--text-18);font-weight: 400;color: var(--black-color01);padding-block: 22px;}
    .bbs-table td{padding-block: 23px;font-size: var(--text-17);font-weight: 400;color: var(--black-color06);}
    .bbs-table td.left{text-align: left;color: var(--black-color03);overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding-left: 0;}
    .bbs-table td.regdate{font-size: var(--text-16);color: var(--black-color07);}

        /* hover */
        @media (hover:hover) and (pointer:fine) {
            .bbs-table tbody tr:hover{background: var(--gray-bg01);}
        }

    @media (max-width:640px) {
        .bbs-table{display: block;text-align: left;}
        .bbs-table :where(tbody, tr, th, td){display: block;width: 100%;border: 0;padding: 0;}
        .bbs-table thead{display: none;}
        .bbs-table tr{border-bottom: 1px solid var(--border-color01);padding: clamp(20px, 2.5vw, 25px) clamp(15px, 2vw, 20px);display: flex;flex-wrap: wrap;gap: 10px 20px;}
        .bbs-table td{padding: 0;}
        .bbs-table td.no{display: none;}
    }

/* 페이징 */
    #wrap .paging {position: relative;padding:0;width: 100%;line-height:normal;margin: clamp(30px, 4vw, 40px) 0 0;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;gap: clamp(6px, 1vw, 10px);min-height: auto;}
    #wrap .paging span {display: inline-block;}
    #wrap .paging a {display:inline-flex;align-items:center;justify-content:center;font-size: var(--text-16);font-weight: 400;color: var(--black-color08);width: auto;height: auto;min-width: clamp(28px, 4vw, 30px);min-height: clamp(28px, 4vw, 30px);line-height: 1.2;text-align:center;margin: 0;padding: 3px 5px;border: 0;border-radius: 100%;}
    #wrap .paging :is(.on a, a.on){background: var(--point-color07);color: var(--point-white);font-weight: 500;min-width: clamp(28px, 4vw, 32px);min-height: clamp(28px, 4vw, 32px);}
    #wrap .paging .arrow a {font-size:0;background: url('../images/skin/paging_prev.svg') no-repeat center / auto clamp(9px, 1.5vw, 10px);}
    #wrap .paging .arrow:where(.first, .last) a{background-image: url('../images/skin/paging_first.svg');}
    #wrap .paging .arrow:where(.next, .last) a{scale: -1 -1;}
	#wrap .paging .arrow.prev{margin-right: clamp(0px, 0.5vw, 5px);}
	#wrap .paging .arrow.next{margin-left: clamp(0px, 0.5vw, 5px);}
    #wrap .paging .arrow a img{display: none;}

/* 게시판 상세 */
	#wrap .bbs_view{position: relative; }
	#wrap .bbs_view .view_tit{position: relative;padding: 0 0 clamp(20px, 3.8vw, 38px);border: 0;border-bottom: 2px solid var(--black-color03);background: none;text-align: center;margin: 0;font-size: inherit;width: 100%;display: grid;gap: clamp(15px, 2.7vw, 27px);}
	#wrap .bbs_view .view_tit > h3{position: relative;display: block;width: 100%;text-align: inherit;font-size: var(--text-30);font-weight: 500;color: var(--black-color03);letter-spacing: -0.03em;line-height: 1.4;box-sizing: border-box;overflow: visible;}
	#wrap .bbs_view .view_tit > p{width: 100%;text-align: inherit;font-size: var(--text-20);font-family: var(--font-type02);color: var(--black-color08);display: block;padding: 0;line-height: 1.4;letter-spacing: -0.03em;overflow: visible;}
	#wrap .bbs_view .view_tit:after{display: none;}
	#wrap .bbs_view .view_cont{font-size: var(--text-18);color: var(--black-color03);line-height: 1.6;letter-spacing: -0.03em;margin: 0;width: 100%;text-align: inherit;word-break: keep-all;border-bottom: 1px solid var(--border-color01);min-height: 250px;padding: var(--row-gap60) 0 30px;}
	#wrap .bbs_view .extra_editor_wrap{display: flex;align-items: center;margin: clamp(40px, 10vw, 100px) 0 0;border: 0;padding: clamp(16px, 2vw, 20px) 0;background: var(--gray-bg01);border-radius: var(--radius-10);}
	#wrap .bbs_view h4{position: relative;background: none;width: clamp(90px, 15.5vw, 140px);text-align: center;padding: 0 10px;flex-shrink: 0;font-size: var(--text-18);font-weight: 500;color: var(--black-color03);} 
	#wrap .bbs_view h4:after{position: absolute;content:'';width: 1px;height: clamp(9px, 1.2vw, 10px);background: var(--border-color02);top: 50%;right: 0;translate: 0 -50%;}
	#wrap .bbs_view .extra_cont{position: relative;padding: 0 clamp(20px, 4vw, 40px);font-size: var(--text-17);color: var(--black-color08);display: flex;flex-direction: column;gap: 5px;width: 100%;}
	#wrap .bbs_view .extra_cont span{font-size: inherit; font-weight: inherit; color: inherit; margin:0;}
	#wrap .bbs_view .extra_cont a{color: inherit !important;}
	#wrap .bbs_view .thumb_img_wrap{text-align: inherit;margin: 0;padding: 0; display: none;}
	#wrap .bbs_view .thumb_img_wrap img{margin:0;}

/* 갤러리 */
    .gallery-list{display: grid;grid: auto / repeat(3, 1fr);gap: var(--row-gap50) var(--col-gap30);}
    .gallery-list > li{position: relative;display: flex;flex-direction: column;gap: var(--row-gap20);}
    .gallery-list .thumb{width: 100%;aspect-ratio: auto 1.583;border-radius: var(--radius-10);overflow: hidden;}
    .gallery-list .thumb img{width: 100%;height: 100%;object-fit: cover; transition: all 0.4s;}
    .gallery-list .desc{display: grid;gap: var(--row-gap10);}
    .gallery-list .desc dt{font-size: var(--text-15);color: var(--point-color01);line-height: 1.4;}
    .gallery-list .desc dd{font-size: var(--text-18);color: var(--black-color00);line-height: 1.6;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

        /* hover */
        @media (hover:hover) and (pointer:fine) {
            .gallery-list > li:hover .thumb img{scale: 1.08;}
        }

    @media (max-width:640px) {
        .gallery-list{grid: auto / repeat(2, 1fr);}
    }
    @media (max-width:360px) {
        .gallery-list{grid: auto / repeat(1, 1fr);}
    }

/* certi-list */
    .certi-list{display: grid;grid: auto / repeat(2, 1fr);gap: var(--col-gap40);}
    .certi-list > li{position: relative;box-shadow: inset 0 0 0 1px var(--border-color01);border-radius: var(--radius-20);background: var(--point-white);padding: clamp(15px, 2vw, 20px);padding-top: clamp(25px, 4vw, 40px);text-align: center;}
    .certi-list .desc{display: grid;gap: clamp(25px, 4vw, 40px);}
    .certi-list .desc dt{position: relative;width: min(420px, 80%);aspect-ratio: auto 0.747;overflow: hidden;margin-inline: auto;background: var(--point-white);display: flex;align-items: center;justify-content: center;filter: drop-shadow(var(--shadow-07));box-shadow: 0 0 0 1px var(--border-color01);}
    .certi-list .desc dt{&::before, &::after{position: absolute; content:''; inset: 0; background: rgb(221 221 221 / 30%); clip-path: var(--clip-poly03);}}
    .certi-list .desc dt::after{background: rgb(238 238 238 / 0.5);scale: -1 1;}
    .certi-list .desc dt img{position: relative;max-width: calc(100% - 28px);max-height: calc(100% - 28px);z-index: 1;}
    .certi-list .desc dd{font-size: var(--text-20);font-weight: 700;color: var(--black-color03);line-height: 1.4;background: var(--gray-bg01);border-radius: var(--radius-10);padding: clamp(15px, 2.5vw, 20px) 15px;}

    @media (max-width:431px) {
        .certi-list{grid: auto / repeat(1, 1fr);}
    }

/* gray-text */
    .gray-text{padding: clamp(25px, 3vw, 30px); border-radius: var(--radius-10); background: var(--gray-bg01); text-align: center;}
    .gray-text p{font-size: var(--text-18); font-weight: 700; color: var(--black-color03); line-height: 1.8;}

/* report-meta */
    .report-meta{border:1px solid var(--black-color00);border-radius: var(--radius-10);padding: clamp(25px, 4vw, 40px);display: grid;gap: var(--row-gap30);}
    .report-meta .title{display: grid;gap: var(--row-gap10);text-align: center;}
    .report-meta .title h5{font-size: var(--text-26);font-weight: 700;color: var(--black-color01);line-height: 1.4;letter-spacing: -0.03em;}
    .report-meta .title p{font-size: var(--text-18);color: var(--black-color03);line-height: 1.6;}
	.report-meta .title p em{font-weight:700;color: var(--point-color01);}
    .report-meta .info{background: var(--point-color05);border-radius: var(--radius-10);padding: clamp(20px, 3vw, 30px);display: flex;justify-content: center;flex-wrap: wrap;gap: 12px clamp(30px, 4vw, 40px);}
    .report-meta .info .desc{display: flex;gap: 4px;font-size: var(--text-18);color: var(--black-color03);line-height: 1.6;letter-spacing: -0.04em;}
    .report-meta .info .desc dt{font-weight: 700;display: flex;align-items: baseline;gap: clamp(8px, 1.2vw, 10px);flex-shrink: 0;}
    .report-meta .info .desc dt::before{display: inline-flex;content:'';width: clamp(3px, 0.6vw, 4px);aspect-ratio: auto 1;border-radius: 100%;background: var(--point-color01);flex-shrink: 0;translate: 0 -3px;}
    .report-meta .info .desc .under{text-decoration: underline;text-underline-offset: 4px;text-decoration-skip-ink: none;}
    .report-meta .btn-box{margin-top: 10px;}

/* operate-list */
    .operate-list{display: grid;grid: auto / repeat(3, 1fr);gap: clamp(15px, 1.6vw, 24px);}
    .operate-list > li{position: relative;border: 1px solid var(--border-color01);border-radius: var(--radius-10);background: var(--point-white);overflow: hidden;padding: 20px;text-align: center;}
    .operate-list .desc{display: grid;gap: var(--row-gap10);}
    .operate-list .desc dt{display: flex;align-items: center;justify-content: center;height: clamp(50px, 8.5vw, 80px);}
    .operate-list .desc dd{font-size: var(--text-18);color: var(--black-color00);line-height: 1.8;}

    @media (max-width:479px) {
        .operate-list{grid: auto / repeat(2, 1fr)}
    }

/* chk-list */
    .chk-list{display: flex; flex-direction: column; gap: var(--row-gap20); width: 100%;}
    .chk-list > li{position: relative;width: 100%;display: flex;align-items: baseline;gap: clamp(7px, 1.2vw, 10px);font-size: var(--text-18);font-weight: 700;color: var(--black-color00);line-height: 1.8;}
    .chk-list > li::before{display: inline-flex;content:'';width: clamp(10px, 1.6vw, 14px);aspect-ratio: auto 1.168;background: url('../images/skin/chk_icon.svg') no-repeat center / 100% auto;flex-shrink: 0;}

/* store-search */
    #wrap .search-wrap.store{background: var(--gray-bg01);border-radius: var(--radius-20);padding: clamp(20px, 3.7vw, 37px);margin-bottom: clamp(20px, 4vw, 40px);}
    #wrap .search-wrap.store fieldset{justify-content: center;}
    #wrap .search-wrap.store :where([type="text"], select){border:0;}

    @media (max-width:860px) {
        #wrap .search-wrap.store fieldset{flex-wrap: wrap;}
        #wrap .search-wrap.store .inp-box{width: 100%;}
        #wrap .search-wrap.store select{flex-shrink: unset; width: calc(100% / 2 - 5px);}
    }
    @media (max-width:360px) {
        #wrap .search-wrap.store select{width: 100%;}
    }

/* store */
    .store-wrap{gap: var(--col-gap20); display: flex;position: relative;height:0;overflow:hidden;visibility:hidden;}
	.store-wrap.active{height: 680px;visibility:visible;;}
    .store-wrap #map{width: min(800px, 67%);height: 100%;flex-shrink: 0;}
	
	.store_no_data{display: none;pointer-events:none;align-items: center;justify-content: center;}
	.store_no_data.on{display:flex;pointer-events:initial;}

	.store-wrap .cont{width:100%;position: relative; height: 100%; overflow: hidden; overflow-y: auto;}
        .store-wrap .cont{ scrollbar-gutter: stable; padding-right: clamp(13px, 1.8vw, 18px);}
        .store-wrap .cont::-webkit-scrollbar {width: clamp(3px, 0.6vw, 4px);}
        .store-wrap .cont::-webkit-scrollbar-track {background: var(--border-color01); border-radius: 10px;}
        .store-wrap .cont::-webkit-scrollbar-thumb {background: var(--black-color01); border-radius: 10px;}
    .store-wrap #store-lists{display: grid;gap: 15px;}
    .store-wrap #store-lists > li{position: relative;border: 1px solid var(--border-color01);border-radius: var(--radius-20);background: var(--point-white);padding: clamp(25px, 1.6vw, 30px);padding-bottom: clamp(20px, 1.6vw, 26px);display: flex;flex-direction: column;gap: var(--row-gap20);transition: all 0.4s; cursor: pointer;}
    .store-wrap #store-lists .desc{display: grid;gap: clamp(10px, 1.4vw, 14px);transition: inhre;}
    .store-wrap #store-lists .desc dt{font-size: var(--text-20);font-weight: 700;color: var(--black-color03);line-height: 1.2;}
    .store-wrap #store-lists .desc dd{font-size: var(--text-18);color: var(--black-color04);line-height: 1.4;}
    .store-wrap #store-lists .i-desc{display: flex;align-items: baseline;font-size: var(--text-18);color: var(--black-color00);gap: clamp(15px, 2vw, 20px);line-height: 1.2;transition: inherit;}
    .store-wrap #store-lists .i-desc dt{position: relative;flex-shrink: 0;display: flex;align-items: center;gap: var(--row-gap10);font-weight: 700;}
    .store-wrap #store-lists .i-desc dt::before{display: inline-flex;content:'';width: clamp(10px, 1.9vw, 14px);aspect-ratio: auto 1;background: url('../images/skin/tel.svg') no-repeat center / 100% auto;margin-top: -3px;}
    .store-wrap #store-lists .i-desc dd{position: relative;width: 100%;letter-spacing: 0;}
    .store-wrap #store-lists .i-desc:has(dd:empty){display: none;}

        .store-wrap #store-lists > li.on{border-color: var(--point-color07); background: var(--point-color07); }
        .store-wrap #store-lists > li.on :is(.desc, .i-desc){filter: var(--filter-white);}

    @media (max-width:1023px) {
        .store-wrap{flex-wrap: wrap; }
		.store-wrap.active{height: auto;}
        .store-wrap #map{width: 100%;height: clamp(350px, 68vw, 680px);}
        .store-wrap .cont{height: clamp(350px, 68vw, 680px);}
		.store-wrap #store-lists > li{padding: clamp(20px, 2.5vw, 25px);}
    }

/* bg-before */
    .bg-before{position: relative;padding-bottom: 266px;}
    .bg-before::before{position: absolute;content:'';width: 100%;height: 51.8%;left: 0;bottom: 0;background: var(--point-color05);}

    @media (max-width:1200px) {
        .bg-before{padding-bottom: var(--row-gap120);}
        .bg-before::before{height: 40%;}
    }

/* process-step */
    .process-step{display: grid;grid: auto / repeat(6, 1fr);counter-reset: process-step;gap: clamp(15px, 2vw, 20px) clamp(35px, 2.7vw, 48px);}
    .process-step > li{position: relative;background: var(--point-white);border-radius: var(--radius-20);padding: 20px 15px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;text-align: center;min-height: clamp(90px, 11.5vw, 110px);font-size: var(--text-18);color: var(--black-color00);line-height: 1.6;}
        .process-step > li::before{content:'Step ' counter(process-step, decimal-leading-zero);counter-increment: process-step;font-size: var(--text-16);font-weight: 800;color: var(--point-color01);}
        .process-step > li::after{position: absolute;content:'';width: clamp(10px, 1.4vw, 12px);aspect-ratio: auto 1.2;background: url('../images/skin/step_arw.svg') no-repeat center / 100% auto;top: 50%;left: calc(100% + clamp(35px, 2.7vw, 48px) / 2);translate: -50% -50%;}
        .process-step > li:last-child::after{display: none;}

    @media (max-width:1023px) {
        .process-step{grid: auto / repeat(3, 1fr);}
        .process-step > li:nth-child(3n)::after{opacity: 0;}
    }
    @media (max-width:479px) {
        .process-step{grid: auto / repeat(2, 1fr);}
        .process-step > li:nth-child(3n)::after{opacity: 1;}
        .process-step > li:nth-child(2n)::after{opacity: 0;}
    }

/* offer-vec */
    .offer-vec{display: grid;grid: auto / repeat(5, 1fr);gap: var(--col-gap30);}
    .offer-vec > li{position: relative;background: var(--point-white);border-radius: var(--radius-10);padding: clamp(20px, 3vw, 30px) 15px;text-align: center;display: flex;flex-direction: column;gap: var(--row-gap20);}
    .offer-vec .icon{display: flex;justify-content: center;align-items: center;height: clamp(70px, 10vw, 100px);}
    .offer-vec .desc{display: grid;gap: 4px;}
    .offer-vec .desc dt{font-size: var(--text-20);font-weight: 700;color: var(--black-color03);line-height: 1.4;}
    .offer-vec .desc dd{font-size: var(--text-18);color: var(--black-color04);line-height: 1.4;letter-spacing: -0.03em;}

    @media (max-width:1023px) {
        .offer-vec{grid: auto / repeat(3, 1fr);gap: var(--col-gap30);}
    }
    @media (max-width:479px) {
        .offer-vec{grid: auto / repeat(2, 1fr);gap: var(--col-gap30);}
    }

/* insur-diagram */
    .insur-diagram{position: relative;width: fit-content;margin-inline: auto;}
    .insur-diagram .title{position: relative;text-align: center;margin-bottom: clamp(20px, 2.8vw, 28px);}
    .insur-diagram .title h4{font-size: var(--text-24);font-weight: 800;color: var(--point-color01);line-height: 1.4;letter-spacing: -0.03em;}
    .insur-diagram .thumb{position: relative;z-index: 1;}
    .insur-diagram .item-list > li{position: absolute;top: -10px;right: 100%;display: flex;align-items: center;flex-direction: row-reverse;gap: clamp(20px, 3vw, 30px);text-align: right;width: max-content;max-width: 400px;}
        .insur-diagram .item-list > li::before{position: absolute;content:'';width: 150px;border-bottom: 1px dashed var(--black-color10);top: 125px;right: -98px;rotate: 36deg;}
    .insur-diagram .item-list .icon{position: relative;display: flex;align-items: flex-end;max-width: clamp(70px, 13vw, 130px);height: clamp(60px, 10.3vw, 103px);flex-shrink: 0;}
    .insur-diagram .item-list .desc{display: flex;flex-direction: column;gap: 10px;}
    .insur-diagram .item-list .desc dt{font-size: var(--text-24);font-weight: 700;color: var(--point-color07);line-height: 1.2;letter-spacing: -0.03em;}
    .insur-diagram .item-list .desc dd{font-size: var(--text-18);color: var(--black-color04);line-height: 1.6;letter-spacing: -0.03em;}
    .insur-diagram .btn-wrap{position: absolute;top: calc(100% + 60px);width: 100%;display: flex;justify-content: center;}
    .insur-diagram .view-details{min-width: clamp(180px, 25vw, 240px);}

        .insur-diagram .item-list > li:nth-child(2n){right: auto;left: 100%;flex-direction: row;text-align: left;}
		.insur-diagram .item-list > li:nth-child(2n)::before{right: auto;left: -108px;rotate: -36deg;}
        .insur-diagram .item-list > li:nth-child(n+3){top: 43%;right: calc(100% + 60px);}
        .insur-diagram .item-list > li:nth-child(n+3)::before{rotate: 0deg;top: 70px;}
		.insur-diagram .item-list > li:nth-child(4){right: auto;left: calc(100% + 60px);}
        .insur-diagram .item-list > li:nth-child(n+5){top: 86%;right: calc(100% + 20px);}
        .insur-diagram .item-list > li:nth-child(n+5)::before{rotate: -36deg;top: 15px;}
        .insur-diagram .item-list > li:nth-child(6){right: auto;left: calc(100% + 20px);}
        .insur-diagram .item-list > li:nth-child(6)::before{rotate: 36deg;}

    @media (max-width:1200px) {
        .insur-diagram{width: 100%;}
        .insur-diagram .thumb{display: flex;justify-content: center;margin-bottom: var(--row-gap60);width: 70%;margin-inline: auto;}
		.insur-diagram .item-list{display: grid;grid: auto / repeat(2, 1fr);gap: var(--row-gap40) clamp(15px, 2vw, 20px);}
        .insur-diagram .item-list > li{position: relative; inset: auto !important; width: 100%; max-width: none; flex-direction: row; text-align: left;}
		.insur-diagram .item-list > li::before{display:none;}
        .insur-diagram .btn-wrap{position: relative;inset: auto;margin-top: var(--row-gap60);}
    }
    @media (max-width:640px) {
		.insur-diagram .item-list{grid: auto / repeat(1, 1fr);}
    }

/* phone-diagram */
    .phone-diagram{position: relative;width: fit-content;margin-inline: auto;}
    .phone-diagram .thumb{position: relative;z-index: 1;}
    .phone-diagram .item-list > li{text-align: right;position: absolute;top: 16%;right: calc(100% + 60px);width: max-content;max-width: 350px;}
        .phone-diagram .item-list > li::before{position: absolute;content:'';width: 172px;aspect-ratio: auto 1.563;background: url('../images/skin/serviceB_arw.svg') no-repeat center / 100% auto;top: 10px;left: calc(100% + 18px);}
    .phone-diagram .item-list .desc{display: grid;gap: 10px;}
    .phone-diagram .item-list .desc dt{font-size: var(--text-20);font-weight: 700;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;}
    .phone-diagram .item-list .desc dd{font-size: var(--text-18);color: var(--black-color04);line-height: 1.6;letter-spacing: -0.03em;}

        .phone-diagram .item-list > li:nth-child(2n){top: 21%;right: auto;left: calc(100% + 70px);text-align: left;}
        .phone-diagram .item-list > li:nth-child(2n)::before{left: auto;right: calc(100% + 18px);scale: -1 1;}
        .phone-diagram .item-list > li:nth-child(n+3){top: 51%;}
        .phone-diagram .item-list > li:nth-child(4){top: 53%;}

    @media (max-width:1200px) {
        .phone-diagram{width: 100%;}
        .phone-diagram .thumb{display: flex;justify-content: center;width: 85%;margin: 0 auto var(--row-gap30);}
        .phone-diagram .item-list{display: grid;grid: auto / repeat(2, 1fr);gap: var(--row-gap40) clamp(15px, 2vw, 20px);}
        .phone-diagram .item-list > li{position: relative;inset: auto !important;text-align: left;display: flex;align-items: baseline;gap: var(--row-gap10);max-width: none;}
        .phone-diagram .item-list > li::before{position: relative;display: inline-flex;width: clamp(3px, 0.6vw, 4px);aspect-ratio: auto 1;background: var(--point-color01);inset: auto !important;border-radius: 100%;translate: 0 clamp(-5px, -0.7vw, -3px);flex-shrink: 0;}
    }
    @media (max-width:479px) {
        .phone-diagram .item-list{grid: auto / repeat(1, 1fr);}
    }

/* plat-diagram */
    .plat-diagram{position: relative;width: fit-content;margin-inline: auto;}
    .plat-diagram .circle{position: relative;width: clamp(260px, 46vw, 460px);aspect-ratio: auto 1;border-radius: 100%;display: flex;align-items: center;justify-content: center;margin-inline: auto;}
    .plat-diagram .circle::before{position: absolute; content:''; inset: 0; border: 2px dashed rgb(29 89 221 / 30%); border-radius: inherit;}
    .plat-diagram .circle .title{position: absolute;content:'';background: var(--point-grad01);box-shadow: var(--shadow-08);width: calc(100% - clamp(50px, 14vw, 140px));height: calc(100% - clamp(50px, 14vw, 140px));border-radius: inherit;padding: clamp(30px, 4vw, 40px);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    .plat-diagram .circle .title::before{position: absolute;content:'';width: calc(100% - clamp(30px, 4vw, 40px));aspect-ratio: auto 1;background: var(--point-white);border-radius: inherit;box-shadow: var(--shadow-10);}
    .plat-diagram .circle .title h4{position: relative;font-size: var(--text-24);font-weight: 800;color: var(--point-color07);line-height: 1.4;letter-spacing: -0.03em;}
    .plat-diagram .item-list{position: absolute;inset: 0;}
    .plat-diagram .item-list > li{position: absolute;top: 50%;left: 50%;translate: -50% -50%;transform-origin: center center;transform: rotate(227deg) translate(230px) rotate(133deg);text-align: right;}
        .plat-diagram .item-list > li::before{position: absolute;content:'';width: 10px;height: 10px;border-radius: 100%;background: var(--point-color07);border: 2px solid var(--point-white);box-shadow: var(--shadow-09);top: 100%;left: 100%;translate: 17px 11px;}
    .plat-diagram .item-list .icon{position: relative;display: flex;align-items: center;justify-content: center;width: clamp(45px, 6vw, 60px);height: clamp(45px, 6vw, 60px);padding: 10px;background: var(--point-color07);border-radius: 100%;flex-shrink: 0;}
    .plat-diagram .item-list .desc{position: absolute;top: 50%;right: 80px;translate: 0 -50%;display: grid;gap: var(--row-gap10);width: max-content;max-width: 300px;}
    .plat-diagram .item-list .desc dt{font-size: var(--text-20);font-weight: 700;color: var(--black-color03);line-height: 1.2;letter-spacing: -0.03em;}
    .plat-diagram .item-list .desc dd{font-size: var(--text-18);color: var(--black-color04);line-height: 1.6;letter-spacing: -0.03em;}



        .plat-diagram .item-list > li:nth-child(2){transform: rotate(-47deg) translate(230px) rotate(47deg);}
		.plat-diagram .item-list > li:nth-child(2n){text-align: left;}
        .plat-diagram .item-list > li:nth-child(2n)::before{left: auto;right: 100%;translate: -17px 11px;}
        .plat-diagram .item-list > li{&:nth-child(2), &:nth-child(3), &:nth-child(6){&::before{background: var(--point-color01);}}}
		.plat-diagram .item-list > li{&:nth-child(2), &:nth-child(3), &:nth-child(6){ .icon{background:var(--point-color01);}}}
		.plat-diagram .item-list > li:nth-child(2n) .desc{right:auto;left: 80px;}
        .plat-diagram .item-list > li:nth-child(3){transform: rotate(180deg) translate(230px) rotate(-180deg);}
		.plat-diagram .item-list > li:nth-child(3)::before{top: 50%;translate: 34px -50%;}
        .plat-diagram .item-list > li:nth-child(3) .icon{padding-left: 15px;}
        .plat-diagram .item-list > li:nth-child(4){transform: rotate(0deg) translate(230px) rotate(0deg);}
		.plat-diagram .item-list > li:nth-child(4)::before{top: 50%;translate: -34px -50%;}
        .plat-diagram .item-list > li:nth-child(5){transform: rotate(133deg) translate(230px) rotate(226deg);}
		.plat-diagram .item-list > li:nth-child(5)::before{top: auto;bottom: 100%;translate: 17px -11px;}
        .plat-diagram .item-list > li:nth-child(6){transform: rotate(47deg) translate(230px) rotate(-47deg);}
		.plat-diagram .item-list > li:nth-child(6)::before{top: auto;bottom: 100%;translate: -15px -14px;}

    @media (max-width:1200px) {
        .plat-diagram{width: 100%;display: grid;gap: var(--row-gap40);}
        .plat-diagram .item-list{position: relative;display: grid;grid: auto / repeat(3, 1fr);gap: var(--row-gap40) clamp(15px, 2vw, 20px);}
        .plat-diagram .item-list > li{position: relative;inset: auto;transform: none !important;translate: 0 !important;display: flex;align-items: center;gap: clamp(15px, 2vw, 20px);}
        .plat-diagram .item-list > li::before{display: none;}
        .plat-diagram .item-list > li:nth-child(1n) .icon{background: var(--point-color07);}
        .plat-diagram .item-list > li:nth-child(2n) .icon{background: var(--point-color01);}
        .plat-diagram .item-list .desc{position: relative;inset: auto !important;translate: 0;text-align: left;width: auto;max-width: none;}
    }
    @media (max-width:1023px) {
        .plat-diagram .item-list{grid: auto / repeat(2, 1fr);}
    }
    @media (max-width:479px) {
        .plat-diagram .item-list{grid: auto / repeat(1, 1fr);}
    }

/* cust-diagram */
    .cust-diagram{position: relative;width: fit-content;margin-inline: auto;padding-top: 62px;}
    .cust-diagram .thumb{position: relative;display: inline-block;margin-inline: auto;}
    .cust-diagram .thumb::before{position: absolute;content:'';width: 685px;aspect-ratio: auto 1.23;background: url('../images/skin/serviceD02.png') no-repeat center / 100% auto;top: -22%;left: 50%;translate: calc(-50% - 0.5px);}
    .cust-diagram .item-list > li{position: absolute;top: 1%;right: 100%;text-align: right;width: max-content;max-width: 300px;}
    .cust-diagram .item-list .desc{display: grid;gap: var(--row-gap10);}
    .cust-diagram .item-list .desc dt{font-size: var(--text-20);font-weight: 700;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;}
    .cust-diagram .item-list .desc dd{font-size: var(--text-18);color: var(--black-color04);line-height: 1.6;letter-spacing: -0.03em;}

        .cust-diagram .item-list > li:nth-child(2){d:0;}
		.cust-diagram .item-list > li:nth-child(2n){right: auto;left: calc(100% - 3px);text-align: left;}
        .cust-diagram .item-list > li:nth-child(3){top: 35%;right: calc(100% + 83px);}
        .cust-diagram .item-list > li:nth-child(4){top: 35%;left: calc(100% + 80px);}
        .cust-diagram .item-list > li:nth-child(5){top: 84.5%;right: calc(100% + 82px);}
        .cust-diagram .item-list > li:nth-child(6){top: 84.5%;left: calc(100% + 80px);}

    @media (max-width:1200px) {
        .cust-diagram{width: 100%;padding-top: 0;display: grid;gap: var(--row-gap60);}
        .cust-diagram .thumb{max-width: 85%;}
        .cust-diagram .thumb::before{display: none;}
        .cust-diagram .item-list{display: grid;grid: auto / repeat(4, 1fr);gap: var(--row-gap40) clamp(15px, 2vw, 20px);}
        .cust-diagram .item-list > li{position: relative;inset: 0 !important;max-width: none;text-align: left;width: auto;}
    }
    @media (max-width:1023px) {
        .cust-diagram .item-list{grid: auto / repeat(3, 1fr);}
    }
    @media (max-width:640px) {
        .cust-diagram .item-list{grid: auto / repeat(2, 1fr);}
    }
    @media (max-width:360px) {
        .cust-diagram .item-list{grid: auto / repeat(1, 1fr);}
    }