@charset "utf-8";
.sub_content{font-family: var(--font-type01);}
#wrap:has(.full_sec) #container { width: 100%; max-width: 100%; }

/* 서브 비주얼 */
    .sub_visual{position: relative;min-height: 770px;padding-block: 142px 70px;background: url('../images/sub/sv_thumb.jpg') no-repeat center / cover;display: flex;align-items: center;color: var(--point-white);font-size: var(--title-20);}
	
	#wrap:has(.bus_solution) .sub_visual { background-image: url('../images/sub/sv_solution.jpg'); }
	#wrap:has(.sub_won) .sub_visual { background-image: url('../images/sub/sv_won.jpg'); }
	#wrap:has(.sub_parc) .sub_visual { background-image: url('../images/sub/sv_parc.jpg'); }
	#wrap:has(.sub_pms) .sub_visual { background-image: url('../images/sub/sv_pms.jpg'); }
	#wrap:has(.sub_enms) .sub_visual { background-image: url('../images/sub/sv_enms.jpg'); }
	#wrap:has(.sub_mes) .sub_visual { background-image: url('../images/sub/sv_mes.jpg'); }
	#wrap:has(.sub_pms, .sub_enms) .sub_visual .title { gap: 40px; }
	#wrap:has(.sub_pms, .sub_enms) .sub_visual .title h6 { font-weight: 500; }

    .sub_visual .w_custom{display: flex;align-items: center;justify-content: space-between;gap: 70px;}
    .sub_visual .title{position: relative;display: flex;flex-direction: column;gap: 26px;width: 100%;}
    .sub_visual .title h2{font-size: 60px;font-weight: 600;letter-spacing: -0.03em;line-height: 1.2;}
    .sub_visual .title h6{font-size: 110%;font-weight: 300;letter-spacing: -0.03em;line-height: 1.6;}
    .sub_visual .navDesc{position: relative;display: flex;align-items: center;flex-wrap: wrap;flex-shrink: 0;max-width: 400px;}
    .sub_visual .navDesc :where(dt, dd){display: flex;align-items: center;flex-wrap: wrap;}
        .sub_visual .navDesc :where(dt, dd)::after{display: inline-flex;content:'';width: 3px;aspect-ratio: auto 1;border-radius: 100%;background: var(--point-white02);margin-inline: 16px;}
    .sub_visual .navDesc dt{position: relative;font-size: 0;}
    .sub_visual .navDesc dt a{display:block;opacity: 0.8;}
    .sub_visual .navDesc dd{font-size: 90%;font-weight: 300;line-height: 1.44;color: var(--point-white01);letter-spacing: -0.03em;}
        .sub_visual .navDesc dd:last-child{opacity: 1;color: var(--point-white);}
        .sub_visual .navDesc dd:last-child::after{display: none;}
		
	.sub_visual.no_vis{background:none;min-height:initial;padding-block:200px 40px;color:var(--black-color02);}
	.sub_visual.no_vis .navDesc dt a img{filter: brightness(0) saturate(100%) invert(10%) sepia(45%) saturate(0%) hue-rotate(191deg) brightness(98%) contrast(93%);}
	.sub_visual.no_vis .navDesc :where(dt, dd)::after{background:rgba(34, 34, 34, 0.5);}
	.sub_visual.no_vis .navDesc dd{color:rgba(34, 34, 34, 0.7);font-weight:400;}
	.sub_visual.no_vis .navDesc dd:last-child{color:var(--black-color02);font-weight:500;}
	

    @media (max-width:1023px) {
        .sub_visual{min-height: clamp(450px, 77vw, 770px);}
        .sub_visual .w_custom{flex-wrap: wrap;gap: clamp(35px, 7vw, 70px);}
        .sub_visual .title{gap: clamp(18px, 2.9vw, 29px);text-wrap: balance;}
        .sub_visual .title h2{font-size: clamp(36px, 6vw, 60px);}
        .sub_visual .navDesc dt a{width: clamp(16px, 2.6vw, 21px);}
        .sub_visual .navDesc :where(dt, dd)::after{margin-inline: clamp(12px, 2.1vw, 16px);}
		
		.sub_visual.no_vis{padding-block:clamp(100px, 20vw, 200px) clamp(20px, 4vw, 40px);}
    }
    @media (max-width:479px) {
        .sub_visual .title h6{font-size: 100%;}
    }

/* 2차 카테고리 */
    .secCategory{position: relative;box-shadow: inset 0 -1px 0 var(--border-color01); margin-bottom: 60px;}
    .secCategory .w_custom{display: flex;gap: 52px;font-size: var(--title-20);overflow: hidden;overflow-x: auto;}
    .secCategory a{position: relative;font-size: inherit;font-weight: 400;color: var(--black-color03);line-height: 1.4;padding-block: 21px;letter-spacing: -0.035em;transition: all 0.4s;flex-shrink: 0;}
        .secCategory a.on{font-weight: 600;color: var(--point-color01);box-shadow: inset 0 -2px 0 var(--point-color01);}
		
		body:has(.no_vis) .secCategory{margin-bottom:80px;}

        /* over */
        @media (hover:hover) and (pointer:fine) {
            .secCategory a:not(.on):hover{color: var(--point-color01);}
        }

    @media (max-width:1023px) {
        .secCategory{margin-bottom: clamp(30px, 6vw, 60px);}
        .secCategory .w_custom{gap: clamp(30px, 5.2vw, 52px);}
        .secCategory a{padding-block: clamp(15px, 2.5vw, 20px);}
		
		body:has(.no_vis) .secCategory{margin-bottom:clamp(40px, 4vw, 80px);}
    }
    @media (max-width:479px) {
        .secCategory a{font-size: 90%;}
    }

/* 3차 카테고리 */
    .thirdCategory{position: relative;padding:10px;background: var(--point-color03);border-radius: var(--radius-10);width: fit-content;margin:0 auto 80px;display: flex;justify-content: center;gap: 10px;flex-wrap: wrap;font-size: var(--title-20);}
    .thirdCategory a{display: flex;align-items: center;justify-content: center;font-size: inherit;font-weight: 500;color: var(--black-color05);line-height: 1.4;letter-spacing: -0.03em;padding: 16px 30px;background: var(--point-white);border-radius: inherit;transition: all 0.4s;}
        .thirdCategory a.on{background: var(--point-color01);box-shadow: var(--shadow-03);color: var(--point-white);}

        /* over */
        @media (hover:hover) and (pointer:fine) {
            .thirdCategory a:not(.on):hover{color: var(--point-color01);}
        }

    @media (max-width:1023px) {
        .thirdCategory{margin-bottom: clamp(40px, 8vw, 80px);}
        .thirdCategory a{padding: clamp(12px, 2.1vw, 16px) clamp(15px, 3vw, 30px);}
    }
    @media (max-width:479px) {
        .thirdCategory a{font-size: 90%;}
    }

/* 상단 타이틀 */
    .hdTitle{position: relative; text-align: center; text-wrap: balance; font-size: var(--title-20); display: flex; flex-direction: column; gap: 20px; margin-bottom: 60px;}
        .hdTitle.mbM{margin-bottom: 40px;}
		.hdTitle.wh{filter:var(--filter-white);}
    .hdTitle h3{font-size: 250%;font-weight: 600;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;}
    .hdTitle h4{font-size: 230%;font-weight: 600;color: var(--black-color00);line-height: 1.48;letter-spacing: -0.03em;}
    .hdTitle h6{font-size: inherit;font-weight: 500;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;}
    .hdTitle h6 em{font-weight: 600; color: var(--point-color01);}
	.hdTitle p { color: var(--black-color03); text-align: center; font-size: 110%; font-weight: 500; line-height: 1.6; letter-spacing: -0.03em; }
	.hdTitle p.ft100{font-size:100%;}
	.hdTitle > span { display: inline-flex; justify-content: center; align-items: center; width: fit-content; margin-inline: auto; padding-block: 16px; padding-inline: 41px; border-radius: var(--radius-60); background: var(--point-color01); color: var(--point-white); font-size: 150%; font-weight: 600; line-height: 1.4; letter-spacing: -0.03em; }

    @media (max-width:1023px) {
        .hdTitle{margin-bottom: clamp(30px, 6vw, 60px); gap:clamp(10px, 2vw, 20px);}
        .hdTitle.mbM{margin-bottom: clamp(20px, 4vw, 40px);}
        .hdTitle h3{font-size: 230%;}
        .hdTitle h4{font-size: 210%;}
		.hdTitle > span { padding-inline: clamp(20px, 4vw, 41px); padding-block: clamp(12px, 2vw, 16px); }
    }
    @media (max-width:640px) {
        .hdTitle h3{font-size: 210%;}
        .hdTitle h4{font-size: 190%;}
    }
    @media (max-width:1023px) {
        .hdTitle h3{font-size: 190%;}
        .hdTitle h4{font-size: 170%;}
        .hdTitle h6{font-size: 90%;}
    }

/* 기본 타이틀 */
    .subTitle{position: relative; font-size: var(--title-20);}
        .subTitle.mb{margin-bottom: 30px;}
    .subTitle h3{font-size: 200%;font-weight: 500;color: var(--black-color00);line-height: 1.4;letter-spacing: -0.03em;}
    .subTitle h5{font-size: 150%;font-weight: 500;color: var(--black-color00);line-height: 1.4;letter-spacing: -0.03em;}
    .subTitle h5.bullet{display: flex;align-items: baseline;gap: 16px;}
    .subTitle h5.bullet::before{content:'';width: 6px;aspect-ratio: auto 1;background: var(--point-color01);border-radius: 100%;flex-shrink: 0;translate: 0 -7px;}

    @media (max-width:1023px) {
        .subTitle.mb{margin-bottom: clamp(15px, 3vw, 30px);}
        .subTitle h3{font-size: 190%;}
        .subTitle h5.bullet{gap: clamp(10px, 1.6vw, 16px);}
        .subTitle h5.bullet::before{translate: 0 clamp(-7px, -1vw, -5px);}

    }
    @media (max-width:640px) {
        .subTitle h3{font-size: 180%;}
        .subTitle h5{font-size: 140%;}
        .subTitle h5.bullet::before{width: 4px;}

    }
    @media (max-width:479px) {
        .subTitle h3{font-size: 160%;}
        .subTitle h5{font-size: 130%;}
    }

/* 간격 */
    .gapBox{display: grid; grid-template-columns:minmax(0, 1fr); gap: 40px;}
        .gapBox.g120{gap: 120px;}
        .gapBox.g80{gap: 80px;}

    @media (max-width:1023px) {
        .gapBox{gap: clamp(20px, 4vw, 40px);}
        .gapBox.g120{gap: clamp(80px, 12vw, 120px);}
        .gapBox.g80{gap: clamp(50px, 8vw, 80px);}
    }

/* 기본 배너 */
    .simpleBnr{position: relative;min-height: 516px;display: flex;align-items: center;padding: 100px clamp(50px, 6vw, 100px);border-radius: var(--radius-20);overflow: hidden;}
    .simpleBnr .thumb{position: absolute; inset: 0;}
    .simpleBnr .thumb img{width: 100%; height: 100%; object-fit: cover;}
    .simpleBnr .title{position: relative; font-size: var(--title-20); color: var(--point-white); text-wrap: balance;}
    .simpleBnr .title h4{font-size: 160%;font-weight: 500;line-height: 1.6;letter-spacing: -0.03em;}

    @media (max-width:1023px) {
        .simpleBnr{min-height: clamp(250px, 51.6vw, 516px);padding: clamp(70px, 10vw, 100px) clamp(30px, 5vw, 50px);}
        .simpleBnr .title h4{font-size: 150%;}
    }
    @media (max-width:640px) {
        .simpleBnr .title h4{font-size: 140%;}
    }
    @media (max-width:479px) {
        .simpleBnr .title h4{font-size: 130%;}
    }

/* 불릿 */
    .bulletList{position: relative;display: flex;flex-direction: column;gap: 20px;font-size: var(--title-20);width: 100%;}
    .bulletList > li{position: relative;font-size: inherit;font-weight: 400;color: var(--black-color03);line-height: 1.4;text-align: left;display: flex;align-items: baseline;gap: 10px;letter-spacing: -0.03em;}
        .bulletList > li::before{display: inline-flex;content:'';width: 5px;aspect-ratio: auto 1;border-radius: 100%;background: var(--black-color10);flex-shrink: 0;translate: 0 -5px;}

        .bulletList.type02{gap: 8px;}
        .bulletList.type02 > li{font-size: 90%;color: var(--black-color05);gap: 4px;letter-spacing: -0.04em;}
        .bulletList.type02 > li::before{content:'·';translate: 0;background: none;width: auto;aspect-ratio: unset;}

    @media (max-width:1023px) {
        .bulletList{gap: clamp(12px, 2vw, 20px);}
    }
    @media (max-width:479px) {
        .bulletList > li{font-size: 90%; gap: 8px;}
        .bulletList > li::before{width: 3px;}
    }

/* targetList */
    .targetList{display: grid;grid-template: auto / repeat(2, 1fr);gap: 20px;}
    .targetList > li{position: relative;padding: 20px 20px 24px;border: 1px solid var(--border-color01);border-radius: var(--radius-20);display: flex;flex-direction: column;gap: 20px;text-align: center; font-size: var(--title-20);}
    .targetList .bgTitle{position: relative;flex-shrink: 0;background: var(--point-color01);color: var(--point-white);border-radius: var(--radius-10);padding: 15px 15px;}
    .targetList .bgTitle h5{font-size: 140%;font-weight: 500;line-height: 1.4;letter-spacing: -0.03em;}
    .targetList .cont{font-size: inherit; font-weight: 400;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;height: 100%;padding: 10px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
        .targetList > li:nth-child(2n) .bgTitle{background: var(--point-color02);}

    @media (max-width:1023px) {
        .targetList{grid-template: auto / repeat(1, 1fr); gap: clamp(15px, 2vw, 20px);}
        .targetList > li{gap: clamp(12px, 2vw, 20px);padding: clamp(15px, 2vw, 20px);padding-bottom: clamp(20px, 2.4vw, 24px);}
        .targetList .bgTitle{padding-block: clamp(12px, 2vw, 15px);}
        .targetList .cont{padding: clamp(5px, 1vw, 10px);}
    }
    @media (max-width:640px) {
        .targetList .bgTitle h5{font-size: 130%;}
    }
    @media (max-width:479px) {
        .targetList .bgTitle h5{font-size: 120%;}
        .targetList .cont{font-size: 90%;}
    }

/* bg */
    .ptbg{background: var(--point-color03); padding-block: 120px;}

    @media (max-width:1023px) {
        .ptbg{padding-block: clamp(80px, 12vw, 120px);}
    }

/* promoList */
    .promoList{position: relative;border: 1px solid var(--border-color02);padding: 40px clamp(40px, 4.2vw, 70px);border-radius: 200px;display: grid;grid-template: auto / repeat(4, 1fr);gap: clamp(80px, 7.8vw, 146px);}
    .promoList > li{position: relative;aspect-ratio: auto 1;border-radius: 100%;background: var(--point-white);text-align: center; box-shadow: var(--shadow-04);}
        .promoList > li::after{position: absolute;content:'';width: clamp(40px, 2.7vw, 46px);aspect-ratio: auto 1;border-radius: 100%;background: var(--point-color01) url('../images/sub/plus.svg') no-repeat center / 20px auto;top: 50%;left: calc(100% + clamp(80px, 7.8vw, 146px) / 2);translate: -50% -50%;}
        .promoList > li:last-child::after{display: none;}
    .promoList .desc{font-size: var(--title-20);width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: clamp(18px, 1.6vw, 23px);padding: 15px;}
    .promoList .desc dt{max-height: clamp(50px, 5vw, 80px);}
    .promoList .desc dd{font-size: clamp(17px, 1.3vw ,22px);font-weight: 500;color: var(--black-color03);line-height: 1.4;}

    @media (max-width:1023px) {
        .promoList{grid-template: auto / repeat(2, 1fr);padding: clamp(25px, 4vw, 40px);border-radius: clamp(80px, 20vw, 200px);gap: clamp(60px, 8vw, 80px);}
        .promoList > li::after{width: clamp(34px, 4vw, 40px);background-size: clamp(13px, 1.8vw, 18px) auto;left: calc(100% + clamp(60px, 8vw, 80px) / 2);}
        .promoList > li:nth-child(2)::after{top: calc(100% + clamp(60px, 8vw, 80px) / 2);left: 50%;translate: -50% -50%;}
        .promoList > li:nth-child(3)::after{top: auto;bottom: calc(100% + clamp(60px, 8vw, 80px) / 2);left: 50%;translate: -50% 50%;}
        .promoList > li:last-child::after{display: block;left: auto;right: calc(100% + clamp(60px, 8vw, 80px) / 2);translate: 50% -50%;}
        .promoList .desc{gap: clamp(12px, 1.8vw, 18px);}
        .promoList .desc dt{max-height: clamp(40px, 6vw, 50px);}
        .promoList .desc dd{font-size:110%;}
    }
    @media (max-width:479px) {
        .promoList .desc dd{font-size:100%;}
    }
    @media (max-width:360px) {
        .promoList{grid-template: auto / repeat(1, 1fr);}
        .promoList > li::after{inset: auto !important;top: calc(100% + 30px) !important;left: 50% !important;translate: -50% -50% !important;}
        .promoList > li:last-child::after{display: none;}
    }

/* expEffect */
    .expEffect{position: relative;background: var(--point-white);border: 1px solid var(--border-color01);border-radius: var(--radius-20);padding: 40px 30px;font-size: var(--title-20);display: grid;gap: 140px;}
    .expEffect .circleList{display: grid;grid-template: auto / repeat(6, 1fr);gap: clamp(9px, 1.6vw, 24px);}
    .expEffect .circleList > li{position: relative;font-size: clamp(17px, 1.6vw, 24px);font-weight: 500;color: var(--black-color03);line-height: 1.4;aspect-ratio: auto 1;text-align: center;}
        .expEffect .circleList > li::before{position: absolute; content:''; inset: 0; border: clamp(15px, 1.2vw, 20px) solid var(--point-color02); border-radius: 100%; pointer-events: none;}
        .expEffect .circleList > li:nth-child(2n)::before{border-color: var(--point-color01);}
    .expEffect .circleList > li span{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;padding: 15px;}
    .expEffect .resultTitle{position: relative;background: var(--point-grad02);text-align: center;color: var(--point-white);border-radius: 50px;padding: 18px 15px;}
        .expEffect .resultTitle::before{position: absolute;content:'';width: 200px;aspect-ratio: auto 2;background: var(--point-grad03);left: 50%;bottom: calc(100% + 20px);translate: -50%; clip-path: var(--clip-poly01); opacity: 0.5;}
    .expEffect .resultTitle h4{font-size: 170%;font-weight: 500;line-height: 1.3;}

    @media (max-width:1023px) {
        .expEffect{gap: clamp(90px, 14vw, 140px);padding-block: clamp(30px, 4vw, 40px);}
        .expEffect .circleList{grid-template: auto / repeat(3, 1fr);}
        .expEffect .circleList > li{font-size: 120%;}
        .expEffect .circleList > li::before{border-width: clamp(10px, 2vw, 15px);}
        .expEffect .resultTitle{padding-block: clamp(13px, 2.3vw, 18px);}
        .expEffect .resultTitle::before{width: clamp(150px, 20vw, 200px);bottom: calc(100% + clamp(10px, 2vw, 20px));}
        .expEffect .resultTitle h4{font-size: 160%;}
    }
    @media (max-width:640px) {
        .expEffect .circleList > li{font-size: 110%;}
        .expEffect .resultTitle h4{font-size: 150%;}
    }
    @media (max-width:479px) {
        .expEffect{padding:25px;}
        .expEffect .circleList{grid-template: auto / repeat(2, 1fr);}
        .expEffect .resultTitle h4{font-size: 130%;}
    }
    @media (max-width:360px) {
        .expEffect .circleList{grid-template: auto / repeat(1, 1fr);}
    }

/* organMeta */
    .organMeta{position: relative; padding: 60px; border: 1px solid var(--border-color01); border-radius: var(--radius-20); background: var(--point-white);}
    .organMeta .itemList{position: relative;display: grid;grid: auto / repeat(3, 1fr);gap: 30px;font-size: var(--title-20);text-align: center;width: min(1020px, 100%);margin-inline: auto;padding-bottom: 30px;}
        .organMeta .itemList::before{position: absolute;content:'';width: 1px;height: 100%;background: var(--border-color02);left: 50%;top: 0;}
    .organMeta .itemList > li{position: relative;background: var(--point-color01);border-radius: var(--radius-10);padding: 30px 15px;color: var(--point-white);grid-column: 2 / 2;display: flex;flex-direction: column;justify-content: center;}
        .organMeta .itemList > li::before{position: absolute;content:'';width: 30px;height: 1px;background: var(--border-color02);top: 50%;left: 100%;}
        .organMeta .itemList > li:last-child::before{display: none;}
    .organMeta .itemList .desc{display: grid;gap: 8px;}
    .organMeta .itemList .desc dt{font-size: 120%;font-weight: 500;line-height: 1.4;}
    .organMeta .itemList .desc dd{font-size: 90%;font-weight: 400;line-height: 1.5;letter-spacing: -0.04em;}
    .organMeta .itemList .cont{position: relative;border: 1px solid var(--border-color02);padding: 18px 20px;border-radius: var(--radius-10);min-height: 100%;display: flex;flex-direction: column;justify-content: center;max-width: 240px;}

        .organMeta .itemList.pt02 > li{background: var(--point-color02);}
        .organMeta .itemList.pt03{padding-bottom: 40px;}
        .organMeta .itemList.pt03 > li{background: var(--point-color04);}
        .organMeta .itemList.pt04{display: flex;justify-content: center;width: min(1320px, 100%);gap: 20px;padding-block: 40px 0;}
        .organMeta .itemList.pt04::before{display: none;}
        .organMeta .itemList.pt04 > li{background: var(--point-white);border: 1px solid var(--black-color03);width: calc(100% / 4 + 20px);color: var(--black-color06);padding-block: 18px;}
        .organMeta .itemList.pt04 > li::before{width: 1px;height: 40px;inset: auto;bottom: calc(100% + 1px);left: 50%; display: block;}
        .organMeta .itemList.pt04 > li::after{position:absolute;content:'';width: calc(100% + 22px);height: 1px;background: var(--border-color02);bottom: calc(100% + 40px);left: 50%;}
        .organMeta .itemList.pt04 > li:last-child::after{display: none;}
        .organMeta .itemList.pt04 > li .desc dt{font-size: inherit;color: var(--black-color03);}
        .organMeta .itemList > li.exp{background: var(--point-white);grid-column: 3 / 3;padding: 0;}
		
		.energy_organ .organMeta .itemList .cont{min-height:initial;}
		#wrap .organMeta .itemList.groupList > li{border:none;display: block;padding-top:0;}
		.organMeta .itemList.groupList > li .desc{border:1px solid var(--black-color03);height:100px;padding:20px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius:var(--radius-10);}
		.organMeta .itemList.groupList .cont{width:100%;position: relative;min-height:initial;max-width:initial;padding:20px 20px;margin-top:10px;height:80px;display: flex;align-items: center;font-size:90%;background:var(--point-white);z-index:4;}
		.organMeta .itemList.groupList .cont:before{width:1px;height:10px;content:"";background:var(--border-color02);position: absolute;top:-10px;left:50%;}
		.organMeta .itemList.groupList .cont p span{display: inline-block;box-sizing:border-box;border-radius:40px;font-size:var(--title-20);color:var(--point-white);font-weight:700;line-height:1.4;padding:4px 14px;background:var(--point-color01);}

	@media (max-width:1300px) {
		#wrap .organMeta .itemList.groupList > li{width:calc(100% / 3 - 14px);}
	}
    @media (max-width:1023px) {
        .organMeta{padding: clamp(25px, 6vw, 60px);}
        .organMeta .itemList{padding-bottom: clamp(20px, 3vw, 30px);gap: clamp(20px, 3vw, 30px);}
        .organMeta .itemList > li{padding-block: clamp(18px, 3.5vw, 30px);}
        .organMeta .itemList .cont{max-width: 100%;}
        .organMeta .itemList.pt03{padding-bottom: clamp(30px, 4vw, 40px);}
        .organMeta .itemList.pt04{padding-top: clamp(30px, 4vw, 40px); gap: clamp(15px, 2vw, 20px);}
        .organMeta .itemList.pt04 > li{width: calc(100% / 4 - clamp(15px, 2vw, 20px) / 3); padding-block: clamp(15px, 2.3vw, 18px);}
        .organMeta .itemList.pt04 > li::before{height: clamp(30px, 4vw, 40px);}
        .organMeta .itemList.pt04 > li::after{bottom: calc(100% + clamp(30px, 4vw, 40px)); width: calc(100% + clamp(15px, 2vw, 20px) + 2px);}
        .organMeta .itemList .desc{gap:clamp(5px, 1.3vw, 8px);}
    }
	@media (max-width:860px) {
		#wrap .organMeta .itemList.groupList > li{padding:0;}
		#wrap .organMeta .itemList.groupList .cont{font-size:80%;}
		.organMeta .itemList.groupList .cont p span{font-size:110%;}
	}
    @media (max-width:640px) {
        .organMeta .itemList{grid: auto / repeat(1, 1fr);}
        .organMeta .itemList > li{grid-column: unset;}
        .organMeta .itemList > li::before{display: none;}
        .organMeta .itemList > li.exp{grid-column: unset;}
        .organMeta .itemList.pt04{display: grid; grid:auto / repeat(2, 1fr);}
        .organMeta .itemList.pt04 > li{width: auto;}
		
		#wrap .organMeta .itemList.groupList > li{width:auto;}
		#wrap .organMeta .itemList.groupList > li:nth-child(2):after{display: none;}
		.organMeta .itemList.groupList > li .desc{height:auto;padding:15px 0;}
		.organMeta .itemList.groupList .cont{padding:10px 10px;height:70px;}
    }
    @media (max-width:360px) {
        .organMeta .itemList.pt04{grid:auto / repeat(1, 1fr);padding-top: 0;}
        .organMeta .itemList.pt04::before{display: block;}
        .organMeta .itemList.pt04 > li{&::before, &::after{display: none;}}
    }

/* scheMeta */
    .scheMeta{position: relative;font-size: var(--title-20);border-radius: var(--radius-10);overflow: hidden;text-align: center; width: 100%;}
    .scheMeta::before{position: absolute;content:'';inset: 0;border: 1px solid var(--border-color01);border-radius: inherit;pointer-events: none;z-index: 1;}
    .scheMeta .expTitle{position: relative;color: var(--point-white);background: var(--black-color03);padding: 17px 15px;z-index: 2;}
    .scheMeta .expTitle h5{font-size: 130%; font-weight: 400; line-height: 1.3;}
    .scheMeta .scrBox{background: var(--point-white);}
    .scheMeta .month{display: grid;grid: auto / repeat(14, 1fr);background: var(--gray-bg01);}
    .scheMeta .month > span{font-size: 90%;font-weight: 600;color: var(--black-color03);line-height: 1.5;padding: 12px 10px;box-shadow: 1px 0 0 var(--border-color01);}
    .scheMeta .guide{position: absolute;inset: 0;display: grid;grid: auto / repeat(14, 1fr);text-align: center;pointer-events: none;}
    .scheMeta .guide > span{height: 100%;box-shadow: 1px 0 0 var(--border-color01);}
    .scheMeta .item{position: relative;display: flex;gap: 10px;padding: 20px 10px;background: var(--point-white);}
    .scheMeta .item > span{position: relative;width: 100%;font-size: clamp(13px, 1.4vw, 18px);font-weight: 400;color: var(--point-white);line-height: 1.5;background: var(--point-color01);display: flex;align-items: center;justify-content: center;border-radius: var(--radius-06);padding: 3px 1px;z-index: 2;}
    .scheMeta .item > span:nth-child(1){width: 296%;}
    .scheMeta .item > span:nth-child(5){width: 592%;}
    .scheMeta .item > span:nth-child(6){width: 192%;}
	
	/*energy*/
		.energyMeta.scheMeta .item > span:nth-child(1),
		.energyMeta.scheMeta .item > span:nth-child(2){width: 192%;}
		.energyMeta.scheMeta .item > span:nth-child(4),
		.energyMeta.scheMeta .item > span:nth-child(6){width: 296%;}
		.energyMeta.scheMeta .item > span:nth-child(5){width:100%;}
		
	/*eco*/
		.ecoMeta.scheMeta .item > span:nth-child(1),
		.ecoMeta.scheMeta .item > span:nth-child(2){width:180%;}
		.ecoMeta.scheMeta .item > span:nth-child(3){width: 150%;}
		.ecoMeta.scheMeta .item > span:nth-child(4){width:140%;}
		.ecoMeta.scheMeta .item > span:nth-child(5){width:465%;}
		.ecoMeta.scheMeta .item > span:nth-child(6){width:100%;}

    @media (max-width:1023px) {
        .scheMeta .expTitle{padding-block: clamp(15px, 2.2vw, 17px);}
        .scheMeta .scrBox{overflow: hidden; overflow-x: auto; }
        .scheMeta .scrBox :where(.month, .item){width: 1023px;}
        .scheMeta .item{padding-block:clamp(15px, 2vw, 20px);}
    }
    @media (max-width:479px) {
        .scheMeta .expTitle h5{font-size: 120%;}
    }

/* propStep */
    .propStep{display: grid;grid:auto / repeat(5, 1fr);gap: clamp(30px, 2.7vw, 50px);font-size: var(--title-20);counter-reset: propStep;}
    .propStep > li{position: relative;text-align: center;border: 1px solid var(--border-color01);border-radius: var(--radius-20);padding: 34px 20px;display: flex;flex-direction: column;gap: 20px;}
        .propStep > li::before{content: counter(propStep, decimal-leading-zero);counter-increment: propStep;font-size: 90%;font-weight: 400;color: var(--black-color08);line-height: 1.3;font-family: var(--font-type02);letter-spacing: 0;}
        .propStep > li::after {position: absolute;content: '';width: clamp(16px, 1.1vw, 19px);aspect-ratio: auto 1;border: 2px solid var(--black-color08);clip-path: var(--clip-poly02);top: 50%;left: calc(100% + clamp(30px, 2.7vw, 50px) / 2 - 3px);rotate: -45deg;border-radius: 2px;translate: -50% -50%;}
        .propStep > li:last-child::after{display: none;}
    .propStep .icon{display: flex;align-items: center;justify-content: center;height: 80px;}
    .propStep .desc{display: grid;gap: 10px;padding-top: 9px;}
    .propStep .desc dt{font-size: 110%; font-weight: 500; color: var(--black-color00); line-height: 1.5;}
    .propStep .desc dd{font-size: 90%; font-weight: 400; color: var(--black-color05); line-height: 1.5;}

    @media (max-width:1023px) {
        .propStep{grid: auto / repeat(3, 1fr);}
        .propStep > li{padding: clamp(30px, 3.4vw, 34px) clamp(15px, 2vw, 20px);gap: clamp(15px, 2vw, 20px);}
        .propStep > li:nth-child(3n)::after{display: none;}
        .propStep .icon{height: clamp(56px, 8.5vw, 80px);}
        .propStep .desc{padding-top: clamp(3px, 0.9vw, 9px);gap: clamp(7px, 1vw, 10px);}
    }
    @media (max-width:479px) {
        .propStep{grid: auto / repeat(1, 1fr);}
        .propStep > li{padding-block: 25px;}
        .propStep > li::after{top: calc(100% + 11px);left: 50%;rotate: 45deg;width: 13px;}
        .propStep > li:nth-child(3n)::after{display: block;}
    }

/* 버튼 */
    .btnBox{display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-top: 50px; font-size: var(--title-20);}
    .btnBox .comBtn{display: inline-flex;align-items: center;justify-content: center;font-size: 110%;font-weight: 400;color: var(--point-white);background: var(--point-color02);border-radius: 50px;padding: 16px 40px;min-width: 180px;}
        .btnBox .comBtn.sm{font-size:inherit;padding-block: 17px;}
        .btnBox .comBtn.wh{background: var(--point-white);color: var(--black-color00);font-weight: 500;}

    @media (max-width:1023px) {
        .btnBox{margin-top: clamp(25px, 5vw, 50px);}
        .btnBox .comBtn{padding: clamp(13px, 2.1vw, 16px) clamp(25px, 4vw, 40px);min-width: clamp(120px, 19vw, 180px);}
        .btnBox .comBtn.sm{padding-block: clamp(13px, 2.2vw, 17px);}
    }
    @media (max-width:479px) {
        .btnBox .comBtn{font-size: 100%;}
    }

/* 하단 배너 */
    .btmBnr{position: relative; padding-block: 100px; min-height: 500px; background: url('../images/sub/btmBnr.jpg') no-repeat center / cover; display: flex; align-items: center;}
    .btmBnr .title{position: relative;font-size: var(--title-20);color: var(--point-white);text-align: center;display: grid;gap: 20px;}
    .btmBnr .title h2{font-size: 62px;font-weight: 600;line-height: 1.3;letter-spacing: -0.01em;}
    .btmBnr .title h6{font-size: 110%;font-weight: 300;line-height: 1.3;}
    .btmBnr .btnBox{margin-top: 40px;}

    @media (max-width:1023px) {
        .btmBnr{min-height: clamp(320px, 50vw, 500px);padding-block: clamp(70px, 10vw, 100px);}
        .btmBnr .title{gap: clamp(15px, 2vw, 20px);}
        .btmBnr .title h2{font-size: clamp(32px, 6.2vw, 62px);}
        .btmBnr .btnBox{margin-top: clamp(20px, 4vw, 40px);}
    }
    @media (max-width:479px) {
        .btmBnr .title h6{font-size: 100%;}
    }

/* suportMeta */
    .suportMeta{border-top: 1px solid var(--black-color03);display: grid;grid: auto / minmax(0, 1fr);gap: 30px;}
    .suportMeta .item{padding-block: 50px;border-bottom: 1px solid var(--border-color01);display: flex;gap: 50px;}
        .suportMeta .item:last-child{padding-bottom: 0; border-bottom: 0;}
    .suportMeta .subTitle{width: 100%;}
    .suportMeta .cont{width: 76%; flex-shrink: 0;}
    .suportMeta .propStep{grid:auto / repeat(3, 1fr);gap: clamp(15px, 1.6vw, 30px);}
    .suportMeta .propStep > li{background: var(--point-color03);border:0;padding-bottom: 55px;}
    .suportMeta .propStep > li::before{margin-bottom: 9px;}
    .suportMeta .propStep > li::after{display: none;}
	
		/*eco*/
			.ecoSupport .subTitle p{font-size:110%;color:var(--black-color00);font-weight:400;line-height:1.4;margin-top:10px;}
			.supportField{display: flex;flex-wrap:wrap;gap:20px;}
			.supportField li{box-sizing:border-box;border-radius:var(--radius-20);border:2px solid var(--gray-bg01);background:var(--gray-bg01);display: flex;align-items: center;gap:30px;padding:30px 30px;width:calc(50% - 10px);}
			.supportField li span{display: inline-flex;box-sizing:border-box;padding:6px 20px;border-radius:35px;font-size:var(--title-18);color:var(--point-white);font-weight:400;line-height:1.3;font-family:var(--font-type02);background:var(--black-color08);flex-shrink:0;}
			.supportField li .txt{font-size:var(--title-20);}
			.supportField li .txt h4{font-size:110%;color:var(--black-color00);font-weight:400;line-height:1.4;}
			.supportField li .txt p{margin-top:10px;font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.5;}
			
				/*req*/
				.supportField li.req{border-color:var(--point-color01);background:var(--point-color03);}
				.supportField li.req span{background:var(--point-color01);}
			

    @media (max-width:1023px) {
        .suportMeta .item{flex-wrap: wrap;gap: clamp(20px, 5vw, 50px);}
        .suportMeta .cont{width: 100%; flex-shrink: unset;}
        .suportMeta .propStep > li{padding-bottom: clamp(30px, 5.5vw, 55px);}
        .suportMeta .propStep > li::before{margin-bottom: clamp(0px, 0.9vw, 9px);}
		
		.ecoSupport .subTitle p{font-size:100%;}
		.supportField li{gap:15px;padding:20px 20px;}
		.supportField li .txt p{margin-top:5px;}
    }
	@media (max-width:640px) {
		.supportField li{width:100%;padding:20px 15px;}
		.supportField li span{padding:6px 15px;}
	}
    @media (max-width:479px) {
        .suportMeta .propStep{grid:auto / repeat(1, 1fr);}
        .suportMeta .propStep > li{padding-bottom: 25px;}
    }

/* graphList */
    .graphList{position: relative; display: grid; grid:auto / repeat(2, 1fr); gap: clamp(15px, 1.6vw, 30px);}
    .graphList > li{position: relative;border: 1px solid var(--border-color01);border-radius: var(--radius-20);padding: clamp(35px, 2.1vw, 40px);font-size: var(--title-20);display: flex;align-items: flex-start;gap: 15px;}
    .graphList .title{width: 100%;}
    .graphList .title h5{font-size: 130%; font-weight: 500; color: var(--black-color00); line-height: 1.4; letter-spacing: -0.03em;}
    .graphList .circle{position: relative;width: clamp(180px, 16vw, 250px);flex-shrink: 0;aspect-ratio: auto 1;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
    .graphList .circle .desc{position: relative;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 100%;padding: 20px;}
    .graphList .circle .desc dt{font-size: clamp(30px, 2vw, 36px);font-weight: 600;color: var(--point-color01);line-height: 1.5;}
    .graphList .circle .desc dt strong{font-size: 194%;font-weight: 700;}
    .graphList .circle .desc dd{font-size: 90%; font-weight: 400; color: var(--black-color05); line-height: 1.5;}
    .graphList circle-progress{position: absolute;inset: 0;}
    .graphList circle-progress::before{position: absolute;content:'';top: 50%;left: 50%;translate: -50% -50%;width: 89%;aspect-ratio: auto 1;border-radius: 100%;background: var(--point-white);box-shadow: var(--shadow-05);}
    .graphList circle-progress::part(base) {width: 100%; height: 100%;}
    .graphList circle-progress::part(value) {stroke-width: 6px; stroke: var(--point-color01);}
    .graphList circle-progress::part(circle) {stroke-width: 6px;stroke: var(--border-color03);}
	
		/*eco*/
		.sup_price{width:100%;box-sizing:border-box;border-radius:var(--radius-20);background:var(--point-color02);text-align: center;padding:18px 15px;font-size:var(--title-20);margin-bottom:30px;}
		.sup_price span{font-size:100%;color:var(--point-white);font-weight:400;line-height:1.4;}
		.sup_price p{font-size:130%;color:var(--point-white);font-weight:400;line-height:1.4;}
		.sup_price p strong{font-size:160%;font-weight:700;}

    @media (max-width:1023px) {
        .graphList > li{padding: clamp(25px, 3.5vw, 35px);}
    }
    @media (max-width:767px) {
        .graphList{grid:auto / repeat(1, 1fr);}
        .graphList > li{flex-direction: column;align-items: center;text-align: center;}
		
		.sup_price{margin-bottom:20px;}
    }
    @media (max-width:479px) {
        .graphList .circle .desc dt{font-size: 150%};
    }

/*paging*/
	#wrap .paging { display: flex; gap: 20px; justify-content: center; align-items: center; margin: 0; margin-top: 50px; min-height: unset; padding-top: 0; line-height: 1.3; }
	#wrap .paging a { display: inline-flex; align-items: center; justify-content: center; font-size: var(--title-18); font-weight: 400; color: var(--black-color05); padding: 0; border: 0; box-sizing: border-box; min-width: 36px; min-height: 36px; width: auto; height: auto; line-height: 1; text-align: center; vertical-align: top; margin: 0; padding-right: 1px; padding-top: 1px; }
	#wrap .paging :is(.on a, a.on) { border-radius: 100%; background: var(--point-color02); color: var(--point-white); font-weight: 600; }
	#wrap .paging .arrow a {font-size:0; min-width:18px; background:no-repeat center; }
	#wrap .paging .arrow a img { display: none; }
	#wrap .paging .arrow.first a {background-image:url("../images/sub/ico_pagi_first.svg");}
	#wrap .paging .arrow.prev a {background-image:url("../images/sub/ico_pagi_prev.svg"); margin-right:0;}
	#wrap .paging .arrow.next a {background-image:url("../images/sub/ico_pagi_next.svg"); margin-left:0;}
	#wrap .paging .arrow.last a {background-image:url("../images/sub/ico_pagi_last.svg");}
	
	@media (max-width: 1023px) {
		#wrap .paging { margin-top: clamp(30px, 5vw, 50px); gap: clamp(10px, 2vw, 20px); }
		#wrap .paging a { min-width: clamp(30px, 4vw, 36px); min-height: clamp(30px, 4vw, 36px); }
		#wrap .paging .arrow a { min-width: clamp(12px, 2vw, 18px); }
	}
	
/*체크박스*/
	#wrap label:has([type="checkbox"]){display: flex;align-items: flex-start;line-height: 26px;gap: 10px;cursor: pointer;font-size: var(--title-18);font-weight: 400;color: var(--black-color00);}
    #wrap label:has([type="checkbox"]) em{font-weight: inherit;color: var(--point-color02);display: contents;}
    #wrap label [type="checkbox"]{position: relative;display: block;width: 24px;height: 24px;border: 1px solid var(--border-color01);background: var(--point-white);flex-shrink: 0;cursor: pointer;transition: all 0.4s;}
    #wrap label [type="checkbox"]:before{position: absolute;content:'';inset: 0;background: url('../images/sub/chk_icon.png') no-repeat center / 14px auto; transition: all 0.4s;}
        #wrap label [type="checkbox"]:checked{background: var(--point-color01); border-color: var(--point-color01);}
        #wrap label [type="checkbox"]:checked:before{filter: var(--filter-white);}
		
	@media (max-width:1023px) {
		#wrap label:has([type="checkbox"]){line-height: clamp(20px, 3.1vw, 24px);}
        #wrap label [type="checkbox"]{width: clamp(20px, 3.1vw, 24px);height: clamp(20px, 3.1vw, 24px);}
        #wrap label [type="checkbox"]:before{background-size: clamp(10px, 1.9vw, 14px);}
	}

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

	about
	
───────────────────────────────────────────────────────────*/
	.sub_about{position: relative;padding-bottom:240px;overflow:hidden;padding-top:20px;}
	.sub_about:before{background:var(--point-grad04);width:100%;height:64.5%;content:"";position: absolute;bottom:0;left:0;}
	.sub_about:after{content:"WON-ONE TECH";font-size:190px;color:var(--point-white);font-weight:600;line-height:1.4;font-family:var(--font-type02);position: absolute;bottom:-64px;left:50%;translate:-50%;width:100%;text-align: center;}
	.sub_about .about_cont{font-size:var(--title-20);}
	.about_title h3{text-align:left;}
	.about_title h3 strong{font-size:inherit;color:var(--point-color01);font-weight:inherit;}
	.sub_about .about_box{display: flex;flex-wrap:wrap;gap:80px;align-items: flex-start;margin-top:50px;;}
	.sub_about .about_box .img{width: 41.3%;aspect-ratio: auto 0.86;box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;}
	.sub_about .about_box .img img{width:100%;height:100%;object-fit:cover;}
	.sub_about .about_box .txt{display: flex;flex-direction: column;gap:20px;margin-top:20px;width:calc(58.7% - 80px);}
	.sub_about .about_box .txt h4{font-size:110%;color:var(--black-color03);font-weight:500;line-height:1.36;}
	.sub_about .about_box .txt p{font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.6;}
	.sub_about .about_box .txt .sign{margin-top:20px;display: flex;align-items: center;gap:10px;}
	.sub_about .about_box .txt .sign p{color:var(--black-color03);font-weight:400;}
	.sub_about .about_box .txt .sign .ceo{font-size:110%;color:var(--black-color03);font-weight:400;line-height:1.63;}
	.sub_about .about_box .txt .sign strong{font-size:130%;color:var(--black-color03);font-weight:600;}
	
	@media (max-width:1550px) {
		.sub_about:after{font-size: 120px;bottom: -41px;}
	}
	@media (max-width:1023px) {
		.sub_about{padding-bottom:clamp(70px, 18vw, 180px);padding-top:clamp(10px, 2vw, 20px);}
		.sub_about:after{font-size: 600%;bottom: -2.3%;}
		.sub_about .about_box{gap:clamp(30px, 5vw, 50px);margin-top:clamp(30px, 5vw, 50px);}
		.sub_about .about_box .txt{margin-top:0;width:calc(58.7% - clamp(30px, 5vw, 50px));}
	}
	@media (max-width:640px) {
		.sub_about:after{font-size: 400%;bottom: -1.2%;}
		.sub_about .about_cont h3{font-size:200%;}
		.sub_about .about_box .img,
		.sub_about .about_box .txt{width:100%;}
		.sub_about .about_box .txt{gap:14px;}
		.sub_about .about_box .txt .sign{margin-top:10px;gap:5px;}
	}
	@media (max-width:479px) {
		.sub_about:after{font-size: 300%;bottom: -0.9%;}	
	}
	
/*───────────────────────────────────────────────────────────

	vision
	
───────────────────────────────────────────────────────────*/
	.sub_vision{padding-top:20px;}
	.sub_vision .vision_bnr{font-size:var(--title-20);box-sizing:border-box;border-radius:var(--radius-20);overflow:hidden;width:100%;aspect-ratio:auto 3.12;}
		.sub_vision .vision_bnr	.img{width:100%;height:100%;}
		.sub_vision .vision_bnr	.img img{width:100%;height:100%;object-fit:cover;}
		.sub_vision .vision_bnr	p{position: absolute;bottom:80px;box-sizing:border-box;padding:0 80px;font-size:110%;color:var(--point-white);font-weight:400;line-height:1.63;letter-spacing:-0.03em;}
	.vision_goal{margin-top:100px;}
		.vision_goal .goal_list{counter-reset:gaolCnt;display: flex;flex-wrap:wrap;gap:30px 30px;}
		.vision_goal .goal_list li{counter-increment:gaolCnt;width:calc(50% - 15px);box-sizing:border-box;background:var(--point-color06);border-radius:var(--radius-20);padding:40px 50px;display: flex;flex-direction: column;gap:10px;font-size:var(--title-20);}
		.vision_goal .goal_list li:before{content:counter(gaolCnt, decimal-leading-zero);font-size:100%;color:var(--point-color01);font-weight:500;line-height:1.4;}
		.vision_goal .goal_list li h5{margin-top:10px;font-size:140%;color:var(--black-color03);font-weight:500;line-height:1.6;}
		.vision_goal .goal_list li p{font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.6;}
	
	@media (max-width:1023px) {
		.sub_vision{padding-top:clamp(10px, 2vw, 20px);}
		.sub_vision .vision_bnr{aspect-ratio:auto clamp(1, 1.5, 2.5);}
		.sub_vision .vision_bnr p{bottom:30px;padding:0 clamp(15px, 3vw, 30px);}
		.vision_goal{margin-top:clamp(50px, 10vw, 100px);}
		.vision_goal .goal_list li{padding:clamp(20px, 4vw, 40px) clamp(15px, 5vw, 50px);}
	}
	@media (max-width:640px) {
		.sub_vision .vision_bnr p br{display: none;}
		.vision_goal .goal_list{gap:20px;}
		.vision_goal .goal_list li{width:100%;gap:5px;}
	}
	@media (max-width:479px) {
		.sub_vision .vision_bnr p{font-size:90%;}
		.vision_goal .goal_list li h5{font-size:120%;margin-top:5px;}
	}
	
/*───────────────────────────────────────────────────────────

	history
	
───────────────────────────────────────────────────────────*/
	.sub_history .history_cont{position: relative;display: flex;flex-wrap:wrap;align-items: flex-start;gap:160px;padding-top:61px;}
	.sub_history .title_box{position:sticky;top:120px;left:0;width:38.7%;font-size:var(--title-20);margin-top:6px;}
		.sub_history .title_box h4{font-size:300%;color:var(--black-color03);font-weight:600;line-height:1.16;letter-spacing:-0.03em;}
		.sub_history .title_box p{margin-top:30px;font-size:120%;color:var(--black-color03);font-weight:400;line-height:1.6;}
		.sub_history .title_box .img{margin-top:146px;width:100%;aspect-ratio:auto 1.38;box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;}
		.sub_history .title_box .img img{width:100%;height:100%;object-fit:cover;;}
	.historyBox{width:calc(61.3% - 160px);}
		.historyBox .cont{display: flex;flex-direction: column;gap:80px;font-size:var(--title-20);}
	.historyBox .item{position: relative;width: 100%;display: grid;gap:34px;padding-left: clamp(50px, 4.6vw, 88px);}
		.historyBox .item:before{position: absolute;content:'';width: 9px;aspect-ratio: auto 1;border-radius: 100%;background: var(--point-color01);top:16px;left:4px;translate: -50%; transition: all 0.4s;}
		.historyBox .item.on:before{box-shadow: 0 0 0 6px rgba(0, 122, 204, 0.20);}
		.historyBox .item h5{font-size:160%;color:var(--black-color00);font-weight:500;font-family:var(--font-type02);letter-spacing:0.03em;}
	.historyBox .line{position: absolute;top:16px;left:4px;width: 1px;height: 100%;background: var(--gray-bg04);max-height:calc(100% - 16px);}
		.historyBox .line em{position: absolute; top:0; left:0; width: 100%; height: 0; background: var(--point-color01);}
	.historyBox .list{display:grid;gap:36px;}
		.historyBox .list > li{display: flex;flex-wrap:wrap;gap:30px;}
		.historyBox .list > li .month{display: inline-block;font-size:100%;color:var(--black-color00);font-weight:400;line-height:1.4;font-family:var(--font-type02);width:40px;}
		.historyBox .list .bulletList{width:calc(100% - 70px);gap:30px;}
		.historyBox .list .bulletList > li::before{width:3px;background:var(--black-color05);}
		
	.project_status table thead tr th{box-sizing:border-box;background:var(--point-color01);font-size:var(--title-20);color:var(--point-white);text-align: center;vertical-align: middle;padding:15px 0;font-weight:600;}
	.project_status table thead tr th:nth-child(1){border-radius:20px 0 0 0;}
	.project_status table thead tr th:nth-child(2){border-radius:0 20px 0 0;border-left:1px solid var(--border-color01);}
	.project_status table tbody tr td{box-sizing:border-box;vertical-align: middle;text-align:left;font-size:var(--title-18);color:var(--black-color03);font-weight:400;border-bottom:1px solid var(--border-color01);padding:15px 20px;}
	.project_status table tbody tr td + td{border-left:1px solid var(--border-color01);}
		
	@media (max-width:1650px) {
		.sub_history .title_box .img{margin-top:50px;}
	}
	@media (max-width:1023px) {
		.sub_history .history_cont{gap:clamp(30px, 5vw, 50px);padding-top: clamp(30px, 6vw, 60px);}
		.sub_history .title_box{margin-top:0;}
		.sub_history .title_box h4{font-size:200%;}
		.sub_history .title_box p{margin-top:12px;}
		.historyBox{width:calc(61.3% - clamp(30px, 5vw, 50px));}
		.historyBox .cont{gap:clamp(30px, 8vw, 80px)}
		.historyBox .item{gap:20px;}
		.historyBox .list{gap:clamp(15px, 3.6vw, 36px);}
		.historyBox .list > li{gap:20px;}
	}
	@media (max-width:640px) {
		.sub_history .title_box{width:100%;position: static;}
		.historyBox{width:100%;}
		.sub_history .title_box .img{margin-top:30px;aspect-ratio:auto 1.7;}
		.historyBox .item{padding-left:30px;}
		.historyBox .list > li .month{width:30px;}
		.historyBox .list > li{gap:12px;}
		
		.project_status table thead tr th{padding:12px 0;}
		.project_status table thead tr th:nth-child(1){border-radius:10px 0 0 0;}
		.project_status table thead tr th:nth-child(2){border-radius:0 10px 0 0;}
		.project_status table tbody tr td{padding:12px 10px;}
	}
	
/*───────────────────────────────────────────────────────────

	location
	
───────────────────────────────────────────────────────────*/
	.sub_location .map_box{width:100%;box-sizing:border-box;position: relative;border-radius:var(--radius-20);aspect-ratio:auto 2.42;overflow:clip;}
		.sub_location .map_box iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;translate:-50% -50%;}
	.sub_location .map_info{margin-top:40px;display: flex;flex-wrap:wrap;gap:30px;}
		.sub_location .map_info dl{width:calc(100% / 3 - 20px);box-sizing:border-box;border-radius:var(--radius-20);border:1px solid var(--border-color01);padding:30px 40px;}
		.sub_location .map_info dl dt{display: flex;align-items: center;gap:12px;font-size:var(--title-20);color:var(--black-color00);font-weight:500;font-family:var(--font-type02);}
		.sub_location .map_info dl dt .icon{width:40px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:var(--point-color06);display: flex;align-items: center;justify-content: center;}
		.sub_location .map_info dl dd{margin-top:20px;font-size:var(--title-18);color:var(--black-color03);font-weight:400;line-height:1.55;}
	.sub_location .way_method{margin-top:60px;font-size:var(--title-20);}
		.sub_location .way_method h4{display: flex;align-items: center;gap:12px;font-size:150%;color:var(--black-color00);font-weight:500;line-height:1.4;}
		.sub_location .way_method h4:before{width:6px;content:"";aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:var(--point-color01);display: inline-block;}
		.sub_location .way_method dl{margin-top:20px;box-sizing:border-box;border-radius:var(--radius-20);border:1px solid var(--border-color01);padding:30px 30px;display: flex;align-items: center;}
		.sub_location .way_method dl dt{display: flex;gap:16px;align-items: center;font-size:100%;color:var(--black-color00);font-weight:400;line-height:1.4;}
		.sub_location .way_method dl dd{position: relative;display: flex;align-items: center;gap:10px;}
		.sub_location .way_method dl dd:before{width:1px;height:14px;content:"";background:var(--border-color01);margin:0 10px 0 20px;}
		.sub_location .way_method dl dd span{display: inline-flex;box-sizing:border-box;border-radius:30px;border:1px solid var(--point-purple);font-size:80%;color:var(--point-purple);font-weight:600;line-height:1.4;padding:4px 8px;}
		.sub_location .way_method dl dd p{font-size:90%;color:var(--black-color04);font-weight:400;line-height:1.4;}
	
	@media (max-width:1023px) {
		.sub_location .map_info{gap:21px;}
		.sub_location .map_info dl{padding:clamp(20px, 3vw, 30px) clamp(15px, 2vw, 20px);width:calc(100% / 3 - 14px);}
		.sub_location .way_method{margin-top:clamp(40px, 6vw, 60px);}
		.sub_location .way_method dl{margin-top:clamp(10px, 2vw, 20px);padding:20px 20px;}
	}
	@media (max-width:640px) {
		.sub_location .map_box{aspect-ratio:auto 1.5;}
		.sub_location .map_info dl{width:100%;}
		.sub_location .map_info dl dt .icon{width:32px;}
		.sub_location .map_info dl dt .icon img{max-width:45%;}
		.sub_location .way_method h4{font-size:125%;gap:10px;}
		.sub_location .way_method dl{flex-direction: column;gap:10px;align-items: flex-start;}
		.sub_location .way_method dl dt{gap:10px;}
		.sub_location .way_method dl dt .icon{height:20px;}
		.sub_location .way_method dl dd:before{display: none;}
	}
	
/*───────────────────────────────────────────────────────────

	게시판
	
───────────────────────────────────────────────────────────*/
	
	/* 인풋 */
        #wrap :where([type="text"], select){border:1px solid var(--border-color01);background: var(--point-white);font-size: var(--title-19);font-weight: 400;color: var(--black-color03);line-height: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:60px;padding: 0 20px;letter-spacing: -0.03em; transition: all 0.4s;}
            #wrap :where([type="text"], select)::placeholder{color: var(--black-color10);}
            #wrap :where([type="text"], select):focus{border-color: var(--black-color00);}
        #wrap select{width: 100%;max-width: 160px;padding-right:30px;appearance: none;background:var(--point-white) url('../images/sub/sel_arw.svg') no-repeat calc(100% - 20px) / 11px auto;}
		
		#wrap input[type="text"]::-webkit-input-placeholder {color:var(--black-color10);}
		#wrap input[type="password"]::-webkit-input-placeholder {color:var(--black-color10);}
		#wrap input[type="text"]::-moz-placeholder {color:var(--black-color10);}
		#wrap input[type="password"]::-moz-placeholder {color:var(--black-color10);}
		#wrap input[type="text"]:-ms-input-placeholder {color:var(--black-color10);}
		#wrap input[type="password"]:-ms-input-placeholder {color:var(--black-color10);}
		#wrap input[type="text"]:-moz-placeholder {color:var(--black-color10);}
		#wrap input[type="password"]:-moz-placeholder {color:var(--black-color10);}
		#wrap input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset;-webkit-text-fill-color:var(--black-color08);font-size:inherit;}

    @media (max-width:1023px) {
        #wrap :where([type="text"], [type="password"], [type="number"], [type="date"], select){padding-inline: clamp(15px, 2.3vw, 20px);height: clamp(45px, 6.1vw, 60px);}
        #wrap select{max-width: clamp(110px, 18vw, 160px);padding-right: clamp(24px, 5.5px, 30px);background-position: calc(100% - clamp(15px, 2.3vw, 20px)) 50%;background-size: clamp(8px, 1.9vw, 11px);}
    }

	.sub_board .board_preface{display: flex;align-items: center;justify-content: center;margin-bottom:60px;}
	.sub_board .board_preface li {width: 100%; max-width: 240px; min-width: max-content;}
	.sub_board .board_preface li a{width:100%;display: inline-flex;box-sizing:border-box;padding:16px 20px;background: var(--point-color02);font-size:var(--title-20);color: var(--point-color01);font-weight: 400;border:1px solid var(--trans-color);align-items: center;justify-content: center;text-align: center;transition:all 0.4s;}
	.sub_board .board_preface:not(:has(li[selected="selected"])) li:first-child a, .sub_board .board_preface li[selected="selected"] a{background: var(--point-white); border-color: var(--point-color01); font-weight:700;}
		/* over */
            @media (hover:hover) and (pointer:fine){
				.sub_board .board_preface li:hover a {font-weight:600;}
			}
			
    #wrap .search_wrap{position: relative; margin-bottom:40px;}
    #wrap .search_wrap fieldset{display: flex;gap: 10px; justify-content: flex-end;align-items: center;}
	#wrap .search_wrap fieldset > a{font-size:var(--title-18);color:var(--black-color10);font-weight:400;padding:17px 20px;border:1px solid var(--border-color01);box-sizing:border-box;}
    #wrap .search_wrap select{flex-shrink: 0;}
    #wrap .search_wrap .inp_box{position: relative;width: 100%; max-width:360px;}
    #wrap .search_wrap .inp_box [type="text"]{width: 100%;}
    #wrap .search_wrap .inp_box button{position: absolute;top: 0;right:0;width:60px;height:100%;background:var(--black-color02) url('../images/sub/icon_search.svg') no-repeat center / 22px auto;box-sizing:border-box;}

    @media (max-width:1023px) {
		.sub_board .board_preface {width: 100%; margin-bottom: clamp(40px, 5.87vw, 60px);}
		
        #wrap .search_wrap{margin-bottom: clamp(15px, 3vw, 40px);}
        #wrap .search_wrap .inp_box{max-width: clamp(250px, 40vw, 360px);}
		#wrap .search_wrap .inp_box button{width:clamp(45px, 6.1vw, 60px);height: clamp(45px, 6.1vw, 60px);background-size:clamp(15px, 2.2vw, 22px);}
    }
	@media (max-width:479px) {
		.sub_board .board_preface {flex-wrap: wrap;}
		.sub_board .board_preface li {width: 50%;}
		
		#wrap .search_wrap fieldset{flex-wrap: wrap;}
        #wrap .search_wrap select{flex-shrink: unset;max-width: 100%;}
        #wrap .search_wrap .inp_box{max-width: 100%;}
	}


    /* 일반 */
        .nodata{position: relative; text-align: center; font-size: var(--title-18); font-weight: 600; color: var(--black-color06); padding-block: 50px;}
        .bbs_table{position: relative; width: 100%; table-layout: fixed; font-size: var(--title-20); border-top: 2px solid var(--black-color01);}
        .bbs_table :where(th, td){line-height: 1.3;border-bottom: 1px solid var(--border-color01);padding: 23px 10px;text-align: center;letter-spacing: 0;}
        .bbs_table th{font-size:90%; font-weight: 500; color: var(--black-color00);}
        .bbs_table td{font-size:90%;font-weight: 400; color: var(--black-color03);}
		.bbs_table td.left{text-align: left; padding-inline: 20px; }
		.bbs_table td.left > div{display: flex;align-items: center;gap:10px;}
        .bbs_table td.left a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break: break-all;color:var(--black-color03);font-weight:500;/* text-decoration: underline; text-underline-offset:4px;*/display:block;max-width:100%;}
		.bbs_table td br{display: none;}
		.bbs_table .notice td.left{font-weight:500;}
		.bbs_table .notice .tag{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;font-size:var(--title-16);color:var(--point-white);font-weight:600;background:var(--point-color01);padding:10px 21px 8px;border-radius:50px;line-height:1;}
        .bbs_table .for_t{display: none;}
            .bbs_table.donors td{color: var(--black-color05);}

		@media (max-width:1023px) {
			.bbs_table .notice .tag{padding:6px 15px 4px;}
		}
        @media (max-width:860px) {
            .bbs_table{display: block; }
            .bbs_table thead{display: none;}
            .bbs_table :where(tbody, tr, th, td){display: block; width: 100%; border:0; padding:0; text-align: left;}
            .bbs_table tr{padding:20px;display: flex;flex-wrap: wrap;gap: 10px 20px;border-bottom: 1px solid var(--border-color01);}
            .bbs_table td{width: auto;}
            .bbs_table td.left{width: 100%; padding: 0;}
			.bbs_table td.left > div{gap:6px;}
			.bbs_table td.num{display: none;}
            .bbs_table .for_pc{display: none;}
            .bbs_table .for_t{display: inline-block;}
        }
		
	/*gallery*/
		.gallery_list{display: flex;flex-wrap:wrap;gap:28px;}
		.gallery_list.notice{margin-bottom:30px;}
		.gallery_list.notice .notice{display: block;font-size:80%;color:var(--point-color01);font-weight:500;}
		.gallery_list > li{position: relative;height: auto;display: flex;flex-direction: column;width:calc(25% - 21px);}
        .gallery_list > li:before{position: absolute;content:'';inset: 0;border: 1px solid var(--border-color01);pointer-events: none; transition: all 0.4s;}
        .gallery_list > li .link{position: absolute; inset: 0; z-index: 5;}
        .gallery_list > li .thumb{position: relative;width: 100%;aspect-ratio: auto 1.59;overflow: hidden;flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
        .gallery_list > li .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .gallery_list > li .cont{font-size: var(--title-20);padding: 30px 20px;padding-top: 27px;display: flex;flex-direction: column;justify-content: space-between;gap: 30px;height: 100%;}
        .gallery_list > li .desc{display: grid;gap: 11px;}
        .gallery_list > li .desc dt{font-size: 110%; font-weight: 600; color: var(--black-color03); line-height: 1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
        .gallery_list > li .desc dd{font-size: 90%; font-weight: 400; color: var(--black-color05); line-height: 1.45; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
        .gallery_list > li .regdate{font-size: 80%; font-weight: 400; color: var(--black-color08); line-height: 1.25;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .gallery_list > li:hover:before{border-color: var(--point-color01); box-shadow: var(--shadow-02); z-index:1;}
            }

        @media (max-width:1023px) {
			.gallery_list{gap:18px;}
			.gallery_list > li{width:calc(100% / 3 - 12px);}
            .gallery_list > li .cont{gap: clamp(20px, 3vw, 30px);}
        }
		@media (max-width:640px) {
			.gallery_list{gap:15px;}
			.gallery_list > li{width:calc(100% / 2 - 7.5px);}
		}
        @media (max-width:479px) {
			.gallery_list > li{width:100%;}
            .gallery_list > li .cont{padding:20px 15px;}
        }
		
	/*certificate*/
		#wrap .gallery_list.type2 > li:before{display: none;}
		#wrap .gallery_list.type2 > li .thumb{aspect-ratio:auto 0.8;}
		#wrap .gallery_list.type2:not(.certif) > li .thumb:before{position: absolute;content:'';inset: 0;border: 1px solid var(--border-color01);pointer-events: none; transition: all 0.4s;}
		#wrap .gallery_list.type2 > li .cont{text-align: center;padding:20px 0 0;}
		#wrap .gallery_list.certif > li{cursor: pointer;}

        #wrap .zoomLayer{position: fixed; inset: 0; background: rgb(0 0 0 / 60%); z-index: 150; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: all 0.4s;}
            #wrap .zoomLayer.on{opacity: 1; pointer-events: all;}
            body:has(.zoomLayer.on){overflow: clip;}
        #wrap .zoomLayer .w_custom{max-width: 550px; max-height: 94vh; overflow: hidden; overflow-y: auto;}
        #wrap .zoomLayer .thumb{text-align: center;}
		
			/* over */
            @media (hover:hover) and (pointer:fine) {
                #wrap .gallery_list.type2:not(.certif) > li:hover .thumb {box-shadow: var(--shadow-02);}
				#wrap .gallery_list.type2:not(.certif) > li:hover .thumb:before{border-color: var(--point-color01);}
            }
			
		@media (max-width:640px) {
			#wrap .gallery_list.type2 > li .cont{padding:10px 0 0 0;}
		}
		@media (max-width:479px) {
			#wrap .gallery_list.type2 > li{width:calc(50% - 7.5px);}
		}
		
	/*view*/
		.contact_process { display: flex;flex-wrap:wrap;justify-content: center; gap: clamp(20px, 2.2vw, 40px);margin-bottom:60px;}
		.contact_process li { text-align: center;width: calc(100% / 7 - (clamp(20px, 2.2vw, 40px)*6) / 7);position: relative;}
		.contact_process figure { font-size: var(--title-20); display: flex; flex-direction: column; gap: 20px; align-items: center; }
		.contact_process .ico { background: var(--point-white); border-radius: var(--radius-20); width:100px;aspect-ratio:auto 1;display: flex;align-items: center;justify-content: center;max-width: 100px; margin-inline: 17px; border:1px solid var(--point-color01);position: relative;}
		.contact_process li + li:before{width:15px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border:2px solid var(--border-color01);border-width:2px 2px 0 0;transform:rotate(45deg);position: absolute;top:45px;left:-18%;}
		.contact_process figcaption { color: var(--black-color03); font-weight: 500; font-size: 110%; line-height: 1.4; letter-spacing: -0.03em; }
		
		@media (max-width:1023px) {
			.contact_process{margin-bottom:clamp(30px, 6vw, 60px);}
		}
		@media (max-width:860px) {
			.contact_process li{width: calc(100% / 4 - (clamp(20px, 2.2vw, 40px)*3) / 4);}
			.contact_process li + li:before{left:-11%;}
		}
		@media (max-width:640px) {
			.contact_process li + li:before{left:-17px;width:10px;}
		}
		@media (max-width:479px) {
			.contact_process{padding:0 20px;}
			.contact_process li{width: calc(100% / 3 - (clamp(20px, 2.2vw, 40px)*2) / 3);}
			.contact_process li + li:before{left:-18px;top:28%;}
			.contact_process figure{gap:10px;}
			.contact_process .ico{width:100%;max-width:initial;}
		}
		
	
		.bbs_view .view_title{display: flex;flex-direction: column;gap:30px;box-sizing:border-box;padding-bottom:40px;border-bottom:1px solid var(--border-color01);font-size:var(--title-20);align-items: flex-start;}
		.bbs_view .view_title .preface{display: inline-block;box-sizing:border-box;font-size:100%;color:var(--point-white);font-weight:400;line-height:1.3;border-radius:4px;padding:2px 8px;background:var(--black-color08);}
		.bbs_view .view_title .preface.ing{background:var(--point-grid01);}
		.bbs_view .view_title h3{display: flex;align-items:flex-start;gap:20px;}
		.bbs_view .view_title h3 .notice{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;font-size:var(--title-16);color:var(--point-white);font-weight:600;background:var(--point-grid01);padding:10px 21px 8px;border-radius:50px;line-height:1;flex-shrink:0;translate:0 14px;}
		.bbs_view .view_title h3 strong{font-size:200%;color:var(--black-color03);font-weight:600;line-height:1.4;}
		.bbs_view .view_title .name_box{display: flex;align-items: center;gap:40px;}
		.bbs_view .view_title .name_box dl{display: flex;align-items: center;gap:16px;position: relative;}
		.bbs_view .view_title .name_box dl + dl:before{width:1px;height:12px;content:"";background:var(--border-color01);display: inline-block;position: absolute;left:-20px;top:50%;translate:0 -50%;}
		.bbs_view .view_title .name_box dl dt, .bbs_view .view_title .name_box dl dd{font-size:95%;font-weight:500;font-family:var(--font-type03);}
		.bbs_view .view_title .name_box dl dt{color:var(--black-color06);}
		.bbs_view .view_title .name_box dl dd{color:var(--black-color08);}
		#wrap .bbs_view div.view_cont{border-bottom:1px solid var(--border-color01);padding:40px 0;}
		#wrap .sub_board .bbs_view .extra_editor_wrap{display: flex;box-sizing:border-box;background:var(--gray-bg01);align-items: center;padding:27px 0;border:none;margin-top:40px;}
		#wrap .sub_board .bbs_view .extra_editor_wrap h4, #wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{display: block;font-size:var(--title-20);padding:0;}
		#wrap .sub_board .bbs_view .extra_editor_wrap h4{text-align: center;font-size:var(--title-19);color:var(--black-color03);font-weight:500;width:180px;flex-shrink:0;background:none;}
		#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{box-sizing:border-box;padding:0 30px 0 60px;position: relative;}
		#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont:before{width:1px;height:12px;content:"";background:var(--border-color01);display: inline-block;position: absolute;left:0;top:50%;translate:0 -50%;}
		#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont a{font-size:var(--title-19);color:var(--black-color06) !important;font-weight:400;}
		
		@media (max-width:860px) {
			.bbs_view .view_title {gap:15px;padding-bottom:25px;}
			.bbs_view .view_title h3{gap:12px;}
			.bbs_view .view_title h3 .notice{padding:8px 16px 8px;translate:0 11px;}
			.bbs_view .view_title h3 strong{font-size:170%;}
			.bbs_view .view_title .name_box{gap:20px;}
			.bbs_view .view_title .name_box dl{gap:10px;}
			.bbs_view .view_title .name_box dl + dl:before{left:-10px;}
			
			#wrap .sub_board .bbs_view .extra_editor_wrap{padding:20px 0;margin-top:30px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap h4{width:120px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{padding:0 20px 0 30px;}
		}
		@media (max-width:640px) {
			.bbs_view .view_title h3 .notice{translate:0 9px;}
		}
		@media (max-width:479px) {
			.bbs_view .view_title h3{flex-direction: column;align-items: center;}
			.bbs_view .view_title h3 strong{font-size:150%;}
			.bbs_view .view_title h3 .notice{padding:7px 13px;}
			.bbs_view .view_title .name_box{flex-direction: column;gap:8px;width:100%;align-items: flex-start;}
			.bbs_view .view_title .name_box dl + dl:before{display: none;}
			
			#wrap .bbs_view div.view_cont{padding:20px 0;}
			#wrap .sub_board .bbs_view .extra_editor_wrap{padding:15px 0;margin-top:20px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap h4{width:90px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{padding:0 20px;}
			
		}
		
	/*write*/
		.inq_bnr{width:100%;box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;aspect-ratio:auto 3.26;margin-bottom:80px;}
		.inq_bnr img{width:100%;height:100%;object-fit:cover;}
		
		#wrap .board_write{position: relative; display: block; width: 100%; text-align: left; font-size: var(--title-20);box-sizing:border-box;border-top:1px solid var(--black-color01);border-bottom:1px solid var(--border-color01);padding:40px 0;}
        #wrap .board_write :where{display: block; width: 100%;}
        #wrap .board_write tbody{display: flex; gap:30px 60px; flex-wrap: wrap;}
        #wrap .board_write tr{display: flex;align-items: center;width: calc(100% / 2 - 30px);background: var(--point-white);}
        #wrap .board_write th{width: 180px;flex-shrink: 0;font-size: 100%;font-weight: 500;color: var(--black-color01);padding-right: 15px;box-sizing:border-box;}
        #wrap .board_write th label{display: block; width: 100%;}
        #wrap .board_write th em{font-weight: inherit; color: var(--point-color01);}
        #wrap .board_write td{width: 100%; font-size: 90%; font-weight: 400; color: var(--black-color00);}
        #wrap .board_write input:where([type="text"], [type="password"]){width: 100%;font-size: inherit;font-weight: inherit;color: inherit;}
		#wrap .board_write tr.line1,
		#wrap .board_write tr.title,
		#wrap .board_write tr.contents,
		#wrap .board_write tr.file,
		#wrap .board_write tr.captcha{width:100%;}
		#wrap .board_write .inp_list{display: flex;flex-wrap:wrap;gap:10px 20px;}
		#wrap .bbs_write_box select{max-width:100%;}
		#wrap .board_write tr textarea{width:100%;height:300px;resize:none;box-sizing:border-box;background:var(--point-white);border:none;outline:none;color: var(--black-color00);font-size: var(--title-18);font-weight:400;padding:20px 20px;border:1px solid var(--border-color01);}
		#wrap .bbs_write_box .file_box{display: flex;gap:10px;width:610px;}
		#wrap .bbs_write_box .file_box .file_txt{width:calc(100% - 150px);height:60px;box-sizing:border-box;padding-inline:15px;display: inline-flex;align-items: center;background:var(--point-white);border:1px solid var(--border-color01);}
		#wrap .bbs_write_box .file_box label{cursor:pointer;display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:140px;height:60px;border:1px solid var(--black-color00);font-size:var(--title-18);color:var(--black-color00);font-weight:500;}
		#wrap .bbs_write_box .captcha_td{display: flex;gap:10px;}
		#wrap .bbs_write_box .captcha_wrap {display: flex;gap: 10px;padding:10px;width: 250px;box-shadow: inset 0 0 0 1px var(--border-color01);}
        #wrap .board_write #captcha_box{width: 180px;height: 40px;overflow: hidden;box-sizing:border-box;}
        #wrap .board_write #captcha_box img{width: calc(100% + 2px) !important;height: calc(100% + 2px) !important;max-width: none;max-height:none;margin: -1px 0 0 -1px;}
        #wrap .board_write #refreshCode{width: 40px;height: 40px;font-size: 0;background: var(--black-color06) url('../images/sub/refreshCode.svg') no-repeat center; cursor: pointer;}
		#wrap .bbs_write_box .captcha_wrap + input{width:350px;}
		#wrap .bbs_write_box .chk_list{display: flex;flex-wrap:wrap;gap:10px 40px;}
		
        #wrap .policy_wrap {margin-top:40px; box-sizing: border-box;padding:40px 40px;border:1px solid var(--border-color01);}
		#wrap .policy_wrap label:has([type="checkbox"]){font-size:var(--title-20);color:var(--black-color03);font-weight:500;}
		#wrap .policy_wrap label:has([type="checkbox"]) strong{color:var(--point-color01);font-weight:500;}
		#wrap .policy_wrap .area_box {width: 100%;margin-top: 20px;padding-inline: 9px; box-sizing: border-box;background:var(--gray-bg01);}
		#wrap .policy_wrap .area_box textarea {width: 100%;height:150px;padding-block: 20px 16px; padding-inline: 10px; box-sizing: border-box;color: var(--black-color08);font-size: var(--title-16);line-height: 1.6;letter-spacing: 0;border: none;resize: none;background: var(--trans-color);outline: none;}
		#wrap .policy_wrap .area_box textarea::-webkit-scrollbar {width: 4px;}
		#wrap .policy_wrap .area_box textarea::-webkit-scrollbar-thumb {background: var(--black-color02); border-radius: 2px;}
		#wrap .policy_wrap .area_box textarea::-webkit-scrollbar-track {border-radius: 10px;background: var(--border-color01);margin-block: 10px; }

		@media (max-width:1200px) {
			#wrap .board_write tr:has(.chk_list, #captcha){width: 100%;}
		}
        @media (max-width:1023px) {
			.inq_bnr{margin-bottom:clamp(40px, 7vw, 80px);}
			
			#wrap .board_write tbody{gap:20px 60px;}
            #wrap .board_write tr{width: 100%; padding-inline:clamp(20px, 3vw, 30px);}
			#wrap .bbs_write_box .file_box{width:100%;}
			#wrap .bbs_write_box .file_box .file_txt,
			#wrap .bbs_write_box .file_box label{height:clamp(40px, 6.1vw, 60px);}
			#wrap .board_write tr textarea{padding:clamp(15px, 2.3vw, 20px);}
			#wrap .bbs_write_box .captcha_wrap + input{width:calc(100% - 260px);height:60px;}
            #wrap .policy_cont{margin-top: clamp(20px, 3vw, 30px);}
            #wrap .btn_wrap{margin-top: clamp(35px, 5vw, 50px);}
			
			#wrap .bbs_write_box .chk_list{gap:10px 20px;}
        }
		@media (max-width:860px) {
			#wrap .policy_wrap{padding:25px 20px;margin-top:30px;}
		}
        @media (max-width:640px) {
            #wrap .board_write th{width: 140px;}
            #wrap .board_write td:has(.cap_wrap){flex-wrap: wrap;}
			#wrap .bbs_write_box .captcha_td{flex-direction: column;align-items: flex-start;}
			#wrap .bbs_write_box .captcha_wrap{width:auto;}
            #wrap .board_write #captcha_box{width: 160px;height: 35px;}
            #wrap .board_write #refreshCode{width: 35px;height: 35px;background-size: 13px auto;}
			#wrap .board_write tr textarea{height:200px;}
			#wrap .bbs_write_box .captcha_wrap + input{width:100%;height:clamp(40px, 6.1vw, 60px)}
        }
        @media (max-width:479px) {
			#wrap .board_write{padding:25px 0;}
					
            #wrap .board_write tr{flex-wrap: wrap;min-height: auto;padding:0;gap:10px;}
            #wrap .board_write th{width: 100%; padding-right: 0; flex-shrink: unset; font-size: 100%;}
			#wrap .bbs_write_box .file_box label{width:90px;}
			#wrap .bbs_write_box .file_box .file_txt{width:calc(100% - 100px);}	
			#wrap .board_write tr textarea{height:150px;}
        }

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

	business
	
───────────────────────────────────────────────────────────*/
	#wrap .buss_diagram{padding:60px 40px;}
	.buss_diagram .diagram_box{text-align: center;}
	.buss_diagram .center_box, .buss_diagram .list{display: none;}
	
	@media (max-width:1023px) {
		#wrap .buss_diagram{padding:clamp(30px, 6vw, 60px) clamp(20px, 4vw, 40px);}
	}
	
/*───────────────────────────────────────────────────────────

	솔루션 개발 및  공급
	
───────────────────────────────────────────────────────────*/
	/*process*/
		.bus_solution{padding-top:20px;}
		.sol_process ol{display: flex;flex-wrap:wrap;gap:90px;}
			.sol_process ol > li{box-sizing:border-box;width:calc(100% / 3 - 60px);border-radius:var(--radius-20);border:1px solid var(--border-color01);text-align: center;padding:30px 30px;font-size:var(--title-20);position: relative;}
			.sol_process ol > li + li:before{width:19px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border:2px solid var(--black-color08);border-width:2px 2px 0 0;position: absolute;left:-60px;top:50%;transform:translateY(-50%) rotate(45deg);}
		.sol_process .title span{display: inline-block;box-sizing:border-box;font-size:80%;color:var(--point-white);font-weight:500;padding:8px 15px;font-family:var(--font-type02);background:var(--point-color01);border-radius:30px;}
			.sol_process .title h5{margin-top:19px;font-size:170%;color:var(--point-color02);font-weight:600;line-height:1.3;letter-spacing:-0.03em;}
			.sol_process .title p{margin-top:12px;font-size:90%;color:var(--black-color05);font-weight:500;line-height:1.3;font-family:var(--font-type02);}
		.sol_process .list{margin-top:30px;display:grid;gap:20px;text-align:left;}
		.sol_process .list > li{box-sizing:border-box;width:100%;border-radius:var(--radius-10);background:var(--point-color03);padding:20px 20px;}
		.sol_process .list dl dt{font-size:100%;color:var(--black-color00);font-weight:500;line-height:1.4;}
		.sol_process .list dl dd{margin-top:10px;font-size:85%;color:var(--black-color03);font-weight:400;line-height:1.4;margin-top:10px;}
		.sol_process .list .bulletList{font-size:var(--title-17);gap:10px;}
			.sol_process .list .bulletList > li{gap:6px;}
			.sol_process .list .bulletList > li::before{width:3px;background:var(--black-color03);}
			
		@media (max-width:1300px) {
			.sol_process ol{gap:60px;}
			.sol_process ol > li{width:calc(100% / 3 - 40px);}
			.sol_process ol > li + li:before{left:-46px;}
		}
		@media (max-width:1023px) {
			.sol_process ol > li{width:100%;}
			.sol_process ol > li + li:before{left:50%;top:-45px;transform:translate(-50%) rotate(135deg)}
		}
		@media (max-width:640px) {
			.sol_process ol > li{padding:20px 15px;}
			.sol_process .title h5{margin-top:15px;}
			.sol_process .title p{margin-top:8px;}
			.sol_process .list > li{padding:20px 15px;}
			.sol_process .list dl dd{margin-top:6px;}
			.bulletList > li::before{translate:0 -3px;}
		}
	
	/*핵심기능*/
		.solution_point ul{display: flex;flex-wrap:wrap;gap:30px;}
		.solution_point ul li{box-sizing:border-box;width:calc(100% / 3 - 20px);border-radius:var(--radius-20);border:1px solid var(--border-color01);background:var(--point-white);text-align: center;padding:40px 20px;}
		.solution_point .icon{display: flex;align-items: center;justify-content: center;width:90px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:var(--point-color03);margin:0 auto;}
		.solution_point dl{margin-top:28px;font-size:var(--title-20);}
		.solution_point dl dt{font-size:130%;color:var(--black-color00);font-weight:500;line-height:1.3;}
		.solution_point dl dd{margin-top:10px;font-size:90%;color:var(--black-color03);font-weight:400;line-height:1.6;}
		
		@media (max-width:640px) {
			.solution_point ul{gap:20px;}
			.solution_point ul li{width:100%;}
		}
		@media (max-width:479px) {
			.solution_point ul li{padding:25px 15px;}
			.solution_point .icon{width:70px;}
			.solution_point .icon img{max-width:50%;}
			.solution_point dl{margin-top:15px;}
			.solution_point dl dd{margin-top:6px;}
		}
		
	.btmBnr.solution_bnr{background:url('../images/sub/bus_sol_bnr.jpg')no-repeat center;background-size:cover;}
	
.sub_calendar{width:100%;aspect-ratio:auto 2;position: relative;}
.sub_calendar iframe{width:100%;height:100%;position: absolute;top:0;left:0;}

@media (max-width:640px) {
	.sub_calendar{aspect-ratio:auto 1;}
}