@charset "utf-8";
.sub_content{font-family: var(--font-type02);}
/* 서브 비주얼 */
	.sub-visual{position: relative;min-height: clamp(450px, 70vw, 700px);background: url('../images/skin/sv_thumb.jpg') no-repeat center / cover;display: flex;align-items: center;text-align: center;font-family: var(--font-type02);padding-block: 70px clamp(110px, 14.8vw, 148px);}
	.sub-visual .title{display:grid;gap: clamp(15px, 3.2vw, 32px);color: var(--point-white);}
	.sub-visual .title :where(h2, h3){filter: var(--filter-white);}
	.sub-visual .title h2{font-size: var(--text-24);font-weight: 200;letter-spacing: -0.03em;}
	.sub-visual .title h3{font-size: var(--text-60);font-weight: 700;line-height: 1.2;letter-spacing: -0.03em;}
	.sub-visual .sec-category{position: absolute;left:0;bottom:0;width: 100%;background: var(--point-white);box-shadow: inset 0 -1px 0 var(--border-color01);z-index: 1;}
	.sub-visual .sec-category .w_custom{display: flex;width: 100%;}
	.sub-visual .sec-category a{display: flex;align-items: center;justify-content: center;width: 100%;height: clamp(55px, 9vw, 70px);font-size: var(--text-20);font-weight: 400;color: var(--black-color05);letter-spacing: -0.03em;transition: all 0.4s;padding-inline: 5px;}
	.sub-visual .sec-category a.on{box-shadow: inset 0 -2px 0 var(--point-color01);color: var(--point-color01);-webkit-text-stroke: var(--point-color01);-webkit-text-stroke-width: 0.5px;}

		body:has(.sv_solutions, .sub_supply) .sub-visual{background-image: url('../images/skin/sv_solutions.jpg');}
		body:has(.sv_about, .sub_ir) .sub-visual{background-image: url('../images/skin/sv_about.jpg');}
		body:has(.sub_career) .sub-visual{background-image: url('../images/skin/sv_career.jpg');}
		body:has(.sub_b2b, .sub_inquiry, .sub_resource, .sub_faq) .sub-visual{background-image: url('../images/skin/sv_contact.jpg');}

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

/* 상단 타이틀 */
	.page-title{position: relative; text-align: center; display: flex; flex-direction: column; gap: var(--row-gap20); text-wrap: balance;}
		.page-title::after{display: block; content:''; width: clamp(40px, 6vw, 60px); height: clamp(2px, 0.5vw, 3px); background: var(--point-color01); margin:var(--row-gap20) auto var(--row-gap80);}
	.page-title h3{font-size: var(--text-50); font-weight: 600; color: var(--black-color01); line-height: 1.4; letter-spacing: -0.03em;}
	.page-title h4{font-size: var(--text-24); font-weight: 500; color: var(--black-color00); line-height: 1.67; letter-spacing: -0.03em;}

/* 설명 타이틀 */
	.info-title{position: relative; margin-bottom: var(--row-gap40);}
	.info-title h4{font-size: var(--text-40); font-weight: 600; color: var(--black-color01); line-height: 1.4; letter-spacing: -0.03em; }
	.info-title h4.bullet{display: flex;align-items: baseline;gap: clamp(12px, 2vw, 20px);}
	.info-title h4.bullet::before{display: inline-flex;content:'';width: clamp(12px, 1.8vw, 16px);aspect-ratio: auto 1;background: var(--point-white);box-shadow: inset 0 0 0 clamp(3px, 0.6vw, 4px) var(--point-color01);border-radius: 100%;translate: 0 clamp(-6px, -0.8vw, -4px);flex-shrink: 0;}
	.info-title h5{font-size: var(--text-30); font-weight: 600; color: var(--black-color03);}
	.info-title h5.bullet{display: flex;align-items: baseline;gap: clamp(10px, 1.6vw, 16px);}
	.info-title h5.bullet::before{display: inline-flex;content:'';width: clamp(4px, 0.8vw, 6px);aspect-ratio: auto 1;background: var(--point-color02);border-radius: 100%;flex-shrink: 0;translate: 0 clamp(-7px, -0.9vw, -5px);}

/* 배경 타이틀 */
	.bg-title{position: relative;margin-bottom: var(--row-gap40);color: var(--point-white);background: var(--point-color01);border-radius: var(--radius-20);text-align: center;padding: var(--col-gap20) 20px;}
	.bg-title h5{font-size: var(--text-34);font-weight: 500;line-height: 1.4;letter-spacing: -0.03em;}

/* 고정 리스트 */
	.bullet-list{position: relative;display: flex;flex-direction: column;gap: var(--row-gap10);}
	.bullet-list > li{display: flex;align-items: baseline;gap: clamp(8px, 1.2vw, 12px);font-size: var(--text-20);color: var(--black-color00);line-height: 1.6;letter-spacing: -0.03em;}
	.bullet-list > li::before{display: inline-flex;content:'';width: clamp(3px, 0.6vw, 4px);aspect-ratio: auto 1;border-radius: 100%;background: var(--black-color10);flex-shrink: 0;translate: 0 clamp(-7px, -0.9vw, -4px);}
	.bullet-list > li > strong{font-weight:600;}
		.bullet-list.pt01 > li{color:var(--point-color01);}
		.bullet-list.pt01 > li::before{background:var(--point-color01);}

		.bullet-list.type02{gap: clamp(8px, 1.2vw, 12px);}
		.bullet-list.type02 > li{font-size: var(--text-18); color: var(--black-color03); gap: clamp(8px, 1vw, 10px);}

		.bullet-list.type03{gap: 0;}
		.bullet-list.type03 > li{font-size: var(--text-17);color: var(--black-color04);gap: 4px;letter-spacing: 0;}
		.bullet-list.type03 > li::before{content:'· ';width: auto;aspect-ratio: unset;background: none;border-radius: 0;translate: 0;}

	.em-list{position: relative;display: flex;flex-direction: column;gap: var(--row-gap20);}
	.em-list > li{display: flex;align-items: baseline;gap: clamp(12px, 2vw, 20px);font-size: var(--text-18);color: var(--black-color04);line-height: 1.5;letter-spacing: -0.03em;}
	.em-list > li > em{display: inline-flex;align-items: center;justify-content: center;font-weight: 600;text-align: center;color: var(--point-color02);border: 1px solid var(--point-color02);border-radius: 50px;padding: 3px 10px clamp(3px, 0.6vw, 4px);min-width: clamp(62px, 8.5vw, 74px);max-width: 100px;flex-shrink: 0;}

	.chk-list{position: relative;display: flex;flex-direction: column;gap: var(--row-gap10);}
	.chk-list > li{display: flex;align-items: center;gap: clamp(12px, 2vw, 20px);font-size: var(--text-22);color: var(--black-color03);line-height: 1.6;letter-spacing: -0.03em;background: var(--point-color05);border-radius: var(--radius-10);padding: clamp(18px, 2.4vw, 24px) var(--row-gap30);}
	.chk-list > li::before{display: inline-flex;content:'';width: clamp(12px, 2vw, 18px);aspect-ratio: auto 1.38;background:url('../images/skin/chk_icon.svg') no-repeat center / 100% auto;flex-shrink: 0;}

/* compare-meta */
	.compare-meta{display: grid; grid:auto / repeat(2, 1fr); gap: var(--col-gap40);}
	.compare-meta article{box-shadow:inset 0 0 0 1px var(--border-color01); background: var(--point-white); border-radius: var(--radius-20); overflow: hidden;}
	.compare-meta .title{position: relative;background: var(--black-color05);color: var(--point-white);text-align: center;padding: clamp(12px, 1.6vw, 14px) 15px;}
	.compare-meta .title h5{font-size: var(--text-34);font-weight: 500;line-height: 1.4;letter-spacing: -0.03em;}
	.compare-meta .cont{padding:var(--row-gap30);display: flex;flex-direction: column;gap: var(--col-gap30); align-items: center;}
	.compare-meta .exp{padding: var(--row-gap30);border-radius: var(--radius-10);background: var(--gray-bg01);}

		.compare-meta article:nth-child(2n){box-shadow: inset 0 0 0 2px var(--point-color01);}
		.compare-meta article:nth-child(2n) .title{background: var(--point-color01);}
		.compare-meta article:nth-child(2n) .exp{background: var(--point-color03);}

	.tag-list{display: flex;flex-wrap: wrap;gap: clamp(6px, 1.2vw, 10px);}
	.tag-list > li{position: relative;font-size: var(--text-20);font-weight: 500;color: var(--point-color01);line-height: 1.2;letter-spacing: -0.03em;display: flex;align-items: center;justify-content: center;text-align: center;padding: clamp(4px, 0.7vw, 5px) clamp(10px, 1.6vw, 16px);border: 1px solid var(--point-color01);border-radius: 50px;}
	.partner-logo{height: 50px !important; width: auto !important; max-width: 150px !important; object-fit: contain !important; margin: 0 auto; display: block;}
	
	@media (max-width:640px) {
		.compare-meta{display: grid; grid:auto / repeat(1, 1fr);}
	}

/* compare-table */
	.compare-table{position: relative; width: 100%;}
	.compare-table table{position: relative;background: var(--point-white);border-radius: var(--radius-20);overflow: hidden;border: 1px solid var(--border-color01); text-align: center;}
	.compare-table :where(th, td){padding: clamp(13px, 2vw, 20px) clamp(15px, 2vw, 20px);box-shadow: -1px 0 0 var(--border-color01), 0 -1px 0 var(--border-color01);}
	.compare-table thead th{font-size: var(--text-22);font-weight: 600;color: var(--black-color00);line-height: 1.3;}
		.compare-table thead th.pt01{background: var(--point-color04); color: var(--point-white); font-weight: 500;}
		.compare-table thead th.pt02{background: var(--point-color02); color: var(--point-white); font-weight: 500;}
		.compare-table thead th.pt03{background: var(--point-color01); color: var(--point-white); font-weight: 500;}
	.compare-table tbody :where(th ,td){letter-spacing: -0.03em;}
	.compare-table tbody th{font-size: var(--text-20); font-weight: 500; color: var(--black-color00); line-height: 1.3; text-align: left;}
	.compare-table tbody td{font-size: var(--text-18);color: var(--black-color05);line-height: 1.6;}

		.dragscroll {-ms-overflow-style: none;scrollbar-width: none;}
		.dragscroll::-webkit-scrollbar {display: none;}
		.compare-table.dragscroll{overflow: hidden;overflow-x: auto;width: calc(100% + 60px);margin-left: -30px;padding-left: 30px;display: flex;}
		.compare-table.dragscroll::after{display: inline-flex;content:'';width: 30px;flex-shrink: 0;}
		.compare-table.dragscroll table{min-width:640px;}

/* compare-step */
	.compare-step{counter-reset: compare-step;}
	.compare-step > li{display: flex;align-items: flex-start;gap: var(--row-gap40) clamp(40px, 3.2vw, 60px); padding-block: var(--row-gap100); border-bottom: 1px solid var(--border-color01);}
		.compare-step > li:first-child{padding-top: 0;}
		.compare-step > li:last-child{border-bottom: 0; padding-bottom: 0;}
	.compare-step .title{width: min(500px, 35%);flex-shrink: 0;display: flex;flex-direction: column;gap: var(--row-gap20);color: var(--point-color02);}
	.compare-step .title::before{content: counter(compare-step, decimal-leading-zero);counter-increment: compare-step;font-size: var(--text-24);font-weight: 600;letter-spacing: -0.03em;line-height: 1.4;}
	.compare-step .title h5{font-size: var(--text-40); font-weight: 600; line-height: 1.4; color: var(--black-color03); letter-spacing: -0.03em;}
	.compare-step .title h5 + h6{margin-top: var(--row-gap20);}
	.compare-step .title h6{font-size: var(--text-18);line-height: 1.62;color: var(--black-color03);letter-spacing: -0.03em;}
	.compare-step .cont{width: 100%;}
	.compare-step .exp-list{display: grid; grid-template-columns: var(--grid-array02); gap: var(--col-gap40); text-align: center;}
	.compare-step .exp-list > li{box-shadow: inset 0 0 0 1px var(--border-color01); border-radius: var(--radius-20); overflow: hidden;}
	.compare-step .exp-list .desc dt{padding: var(--row-gap20);display: flex;align-items: center;justify-content: center;}
	.compare-step .exp-list .desc dd{font-size: var(--text-20);font-weight: 500;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;padding: clamp(15px, 2.1vw, 21px) 15px;box-shadow: inset 0 1px 0 var(--border-color01);}

	@media (max-width:1023px) {
		.compare-step > li{flex-wrap: wrap;}
		.compare-step .title{width: 100%; flex-shrink: unset;}
	}
	@media (max-width:479px) {
		.compare-step .exp-list{grid: auto / repeat(1, 1fr);}
	}

/* advan-meta */
	.advan-meta{display: grid;gap: var(--row-gap140);}
	.advan-meta section{display: flex;align-items: center;gap: var(--row-gap40) clamp(40px, 4.2vw, 80px);}
		.advan-meta section:nth-child(2n){flex-direction: row-reverse;}
	.advan-meta .thumb{position: relative;width: min(740px, 50%);aspect-ratio: 1.6;flex-shrink: 0;border-radius: var(--radius-20);overflow: hidden;display: flex;align-items: center;justify-content: center;}
		.advan-meta .thumb::before{position: absolute; content:''; inset: 0; border: 1px solid var(--border-color01); border-radius: inherit;}
	.advan-meta .thumb img{width:100%; height:100%; object-fit:cover;}
	.advan-meta .title{width: 100%;display: flex;flex-direction: column;gap: clamp(20px, 4vw, 40px);}
	.advan-meta .title h4{font-size: var(--text-40);font-weight: 600;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;}
	.advan-meta .title h4 em{font-weight: inherit;color: var(--point-color01);}

	@media (max-width:1023px) {
		.advan-meta section{flex-wrap: wrap;}
		.advan-meta section:nth-child(2n){flex-direction: row;}
		.advan-meta .thumb{width: min(740px, 100%);margin-inline: auto;flex-shrink: unset;}
	}

/* market-meta */
	.market-meta{display: flex;gap: var(--col-gap20);}
	.market-meta .item-list{position: relative; display: grid;gap: 10px; width: 100%;}
		.market-meta .item-list.pt{padding-inline: var(--row-gap20);}
		.market-meta .item-list.pt::before{position: absolute;content:'';width: 100%;height: calc(100% + var(--row-gap20) * 2);border: 2px solid var(--point-color02);border-radius: var(--radius-10);bottom: 0;left: 0;translate: 0 var(--row-gap20); pointer-events: none;}
	.market-meta .item-list > li{font-size: var(--text-18);color: var(--black-color00);line-height: 1.3;padding-inline: 15px;height: 63px;box-shadow: inset 0 0 0 1px var(--border-color01);border-radius: var(--radius-10);text-align: center;display: flex;align-items: center;justify-content: center;overflow: hidden;}
	.market-meta .item-list > li.tit{height: 50px;background: var(--black-color08);box-shadow: none;color: var(--point-white);margin-bottom: var(--row-gap10);}
	.market-meta .item-list > li.grad{background: var(--gradient01);}
		
	.market-meta .item-list > li.thumb{height: clamp(200px, 32vw, 300px);box-shadow: none;padding:0;margin-bottom: var(--row-gap10);}
	.market-meta .item-list > li.thumb img{width: 100%; height: 100%; object-fit: cover;}
	.market-meta .item-list > li:empty{box-shadow: none;background: none;}
	.market-meta .item-list > li.bg{font-weight: 500;background: var(--gray-bg01);box-shadow: none;}

	@media (max-width:860px) {
		.market-meta{flex-wrap: wrap;}
		.market-meta .item-list.pt{padding-block: var(--row-gap20);}
		.market-meta .item-list.pt::before{height: 100%; translate: 0;}
		.market-meta .item-list > li{height: auto; padding-block: clamp(15px, 2vw, 20px);}
		.market-meta .item-list > li.tit{height: auto;padding-block: clamp(11px, 1.3vw, 13px);}
		.market-meta .item-list > li.thumb{height: auto; aspect-ratio: auto 1.93;}
		.market-meta .item-list > li:empty{display: none;}
	}

/* team-list */
	.team-list{display: grid;grid: auto / repeat(2, 1fr);gap: var(--col-gap60);}
	.team-list > li{position: relative;box-shadow: inset 0 0 0 1px var(--border-color01);border-radius: var(--radius-20);overflow: hidden;display: flex;}
	.team-list .thumb{width: min(340px, 48%);aspect-ratio: auto 0.85;overflow: hidden;flex-shrink: 0;}
	.team-list .thumb img{width: 100%; height: 100%; object-fit: cover;}
	.team-list .info{display: flex;flex-direction: column;justify-content: center;gap: var(--row-gap30);padding: 50px clamp(30px, 2.7vw, 50px);width: 100%;}
	.team-list .desc{display: grid;gap: clamp(12px, 1.8vw, 18px);}
	.team-list .desc dt{font-size: var(--text-17);color: var(--point-color02);}
	.team-list .desc dd{font-size: var(--text-30);font-weight: 600;color: var(--black-color00);line-height: 1.6;}

	@media (max-width:1023px) {
		.team-list{grid: auto / repeat(1, 1fr);}
	}
	@media (max-width:479px) {
		.team-list > li{flex-wrap: wrap;}
		.team-list .thumb{width: 100%; flex-shrink: unset;}
		.team-list .info{padding-block: 30px;}
	}

/* 인풋 */
	#wrap input:where([type="text"], [type="password"], [type="number"]){height: clamp(44px, 8vw, 60px);border-radius: var(--radius-06);background: var(--point-white);border: 1px solid var(--border-color01);padding: 0 clamp(15px, 2.4vw, 24px);font-size: var(--text-18);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-color06); font-weight:300;}
	#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-15);font-weight: 400;color: var(--black-color08);line-height: 1.73;border: 1px solid var(--border-color01);background: var(--point-white);resize: none;padding: clamp(15px, 3vw, 30px);border-radius: var(--radius-10);height: clamp(120px, 18vw, 160px);scrollbar-gutter: stable;}
	#wrap textarea::placeholder{color:var(--black-color09);}
	#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(23px, 3.1vw, 26px);height: clamp(23px, 3.1vw, 26px);border: 1px solid var(--border-color01);flex-shrink: 0;cursor: pointer;border-radius: 2px;}
	#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-color06);background: var(--point-color06);}
	#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-14);font-weight: 500;color: var(--black-color03);line-height: clamp(23px, 3.1vw, 26px);cursor: pointer;}
	#wrap label:has([type="checkbox"]) em{font-weight: 600; color: var(--point-color01); display: contents;}


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

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

/* 말머리 */
	.search-preface{position: relative;display: flex;gap: 20px clamp(25px, 5vw, 50px);margin-block: -86px clamp(20px, 4vw, 40px);box-shadow: inset 0 -1px 0 var(--border-color01);padding-right: 60%;pointer-events: none;flex-wrap: wrap;}
	.search-preface a{display: block;font-size: var(--text-20);color: var(--black-color06);padding-bottom: clamp(12px, 1.8vw, 18px);pointer-events: auto;box-shadow: inset 0 -1px 0 var(--border-color01);}
	.search-preface a.on{color: var(--black-color00);-webkit-text-stroke: var(--black-color00);-webkit-text-stroke-width: 0.3px;box-shadow: inset 0 -2px 0 var(--black-color00);}

	@media (max-width:1100px) {
		.search-preface{margin-top: 0;flex-wrap: nowrap;overflow: hidden;overflow-x: auto;width: calc(100% + 60px);margin-left: -30px;padding-inline: 30px;pointer-events: auto;}
		.search-preface a{flex-shrink:0;}
	}

/* 갤러리 */
	.link{position: absolute; inset: 0; z-index: 3;}
	.nodata{font-size: var(--text-15); color: var(--black-color06); text-align: center; padding-block: var(--row-gap30);}
	.gallery-list{display: grid; grid: auto / repeat(3, 1fr); gap:var(--row-gap50) var(--col-gap45);}
	.gallery-list > li{position: relative;}
	.gallery-list .desc{display: grid; gap: clamp(15px, 2.6vw, 26px);}
	.gallery-list .desc dt{position: relative; width: 100%; aspect-ratio: auto 1.678; overflow: hidden; border-radius: var(--radius-10); overflow: hidden;}
		.gallery-list .desc dt::before{position: absolute; content:''; inset: 0; border: 2px solid var(--point-color06); border-radius: inherit; opacity: 0; transition: all 0.4s; z-index: 2; }
	.gallery-list .desc dt img{width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;}
	.gallery-list .desc dd{font-size: var(--text-22);font-weight: 500;color: var(--black-color00);line-height: 1.36;letter-spacing: -0.03em;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-break: break-all;}

		/* over */
		@media (hover:hover) and (pointer:fine) {
			.gallery-list > li:hover .desc dt::before{opacity: 1;}
			.gallery-list > li:hover .desc dt img{scale: 1.1;}
		}

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

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


/* 자료실 */
	.data-list{display: grid;gap: var(--row-gap20);}
	.data-list > li{position: relative;border: 1px solid var(--border-color01);border-radius: var(--radius-10);background: var(--point-white);padding: clamp(25px, 4.2vw, 42px) clamp(300px, 24vw, 450px) clamp(25px, 4.4vw, 44px) clamp(40px, 2.9vw, 54px);display: grid;gap: clamp(20px, 4.5vw, 45px); transition: all 0.4s;}
	.data-list .desc{display: grid;gap: var(--row-gap15);}
	.data-list .desc dt{font-size: var(--text-30);color: var(--black-color02);letter-spacing: -0.04em;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
	.data-list .desc dd{font-size: var(--text-20);font-weight: 300;color: var(--black-color07);line-height: 1.5;letter-spacing: -0.035em;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
	.data-list .regdate{font-size: var(--text-18);color: var(--black-color08);font-family: var(--font-type03);letter-spacing: -0.04em;}
	.data-list .dwn-box{position: absolute;top: 48px;left: calc(100% - clamp(230px, 19vw, 352px));display: flex;flex-wrap: wrap;gap: clamp(8px, 1vw, 10px);max-width: 100px; z-index:4;}
	.data-list .dwn-box a{display: block;width: clamp(16px, 2.9vw, 24px);aspect-ratio: auto 0.857;background: url('../images/skin/download.svg') no-repeat center / 100% auto;}
	.data-list .arw{position: absolute;top: 50%;right: clamp(40px, 2.9vw, 55px);translate: 0 -50%;width: clamp(40px, 6vw, 60px);aspect-ratio: auto 1;}
		.data-list .arw::before{position: absolute;content:'';background: var(--point-color07);inset: 0;border-radius: 100%;scale: 0;opacity: 0;transition: all 0.4s;}
		.data-list .arw::after{position: absolute;content:'';width: clamp(11px, 1.5vw, 13px);aspect-ratio: auto 1;border: 2px solid var(--black-color06);clip-path: var(--clip-poly02);rotate: -45deg;border-radius: 2px;top: 50%;left: 43%;translate: -50% -50%;transition: all 0.4s;}

		/* over */
		@media (hover:hover) and (pointer:fine) {
			.data-list > li:hover{border-color: var(--point-color07);}
			.data-list > li:hover .arw::before{scale: 1; opacity:1;}
			.data-list > li:hover .arw::after{filter: var(--filter-white);}
		}

	@media (max-width:1023px) {
		.data-list > li{padding-inline: clamp(25px, 4vw, 40px) clamp(50px, 20vw, 200px);}
		.data-list .dwn-box{position: relative;inset: auto;translate: 0;max-width: none;}
		.data-list .arw{right: clamp(20px, 4vw, 40px);}
	}

/* 일반 게시판 */
	.bbs_table{position: relative;width: 100%;border-top: 1px solid var(--black-color03);table-layout: unset;}
	.bbs_table :where(th, td){border-bottom: 1px solid var(--border-color01);text-align: center;min-width: 80px;}
	.bbs_table tr{transition: all 0.4s;}
	.bbs_table th{font-size: var(--text-18);font-weight: 500;color: var(--black-color01);padding: clamp(17px, 2.4vw, 24px) 5px;}
	.bbs_table td{font-size: var(--text-18);color: var(--black-color05);padding: clamp(17px, 2.5vw, 25px) 5px;}
	.bbs_table td.left{text-align: left;padding-inline: 0;}
	.bbs_table td.no{color: var(--black-color08);}
	.bbs_table td a{color: var(--black-color03);white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;width: fit-content;}
	.bbs_table td.secret a{background: url('../images/skin/secret.svg') no-repeat right center / clamp(12px, 2.1vw, 16px) auto;padding-right: clamp(18px, 2.9vw, 24px);}
	.bbs_table td i{color: var(--point-color01);}
	.bbs_table tr:has(i){background: var(--point-color08);}

		/* over */
		@media (hover:hover) and (pointer:fine) {
			.bbs_table tbody tr:hover{background: var(--point-color08);}
		}

	@media (max-width:640px) {
		.bbs_table{display: block;}
		.bbs_table :where(tbody, tr, th, td){display: block; width: 100%;}
		.bbs_table thead{display: none;}
		.bbs_table tr{display: flex;gap: 10px;flex-wrap: wrap;padding: 18px 15px;border-bottom: 1px solid var(--border-color01);}
		.bbs_table td{border:0;text-align: left;padding: 0;}
		.bbs_table td.no:not(:has(i)){display: none;}
	}

/* 버튼 */
	#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: 500;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);border-radius: var(--radius-04);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 .bbs_write{position: relative; border-top: 1px solid var(--black-color00); border-bottom: 1px solid var(--border-color01); display: block; width: 100%; padding-block: var(--row-gap40);}
	#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(40px, 5vw, 96px);}
	#wrap .bbs_write tr{display: flex;align-items: baseline;width: calc(100% / 2 - clamp(40px, 5vw, 96px) / 2); gap: var(--row-gap10) 0;}
	#wrap .bbs_write th{width: clamp(100px, 16.2vw, 162px);flex-shrink: 0;font-size: var(--text-20);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-color01);}
	#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-16);margin: 0;}
	#wrap .bbs_write input:where([type="text"], [type="password"], [type="number"])::placeholder{color: var(--border-color02);}
	#wrap .bbs_write textarea{height: clamp(150px, 25vw, 250px);padding:clamp(15px, 2.4vw, 24px);font-size: var(--text-16);}
	#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);border-radius: var(--radius-06);width: clamp(200px, 24.6vw, 241px);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, 42px);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;gap: var(--row-gap10);}
	#wrap .bbs_write input[type="file"]{display: none;}
	#wrap .bbs_write span[id*="file"]{display: flex;align-items: center;gap: 10px;height: clamp(44px, 8vw, 60px);border-radius: var(--radius-06);background: var(--point-white);border: 1px solid var(--border-color01);padding: 0 clamp(15px, 2.4vw, 24px);font-size: var(--text-16);font-weight: 400;color: var(--black-color02);line-height: normal;min-width: auto;letter-spacing: -0.03em;vertical-align: middle;width: 100%;}
	#wrap .bbs_write span[id*="file"] a{color: var(--point-color06) !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;gap: 10px;height: clamp(44px, 8vw, 60px);border-radius: var(--radius-06);background: var(--border-color03);border: 1px solid var(--border-color03);padding: 0 clamp(15px, 2.4vw, 24px);font-size: var(--text-16);font-weight: 400;color: var(--black-color02);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-18);}

		@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;}
	}
	@media (max-width:1023px) {
		#wrap .bbs_write tr{width: 100%;}
	}
	@media (max-width:479px) {
		#wrap .bbs_write tr{flex-wrap: wrap;}
		#wrap .bbs_write th{width: 100%; flex-shrink: unset;}
	}

/* faq */
	.faq-list{display: grid;grid: auto / repeat(4, 1fr);gap: clamp(15px, 1.6vw, 24px);}
	.faq-list > li{position: relative;padding: clamp(20px, 3vw, 30px);padding-bottom: clamp(50px, 7vw, 70px);box-shadow: inset 0 0 0 1px var(--border-color01);border-radius: var(--radius-10);display: flex;flex-direction: column;gap: var(--row-gap20);min-height: clamp(200px, 32vw, 320px);transition: all 0.4s;}
		.faq-list > li::before{position: absolute;content:'';width: clamp(22px, 3.1vw, 26px);aspect-ratio: auto 1.85;background: url('../images/skin/more_arw.svg') no-repeat center / 100% auto;right: clamp(20px, 3vw, 30px);bottom: clamp(20px, 3vw, 30px);filter: var(--filter-black) opacity(0.4);transition: all 0.4s;}
	.faq-list .state{font-size: var(--text-17);font-weight: 500;color: var(--point-white);display: flex;align-items: center;justify-content: center;width: clamp(32px, 4.7vw, 42px);aspect-ratio: auto 1;background: var(--point-color01);border-radius: 100%;}
	.faq-list .desc{font-size: var(--text-20);font-weight: 500;color: var(--black-color00);line-height: 1.6;}
	.faq-list .desc dt{color: var(--point-color01);}
	.faq-list .desc dd{white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

		/* over */
		@media (hover:hover) and (pointer:fine) {
			.faq-list > li:hover{box-shadow: inset 0 0 0 2px var(--point-color06), var(--shadow-01);}
			.faq-list > li:hover::before{filter: none;}
		}

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

/* 상세 */
	#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 .sub_pw_input {max-width: none;margin: 0;border: 0;outline: 0;}
	#wrap .sub_pw_input input {width: min(400px, 100%);margin-inline: auto;display: block; text-align: center;}