@charset "utf-8";
/* 상단 */
    .nav_top{position: relative;margin-bottom: var(--row-gap100);}
	#wrap:has(.write_prd_box) .nav_top{margin-bottom:clamp(15px, 2.5vw, 25px);}
	.nav_top * {font-family:var(--font-type02);}
	.nav_top .title_box{border-bottom:1px solid var(--border-color01);}
    .nav_top .info{display: flex;align-items: center;justify-content: space-between;gap:var(--row-gap30);flex-wrap: wrap;padding-block: clamp(50px, 10vw, 101px) clamp(45px, 6vw, 66px);}
    .nav_top .title{display: flex; flex-direction: column; gap: 10px;}
    .nav_top .title h2{font-size: var(--text-60);font-weight: 700;color: var(--black-color00);line-height: 1.3;letter-spacing: -0.03em;}
    .nav_top .nav-desc{display: flex;align-items: center;flex-wrap: wrap;}
        .nav_top .nav-desc :where(dt, dd){display:flex;align-items: center;}
        .nav_top .nav-desc :where(dt, dd)::after{display:inline-flex;content:'';width: clamp(2px, 0.5vw, 4px);aspect-ratio: auto 1;background:var(--border-color01);margin-inline: clamp(12px, 2.4vw, 24px);}
    .nav_top .nav-desc dt a{display:block;width: clamp(16px, 2.6vw, 21px);}
    .nav_top .nav-desc dd{font-size: var(--text-18);color:var(--black-color07);font-weight:400;}
        .nav_top .nav-desc dd:last-child::after{display:none;}
    .nav_top .loca-list{display: flex;gap: clamp(25px, 5vw, 50px);overflow: hidden;overflow-x: auto;width: calc(100% + 60px);margin-left: -30px;padding-inline: 30px;}
    .nav_top .loca-list a{flex-shrink: 0;font-size: var(--text-20);color: var(--black-color03);line-height: 1.4;padding-bottom: clamp(12px, 1.8vw, 18px);transition: all 0.4s;letter-spacing:0;}
        .nav_top .loca-list a.on{color: var(--point-color01);-webkit-text-stroke: var(--point-color01) 0.4px;box-shadow:inset 0 -2px 0 var(--point-color01);}
	.nav_top .dep03_box{margin-top:var(--row-gap40);}
	.nav_top .dep03_box .loca02-list{display: flex;gap:var(--row-gap10);overflow: hidden;overflow-x: auto;width:calc(100% + 60px);margin-left: -30px;padding-inline: 30px;}
	.nav_top .dep03_box a{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;background:var(--gray-bg01);font-size:var(--text-18);color:var(--black-color06);font-weight:400;padding:12px 24px;letter-spacing:-0.01em;}
		.nav_top .dep03_box a.on{background:var(--point-color01);color:var(--point-white);}

        /* over */
        @media (hover:hover) and (pointer:fine) {
            .nav_top .loca-list a:not(.on):hover{color: var(--point-color01);font-weight:600;}
			.nav_top .dep03_box a:not(.on):hover{color: var(--point-color01);}
        }
    @media (max-width:640px) {
        .nav_top .nav-desc{width: 100%;}
    }

/*title*/	
	.page_title{margin-bottom:var(--row-gap40);display: flex;align-items: flex-start;}
	.page_title.type02{flex-direction: column;gap:var(--row-gap20);}
	.page_title h4{font-size:var(--text-50);color:var(--black-color01);font-weight:600;line-height:1.4;font-family:var(--font-type02);letter-spacing:-0.03em;/* border-bottom:2px solid var(--black-color01); */text-decoration: underline;text-underline-offset: 18px; text-decoration-thickness: 2px;}
	.page_title.disFlex{display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;gap:var(--row-gap10)}
	.page_title.disFlex > span{font-size:var(--text-18);color:var(--black-color08);font-weight:400;line-height:1.4;}
	.page_title.disFlex > span em{color:var(--point-red02);}

	 @media (max-width:1023px) {
        .page_title h4 {text-underline-offset: clamp(10px, 1.76vw,18px);}
    }
	
/*bullet*/
	.bullet-list{position: relative;display: flex;flex-direction: column;gap: var(--row-gap20);}
		.bullet-list > li{display: flex;align-items: baseline;gap:clamp(6px, 1vw, 10px);font-size: var(--text-19);color: var(--black-color05);line-height: 1.4;letter-spacing: -0.03em;}
		.bullet-list > li::before{display: inline-flex;content:'';width:3px;aspect-ratio: auto 1;border-radius: 100%;background: var(--black-color05);flex-shrink: 0;translate: 0 -4px;}
	.bullet-list > li strong{font-weight:500;}

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

    about

───────────────────────────────────────────────────────────*/
	#wrap:has(.sub_about) .page_title{justify-content: flex-start;gap:clamp(10px, 2vw, 24px);flex-wrap:wrap;}
	.sub_about .page_title h4 + p{font-size:var(--text-30);color:var(--point-color01);font-weight:600;line-height:1.4;font-family:var(--font-type02);}
	.about_vision .txt{display: flex;flex-direction: column;align-items: flex-start;gap:var(--row-gap20);padding: 0 0 var(--row-gap50) 0;text-align:left;}
	.about_vision .txt h5{font-size:var(--text-44);color:var(--black-color01);font-weight:600;line-height:1.4;}
	.about_vision .txt p{font-size:var(--text-24);color:var(--black-color01);font-weight:300;line-height:1.6;}

	/*core*/
		.about_core ul{display: flex;flex-wrap:wrap;gap:var(--row-gap20);}
		.about_core ul li{width:calc(100% / 3 - var(--row-gap20) * 2 / 3);background:var(--point-white);box-shadow: 0 0 var(--row-gap40) 0 rgba(0, 0, 0, 0.10);display: flex;flex-direction: column;gap:var(--row-gap30);text-align: center;padding:var(--row-gap40); padding-top: var(--row-gap50);}
		.about_core ul li .ico{height:clamp(60px, 10vw, 100px);display: flex;align-items: center;justify-content: center;}
		.about_core ul li h5{font-size:var(--text-36);color:var(--black-color03);font-weight:600;line-height:1.4;}
		.about_core ul li p{font-size:var(--text-22);color:var(--black-color03);font-weight:400;line-height:1.6;padding-top:var(--row-gap30);border-top:1px solid var(--border-color01);}

		@media (max-width:640px) {
			.about_core ul li{width:100%;}
		}

	/*overview*/
		.about_overview .overview{display:grid;grid-template-columns:repeat(2, 1fr);border:1px solid var(--border-color01);}
		.about_overview .overview dl{display:flex;}
		.about_overview .overview dl:nth-of-type(2n){border-left:1px solid var(--border-color01);}
		.about_overview .overview dl :where(dt, dd){border-bottom:1px solid var(--border-color01);font-size:var(--text-18);color:var(--black-color05);font-weight:400;line-height:1.6;padding:clamp(12px, 1.8vw, 18px) var(--row-gap20);display: flex;align-items: center;}
		.about_overview .overview dl:nth-last-child(-n+2) :where(dt, dd){border-bottom:none;}
		.about_overview .overview dl dt{width:clamp(100px, 20vw, 240px);flex-shrink:0;background:var(--gray-bg01);color:var(--black-color03);font-weight:500;line-height:1.4;text-align: center;justify-content: center;}
		.about_overview .overview dl dd{width:100%;border-left:1px solid var(--border-color01);}
		.about_overview .overview dl dd :where(div, ul){display: flex;flex-direction: column;gap:4px;}

		@media (max-width:860px) {
			.about_overview .overview{grid-template-columns:repeat(1, 1fr);}
			.about_overview .overview dl:nth-of-type(2n){border-left:none;}
			.about_overview .overview dl:nth-last-child(2){border-bottom:1px solid var(--border-color01);}
		}

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

	history
	
───────────────────────────────────────────────────────────*/
	.history_box{display: flex;align-items: flex-start;justify-content: space-between;gap:clamp(30px, 5vw, 58px)}
	.history_box .title_box{position:sticky;top:clamp(100px, 15vw, 150px);display: flex;flex-direction: column;gap:var(--row-gap60);}
	.history_box .title_box .txt{display: flex;flex-direction: column;gap:var(--row-gap20);}
    /* .history_box .title_box .txt h4{font-size:var(--text-60);color:var(--point-color01);font-weight:600;line-height:1.4;}
    .history_box .title_box .txt p{font-size:var(--text-22);color:var(--black-color03);font-weight:400;line-height:1.6;} */
	.history_box .title_box .txt p {font-size: var(--text-24); color: var(--point-color01); font-weight: 500; line-height: 1.6;}
	
    .sub_history .list_box{position: relative;width:47.5%;flex-shrink:0;}
    .sub_history .list_box .line{position: absolute;top:clamp(16px, 2.5vw, 26px);max-height:calc(100% - 30px);width:1px;height:100%;background:var(--border-color01);left:0;}
    .sub_history .list_box .line em{width:100%;background:var(--point-color01);position: absolute;top:0;left:0;}

	.sub_history article{padding-left:var(--row-gap80);position: relative;}
	.sub_history article:before{width:clamp(6px, 0.9vw, 9px);aspect-ratio:auto 1;content:"";border-radius:100%;background:var(--border-color01);position: absolute;left:calc(clamp(6px, 0.9vw, 9px) / 2 * -1);top:clamp(16px, 2.5vw, 26px);}
	.sub_history article.on:before{background:var(--point-color01);}
	.sub_history article .title{display: flex;flex-direction: column;gap:clamp(8px, 1.4vw, 14px);}
	.sub_history article .title h5{font-size:var(--text-44);color:var(--black-color00);font-weight:500;line-height:1.4;}
	.sub_history article .title h6{font-size:var(--text-24);color:var(--point-color01);font-weight:500;line-height:1.4;}
	.sub_history article > ul{display: flex;flex-direction: column;gap:var(--row-gap30);}
	.sub_history article .bullet-list > li em{color:var(--point-red02);font-weight:inherit;}
	.sub_history article > ul dl{display: flex;gap:var(--row-gap60);align-items: flex-start;}
	.sub_history article > ul dl dt{font-size:var(--text-28);color:var(--black-color00);font-weight:400;line-height:1.16;width:clamp(48px, 6vw, 60px);flex-shrink:0;}
	.sub_history article > ul dl dd {width: calc(100% - clamp(48px, 5.5vw, 60px)- var(--row-gap60))}
	.sub_history article .bullet-list{gap:clamp(6px, 1.4vw, 14px);}
	
	    
    @media (max-width:640px) {
		.history_box{flex-direction: column;}
		.history_box .title_box{position: static;width:100%;}
		.sub_history .list_box{width:100%;}
		.sub_history article{padding-left:var(--row-gap50);}
		.sub_history article > ul dl{gap:var(--row-gap30)}
	}

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

    network

───────────────────────────────────────────────────────────*/
	.sub_network .map img{margin:0 auto;}
	.sub_network .location_box{display: flex;gap:var(--row-gap40);justify-content: space-between;align-items: flex-start;flex-direction: column;}
	.sub_network .title{display: flex;flex-direction:column;gap:var(--row-gap10);}
	.sub_network .title p{display: flex;align-items: center;}
	.sub_network .title span{display: flex;align-items: center;font-size:var(--text-22);color:var(--black-color06);font-weight:400;line-height:1.4;letter-spacing:0;}
		.sub_network .title .country{color:var(--point-color01);}
		.sub_network .hq .title .country{color:var(--point-red);}
		.sub_network .title span + span:before{width:1px;height:clamp(10px, 1.4vw, 14px);content:"";background:var(--border-color01);display: inline-block;margin:0 clamp(10px, 2vw, 24px);}
	.sub_network .title h4{font-size:var(--text-40);color:var(--black-color01);font-weight:600;line-height:1.4;letter-spacing:0;}
	.sub_network .info_box{display: flex;align-items: flex-start;gap:var(--row-gap100);width:100%;}
	.sub_network .info_box .img{width:31.3%;aspect-ratio:auto 1.67;flex-shrink:0;}
		.sub_network .info_box .img img{width:100%;height:100%;object-fit:cover;}
		.sub_network .info_box .info{width:100%;}
		.sub_network .info_box dl{padding-block:var(--row-gap22);border-bottom:1px solid var(--border-color01);display: flex;align-items: center;}
		.sub_network .info_box dl:nth-of-type(1){border-top:1px solid var(--black-color01);}
		.sub_network .info_box dl dt{width:clamp(150px, 16vw, 260px);flex-shrink:0;display: flex;align-items:baseline;gap:var(--row-gap20);font-size:var(--text-22);color:var(--black-color03);font-weight:500;line-height:1.4;padding-right:var(--row-gap10);}
		.sub_network .info_box dl dt:before{width:clamp(3px, 0.5vw, 5px);aspect-ratio:auto 1;content:"";background:var(--black-color03);border-radius:100%;flex-shrink:0;translate:0 clamp(-4px, -0.4vw, -3px);}
	.sub_network .info_box dl dd{font-size:var(--text-20);color:var(--black-color05);font-weight:400;line-height:1.4;}
	.sub_network .info_box .cs_box{display: flex;align-items: center;flex-wrap:wrap;gap:10px var(--row-gap60);}
	.sub_network .info_box .cs_box p{display: inline-flex;gap:var(--row-gap20);font-size:var(--text-20);color:var(--black-color03);font-weight:500;position: relative;}
	.sub_network .info_box .cs_box p + p:before{width:1px;height:12px;content:"";background:var(--border-color01);left:calc(var(--row-gap60) / 2 * -1);top:50%;translate:0 -50%;position: absolute;}
	.sub_network .info_box .cs_box p a{color:var(--black-color06);font-weight:400;}

	@media (max-width:1400px) {
		.sub_network .info_box{gap:var(--row-gap60)}
		.sub_network .info_box .cs_box{gap:3px var(--row-gap30);}
		.sub_network .info_box .cs_box p + p:before{left:calc(var(--row-gap30) / 2 * -1);}
	}
	@media (max-width:1200px) {
		.sub_network .info_box .cs_box{flex-direction: column;align-items: flex-start;}
		.sub_network .info_box .cs_box p + p:before{display: none;}
	}
	@media (max-width:1023px) {
		.sub_network .location_box{flex-direction: column;}
		.sub_network .info_box{width:100%;}
	}
	@media (max-width:640px) {
		#wrap .sub_network .info_box{flex-direction: column;}
		#wrap .sub_network .info_box :where(.img, .info){width:100%;}
	}
	@media (max-width:479px) {
		.sub_network .info_box dl{flex-direction: column;gap:var(--row-gap10);align-items: flex-start;}
		.sub_network .info_box dl dt{width:100%;}

	}

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

    substain

───────────────────────────────────────────────────────────*/
	.sub_substain .cont_title{display: flex;align-items:flex-start;gap:var(--row-gap20);font-size:var(--text-38);color:var(--black-color01);font-weight:600;line-height:1.4;margin-bottom:var(--row-gap60);}
	.sub_substain .cont_title:before{width:clamp(6px, 1vw, 10px);aspect-ratio:auto 1;content:"";background:var(--point-color01);flex-shrink:0;translate:0 clamp(15px, 2vw, 23px);}

	.sub_substain .chart{width:calc(100% - clamp(30px, 20vw, var(--row-gap125)));position: relative;padding:var(--row-gap50) clamp(20px, 3.5vw, 38px) 0;display: flex;gap:var(--row-gap140);margin: 0 auto;}
	.sub_substain .chart:before{width:100%;height:100%;content:"";background:url('../images/skin/chart_bg.svg')no-repeat center top / 100%;position: absolute;top:0;left:0;pointer-events:none;}
	.sub_substain article{width:calc(100% / 3 - var(--row-gap140) * 2 / 3);aspect-ratio:auto 1;border-radius:100%;display: flex;align-items: center;justify-content: center;text-align: center;position: relative;}
		.sub_substain article:nth-child(1){background:rgba(22, 64, 202, 0.1);}
		.sub_substain article:nth-child(2){background:rgba(11, 32, 100, 0.1);}
		.sub_substain article:nth-child(3){background:rgba(7, 21, 66, 0.1);}
	.sub_substain article + article:before{width:calc(var(--row-gap140) / 2);height:1px;content:"";background:var(--border-color01);position: absolute;top:50%;left:calc(var(--row-gap140) * -1);translate:50%;}
	.sub_substain .circle{width:calc(100% - 60px);aspect-ratio:auto 1;border-radius:100%;background:var(--point-white);display: flex;flex-direction:column;align-items:center;justify-content: center;gap:var(--row-gap20);border:6px solid;}
	.sub_substain .circle{&::before, &::after{width:7px;aspect-ratio:auto 1;content:"";border-radius:100%;position: absolute;top:50%;translate:-50% -50%;z-index:5;}}
	.sub_substain .circle:before{left:calc(var(--row-gap140) / 2 * -1 + 33px);}
	.sub_substain .circle:after{right:calc(var(--row-gap140) / 2 * -1 + 33px);}
	.sub_substain article:nth-child(1) .circle:before{display: none;}
	.sub_substain article:nth-child(1) .circle:after{background:var(--point-color02);}
	.sub_substain article:nth-child(2) .circle{&::before, &::after{background:var(--point-color03);}}
	.sub_substain article:nth-child(3) .circle:before{background:var(--point-color03);}
	.sub_substain article:nth-child(3) .circle:after{display: none;}
		.sub_substain article:nth-child(1) .circle{border-color:var(--point-color02);box-shadow:8px 17px 20px 0 rgba(22, 64, 202, 0.20);}
		.sub_substain article:nth-child(2) .circle{border-color:var(--point-color01);box-shadow:8px 17px 20px 0 rgba(11, 32, 100, 0.20);}
		.sub_substain article:nth-child(3) .circle{border-color:var(--point-color03);box-shadow:8px 17px 20px 0 rgba(7, 21, 66, 0.20);}
	.sub_substain article .ico{height:clamp(40px, 5vw, 80px);display: flex;align-items: center;justify-content: center;}
	.sub_substain article .txt{display: flex;flex-direction: column;align-items: center;justify-content: center;gap:4px;padding-inline:var(--row-gap15);}
		.sub_substain article .txt h6{font-size:var(--text-34);color:var(--black-color01);font-weight:600;line-height:1.4;}
		.sub_substain article .txt p{font-size:var(--text-24);color:var(--black-color03);font-weight:400;line-height:1.4;}
	.sub_substain .strategy > p{margin-top:var(--row-gap60);font-size:var(--text-22);color:var(--black-color05);font-weight:400;line-height:1.6;text-align: center;}
	.sub_substain .strategy > p strong{color:var(--black-color03);font-weight:500;}
	
	@media (max-width:1660px) {
		.sub_substain .chart{width:100%;}
	}
	@media (max-width:1400px) {
		.sub_substain .chart{gap:var(--row-gap100);}
		.sub_substain article{width:calc(100% / 3 - var(--row-gap100) * 2 / 3);}
		.sub_substain article + article:before{width:50px;left:calc(var(--row-gap100) * -1);}
		.sub_substain .circle{width:calc(100% - 30px);}
		.sub_substain .circle:before{left:calc(var(--row-gap100) / 2 * -1 + 20px);}
		.sub_substain .circle:after{right:calc(var(--row-gap100) / 2 * -1 + 9px);}
	}
	@media (max-width:1200px) {
		.sub_substain .chart{gap:var(--row-gap60);}
		.sub_substain article{width:calc(100% / 3 - var(--row-gap60) * 2 / 3);}
		.sub_substain article + article:before{width:30px;left:calc(var(--row-gap60) * -1);}
		.sub_substain article .txt h6 {font-size: var(--text-30);}
		.sub_substain .circle{width:calc(100% - 30px);}
		.sub_substain .circle:before{left:calc(var(--row-gap60) / 2 * -1 + 20px);}
		.sub_substain .circle:after{right:calc(var(--row-gap60) / 2 * -1 + 9px);}
	}
	@media (max-width:1023px) {
		.sub_substain .chart{flex-direction: column;align-items:center;gap:var(--row-gap100);}
		.sub_substain article{width:50%;}
		.sub_substain article + article:before{width:1px;height:40px;left:50%;top:calc(var(--row-gap100) / 2 * -1 + -19px);translate:-50%;}
		.sub_substain article .ico{height:clamp(50px, 9vw, 80px)}
		.sub_substain article .txt h6{font-size:var(--text-44);}
		.sub_substain .circle{&::before, &::after{right:auto;left:50%;}}
		.sub_substain .circle:before{top:-15px;}
		.sub_substain .circle:after{bottom:-23px;top:auto;}
	}
	@media (max-width:640px) {
		.sub_substain article{width:65%;}
	}
	@media (max-width:479px) {
		.sub_substain article{width:90%;}
		.sub_substain article .txt h6{font-size:var(--text-40);}
	}

	.sub_substain .system{background:url('../images/skin/substain_map.png')no-repeat center bottom / cover;padding-bottom:var(--row-gap160);}
	.sub_substain .work_chart{text-align: center;display: flex;flex-direction:column;align-items: center;margin-top:var(--row-gap30);}
	.sub_substain .work_chart h6{width:clamp(150px, 20vw, 200px);aspect-ratio:auto 1;border-radius:100%;background:var(--point-color02);display: flex;align-items: center;justify-content: center;box-shadow:0 0 0 var(--row-gap30) rgba(11, 32, 100, 0.1);font-size:var(--text-40);color:var(--point-white);font-weight:700;margin:0 auto;}
	.sub_substain .work_chart .work_box{position: relative;}
	.sub_substain .work_chart .work_box:before{width:2px;content:"";background:var(--border-color02);position: absolute;left:50%;}
	.sub_substain .work_chart .work_box:.sub_substain .work_chart .officerafter{width:clamp(6px, 0.8vw, 9px);aspect-ratio:auto 1;content:"";background:var(--point-white);border:2px solid var(--point-color01);position: absolute;top:calc(clamp(6px, 0.8vw, 9px) / 2 * -1);left:50%;translate:-50%;}
	.sub_substain .work_chart .work_box span{display: flex;align-items: center;justify-content: center;background:var(--point-white);width:100%;height:clamp(70px, 9vw, 90px);box-sizing:border-box;border: 2px solid var(--point-color01);/* font-size:var(--text-22); */font-size:var(--text-26);color:var(--point-color01);font-weight:500;position: relative;padding-inline:var(--row-gap15);}
	.sub_substain .work_chart .officer{display:flex;justify-content: center;width:100%;margin-top:clamp(60px, 11vw, 110px);}
		.sub_substain .work_chart .officer:before{height:clamp(60px, 11vw, 110px);top:calc(clamp(60px, 11vw, 110px) * -1);}
		.sub_substain .work_chart .officer span{/* width:clamp(250px, 30vw, 320px); */width:calc(100% / 3 - var(--row-gap80) * 2 / 3);height:clamp(80px, 10vw, 100px);/* font-size:var(--text-24); color:var(--point-white);*/font-weight:600;font-size:var(--text-32);}
	.sub_substain .work_chart ul{display: flex;margin-top:var(--row-gap90);position: relative;display: flex;justify-content: center;gap:var(--row-gap80);/* max-width:1000px; */width:100%;}
	.sub_substain .work_chart ul:before{width:2px;height:var(--row-gap90);content:"";position: absolute;top:calc(var(--row-gap90) * -1);left:50%;background:var(--border-color02);}
	.sub_substain .work_chart ul > li{width:calc(100% / 3 - var(--row-gap80) * 2 / 3);margin-top:var(--row-gap50);}
	.sub_substain .work_chart ul > li:before{height:var(--row-gap50);top:calc(var(--row-gap50) * -1);}
	.sub_substain .work_chart ul > li:not(:last-child) span:before{width:calc(100% + var(--row-gap80) + 2px);height:2px;content:"";background:var(--border-color02);position: absolute;top:calc((var(--row-gap50) + 2px) * -1);left:calc(50% + 2px);}
	
	@media (max-width:479px) {
		.sub_substain .work_chart ul{flex-direction: column;gap:0;}
		.sub_substain .work_chart ul > li{width:100%;margin-top:var(--row-gap30);}
		.sub_substain .work_chart .officer{width:100%;}
		.sub_substain .work_chart .officer span{width:100%;}
		.sub_substain .work_chart ul > li:before{height:var(--row-gap30);top:calc(var(--row-gap30) * -1);}
		.sub_substain .work_chart ul > li span:before{display: none;}

	}

	.substain_indicator .table_wrap > span{display: none;font-size:var(--text-18);color:var(--black-color06);font-weight:400;margin-bottom:var(--row-gap20);}
	.substain_indicator .table_box thead tr th{border-top:1px solid var(--black-color01);border-bottom:1px solid var(--border-color01);text-align: center;vertical-align: middle;font-size:var(--text-24);color:var(--black-color01);font-weight:600;line-height:1.4;padding:var(--row-gap20) var(--row-gap10);}
	.substain_indicator .table_box thead tr th + th{border-left:1px solid var(--border-color01);}
	.substain_indicator .table_box tbody tr :where(th, td){border-bottom:1px solid var(--border-color01);text-align: center;vertical-align: middle;font-size:var(--text-22);color:var(--black-color03);font-weight:500;line-height:1.2;padding:var(--row-gap30);}
	.substain_indicator .table_box tbody tr th em{color:var(--point-red02);font-weight:inherit;}
	.substain_indicator .table_box tbody tr td{text-align: left;font-size:var(--text-20);color:var(--black-color06);font-weight:400;border-left:1px solid var(--border-color01);}

	@media (max-width:1023px) {
		.substain_indicator .table_wrap > span{display: block;}
		.substain_indicator .table_box{overflow-x:auto;}
		.substain_indicator .table_box table{width:120vw;}
	}
	@media (max-width:479px) {
		.substain_indicator .table_box table{width:800px;}
	}

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

    ethics

───────────────────────────────────────────────────────────*/
	.about_ethics .txt{display: flex;flex-direction: column;align-items: flex-start;gap:var(--row-gap20);padding: 0 0 var(--row-gap50) 0;text-align:left;}
	.about_ethics .txt p{font-size:var(--text-24);color:var(--black-color01);font-weight:300;line-height:1.6;}
	.sub_ethics .sign{display: flex;align-items: center;justify-content: flex-end;gap:var(--row-gap20);margin-top:var(--row-gap60);}
		.sub_ethics .sign p{font-size:var(--text-32); font-weight:500;}
		.sub_ethics .sign span img {max-height: 44px;}
		
	/* .sub_ethics .about_visual{background:url('../images/skin/ethics_visual.jpg')no-repeat center / cover;}
			.sub_ethics .about_visual .txt{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap:var(--row-gap20);padding: var(--row-gap70) clamp(50px, 10vw, 100px);text-align: left;}
		.sub_ethics .about_visual .txt h5{font-size:var(--text-44);color:var(--point-white);font-weight:600;line-height:1.4;}
		.sub_ethics .about_visual .txt p{font-size:var(--text-24);color:var(--point-white);font-weight:300;line-height:1.6;}
			.sub_ethics .about_visual .sign{display: flex;align-items: center;gap:var(--row-gap20)}
		.sub_ethics .about_visual .sign p{font-weight:500;}
		.sub_ethics .about_visual .sign strong{font-size:var(--text-30);color:var(--point-white);font-weight:600;} */
		
	.ethics_list{display: grid;gap:var(--row-gap20);grid-template-columns:repeat(4, 1fr);}
	.ethics_list li{padding:var(--row-gap30);display: flex;flex-direction: column;gap:var(--row-gap20);text-align: center;box-shadow: 0 0 var(--row-gap40) 0 rgba(0, 0, 0, 0.10);}
	.ethics_list li .ico{height:clamp(60px, 10vw, 100px);display: flex;align-items: center;justify-content: center;}
	.ethics_list li h6{font-size:var(--text-34);color:var(--black-color03);font-weight:600;line-height:1.4;}
	.ethics_list li h6 strong{font-weight:inherit;}
	.ethics_list li p{padding-top:var(--row-gap30);border-top:1px solid var(--border-color01);font-size:var(--text-20);color:var(--black-color03);font-weight:400;line-height:1.6;}

	@media (max-width:1240px) {
		.ethics_list{grid-template-columns:repeat(2, 1fr);}
	}
	@media (max-width:1023px) {
		.sub_ethics .sign span img {max-height: clamp(30px, 4.3vw, 44px);}
	}	
	@media (max-width:640px) {
		.sub_ethics .about_visual .sign{flex-direction:column;gap:0;}
	}
	@media (max-width:479px) {
		.ethics_list{grid-template-columns:repeat(1, 1fr);}
		.sub_ethics .sign {align-items: flex-end; flex-direction: column;}
	}

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

    certificate

───────────────────────────────────────────────────────────*/
	.certificate_list{display:grid;gap:var(--row-gap40) var(--row-gap60);grid-template-columns:var(--grid-array04);text-align: center;}
	.certificate_list li p{margin-top:var(--row-gap20);font-size:var(--text-22);color:var(--black-color03);font-weight:500;line-height:1.6;}
	.certificate_list li span{margin-top:4px;display: block;font-size:var(--text-20);color:var(--black-color06);font-weight:400;line-height:1.6;}

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

    제품

───────────────────────────────────────────────────────────*/
	.goods_tab{display: flex;flex-wrap:wrap;gap:var(--row-gap10);}
	.goods_tab a{display: inline-flex;align-items: center;justify-content: center;font-size:var(--text-18);color:var(--black-color01);font-weight:400;padding:clamp(6px, 1.2vw, 12px) clamp(14px, 2vw, 24px);letter-spacing:-0.01em;border:1px solid var(--black-color01);letter-spacing:-0.01em;font-family:var(--font-type02);transition:all 0.3s;}
	
	.goods_nav{display:grid;gap:clamp(60px, 18vw, 180px);margin-top:clamp(60px, 18vw, 180px);}
	.goods_nav > li{display:grid;gap:var(--row-gap20);}
	.goods_nav > li > a{font-size: var(--text-50);color: var(--black-color01);font-weight: 600;line-height: 1.4;font-family: var(--font-type02);letter-spacing: -0.03em;text-decoration: underline;text-underline-offset: 18px;text-decoration-thickness: 2px;margin-bottom:var(--row-gap20);}
	.goods_nav .dep02{display: block;margin:-10px  0 0 -10px }
	.goods_nav .dep02:after{clear:both;content:"";display: block;}
	.goods_nav .dep02 li a{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;background:var(--gray-bg01);font-size:var(--text-18);color:var(--black-color06);font-weight:400;padding:12px 24px;letter-spacing:-0.01em;float: left;margin:10px 0 0 10px;}
	/* .goods_nav .dep02 li:nth-child(3n+1) a{clear:both;float: left;} */
	
		/* over */
        @media (hover:hover) and (pointer:fine) {
			.goods_tab a:hover{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white);}
			.goods_nav .dep02 li:hover a{color:var(--point-color01);}
		}
	
	@media (max-width:1023px) {
		.goods_nav .dep02 li a{padding:clamp(6px, 1.17vw,12px) clamp(14px,2.35vw, 24px);}
	}
	@media (max-width:767px) {
		.goods_nav .dep02{margin:0;display: flex;flex-wrap:wrap;gap:var(--row-gap10);}
		.goods_nav .dep02:after{display: none;}
		.goods_nav .dep02 li a{margin:0;}
	}
	
	.goods_table .table_container > span{display:none;margin-bottom:var(--row-gap20);font-size:var(--text-16);color:var(--black-color03);font-weight:400;}
	.goods_table table thead tr th{border-top:1px solid var(--black-color01);border-bottom:1px solid var(--border-color01);text-align: center;vertical-align: middle;font-size:var(--text-20);color:var(--black-color01);font-weight:600;padding:var(--row-gap20) var(--row-gap10);}
	.goods_table table tbody tr td{border-bottom:1px solid var(--border-color01);text-align: center;vertical-align: middle;font-size:var(--text-18);color:var(--black-color06);font-weight:400;padding-block:var(--row-gap30);line-height:1.4;}
	.goods_table table tbody tr td strong{color:var(--black-color03);font-weight:500;}
	.goods_table table .img{width:calc(100% - 60px);margin:0 auto;cursor:pointer;}
	.goods_table table .pdf_btn{display: inline-flex;width:clamp(32px, 4vw, 40px);aspect-ratio:auto 1;margin:0 auto;align-items: center;justify-content: center;border:1px solid var(--point-red);transition:all 0.3s;}
	.goods_table table .tag{display: flex;flex-direction: column;align-items: center;justify-content: center;gap:5px;width:calc(100% - 60px);margin:0 auto;}
	.goods_table table .tag .ft{display: inline-flex;position: relative;align-items: center;justify-content: center;font-size:var(--text-16);color:var(--point-red);font-weight:500;width:100%;height:29px;}
		.goods_table table .tag .ft02{color:var(--point-tag02);}
		.goods_table table .tag .ft03{color:var(--point-tag03);}
		.goods_table table .tag .ft04{color:var(--point-tag04);}
		.goods_table table .tag .ft05{color:var(--point-tag05);}
		.goods_table table .tag .ft06{color:var(--point-tag06);}
		.goods_table table .tag .ft07{color:var(--point-tag07);}
		.goods_table table .tag .ft08{color:var(--point-tag08);}
		.goods_table table .tag .ft09{color:var(--point-tag09);}
		.goods_table table .tag .ft10{color:var(--point-tag10);}
		.goods_table table .tag .ft11{color:var(--point-tag11);}
		.goods_table table .tag .ft12{color:var(--point-tag12);}
	.goods_table table .tag .ft:before{opacity:0.05;content:"";width:100%;height:100%;position: absolute;top:0;left:0;pointer-events:none;}
		.goods_table table .tag .ft01:before{background:var(--point-red);}
		.goods_table table .tag .ft02:before{background:var(--point-tag02);}
		.goods_table table .tag .ft03:before{background:var(--point-tag03);}
		.goods_table table .tag .ft04:before{background:var(--point-tag04);}
		.goods_table table .tag .ft05:before{background:var(--point-tag05);}
		.goods_table table .tag .ft06:before{background:var(--point-tag06);}
		.goods_table table .tag .ft07:before{background:var(--point-tag07);}
		.goods_table table .tag .ft08:before{background:var(--point-tag08);}
		.goods_table table .tag .ft09:before{background:var(--point-tag09);}
		.goods_table table .tag .ft10:before{background:var(--point-tag10);}
		.goods_table table .tag .ft11:before{background:var(--point-tag11);}
		.goods_table table .tag .ft12:before{background:var(--point-tag12);}
	
	.layer_pop{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.3);display: flex;align-items: center;justify-content: center;top:0;left:0;z-index:100;opacity:0;pointer-events:none;}
	.layer_pop.on{opacity:1;pointer-events:initial;}
	body:has(.layer_pop.on){overflow:hidden;}
	.layer_pop .layer_cont{max-width:480px;width:calc(100% - 30px);background:var(--point-white);padding:var(--point-white);position: relative;padding:var(--row-gap40);}
	.layer_pop .layer_cont .img{background:var(--gray-bg01);width:100%;aspect-ratio:auto 1;}
	.layer_pop .layer_cont .img img{width:100%;height:100%;object-fit:cover;}
	.layer_pop .btn_close{width:clamp(34px, 4vw, 40px);aspect-ratio:auto 1;position: absolute;top:0;right:calc(clamp(34px, 4vw, 40px) * -1);background:var(--black-color01);}
	.layer_pop .btn_close{&::before, &::after{display: inline-block;width:43%;height:2px;content:"";background:var(--point-white);position: absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg;}}
	.layer_pop .btn_close:after{rotate:-45deg;}
	

	/* over */
        @media (hover:hover) and (pointer:fine) {
			.goods_table table .pdf_btn:hover{background:var(--point-red);}
			.goods_table table .pdf_btn:hover img{filter:var(--filter-white);}
		}

	@media (max-width:1500px) {
		.goods_table table .img,
		.goods_table table .tag{width:100%;}
	}
	@media (max-width:1023px) {
		.goods_table .table_container > span{display: block;}
		.goods_table .table_box{overflow-x:auto;width:100%;}
		.goods_table table{width:120vw;}
		.goods_table table tbody tr td{padding-inline:var(--row-gap10);}
		.goods_table table .pdf_btn img{max-width:50%;}
	}
	@media (max-width:640px) {
		.goods_table table{width:150vw;}

		.layer_pop .btn_close{top:calc(clamp(34px, 4vw, 40px) * -1);right:0;}
	}
	@media (max-width:500px) {
		.goods_table table{width:900px;}
	}

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

    게시판

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

/* 인풋 */
	#wrap input:where([type="text"], [type="password"], [type="number"]){height: clamp(44px, 8vw, 60px);background: var(--point-white);border: 1px solid var(--border-color01);padding: 0 var(--row-gap20);font-size: var(--text-19);font-weight: 400;color: var(--black-color02);line-height: normal;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;min-width: auto;letter-spacing: -0.03em;vertical-align: middle;}
	#wrap input:where([type="text"], [type="password"], [type="number"])::placeholder{color:var(--black-color08);}
	#wrap select{width: clamp(100px, 18vw, 180px);height: clamp(44px, 8vw, 60px);background: var(--point-white) url('../images/skin/sel_arw.svg') no-repeat calc(100% - clamp(15px, 2vw, 20px)) 50% / clamp(12px, 1.9vw, 14px) auto;border: 1px solid var(--border-color01);border-radius: var(--radius-06);padding: 0 clamp(35px, 5.5vw, 55px) 0 clamp(15px, 2.4vw, 24px);font-size: var(--text-18);font-weight: 400;color: var(--black-color02);line-height: normal;appearance: none;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing: -0.03em;vertical-align: middle;}
	#wrap textarea{width: 100%;font-size: var(--text-16);font-weight: 400;color: var(--black-color08);line-height: 1.4;border: 1px solid var(--border-color01);background: var(--point-white);resize: none;padding: clamp(15px, 2vw, 20px);height: clamp(100px, 13vw, 136px);scrollbar-gutter: stable;}
	#wrap textarea::placeholder{color:var(--black-color08);}
	#wrap textarea::-webkit-scrollbar {width: clamp(3px, 0.6vw, 4px);}
	#wrap textarea::-webkit-scrollbar-track {box-shadow:-10px 0 0 var(--border-color01); border-radius: 10px; margin: 10px;}
	#wrap textarea::-webkit-scrollbar-thumb {box-shadow:-10px 0 0 var(--black-color10); border-radius: 10px;}

	#wrap [type="checkbox"]{display: inline-flex;align-items: center;justify-content: center;width: clamp(22px, 3.1vw, 25px);height: clamp(22px, 3.1vw, 25px);border: 1px solid var(--border-color01);flex-shrink: 0;cursor: pointer;}
	#wrap [type="checkbox"]::before{display: inline-flex;content:'';width: clamp(10px, 1.7vw, 12px);aspect-ratio: auto 1.33;background: url('../images/skin/chk_icon.svg') no-repeat center / 100% auto;filter: var(--filter-black) opacity(0.2);}
	#wrap [type="checkbox"]:checked{border-color: var(--point-color01);background: var(--point-color01);}
	#wrap [type="checkbox"]:checked:before{filter: var(--filter-white);}
	#wrap label:has([type="checkbox"]){display:inline-flex;align-items: flex-start;gap: 10px;font-size: var(--text-18);font-weight: 500;color: var(--black-color03);line-height: clamp(22px, 3.1vw, 25px);cursor: pointer;}
	#wrap label:has([type="checkbox"]) em{font-weight: 600; color: var(--point-red02); display: contents;}

	#wrap .radio-list{display:flex;align-items: baseline;flex-wrap: wrap;gap: clamp(12px, 1.5vw, 15px) clamp(20px, 4vw, 40px);width: 100%;}
    #wrap label:has([type="radio"]){display: flex;align-items: flex-start;gap: clamp(10px, 1.2vw, 12px);font-size: var(--text-18);font-weight: 400;color: var(--black-color03);line-height: clamp(16px, 2.5vw, 20px);cursor: pointer;}
	#wrap label:has([type="radio"]:checked){color: var(--black-color03);}
    #wrap [type="radio"]{display: inline-flex;align-items: center;justify-content: center;width: clamp(16px, 2.5vw, 20px);aspect-ratio: auto 1;border-radius: 100%;background: var(--point-white);box-shadow: inset 0 0 0 1px var(--black-color10);cursor: pointer;transition: all 0.4s;flex-shrink: 0;}
    #wrap [type="radio"]:before{content: '';width: clamp(8px, 1.5vw, 10px);aspect-ratio: auto 1;background: var(--point-color01);border-radius: 100%;opacity: 0;transition: all 0.4s;}
    #wrap [type="radio"]:checked{box-shadow: inset 0 0 0 1px var(--point-color01);}
    #wrap [type="radio"]:checked:before{opacity: 1;}

    @media (max-width:479px) {
        #wrap .radio-list > label:has([type="radio"]){width: 100%;}
    }

/* 버튼 */
	#wrap .btn_wrap{position: relative;inset: auto;margin:0;padding:0;display: flex;justify-content: center;flex-wrap: wrap;gap: 15px; margin-top: var(--row-gap60);}
		#wrap .btn_wrap.ta_right{justify-content: flex-end;}
	#wrap .btn_wrap :where(button, a){display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--text-20);font-weight:600;color: var(--black-color03);line-height: 1.2;width: auto;min-width: clamp(120px, 21vw, 200px);height: clamp(46px, 8vw, 70px);border: 1px solid var(--black-color03);background: var(--point-white);margin: 0;}
	#wrap .btn_wrap :where(button, a).btn_point{background: var(--point-color01);border-color: var(--point-color01);color: var(--point-white);}
	#wrap .btn_wrap.sm{margin-top: var(--row-gap20);gap: var(--row-gap10);}
	#wrap .btn_wrap.sm :where(button, a){min-width: auto;height: auto;font-size: var(--text-14);padding: clamp(5px, 1.1vw, 6px) clamp(10px, 1.5vw, 15px);}

	@media (min-width:861px) {
		#wrap:has(.paging) .btn_wrap.ta_right{margin-top: -55px; pointer-events: none;}
		#wrap:has(.paging) .btn_wrap.ta_right :where(button, a){pointer-events: auto;}
	}

/*검색*/
	#wrap .search_wrap{position: relative;padding:clamp(15px, 3vw, 35px);background: var(--gray-bg01);box-sizing: border-box;font-size: var(--text-20);margin-bottom:var(--row-gap60);}
        #wrap .search_wrap .sec_list{background: var(--point-white);display: flex;width: fit-content;box-sizing: border-box;margin-inline: auto;}
        #wrap .search_wrap .sec_list > li{position: relative; display: flex; width: 100%;}
        #wrap .search_wrap .sec_list > li:not(:last-child):before{position: absolute; content:''; width: 1px; height:clamp(10px, 1.4vw, 14px); background: var(--border-color01); top:50%; right:0; translate: 0 -50%;}
        #wrap .search_wrap :where(input[type="text"], select){padding-inline: clamp(20px, 2.2vw, 22px);height:clamp(44px, 8vw, 60px);font-size: 90%;font-weight:400;color: var(--black-color03);border: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;background: none;line-height: normal;letter-spacing: -0.03em;}
        #wrap .search_wrap [type="text"]::placeholder{font-weight: 400; color: var(--black-color09);}
        #wrap .search_wrap select{width: 160px;border: 0;appearance: none;padding-right: 50px;background: url('../images/skin/sel_arw.svg') no-repeat right clamp(20px, 2.2vw, 22px) center;background-size:auto clamp(4px, 0.6vw, 6px);}
        #wrap .search_wrap [type="text"]{width: 400px;}
        #wrap .search_wrap button{width:clamp(44px, 8vw, 60px);aspect-ratio:auto 1;background: none;padding:clamp(5px, 1.5vw, 15px);box-sizing: border-box;flex-shrink: 0;display: flex;align-items: center;justify-content: center;}

        @media (max-width:1023px){
            #wrap .search_wrap .sec_list{width: 100%;}
            #wrap .search_wrap .sec_list > li{width: clamp(105px, 16vw, 160px);flex-shrink: 0;}
            #wrap .search_wrap .sec_list > li:has([type="text"]){width: 100%; flex-shrink: unset;}
            #wrap .search_wrap .sec_list > li:has(button){width: auto;}
            #wrap .search_wrap select{background-position: calc(100% - clamp(20px, 2.6vw, 26px));padding-right: clamp(45px, 5vw, 50px); width: 100%;}
            #wrap .search_wrap [type="text"]{width: 100%;}
			#wrap .search_wrap button img{max-width:50%;}
        }
        @media (max-width:431px){
            #wrap .search_wrap .sec_list{flex-wrap: wrap;}
            #wrap .search_wrap .sec_list > li{width: 100%; flex-shrink: unset;}
            #wrap .search_wrap .sec_list > li:not(:has([type="text"])):before{display: none;}
            #wrap .search_wrap .sec_list > li:has([type="text"]){width: calc(100% - 48px);}
            #wrap .search_wrap select{height: 48px;}
        }

 /* 페이징 */
	#wrap .paging {text-align:center;padding:0;line-height:normal;margin:var(--row-gap60) 0 0;box-sizing:border-box;display: flex;justify-content: center;flex-wrap: wrap;gap:var(--row-gap10);font-size: var(--text-20);}
	#wrap .paging span {display: block;}
	#wrap .paging a {display:inline-flex;align-items:center;justify-content:center;font-size: max(13px, 90%);font-weight: 400;color: var(--black-color10);padding: 2px 5px 0;border:0;box-sizing:border-box;width: auto;min-width: 40px;height: 40px;line-height: 1.2;text-align:center;margin: 0;font-family: var(--font-type02);}
	#wrap .paging :is(.page_num.on a, a.on){color: var(--point-white);background: var(--point-color01);}
	#wrap .paging .arrow a {font-size:0;background:no-repeat center;border: 1px solid var(--border-color01);}
	#wrap .paging .arrow img{display: none;}
	#wrap .paging .arrow:where(.first, .last) a{background-image:url('../images/skin/paging_first.svg');}
	#wrap .paging .arrow:where(.prev, .next) a{background-image:url('../images/skin/paging_prev.svg');}
	#wrap .paging .arrow:where(.next, .last) a{scale: -1 -1;}
	#wrap .paging .arrow.prev a {margin-right:10px;}
	#wrap .paging .arrow.next a {margin-left: 10px;}

	@media (max-width:1023px){
		#wrap .paging a{min-width: clamp(32px, 4.5vw, 40px);height: clamp(32px, 4.5vw, 40px);}
		#wrap .paging .arrow.prev a {margin-right:clamp(5px, 1vw, 10px);}
		#wrap .paging .arrow.next a {margin-left: clamp(5px, 1vw, 10px);}
	}

/*갤러리*/
	.gallery_list{display: flex;flex-wrap:wrap;gap:clamp(15px, 3vw, 32px);justify-content: center;}
	.gallery_list li{width:calc(100% / 3 - clamp(15px, 3vw, 32px) * 2 / 3);border:1px solid var(--border-color01);}
	.gallery_list .thumb{width:100%;aspect-ratio:auto 1.7;}
	.gallery_list .thumb img{width:100%;height:100%;object-fit:cover;}
	.gallery_list .txt_info{padding:var(--row-gap30);display: flex;flex-direction: column;align-items: flex-start;gap:clamp(6px, 1.2vw, 12px);/* border-top:1px solid var(--border-color01); */}
	.gallery_list .txt_info strong{font-size:var(--text-24);color:var(--black-color03);font-weight:500;line-height:1.4;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:1;}
	.gallery_list .txt_info p{font-size:var(--text-19);color:var(--black-color05);font-weight:400;line-height:1.6;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2;margin-bottom:clamp(10px, 1.8vw, 18px);}
	.gallery_list .txt_info span{font-size:var(--text-18);color:var(--black-color08);font-weight:400;line-height:1.4;}

	@media (max-width:860px){
		.gallery_list li{width:calc(100% / 2 - clamp(15px, 3vw, 32px) / 2);}
	}
	@media (max-width:479px){
		.gallery_list li{width:100%;}
	}

/* 상세 */
	#wrap .bbs_view{position: relative;padding: 0 0 var(--row-gap40);border-bottom: 1px solid var(--border-color01);}
	#wrap .bbs_view .view_tit{position: relative;padding: clamp(25px, 4vw, 40px) 0;border-top: 1px solid var(--black-color03);border-bottom: 1px solid var(--border-color01);background: none;width: 100%;margin: 0;text-align: inherit;box-sizing: border-box;font-size: inherit;display: grid;gap: clamp(15px, 2.5vw, 25px);}
		#wrap .bbs_view .view_tit:after{display: none;}
	#wrap .bbs_view .view_tit .icon{display: flex;align-items: center;justify-content: center;width: fit-content;font-size: var(--text-16);font-weight: 400;color: var(--point-white);background: var(--point-color01);padding: clamp(4px, 0.7vw, 5px) clamp(12px, 1.4vw, 14px) clamp(3px, 0.6vw, 4px);line-height: 1.45;border-radius: 50px;}
	#wrap .bbs_view .view_tit h3{font-size: var(--text-32);font-weight: 500;color: var(--black-color01);line-height: 1.45;width: 100%;text-align: inherit;margin: 0;padding: 0;letter-spacing: -0.03em;}
	#wrap .bbs_view .view_tit h3 em{display: block; color: var(--point-color01); font-weight: inherit;}
	#wrap .bbs_view .view_tit h6{font-size: inherit; font-weight: 400; color: var(--black-color05); line-height: 1.6;}
	#wrap .bbs_view .view_tit p{font-size: var(--text-18);font-weight: 400;color: var(--black-color08);text-align: inherit;line-height: 1.5;margin: 0;padding: 0;width: 100%;}
	#wrap .bbs_view .view_tit p span{display: flex; align-items: baseline; gap:8px 16px;}
	#wrap .bbs_view .view_tit p span em{font-weight: 500; color: var(--black-color06); flex-shrink: 0; max-width: 100px;}
	#wrap .bbs_view .view_cont{padding: clamp(30px, 6vw, 60px) 0;font-size: var(--text-19);font-weight: 400;color: var(--black-color03);line-height: 1.74;width: 100%;margin: 0;text-align: inherit;word-break: keep-all;border: 0;box-sizing: border-box;letter-spacing: -0.03em;}
	#wrap .bbs_view .view_cont img{margin:0;}

	#wrap .extra_editor_wrap{display: flex;align-items: center;gap: clamp(20px, 3vw, 30px);width: 100%;margin: 0;padding: clamp(15px, 3vw, 30px) 0;border: 0;background: var(--gray-bg02);border-radius: var(--radius-10);box-sizing: border-box;}
	#wrap .extra_editor_wrap h4{position: relative;display: flex;align-items: center;justify-content: center;text-align: center;width: clamp(100px, 16vw, 160px);flex-shrink: 0;background: none;padding: 0 10px;font-size: var(--text-18);font-weight: 500;color: var(--black-color05);}
	#wrap .extra_editor_wrap h4:before{position: absolute;content:'';width: 1px;height: clamp(10px, 1.4vw, 12px);background: var(--border-color01);top:50%;right:0;translate: 0 -50%;}
	#wrap .extra_cont{padding: 0;font-size: var(--text-18);color: var(--black-color08);display: grid;gap: 8px;width: 100%;}
	#wrap .extra_cont span{font-size: inherit;font-weight: inherit;color: inherit;margin: 0;}
	#wrap .extra_cont a{color: inherit !important;}

/* 작성하기 */
	#wrap .bbs_write{position: relative; border-top: 1px solid var(--black-color01); border-bottom: 1px solid var(--border-color01); display: block; width: 100%; padding-block: var(--row-gap40);}
	#wrap:has(.write_prd_box) .bbs_write{border-top:none;padding-top:0;}
	.write_prd_box form{position: relative;}
	.write_prd_box .page_title{margin:0;position: absolute;right:0;top:0;}
	#wrap .bbs_write :where(tbody, tr, th, td){display: block; width: 100%; padding:0; margin:0; border:0; background: none;}
	#wrap .bbs_write tbody{display: flex;flex-wrap: wrap;gap: clamp(15px, 2vw, 20px) clamp(30px, 5vw, 60px);}
	#wrap .bbs_write tr{display: flex;align-items: baseline;width: calc(100% / 2 - clamp(30px, 5vw, 60px) / 2); gap: var(--row-gap10) 0;}
	#wrap .bbs_write tr:has(#captcha_box) {align-items: center;}
	#wrap .bbs_write th{width: clamp(100px, 20vw, 200px);flex-shrink: 0;font-size: var(--text-21);font-weight:500;color:var(--black-color03);padding-right: 15px;letter-spacing: -0.03em;}
	#wrap .bbs_write th label{font-size: inherit; font-weight: inherit; color: inherit;}
	#wrap .bbs_write th em{font-weight: inherit; color: var(--point-red02);}
	#wrap .bbs_write td{width: 100%;}
	#wrap .bbs_write select{width: 100%;}
	#wrap .bbs_write label:has([type="checkbox"]){font-size: var(--text-16);}
	#wrap .bbs_write input:where([type="text"], [type="password"], [type="number"]){width: 100%;font-size: var(--text-19);margin: 0;}
	#wrap .bbs_write input:where([type="text"], [type="password"], [type="number"])::placeholder{color: var(--border-color02);}
	#wrap .bbs_write .datepicker{background:var(--point-white) url('../images/skin/icon_calendar.svg')no-repeat right var(--row-gap20) center;background-size:auto clamp(20px, 2vw, 24px);}
	#wrap .bbs_write textarea{height: clamp(150px, 20vw, 200px);padding:var(--row-gap20);font-size: var(--text-19);}
	#wrap .bbs_write tr:has(textarea){width: 100%;}
	#wrap .bbs_write tr:has(textarea) td{display: flex;flex-direction: column;gap: var(--row-gap15);align-items: flex-start;}
	#wrap .bbs_write td:has(.controller){display: flex;gap: var(--row-gap10);}
	#wrap .bbs_write .controller{position: relative;display: flex;padding: var(--row-gap10);box-shadow: inset 0 0 0 1px var(--border-color01);width:225px;gap: var(--row-gap10);flex-shrink: 0;}
	#wrap .bbs_write #captcha_box{width: 100%;height: clamp(34px, 4.5vw, 40px);margin: 0;overflow: hidden;border: 1px solid var(--border-color01);border-radius: inherit;}
	#wrap .bbs_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;object-fit: cover;}
	#wrap .bbs_write #refreshCode{position: relative;width: clamp(36px, 4.7vw, 40px);box-shadow: inset 0 0 0 1px var(--border-color01);border-radius: inherit;background: url('../images/skin/refreshCode.svg') no-repeat center / clamp(15px, 2.3vw, 18px);font-size: 0;flex-shrink: 0;cursor: pointer;}
	#wrap .bbs_write #cap{position: relative;}
	#wrap .bbs_write tr:has([type="file"]){margin-right: 1px;align-items: center;}
	#wrap .bbs_write tr:has([type="file"]) th{translate: 0;}
	#wrap .bbs_write tr:has([type="file"]) td{display: flex;}
	#wrap .bbs_write input[type="file"]{display: none;}
	#wrap .bbs_write span[id*="file"]{display: flex;align-items: center;height: clamp(44px, 8vw, 60px);background: var(--point-white);border: 1px solid var(--border-color01);padding: 0 var(--row-gap20);font-size: var(--text-19);font-weight: 400;color: var(--black-color03);line-height: normal;min-width: auto;letter-spacing: -0.03em;vertical-align: middle;width: 100%;}
	#wrap .bbs_write span[id*="file"] a{color: var(--black-color03) !important;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	#wrap .bbs_write span[id*="file"] .file_no{flex-shrink:0;}
	#wrap .bbs_write td [for="file"]{display: flex;align-items: center;justify-content: center;height: clamp(44px, 8vw, 60px);background:var(--point-white);border: 1px solid var(--black-color03);padding: 0 clamp(15px, 4vw, 60px);font-size: var(--text-19);font-weight:600;color: var(--black-color03);line-height: normal;letter-spacing: -0.03em;vertical-align: middle;flex-shrink: 0;cursor: pointer;}
	#wrap .policy_box{margin-top: var(--row-gap40);display: grid;gap: var(--row-gap20);}
	#wrap .policy_box label:has([type="checkbox"]){font-size: var(--text-20);}

		@media (min-width:480px) {
			#wrap .bbs_write th{translate: 0 4px;}
			#wrap .bbs_write tr:has(textarea) th{align-self: flex-start;translate: 0 15px;}
		}

	@media (max-width:1300px) {
		#wrap .bbs_write td:has(.controller){display: flex; flex-wrap: wrap;}
		#wrap .bbs_write tr:has(#file){width:100%;}
	}
	@media (max-width:1023px) {
		#wrap .bbs_write tr{width: 100%;}
	}
	@media (max-width:640px) {
		.write_prd_box .page_title{position: relative;margin-bottom:var(--row-gap20);}
	}
	@media (max-width:479px) {
		#wrap .bbs_write tr{flex-wrap: wrap;}
		#wrap .bbs_write th{width: 100%; flex-shrink: unset;}
	}

	/*emc*/
		.write_top{padding:var(--row-gap40);border:1px solid var(--black-color00);display: flex;flex-direction: column;gap:var(--row-gap20);}
		.write_top .emc_list{display: flex;flex-direction: column;gap:var(--row-gap10);}
		.write_top .emc_list li{font-size:var(--text-20);color:var(--black-color05);font-weight:400;line-height:1.76;font-family:var(--font-type02);}
		.write_top p{font-size:var(--text-20);color:var(--black-color05);font-weight:400;line-height:1.76;font-family:var(--font-type02);}
		.write_top p strong{color:var(--point-red02);font-weight:600;}
		.write_top.write_prd{border:none;padding:0;}
		.write_top.write_prd p{font-size:var(--text-24);}

	/*online*/
		.online_overview .overview_box{display: flex;align-items: center;gap:var(--row-gap80);}
		.overview_box .img{width:50%;aspect-ratio:auto 1.78;flex-shrink:0;}
		.overview_box .img img{width:100%;height:100%;object-fit:cover;}
		.overview_box .txt_box{display: flex;flex-direction: column;align-items: flex-start;gap:var(--row-gap30);}
			.overview_box .txt_box h3{font-size:var(--text-50);color:var(--black-color01);font-weight:600;line-height:1.4;}
			.overview_box .txt_box > p{font-size:var(--text-20);color:var(--black-color03);font-weight:400;line-height:1.6;margin-top:var(--row-gap10);}
		.overview_box .txt_box .bullet-list{gap:var(--row-gap10);}
		.overview_box .txt_box .bullet-list li{font-size:var(--text-17);}

		.unfair_list{display: flex;flex-direction: column;gap:var(--row-gap20);padding:var(--row-gap40);border:1px solid var(--black-color00);}
		.unfair_list h4{font-size:var(--text-20);color:var(--black-color03);font-weight:600;line-height:1.6;}
		.unfair_list ul{display: flex;flex-wrap:wrap;gap:var(--row-gap15) var(--row-gap40);}
		.unfair_list ul li{display: inline-flex;align-items:flex-start;gap:var(--row-gap10);font-size:var(--text-17);color:var(--black-color03);font-weight:400;line-height:1.6;}
		.unfair_list ul li:before{width:clamp(11px, 1.3vw, 15px);height:clamp(9px, 1vw, 12px);content:"";background:url('../images/skin/chk_point.svg')no-repeat center / auto 100%;display: inline-block;flex-shrink:0;translate:0 8px;}


		@media (max-width:1023px) {
			.online_overview .overview_box{align-items: flex-start;}

		}
		@media (max-width:767px) {
			.online_overview .overview_box{flex-direction: column;}
			.overview_box .img{width:100%;}
		}

		#wrap .bbs_write tr:has(.radio-list, [name="title"]){width: 100%;}
		.real_name_box{display: none;gap:var(--row-gap10);margin-top:clamp(15px, 2vw, 20px);width:calc(50% - clamp(30px, 5vw, 60px) / 2 - 100px);}
		.real_name_box.on{display: flex;}
		
		@media (max-width:1300px) {
			.real_name_box{width: 100%;}
		}
		@media (max-width:479px) {
			.real_name_box{flex-direction: column;}
		}
		
	/*solution*/
	.sub_solution section{position: relative;}
	.sub_solution section > a{position: absolute;top:-80px;}
	.sub_solution .solution_box {display: flex;gap:var(--row-gap80);}
	.sub_solution .solution_box .img{width:41%;flex-shrink:0;}
	.sub_solution .solution_box .img img{width:100%;height:100%;object-fit:cover;}
	.sub_solution .solution_box .txt{display: flex;flex-direction: column;gap:var(--row-gap20);justify-content: space-between;}
	.sub_solution .solution_box p{font-size:var(--text-28);color:var(--black-color03);font-weight:400;}
	
	@media (max-width:1023px) {
		.sub_solution .solution_box{flex-direction: column;gap:var(--row-gap40);}
		.sub_solution .solution_box .img{width:100%;max-width:650px;}
	}