@charset "utf-8";

#wrap:has(.full_sec) #container { width: 100%; max-width: 100%; }


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

    공통

───────────────────────────────────────────────────────────*/
	.ptbg{background:var(--point-color05);box-sizing:border-box;padding-block:140px;border-radius:var(--radius-20);}
	
		@media (max-width:1023px) {
			.ptbg{padding-block:clamp(70px, 14vw, 140px);}
		}
	
	/*타이틀*/
		.sub_title{padding:100px 0 61px;}
		.sub_title .w_custom{display: flex;justify-content: space-between;gap: 70px;font-size:var(--title-20);align-items: flex-start;}
			.sub_title .title{position: relative;display: flex;flex-direction: column;gap: 26px;width: 100%;}
			.sub_title .title h2{font-size: 60px;font-weight: 600;letter-spacing: -0.03em;line-height: 1.2;}
			.sub_title .title p{font-size: 110%;font-weight: 300;letter-spacing: -0.03em;line-height: 1.6;}
			.sub_title .navDesc{position: relative;display: flex;align-items: center;flex-wrap: wrap;flex-shrink: 0;max-width: 400px;margin-top:25px;}
			.sub_title .navDesc :where(dt, dd){display: flex;align-items: center;flex-wrap: wrap;}
				.sub_title .navDesc :where(dt, dd)::after{display: inline-flex;content:'';width:4px;aspect-ratio: auto 1;border-radius: 100%;background: var(--border-color01);margin-inline: 16px;}
			.sub_title .navDesc dt{position: relative;font-size: 0;}
			.sub_title .navDesc dt a{display:block;}
			.sub_title .navDesc dd{font-size:80%;font-weight:400;line-height: 1.44;color: var(--black-color05);letter-spacing: -0.03em;}
				.sub_title .navDesc dd:last-child{color:var(--black-color03);font-weight:500;}
				.sub_title .navDesc dd:last-child::after{display: none;}
				
		@media (max-width:1023px) {
			.sub_title{padding:clamp(30px, 6vw, 60px) 0;}
			.sub_title .w_custom{flex-wrap: wrap;gap: clamp(25px, 6vw, 60px);}
	        .sub_title .title{gap: clamp(18px, 2.9vw, 29px);text-wrap: balance;}
			.sub_title .title h2{font-size: clamp(36px, 6vw, 60px);}
			.sub_title .navDesc{margin-top:0;}
			.sub_title .navDesc dt a{width: clamp(16px, 2.6vw, 21px);}
	        .sub_title .navDesc :where(dt, dd)::after{margin-inline: clamp(12px, 2.1vw, 16px);}
		}
			
	/* 2차 카테고리 */
		.secCategory{position: relative;box-shadow: inset 0 -1px 0 var(--border-color01); margin-bottom: 80px;}
		.secCategory .w_custom{display: flex;gap:50px;font-size: var(--title-20);overflow: hidden;overflow-x: auto;}
		.secCategory a{position: relative;font-size:90%;font-weight: 400;color: var(--black-color10);line-height: 1.4;padding-block:17px;letter-spacing: -0.02em;transition: all 0.4s;flex-shrink: 0;}
			.secCategory a.on{font-weight: 600;color: var(--black-color01);box-shadow: inset 0 -3px 0 var(--black-color01);}
			
			/* over */
			@media (hover:hover) and (pointer:fine) {
				.secCategory a:not(.on):hover{color: var(--black-color01);}
			}

		@media (max-width:1023px) {
			.secCategory{margin-bottom: clamp(40px, 8vw, 80px);}
			.secCategory .w_custom{gap: clamp(25px, 5vw, 50px);}
			.secCategory a{padding-block: clamp(10px, 1.7vw, 17px);}
		}

    /*타이틀2*/
        .hd_title{font-size:var(--title-20);display: grid;gap:30px;margin-bottom:60px;}
        .hd_title h3{font-size:200%;color:var(--black-color01);font-weight:700;line-height:1.4;display: flex;align-items: flex-start;gap:14px;}
        .hd_title h3:before{width:49px;height:34px;content:"";background:url('../images/sub/title_ico.svg')no-repeat center;background-size:auto 100%;flex-shrink:0;translate:0 12px;}
        .hd_title p{font-size:100%;color:var(--black-color03);font-weight:400;line-height:1.6;} 

        @media (max-width:1023px) {
            .hd_title{gap:clamp(15px, 3vw, 30px);margin-bottom:clamp(30px, 6vw, 60px);}
            .hd_title h3{font-size:180%;}
            .hd_title h3:before{width:39px;height:28px;translate:0 10px;}
        }
        @media (max-width:640px) {
            .hd_title h3{gap:10px;}
            .hd_title h3:before{width:32px;height:22px;}
        }
		
	/* 간격 */
		.gapBox{display: grid; grid-template-columns: minmax(0, 1fr); gap: 140px;}
			.gapBox.g120{gap: 120px;}
            .gapBox.g100{gap: 100px;}
			.gapBox.g80{gap: 80px;}

		@media (max-width:1023px) {
			.gapBox{gap: clamp(70px, 14vw, 140px);}
				.gapBox.g120{gap: clamp(80px, 12vw, 120px);}
                .gapBox.g100{gap: clamp(60px, 10vw, 100px)x;}
				.gapBox.g80{gap: clamp(50px, 8vw, 80px);}
		}
		
	/* 불릿 */
		.bulletList{position: relative;display: flex;flex-direction: column;gap:5px;font-size: var(--title-20);width: 100%;}
		.bulletList > li{position: relative;font-size:90%;font-weight: 400;color: var(--black-color05);line-height: 1.6;text-align: left;display: flex;align-items: baseline;gap:8px;letter-spacing: -0.03em;}
			.bulletList > li::before{display: inline-flex;content:'';width:4px;aspect-ratio: auto 1;border-radius: 100%;background: var(--black-color08);flex-shrink: 0;translate: 0 -5px;}

		@media (max-width:1023px) {
		}
		@media (max-width:479px) {
			.bulletList > li::before{width: 3px;}
		}

    /*image link*/
        .img_link{box-sizing:border-box;background:var(--gray-bg01);border-radius:var(--radius-20);overflow:clip;}
        .img_link.bd{border:1px solid var(--border-color01);}
        .img_link + .img_link{margin-top:40px;}
        .img_link a{pointer-events:none;}

        @media (max-width:640px) {
            .img_link + .img_link{margin-top:25px;}
            .img_link a{pointer-events:initial;}
        }

    /*paging*/
        #wrap .paging {position: relative;padding:0;line-height:normal;margin: 80px 0 0;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;}
        #wrap .paging span {display: inline-block;}
        #wrap .paging a {display:inline-flex;align-items:center;justify-content:center;font-size:var(--title-17);font-weight: 400;color:var(--black-color10);padding:0;border:0;box-sizing:border-box;width: auto;min-width: 40px;height: 40px;line-height:1;text-align:center;font-family:var(--font-type02);margin: 0;border: 0;font-family: var(--font-type01);}
        #wrap .paging :is(.on a, a.on){background: var(--point-color02);border-radius: var(--radius-04);color: var(--point-white);font-weight: 500;}
        #wrap .paging .arrow a {font-size:0;background: var(--gray-bg01) url('../images/sub/paging_prev.svg') no-repeat center / auto 10px;}
        #wrap .paging .arrow:where(.first, .last) a{background-image: url('../images/sub/paging_first.svg');}
        #wrap .paging .arrow:where(.next, .last) a{scale: -1 -1;}
        #wrap .paging .arrow.prev a{margin-right:20px;}
        #wrap .paging .arrow.next a{margin-left: 20px;}
        #wrap .paging .arrow a img{display: none;}

        @media (max-width:1023px) {
            #wrap .paging{margin-top: clamp(40px, 8vw, 80px);gap: clamp(5px, 1vw, 10px);}
            #wrap .paging a{min-width: clamp(30px, 4.5vw, 40px);height: clamp(30px, 4.5vw, 40px);}
            #wrap .paging .arrow a{background-size: auto clamp(8px, 1.5vw, 10px);}
            #wrap .paging .arrow.prev a{margin-right: clamp(10px, 2vw, 20px);}
            #wrap .paging .arrow.next a{margin-left: clamp(10px, 2vw, 20px);}
        }

        
    /*체크박스*/
        #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);}
        }

    #wrap .btn_wrap{padding-top:60px;}
    #wrap .btn_wrap .btn{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;border-radius:4px;width:200px;height:70px;font-size:var(--title-20);font-weight:500;transition:all 0.3s;}
    #wrap .btn_wrap .btn_point{background:var(--point-white);border:1px solid var(--black-color03);color:var(--black-color03);}
    #wrap .btn_wrap .btn_basic{background:var(--point-color01);border:1px solid var(--point-color01);color:var(--point-white);}
    #wrap .btn_wrap .btn span{font-size:inherit;color:inherit;font-weight:inherit;}
		
    /* over */
    @media (hover:hover) and (pointer:fine) {
        #wrap .btn_wrap .btn_point:hover{color:var(--point-white);border-color:var(--point-color01);background:var(--point-color01);;}
        #wrap .btn_wrap .btn_basic:hover{background:var(--point-white);color:var(--point-color01);}
    }
	
    @media (max-width:1023px) {
        #wrap .btn_wrap{padding-top:clamp(40px, 6vw, 60px);}
        #wrap .btn_wrap .btn{width:clamp(140px, 2vw, 200px);height:clamp(50px, 7vw, 70px);}
    }

    

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

    about

───────────────────────────────────────────────────────────*/	
	.sub_about .about_wrap{display: flex;flex-wrap:wrap;align-items: center;gap:80px;}
	.sub_about .about_wrap .img{box-sizing:border-box;border-radius:var(--radius-20);width: 47.3%;aspect-ratio: auto 1.11;overflow:clip;}
	.sub_about .about_wrap .img img{width:100%;height:100%;object-fit:cover;}
	.sub_about .about_wrap .txt_box{font-size:var(--title-20);width:calc(52.7% - 80px);}
	.sub_about .about_wrap .txt_box h3{font-size:210%;color:var(--black-color01);font-weight:600;line-height:1.4;}
	.sub_about .about_wrap .txt_box h3 strong{color:var(--point-color02);font-weight:700;}
	.sub_about .about_wrap .txt{margin-top:50px;padding-top:50px;border-top:2px solid var(--border-color01);position: relative;gap:20px;display:grid;}
	.sub_about .about_wrap .txt:before{width:100px;height:2px;content:"";background:var(--point-color02);position: absolute;left:0;top:-2px;}
	.sub_about .about_wrap .txt h4{font-size:100%;color:var(--black-color03);font-weight:500;line-height:1.6;}
	.sub_about .about_wrap .txt p{font-size:95%;color:var(--black-color05);font-weight:400;line-height:1.6;}
	
	.sub_about .company_info_box{box-sizing:border-box;border-radius:var(--radius-10);overflow:clip;border:1px solid var(--border-color01);font-size:var(--title-20);}
	.sub_about .company_info_box tbody tr th, .sub_about .company_info_box tbody tr td{box-sizing:border-box;vertical-align: middle;border-bottom:1px solid var(--border-color01);font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.6;padding:18px 20px;}
	.sub_about .company_info_box tbody tr:last-child th, .sub_about .company_info_box tbody tr:last-child td{border-bottom:none;}
	.sub_about .company_info_box tbody tr th{text-align: center;background:var(--gray-bg01);color:var(--black-color03);font-weight:500;line-height:1.4;}
	.sub_about .company_info_box tbody tr td{border-left:1px solid var(--border-color01);}
	.sub_about .company_info_box tbody tr td + th{border-left:1px solid var(--border-color01);}
	
	@media (max-width:1023px) {
		.sub_about .about_wrap{gap:clamp(25px, 5vw, 50px);}
		.sub_about .about_wrap .txt_box{width:calc(52.7% - clamp(25px, 5vw, 50px));}
		.sub_about .about_wrap .txt{margin-top:clamp(20px, 5vw, 50px);padding-top:clamp(20px, 5vw, 50px);gap:clamp(10px, 2vw, 20px);}
	}
	@media (max-width:860px) {
		.sub_about .company_info_box table, .sub_about .company_info_box tbody{display: block;}
		.sub_about .company_info_box tbody tr{display: flex;flex-wrap:wrap;}
		.sub_about .company_info_box tbody tr th{width:20%;}
		.sub_about .company_info_box tbody tr td + th{border-left:none;}
		.sub_about .company_info_box tbody tr:last-child th:nth-child(3), .sub_about .company_info_box tbody tr:last-child td:nth-child(4){border-top:1px solid var(--border-color01);}
		.sub_about .company_info_box tbody tr td{width:80%;}
	}
	@media (max-width:640px) {
		.sub_about .about_wrap .img,
		.sub_about .about_wrap .txt_box{width:100%;}
		.sub_about .about_wrap .txt_box h3{font-size:160%;}
	}
	@media (max-width:479px) {
		.sub_about .company_info_box tbody tr th, .sub_about .company_info_box tbody tr td{padding:12px 10px;;}
		.sub_about .company_info_box tbody tr th{width:30%;}
		.sub_about .company_info_box tbody tr td{width:70%;}
	}
	
	/*business*/
		.about_business > ul{display:grid;gap:36px;grid-template: auto / repeat(3, 1fr);}
		.about_business > ul > li{box-sizing:border-box;background:var(--point-white);border-radius:var(--radius-20);overflow:clip;font-size:var(--title-20);}
		.about_business > ul > li h4{box-sizing:border-box;background:var(--point-color02);text-align: center;font-size:120%;color:var(--point-white);font-weight:700;line-height:1.4;font-family:var(--font-type03);padding:18px 10px;}
		.about_business .business_box{box-sizing:border-box;padding:30px 30px;}
		.about_business .business_box .img{border-radius:var(--radius-10);overflow:clip;}
		.about_business .business_box .img img{width:100%;height:100%;object-fit:cover;}
		.about_business .business_box .sub_des{margin-top:30px;gap:10px;}
		.about_business .business_box .sub_des > li{font-size:var(--title-20);color:var(--black-color03)}
		.about_business .business_box .dep3{margin-top:10px;display:grid;gap:8px;}
		.about_business .business_box .dep3 li{font-size:90%;color:var(--black-color06);font-weight:400;line-height:1.5;display: flex;align-items: baseline;gap: 8px;}
		.about_business .business_box .dep3 li:before{font-size:100%;color:inherit;content:"-";flex-shrink:0;line-height:inherit;}
		
		@media (max-width:1200px) {
			.about_business > ul{gap:18px;}
		}
		@media (max-width:1023px) {
			.about_business .business_box{padding:20px 15px;}
			.about_business > ul > li h4{height:75px;display:flex;align-items: center;justify-content: center;text-align: center;}
		}
		@media (max-width:640px) {
			.about_business > ul{grid-template: auto / repeat(1, 1fr);}
			.about_business > ul > li h4{height:auto;padding:14px 10px;}
			.about_business .business_box .sub_des{margin-top:20px;;}
			.about_business .business_box .dep3{margin-top:5px;gap:5px;}
		}

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

    history

───────────────────────────────────────────────────────────*/
	.sub_history{position: relative;}
	.sub_history .history_content_section{display: flex;gap:30px;align-items: flex-start;justify-content: space-between;}
	.sub_history .history_title_section{position: relative;flex-shrink: 0;display: flex;flex-direction: column;gap:30px;font-size:var(--title-20);position:sticky;top:140px;left:0;}
        .sub_history .history_subtitle{font-size:110%;font-weight: 400;color: var(--black-color03);line-height: 1.6;letter-spacing: -0.03em;}
        .sub_history .history_main_title{font-size:400%;font-weight:700;color: var(--point-color03);line-height: 1.2;font-family: var(--font-type03);letter-spacing: 0.01em;}
	.sub_history .history_timeline{position: relative;width:50%;margin-top:92px;}
	.sub_history .timeline_container{position: relative;display: flex;gap: 60px;}
	.sub_history .timeline_line{position: absolute;height:calc(100% - 22px);left:0;top:22px;width: 1px;background: var(--border-color01);flex-shrink: 0;}
        .sub_history .timeline_line em{width:100%;background:var(--point-color02);position: relative;display: block;}
        .sub_history .timeline_line em:before{width:11px;aspect-ratio: auto 1;content:"";background:var(--point-color02);box-sizing:border-box;border-radius:100%;position: absolute;left:-5.5px;bottom:0;display: block;}
	.sub_history .timeline_items{position: relative;box-sizing: border-box;padding-left:80px;}
	.sub_history .timeline_item{position: relative;display: flex;flex-direction:column;align-items: flex-start;gap:30px;transition: all 0.4s ease;font-size:var(--title-20);}
	.sub_history .timeline_year{font-size:160%;font-weight: 700;color: var(--black-color01);line-height: 1.4;font-family: var(--font-type03);letter-spacing: -0.03em;}
	.sub_history .bulletList{gap:20px;}
        .sub_history .bulletList > li{font-size:95%;color:var(--black-color05);}
        .sub_history .bulletList > li.emp{color:var(--point-color02);font-weight: 500;}
        .sub_history .bulletList > li.emp:before{background:var(--point-color02);}

    @media (max-width:1023px) {
        .sub_history .history_title_section{gap:clamp(10px, 3vw, 30px);}
        .sub_history .history_main_title{font-size:clamp(180%, 5.7vw, 300%);}
        .sub_history .history_timeline{width:55%;margin-top:30px;}
        .sub_history .timeline_items{padding-left:clamp(30px, 5vw, 50px);}
        .sub_history .timeline_item{gap:clamp(10px, 3vw, 30px);}
        .sub_history .bulletList{gap:clamp(10px, 2vw, 20px);}
    }
    @media (max-width:640px) {
        .sub_history .history_content_section{flex-direction:column;}
        .sub_history .history_title_section{position: static;width:100%;}
        .sub_history .history_timeline{width:100%;margin-top:0;}
        .sub_history .timeline_line em:before{width:8px;left:-4px;}
    }
	
    
/*───────────────────────────────────────────────────────────

    location

───────────────────────────────────────────────────────────*/
    .sub_location .map_container{position: relative;width: 100%;aspect-ratio: auto 3;border-radius: var(--radius-20);overflow: hidden;}
    .sub_location .map_container iframe{width: 100%;height: 100%;border:0;display: block;}
    .sub_location .office_section{display:grid;gap:40px;font-size:var(--title-20);}
	.sub_location .contact_info{position: relative;display: flex;align-items: flex-start;}
    .sub_location .office_title{font-size:210%;font-weight:600;color: var(--black-color01);line-height: 1.4;flex-shrink:0;width:35.4%;}
	.sub_location .contact_list{display:flex;flex-direction: column;gap:20px;font-size: var(--title-20);margin-top:11px;}
	.sub_location .contact_item{position: relative;}
	.sub_location .contact_item dl{display: flex;align-items:center;gap:68px;}
	.sub_location .contact_item dt{display: flex;align-items: center;gap:20px;line-height: 1.4;width:146px;flex-shrink:0;}
    .sub_location .contact_item dt .ico{width:40px;aspect-ratio:auto 1;box-sizing:border-box;display: flex;align-items: center;justify-content: center;background:var(--gray-bg01);}
	.sub_location .contact_item dt p{font-size: 90%;font-weight: 600;color: var(--black-color01);line-height:1.33;letter-spacing:0.01em;}
	.sub_location .contact_item dd{font-size: 90%;font-weight: 400;color: var(--black-color05);line-height: 1.6;letter-spacing:0;}
	.sub_location .contact_item dd a{font-size:inherit;color:inherit;font-weight:inherit;}	
	
    @media (max-width:1200px) {
        .sub_location .office_title{font-size:180%;width:32%;}
        .sub_location .contact_item dl{gap:30px;align-items: flex-start;}
        .sub_location .contact_item dd{margin-top:8px;}
    }
    @media (max-width:860px) {
        .sub_location .map_container{aspect-ratio:auto 2;}
        .sub_location .contact_info{flex-direction:column;gap:20px;}
        .sub_location .office_title{width:100%;}
        .sub_location .contact_list{margin-top:0;}
    }
    @media (max-width:479px) {
        .sub_location .map_container{aspect-ratio:auto 1;}
        .sub_location .office_section{gap:25px;}
        .sub_location .contact_item dl{flex-wrap:wrap;gap:8px;}
        .sub_location .contact_item dt{gap:10px;width:100%;}
        .sub_location .contact_item dt .ico{width:32px;}
        .sub_location .contact_item dt .ico img{max-width:45%;}
        .sub_location .contact_item dd{margin-top:0;}
    }

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

    Business
    
───────────────────────────────────────────────────────────*/
    .sub_si .business_title{gap:20px;}
    .sub_si .business_title h3{font-size:180%;font-weight: 600;}
    .sub_si .business_title h3:before{display: none;}
	.sub_si .systemList a{pointer-events:none;}
    .sub_si .systemList .desc{gap:20px;}
    .sub_si .systemList .desc dd .bulletList{gap:10px;}
    .sub_si .systemList .desc dd .bulletList > li{font-size:100%;color:var(--black-color03);font-weight: 400;line-height:1.5;}
    .sub_si .cardList > li{box-sizing: border-box;border:1px solid var(--point-color03);}
    /* .sub_si .si_card .hd_title{filter:var(--filter-white);} */

    @media (max-width:1023px) {
        .sub_si .business_title{gap:clamp(10px, 2vw, 20px);}
        .sub_si .business_title h3{font-size:160%;}
    }
    @media (max-width:640px) {
        .sub_si .cardList{grid:auto / repeat(1, 1fr);}
    }

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

    auto
    
───────────────────────────────────────────────────────────*/
    .auto_list{display: grid;gap:40px;counter-reset:autoCnt;}
    .auto_list > li{box-sizing:border-box;border:1px solid var(--border-color01);border-radius:var(--radius-20);padding:60px;display: flex;gap:80px;align-items: center;counter-increment:autoCnt;}
    .auto_list > li .img{box-sizing:border-box;border-radius:var(--radius-10);overflow:clip;width: 47.9%;aspect-ratio: auto 1.434;flex-shrink:0;}
    .sub_auto .auto_list > li .img{width:47%;aspect-ratio: auto 2.1;}
	.sub_auto .auto_chain .auto_list > li .img{aspect-ratio: auto 1.6;}
    .auto_list > li .img img{width:100%;height:100%;object-fit:cover;}
    .auto_list > li .txt_box{font-size:var(--title-20);max-width:490px;width:100%;}
    .auto_list > li .txt_box:before{content:counter(autoCnt, decimal-leading-zero);width:36px;aspect-ratio:auto 1;box-sizing:border-box;display: flex;align-items: center;justify-content: center;text-align: center;border-radius:var(--radius-06);background:var(--point-color02);font-size:80%;color:var(--point-white);font-weight:600;font-family:var(--font-type03);}
    .auto_list > li .txt_box h4{font-size:160%;color:var(--black-color03);font-weight:600;line-height:1.4;margin-top:30px;}
    .auto_list > li .txt_box ul{margin-top:20px;}
    .auto_list > li .txt_box > p{font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.6;margin-top:20px;}
    .auto_list > li .txt_box > p strong{color:var(--point-color02);font-weight:600;}
    .auto_list .deposit_ex{margin-top:40px;}
    .auto_list .deposit_ex h5{display: flex;align-items: center;gap:10px;font-size:100%;color:var(--black-color03);font-weight:500;}
    .auto_list .deposit_ex h5:before{width:6px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color02);display: inline-block;flex-shrink:0;}
    .auto_list .deposit_ex ol{margin-top:20px;display: flex;gap:30px;}
    .auto_list .deposit_ex ol li{width:calc(25% - 22.5px);position: relative;}
    .auto_list .deposit_ex ol li .ico{width:70px;aspect-ratio:auto 1;box-sizing: border-box;border-radius:var(--radius-10);background:var(--gray-bg01);display: flex;align-items: center;justify-content: center;position: relative;margin:0 auto;}
    .auto_list .deposit_ex ol li .ico .arw{width:72%;height:1px;content:"";border-top:1px dashed var(--black-color08);position: absolute;right:-72%;top:50%;translate:0 -50%;}
    .auto_list .deposit_ex ol li .ico .arw:before{width:6px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--black-color08);position: absolute;left:-3px;top:50%;translate:0 -50%;}
    .auto_list .deposit_ex ol li .ico .arw:after{width:6px;height:8px;content:"";background:var(--black-color08);clip-path:var(--clip-poly02);position: absolute;right:-3px;top:50%;translate:0 -50%;}
    .auto_list .deposit_ex ol li p{text-align: center;margin-top:14px;font-size:85%;color:var(--black-color05);font-weight: 400;line-height:1.4;letter-spacing:-0.06em}

    @media (max-width:1250px) {
        .auto_list > li{gap:30px;padding:30px 30px;}
    }
    @media (max-width:1100px) {
        .auto_list .deposit_ex ol li .ico .arw{width:50%;right:-50%;}
    }
    @media (max-width:1023px) {
        .auto_list > li{flex-direction:column;align-items: flex-start;}
        .sub_auto .auto_list > li .img{width:80%;aspect-ratio: auto 1.4;}
        .auto_list > li .img{width:80%;}
        .auto_list > li .txt_box{max-width:initial;}
        .auto_list > li .txt_box h4{margin-top:clamp(15px, 4vw, 40px);font-size:140%;}
        .auto_list > li .txt_box ul{margin-top:clamp(10px, 2vw, 20px);}
        .auto_list > li .txt_box > p{margin-top:}
        .auto_list .deposit_ex{max-width:490px;}
        .auto_list .deposit_ex{margin-top:clamp(20px, 4vw, 40px);}
        .auto_list .deposit_ex ol li:not(:last-child):after{top:31%;}
    }
    @media (max-width:640px) {
        .auto_list > li{padding:20px 15px;}
        .auto_list > li .txt_box:before{width:30px;}
        .auto_list .deposit_ex{max-width:100%;}
        .auto_list .deposit_ex h5{gap:7px;}
        
        .auto_list .deposit_ex h5:before{width:4px;}
        .auto_list .deposit_ex ol{gap:20px;}
        .auto_list .deposit_ex ol li{width:calc(25% - 15px);}
        .auto_list .deposit_ex ol li br{display: none;}
        .auto_list .deposit_ex ol li .ico{width:100%;}
        .auto_list .deposit_ex ol li .ico .arw{border:none;width:6px;right:-14px;}
        .auto_list .deposit_ex ol li .ico .arw:before{display: none;}
        .auto_list .deposit_ex ol li .ico .arw:after{right:0;}
    }
    @media (max-width:479px) {
        .auto_list > li .img{width:100%;}
        .sub_auto .auto_list > li .img{width:100%;}
        .auto_list .deposit_ex ol{flex-wrap:wrap;}
        .auto_list .deposit_ex ol li{width:calc(50% - 10px);}
        .auto_list .deposit_ex ol li .ico{width:75%;}
        .auto_list .deposit_ex ol li .ico .arw{right:-25%;}
        .auto_list .deposit_ex ol li:nth-child(2) .ico .arw:after{display: none;}
        
    }
    @media (max-width:340px) {
        .auto_list .deposit_ex ol li .ico .arw{right:-33%;}
    }

    .effect_list{display: grid;grid-template: auto / repeat(4, 1fr);gap: clamp(15px, 3.6vw, 36px);}
    .effect_list > li{box-sizing:border-box;border-radius:var(--radius-20);background:var(--point-white);display: flex;flex-direction:column;gap:30px;font-size:var(--title-20);align-items: center;padding:60px 40px;text-align: center;}
    .effect_list > li > p{ font-size:95%;color:var(--black-color03);font-weight: 400;line-height:1.6;}

    .effect_list.type02{grid-template: auto / repeat(2, 1fr);}
    .effect_list.type02 > li{flex-direction: row;gap:50px;padding:50px 60px;text-align:left;}
    .effect_list.type02 > li .icon{display: flex;align-items: center;justify-content: center;flex-shrink:0;}
    .effect_list.type02 > li dl dt{font-size:140%;color:var(--black-color03);font-weight:600;line-height:1.5;}
    .effect_list.type02 > li dl dd{margin-top:10px;font-size:95%;color:var(--black-color05);font-weight: 400;line-height:1.6;}

    .effect_list.type03{grid-template: auto / repeat(1, 1fr);}
    .effect_list.type03 > li{flex-direction:row;gap:80px;padding:60px;text-align: left;}
    .effect_list.type03 > li .img{box-sizing:border-box;border-radius:var(--radius-10);overflow:clip;width:47.8%;}
    .effect_list.type03 > li .img img{width:100%;height:100%;object-fit:cover;} 
    .effect_list.type03 dl dt{font-size:160%;color:var(--black-color03);font-weight:600;line-height:1.4;}
    .effect_list.type03 dl dd{margin-top:20px;font-size:90%;color:var(--black-color05);font-weight: 400;line-height:1.6;}

    @media (max-width:1023px) {
        .effect_list > li{gap:clamp(15px, 3vw, 30px);padding:clamp(20px, 5vw, 50px) clamp(15px, 3vw, 30px);}

        .effect_list.type02 > li{gap:clamp(15px, 4vw, 40px);padding:clamp(20px, 4vw, 40px) clamp(15px, 5vw, 50px);}

        .effect_list.type03 > li{gap:clamp(25px, 5vw, 50px);padding:clamp(20px, 5vw, 50px) clamp(15px, 4vw, 40px);}
        .effect_list.type03 dl dd{margin-top:clamp(10px, 2vw, 20px);}
    }
    @media (max-width:860px) {
        .effect_list{grid-template: auto / repeat(2, 1fr);}

        .effect_list.type02{grid-template: auto / repeat(1, 1fr);}

        .effect_list.type03 > li{flex-direction:column;align-items: flex-start;}
        .effect_list.type03 > li .img{width:85%;}
        .effect_list.type03 dl dt{font-size:150%;}

    }
    @media (max-width:479px) {
        .effect_list > li .icon{width:48%;margin:0 auto;}

        .effect_list.type02 > li{flex-direction: column;align-items: flex-start;justify-content: flex-start;}
        .effect_list.type02 > li .icon{width:46px;margin:0;}

        .effect_list.type03 > li .img{width:100%;}
    }

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

    onmind
    
───────────────────────────────────────────────────────────*/
    .onmind_info  >ul{display: grid;grid-template: auto / repeat(3, 1fr);gap: clamp(15px, 3.6vw, 36px);}
    .onmind_info > ul > li{box-sizing:border-box;border-radius:var(--radius-20);border:1px solid var(--border-color01);padding:clamp(20px, 4vw, 40px) clamp(15px, 4vw, 40px);display: flex;flex-direction: column;gap:clamp(15px, 3vw, 30px);}
    .onmind_info > ul > li .icon{width:60px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:var(--radius-10);background:var(--gray-bg01);display: flex;align-items: center;justify-content: center;}
    .onmind_info dl{font-size:var(--title-20);display:grid;gap:clamp(10px, 2vw, 20px);}
    .onmind_info dl dt{font-size:140%;color:var(--black-color03);font-weight:600;line-height:1.5;}
    .onmind_info dl dd{font-size:95%;color:var(--black-color05);font-weight:400;line-height:1.6;}

    @media (max-width:860px) {
        .onmind_info ul{grid-template: auto / repeat(1, 1fr);}
    }
    @media (max-width:640px) {
        .onmind_info > ul > li .icon{width:50px;}
        .onmind_info > ul > li .icon img{max-width:50%;}
    }

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

    helpnow
    
───────────────────────────────────────────────────────────*/
    .helpnow_compare{display: flex;flex-wrap:wrap;gap:36px;position: relative;font-size:var(--title-20);}
    .helpnow_compare .compare_box{width:calc(50% - 18px);box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;background:var(--point-white);border:1px solid var(--point-color04);font-size:var(--title-20);}
    .helpnow_compare .compare_box h4{box-sizing:border-box;font-size:120%;color:var(--point-white);font-weight:700;line-height:1.4;font-family:var(--font-type03);padding:18px 10px;background:var(--point-color04);text-align: center;}
    .helpnow_compare .versus{width: 80px;aspect-ratio:auto 1;box-sizing: border-box;border-radius:100%;display: flex;align-items: center;justify-content: center;background:var(--point-color03);font-size:120%;color:var(--point-white);font-weight:700;line-height:1.4;font-family:var(--font-type03);position: absolute;top:50%;left:50%;translate:-50% -50%;z-index:3;}
    .helpnow_compare .cont{box-sizing: border-box;padding:30px 30px;display: grid;gap:30px;}
    .helpnow_compare .cont .feature{display: grid;gap:12px;grid-template: auto / repeat(3, 1fr);}
    .helpnow_compare .cont .feature li{box-sizing: border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);text-align: center;display: flex;flex-direction:column;gap:10px;align-items: center;padding:24px 20px;}
    .helpnow_compare .cont .feature li:before{width: 14px;height:11px;content:"";background:url('../images/sub/icon_chk.svg')no-repeat center;background-size: cover;filter: brightness(0) saturate(100%) invert(50%) sepia(60%) saturate(2071%) hue-rotate(144deg) brightness(97%) contrast(101%);display: inline-block;}
    .helpnow_compare .cont .feature p{font-size:90%;color:var(--black-color03);font-weight: 400;line-height:1.4;}
    .helpnow_compare .cont .feature p strong{font-weight: 600;}

    /*ai*/
        .helpnow_compare .compare_box.helpnow{border-color:var(--point-color07);}
        .helpnow_compare .compare_box.helpnow h4{background:var(--point-color07);}
        .helpnow_compare .compare_box.helpnow .cont .feature li:before{filter: brightness(0) saturate(100%) invert(34%) sepia(29%) saturate(4144%) hue-rotate(176deg) brightness(92%) contrast(102%);}

    @media (max-width:1023px) {
        .helpnow_compare .cont .feature{grid-template: auto / repeat(1, 1fr);}
    }
    @media (max-width:640px) {
        .helpnow_compare{gap:50px;}
        .helpnow_compare .compare_box{width:100%;}
        .helpnow_compare .versus{width:60px;}
        .helpnow_compare .cont{gap:20px;padding:20px;}
        .helpnow_compare .cont .feature{grid-template: auto / repeat(3, 1fr);}
        .helpnow_compare .cont .feature li{padding:15px 10px;}
    }
    @media (max-width:479px) {
        .helpnow_compare{gap:30px;}
        .helpnow_compare .cont .feature{grid-template: auto / repeat(1, 1fr);}
    }

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

    vdi
    
───────────────────────────────────────────────────────────*/
    .vdi_info .auto_list > li .img{width:55.45%;aspect-ratio:auto 2.12;border-radius:0;}
    .vdi_info .auto_list > li .img img{width:auto;height:auto;object-fit:initial;}

    .vdi_control ul{display: flex;gap:12px;flex-wrap:wrap;justify-content: center;}
    .vdi_control ul li{text-align: center;font-size:var(--title-20);display: grid;gap:20px;width:calc(100% / 7 - 11px);}
    .vdi_control ul li .ico{width:82px;margin:0 auto;}
    .vdi_control ul li p{font-size:100%;color:var(--black-color03);font-weight:500;}

    @media (max-width:1023px) {
        .vdi_info .auto_list > li .img{width:85%;}
        .vdi_info .auto_list > li .img img{width: 100%;height: 100%;object-fit: cover;}
    }
    @media (max-width:860px) {
        .vdi_control ul{gap:30px 12px}
        .vdi_control ul li{width:calc(100% / 4 - 9px);}
    }
    @media (max-width:479px) {
        .vdi_info .auto_list > li .img{width:100%;}

        .vdi_control ul{gap:20px 12px}
        .vdi_control ul li{width:calc(100% / 2 - 6px);gap:10px;}
        .vdi_control ul li .ico{width:70px;}
    }

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

    chatbot
    
───────────────────────────────────────────────────────────*/
    .sub_chatbot .auto_list > li:nth-of-type(even){flex-direction: row-reverse;}
    .sub_chatbot .auto_list > li .txt_box{width:52.1%;max-width:100%;}

    @media (max-width:1023px) {
        #wrap .sub_chatbot .auto_list > li{flex-direction: column;}
        .sub_chatbot .auto_list > li .txt_box{width:100%;}
    }

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

    dementia
    
───────────────────────────────────────────────────────────*/
    .dementia_dev .bulletList{gap:10px;}
    .dementia_dev .bulletList > li{font-size:95%;}
    .dementia_dev .contribute_box{margin-top:40px;text-align: center;font-size: var(--title-20);}
    .dementia_dev .dev_content{box-sizing:border-box;border-radius:var(--radius-20);border:1px solid var(--point-color04);padding:40px;text-align: center;font-size:var(--title-20);}
    .dementia_dev .dev_content h4{font-size:150%;color:var(--point-color04);font-weight:600;line-height:1.4;}
    .dementia_dev .dev_content .feature{display: grid;gap:20px;grid-template: auto / repeat(4, 1fr);margin-top:30px;}
    .dementia_dev .dev_content .feature li{box-sizing: border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);text-align: center;display:grid;gap:20px;justify-items: center;align-items: center;padding:34px 20px 30px;}
    .dementia_dev .dev_content .feature li:before{width: 14px;height:11px;content:"";background:url('../images/sub/icon_chk.svg')no-repeat center;background-size: cover;filter: brightness(0) saturate(100%) invert(50%) sepia(60%) saturate(2071%) hue-rotate(144deg) brightness(97%) contrast(101%);display: inline-block;}
    .dementia_dev .dev_content .feature p{font-size:90%;color:var(--black-color03);font-weight: 400;line-height:1.4;}
    .dementia_dev .dev_content .feature p strong{font-weight: 600;}
    .dementia_dev .contribute_box > p{display: flex;align-items: center;justify-content: center;text-align: center;font-size:150%;color:var(--point-white);font-weight:700;line-height:1.4;padding:37px 20px;background:var(--point-color03);border-radius:var(--radius-20);margin:40px 0;}
    .dementia_dev .contribute_box > span{display: block;font-size:90%;color:var(--black-color08);font-weight: 400;line-height:1.6;}

    @media (max-width:1023px) {
        .dementia_dev .contribute_box{margin-top:clamp(20px, 4vw, 40px);}
        .dementia_dev .dev_content{padding:clamp(20px, 4vw, 40px);}
        .dementia_dev .dev_content .feature{gap:clamp(10px, 2vw, 20px);margin-top:clamp(15px, 3vw, 30px);}
        .dementia_dev .dev_content .feature li{padding:20px 15px;}
        .dementia_dev .contribute_box > p{font-size:140%;padding:25px 15px;margin-block:clamp(20px, 4vw, 40px);}
    }
    @media (max-width:640px) {
        .dementia_dev .dev_content .feature{grid-template: auto / repeat(2, 1fr);}
        .dementia_dev .dev_content .feature li{gap:10px;}
        .dementia_dev .contribute_box .arw{height:60px;}

    }

    .dementia_tech .effect_list{grid-template: auto / repeat(3, 1fr);}
    .dementia_tech .effect_list h4{font-size:140%;color:var(--black-color03);font-weight:600;line-height:1.4;border-bottom:1px solid var(--border-color01);display: inline-block;width:100%;padding-bottom:30px;}

    @media (max-width:1023px) {
        .dementia_tech .effect_list h4{padding-bottom:clamp(15px, 3vw, 30px);}
    }
    @media (max-width:860px) {
        .dementia_tech .effect_list{grid-template: auto / repeat(1, 1fr);}
    }
    @media (max-width:640px) {
        .dementia_tech .effect_list > li .icon{width:20%}
    }

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

    mental
    
───────────────────────────────────────────────────────────*/
    .sub_mental .analysis_list{display: grid;grid-template: auto / repeat(3, 1fr);gap:clamp(20px, 3.6vw, 36px);}
    .sub_mental .analysis_list > li{box-sizing:border-box;border-radius:var(--radius-20);border:1px solid var(--border-color01);overflow:clip;text-align: center;font-size:var(--title-20);}
    .sub_mental .analysis_list > li h4{font-size:120%;color:var(--point-white);font-weight:700;line-height:1.4;box-sizing:border-box;padding:18px 20px;background:var(--point-color03);}
    .sub_mental .analysis_list > li .cont{box-sizing:border-box;padding:30px;}
    .sub_mental .analysis_list > li .cont dl{margin-top:30px;padding-top:30px;box-sizing:border-box;border-top:1px solid var(--border-color01);}
    .sub_mental .analysis_list > li .cont dl dt{font-size:140%;color:var(--black-color03);font-weight:600;line-height:1.4;}
    .sub_mental .analysis_list > li .cont dl dd{margin-top:10px;font-size:95%;color:var(--black-color05);font-weight: 400;line-height:1.6;}

    .mental_system ol{counter-reset:mentalCnt;}
    .mental_system ol li{counter-increment: mentalCnt;font-size:var(--title-20);}
    .mental_system ol li h4{position: relative;display: flex;align-items: center;gap:14px;font-size:160%;color:var(--black-color01);font-weight:600;line-height:1.4;margin-bottom:40px;}
    .mental_system ol li h4:before{content:counter(mentalCnt, decimal-leading-zero);width:36px;aspect-ratio:auto 1;box-sizing:border-box;display: flex;align-items: center;justify-content: center;text-align: center;border-radius:var(--radius-06);background:var(--point-color02);font-size:var(--title-16);color:var(--point-white);font-weight:600;font-family:var(--font-type03);}
    
    @media (max-width:1023px) {
        .sub_mental .analysis_list > li .cont{padding:clamp(20px, 3vw, 30px);}
        .sub_mental .analysis_list > li .cont dl{margin-top:clamp(15px, 3vw, 30px);padding-top:clamp(15px, 3vw, 30px);}

        .mental_system ol li h4{margin-bottom:clamp(20px, 4vw, 40px);}
        .mental_system ol li h4:before{width:clamp(30px, 3.6vw, 36px);}
    }
    @media (max-width:860px) {
        .sub_mental .analysis_list{grid-template: auto / repeat(1, 1fr);}
        .sub_mental .analysis_list > li h4{padding:12px 10px;}
        .sub_mental .analysis_list > li .cont dl dd{margin-top:0;}
    }

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

    kai
    
───────────────────────────────────────────────────────────*/
    .kai_result .auto_list > li{gap:48px;}
        .kai_result .auto_list > li:nth-child(2){flex-direction: row-reverse;}
        .kai_result .auto_list > li .img{aspect-ratio:auto 2.2;}
        .kai_result .auto_list > li .txt_box{width:52.1%;max-width:100%;}
    .kai_result .feature{margin-top:30px;display:grid;gap:16px;grid-template: auto / repeat(2, 1fr);}
        .kai_result .feature > li{box-sizing:border-box;border-radius:var(--radius-10);background:var(--gray-bg01);padding:15px;display: flex;align-items: flex-start;gap:12px;font-size:var(--title-20);}
        .kai_result .feature > li .ico{flex-shrink:0;}
        .kai_result .feature > li dl dt{font-size:80%;color:var(--black-color03);font-weight:700;line-height:1.5;}
        .kai_result .feature > li dl dd{font-size:70%;color:var(--black-color07);font-weight:400;line-height:1.;margin-top:5px;}
    .kai_result .tag{margin-top:30px;display: flex;flex-wrap:wrap;gap:10px;}
        .kai_result .tag li{display: inline-flex;box-sizing:border-box;padding:7px 16px;border-radius:30px;font-size:var(--title-14);color:var(--point-color03);font-weight:700;background:var(--point-color05);}

    @media (max-width:1023px) {
        .kai_result .auto_list > li:nth-child(2){flex-direction: column;}
        .kai_result .auto_list > li .txt_box{width:100%;}
    }
    @media (max-width:479px) {
        .kai_result .feature{grid-template: auto / repeat(1, 1fr);}
        .kai_result .feature, .kai_result .tag{margin-top:15px;}
    }

    .kai_detail ul{display: grid;gap:24px;grid-template: auto / repeat(4, 1fr);}
    .kai_detail ul li{box-sizing:border-box;border-radius:var(--radius-20);background:var(--gray-bg01);padding:30px 30px;display: flex;flex-direction: column;gap:24px;}
    .kai_detail ul li .ico{display: flex;align-items: center;justify-content: center;background:var(--point-white);width:48px;aspect-ratio:auto 1;box-sizing: border-box;border-radius:100%;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);;}
    .kai_detail dl{font-size:var(--title-20);}
    .kai_detail dl dt{font-size:90%;color:var(--black-color01);font-weight:700;}
    .kai_detail dl dd{font-size:70%;color:var(--black-color06);font-weight:400;margin-top:10px;}

    @media (max-width:1023px) {
        .kai_detail ul{grid-template: auto / repeat(2, 1fr);gap:clamp(15px, 2.4vw, 24px);}
        .kai_detail ul li{padding:clamp(20px, 3vw, 30px) clamp(15px, 3vw, 30px);}
    }
    @media (max-width:640px) {
        .kai_detail ul li .ico{width:40px;}
        .kai_detail ul li .ico img{max-width:50%;}
    }
    @media (max-width:479px) {
        .kai_detail ul{grid-template: auto / repeat(1, 1fr);}
        .kai_detail ul li{gap:15px;}
    }

/* -------------------------------------------------------------------
   [국방 연구 개발 시스템 페이지 전용 스타일 추가] 
------------------------------------------------------------------- */
.sub_kai .w_custom {
    max-width: 1500px;
    width: 95%; 
    margin: 0 auto;
}

/* 2. 성과 섹션 지그재그 레이아웃 (홀수 번째 아이템 반전) */
.sub_kai .auto_list > li:nth-child(odd) { 
    flex-direction: row-reverse; 
}

/* 3. 기대효과 배경 레이아웃 (배경 1840px 강제 확장) */
.sub_kai .ptbg_wrap {
    width: 100%;
    /* overflow: hidden;  필요시 주석 해제 (가로 스크롤 방지) */
}

.sub_kai .ptbg {
    /* 요청하신 대로 너비 1840px 고정 */
    width: 1840px;
    max-width: 100vw; /* 화면이 작을 땐 화면 너비에 맞춤 */
    
    /* 부모 너비를 무시하고 화면 중앙에 배치하는 기법 */
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    
    padding: 80px 0; 
    background: var(--point-color05);
    border-radius: 30px; 
    box-sizing: border-box;
}

/* 기대효과 내부 콘텐츠 (1500px 제한) - 제목 정렬 맞춤 */
.sub_kai .ptbg_inner {
    width: 1500px;
    max-width: 95%; /* 모바일 대응 */
    margin: 0 auto;
}

/* 4. 타이틀 텍스트 들여쓰기 */
.sub_kai .hd_title p {
    padding-left: 63px;
    color: var(--black-color05);
    margin-top: 10px;
}

/* 5. 그리드 레이아웃 */
.sub_kai .card_grid_3 { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px; 
}
.sub_kai .detail_grid_4 { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 24px; 
}

/* 6. Overview 카드 스타일 */
.sub_kai .info_card { 
    background: #fff; 
    border: 1px solid var(--border-color01); 
    padding: 40px; 
    border-radius: 20px; 
    transition: 0.3s; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.02); 
    display: flex; 
    flex-direction: column;
}
.sub_kai .info_card:hover { 
    transform: translateY(-10px); 
    box-shadow: 0 20px 30px rgba(0,0,0,0.08); 
}
.sub_kai .info_card .card_icon { 
    width: 60px; 
    height: 60px; 
    background: var(--gray-bg01); 
    border-radius: 10px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    margin-bottom: 30px; 
}
.sub_kai .info_card .card_icon i {
    font-size: 30px;
    color: var(--point-color02);
}
.sub_kai .info_card h3 { 
    font-size: 24px; 
    font-weight: 700; 
    margin-bottom: 20px; 
    color: var(--black-color01); 
}
.sub_kai .info_card p { 
    font-size: 17px; 
    color: var(--black-color05); 
    line-height: 1.6; 
}

/* 7. 세부 개발 내용 카드 스타일 */
.sub_kai .detail_card { 
    background: var(--gray-bg01); 
    padding: 40px 30px; 
    border-radius: 20px; 
    display: flex; 
    flex-direction: column; 
    gap: 24px; 
    transition: 0.3s; 
    border: 1px solid transparent;
}
.sub_kai .detail_card:hover { 
    background: #fff; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.1); 
    border-color: var(--border-color01); 
}
.sub_kai .detail_card .ico_wrap { 
    width: 50px; 
    height: 50px; 
    background: #fff; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    box-shadow: 0 4px 6px rgba(0,0,0,0.05); 
}
.sub_kai .detail_card .ico_wrap i {
    font-size: 24px;
    color: var(--point-color02);
}
.sub_kai .detail_card h3 { 
    font-size: 20px; 
    font-weight: 700; 
    color: var(--black-color01); 
}
.sub_kai .detail_card p { 
    font-size: 15px; 
    color: var(--black-color06); 
}

/* 8. 기대효과 내부 카드 스타일 */
.sub_kai .effect_card { 
    background: #fff; 
    padding: 50px 30px; 
    border-radius: 30px; 
    text-align: center; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
}
.sub_kai .effect_card .ico_wrap { 
    width: 60px; 
    height: 60px; 
    background: var(--gray-bg01); 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    margin-bottom: 30px; 
}
.sub_kai .effect_card .ico_wrap i {
    font-size: 24px;
    color: var(--point-color02);
}
.sub_kai .effect_card h3 { 
    font-size: 22px; 
    font-weight: 700; 
    margin-bottom: 20px; 
    color: var(--black-color01); 
}
.sub_kai .effect_card p { 
    font-size: 16px; 
    color: #666; 
    line-height: 1.6; 
}

/* 9. 성과 섹션 흐름도 아이콘 조정 */
.sub_kai .auto_list .deposit_ex ol li .ico {
    width: 60px;
    height: 60px;
}
.sub_kai .auto_list .deposit_ex ol li .ico i {
    font-size: 24px;
    color: var(--point-color02);
}

/* 반응형 (모바일) */
@media (max-width: 1023px) {
    .sub_kai .auto_list > li { 
        flex-direction: column !important; 
        padding: 40px 20px; 
    }
    .sub_kai .card_grid_3, 
    .sub_kai .detail_grid_4 { 
        grid-template-columns: 1fr; 
    }
    .sub_kai .ptbg { 
        width: 100%;
        max-width: 100%;
        padding: 60px 20px;
        left: 0;
        transform: none;
        border-radius: 0;
    }
    .sub_kai .ptbg_inner {
        width: 100%;
    }
    .sub_kai .auto_list .deposit_ex ol li .ico .arw { 
        display: none; 
    }
    .sub_kai .hd_title p {
        padding-left: 0;
        margin-top: 15px;
    }
}

/* -------------------------------------------------------------------
   [VDI 페이지 전용 스타일 (.sub_vdi)]
------------------------------------------------------------------- */
.sub_vdi .w_custom { max-width: 1500px; width: 95%; margin: 0 auto; }

/* 배경 섹션 레이아웃 (1840px) */
.sub_vdi .ptbg_wrap { 
	width: 100%; 
	display: flex; 
	justify-content: center; /* Flexbox 중앙 정렬 사용 */
}

/* 도입절차 배경 박스 수정 */
.sub_vdi .ptbg {
	width: 1840px; /* 배경 너비 1840px 고정 */
	max-width: 100vw; /* 화면 너비보다 클 경우 화면 너비에 맞춤 */
	padding: 80px 0;
	background: var(--point-color05);
	border-radius: 30px; 
	box-sizing: border-box;
	/* 기존 positioning 제거 (Flexbox 중앙 정렬 활용) */
}

/* 내부 콘텐츠는 1500px 유지하여 제목 라인 맞춤 */
.sub_vdi .ptbg_inner { width: 1500px; max-width: 95%; margin: 0 auto; }

/* 타이틀 들여쓰기 */
.sub_vdi .hd_title p { padding-left: 63px; color: var(--black-color05); margin-top: 10px; }

/* 그리드 */
.sub_vdi .card_grid_3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.sub_vdi .detail_grid_4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }

/* 카드 스타일 (Info Card) */
.sub_vdi .info_card { 
	background: #fff; border: 1px solid var(--border-color01); padding: 40px; border-radius: 20px; 
	transition: 0.3s; box-shadow: 0 4px 10px rgba(0,0,0,0.02); display: flex; flex-direction: column; 
}
.sub_vdi .info_card:hover { transform: translateY(-10px); box-shadow: 0 20px 30px rgba(0,0,0,0.08); }
.sub_vdi .info_card .card_icon { 
	width: 60px; height: 60px; background: var(--gray-bg01); border-radius: 10px; 
	display: flex; align-items: center; justify-content: center; margin-bottom: 30px; 
}
.sub_vdi .info_card .card_icon i { font-size: 30px; color: var(--point-color02); }
.sub_vdi .info_card h3 { font-size: 24px; font-weight: 700; margin-bottom: 20px; color: var(--black-color01); }
.sub_vdi .info_card p { font-size: 17px; color: var(--black-color05); line-height: 1.6; }

/* 세부 카드 스타일 (Detail Card) */
.sub_vdi .detail_card { 
	background: var(--gray-bg01); padding: 40px 30px; border-radius: 20px; 
	display: flex; flex-direction: column; gap: 24px; transition: 0.3s; border: 1px solid transparent; 
}
.sub_vdi .detail_card:hover { background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.1); border-color: var(--border-color01); }
.sub_vdi .detail_card .ico_wrap { 
	width: 50px; height: 50px; background: #fff; border-radius: 50%; 
	display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 6px rgba(0,0,0,0.05); 
}
.sub_vdi .detail_card .ico_wrap i { font-size: 24px; color: var(--point-color02); }
.sub_vdi .detail_card h3 { font-size: 20px; font-weight: 700; color: var(--black-color01); }
.sub_vdi .detail_card p { font-size: 15px; color: var(--black-color06); }

/* 하단 카드 스타일 (Effect Card - 도입절차) */
.sub_vdi .effect_card { 
	background: #fff; padding: 50px 30px; border-radius: 30px; text-align: center; 
	display: flex; flex-direction: column; align-items: center; 
}
.sub_vdi .effect_card .ico_wrap { 
	width: 60px; height: 60px; background: var(--gray-bg01); border-radius: 50%; 
	display: flex; align-items: center; justify-content: center; margin-bottom: 30px; 
}
.sub_vdi .effect_card .ico_wrap i { font-size: 24px; color: var(--point-color02); }
.sub_vdi .effect_card h3 { font-size: 22px; font-weight: 700; margin-bottom: 20px; color: var(--black-color01); }
.sub_vdi .effect_card p { font-size: 16px; color: #666; line-height: 1.6; }

@media (max-width: 1023px) {
	.sub_vdi .card_grid_3, .sub_vdi .detail_grid_4 { grid-template-columns: 1fr; }
	.sub_vdi .ptbg { padding: 60px 30px; max-width: 100%; border-radius: 0; width: 100%; }
	.sub_vdi .ptbg_inner { width: 100%; }
	.sub_vdi .hd_title p { padding-left: 0; margin-top: 15px; }
}
/*───────────────────────────────────────────────────────────

	게시판
	
───────────────────────────────────────────────────────────*/
	
	/* 인풋 */
    #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);}
    }

    #wrap .search_wrap{position: relative; margin-bottom:40px;}
    #wrap .search_wrap fieldset{display: flex;gap: 10px; justify-content: flex-end;}
    #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:grid;gap:28px;grid-template: auto / repeat(4, 1fr);}
    .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;background: var(--point-white);box-shadow: inset 0 0 0 1px var(--border-color02);border-radius: var(--radius-30);overflow: hidden;padding: 10px;display: flex;flex-direction: column;gap: 23px;height: auto;transition: box-shadow 0.4s;}
    .gallery_list > li .link{position: absolute; inset: 0; z-index: 5;}
    .gallery_list > li .thumb{display: block; width: 100%; aspect-ratio: auto 0; border-radius: var(--radius-20); overflow: hidden;}
    .gallery_list > li .thumb img{width: 100%; height: 100%; object-fit: cover;transition: all 0.4s;}
    .gallery_list > li .cont{font-size: var(--title-20);padding:0 15px 20px;display: flex;flex-direction: column;justify-content: space-between;gap: 30px;}
    .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{box-shadow: inset 0 0 0 2px var(--point-color06);}
            .gallery_list > li:hover .thumb img{scale: 1.1;}
        }

    @media (max-width:1023px) {
        .gallery_list{gap:18px;}
        .gallery_list > li .cont{gap: clamp(20px, 3vw, 30px);}
    }
    @media (max-width:640px) {
        .gallery_list{gap:15px;grid-template: auto / repeat(2, 1fr);}
        .gallery_list > li .cont{padding:0 10px 10px;}
    }
    @media (max-width:479px) {
        .gallery_list{grid-template: auto / repeat(1, 1fr);}
        
    }


    /*view*/
    .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*/
    #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 .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;}
    }