@charset "utf-8";

/*───────────────────────────────────────────────────────────
	공통
───────────────────────────────────────────────────────────*/
	/*sub visual*/
	.sub-visual{position: relative;min-height: clamp(300px, 57vw, 570px);background: url('../images/skin/sv_company.jpg') no-repeat center / cover;display: flex;flex-direction: column;justify-content: center;text-align:left;color: var(--point-white);}
	.sub-visual .cont{display: flex;flex-direction: column;gap:clamp(10px, 1.5vw, 16px);}
	.sub-visual .title{text-wrap: balance;}
	.sub-visual .nav-desc{display: flex;align-items: center;}
	.sub-visual .nav-desc :where(dt, dd){display: flex;align-items: center;flex-wrap: wrap;gap: 10px 0;}
	.sub-visual .nav-desc :where(dt, dd)::after{display:inline-block;content:'';width:3px;aspect-ratio: auto 1;background:var(--point-white);border-radius: 100%;margin-inline: clamp(10px, 1vw, 16px);}
	.sub-visual .nav-desc :where(dt, dd):last-child::after{display:none;}
	.sub-visual .nav-desc dd{font-size: var(--text-18);font-weight: 300;color:var(--point-white);line-height:1.4;letter-spacing: -0.03em;}
	.sub-visual .title h2{font-size: var(--text-70);font-weight:500;line-height: 1.2;}

		
		#wrap:has(.sub_business) .sub-visual{background-image: url('../images/skin/sv_business.jpg');}
		#wrap:has(.sub_product) .sub-visual{background-image: url('../images/skin/sv_product.jpg');}
		#wrap:has(.sub_board) .sub-visual{background-image: url('../images/skin/sv_board.jpg');}
		#wrap:has(.sub_inquiry) .sub-visual{background-image: url('../images/skin/sv_inquiry.jpg');}
		

	.loca_box{width:100%;border-bottom:1px solid var(--border-color01);}
	.loca-list{display: flex;}
	.loca-list a{display: flex;align-items: center;justify-content: center;flex-grow: 1;padding:clamp(16px, 2vw, 21px) clamp(10px, 1.5vw, 15px) clamp(12px, 1vw, 17px);font-size: var(--text-19);font-weight:400;color:var(--black-color01);transition: all 0.4s;width:100%;text-align: center;}
		.loca-list a.on{color: var(--point-color01);box-shadow:inset 0 -2px 0 var(--point-color01);font-weight:500;}

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

		@media (max-width:1023px) {
			.loca-list{padding-inline: 30px;gap:var(--row-gap50);overflow: hidden;overflow-x: auto;width: calc(100% + 60px);margin-left: -30px;}
			.loca-list a{width:auto;flex-shrink:0;padding-inline:0;}
		}

	/*title*/
	.page_title{text-align: center;display: flex;flex-direction: column;gap:var(--row-gap40);margin-bottom:var(--row-gap60);}
	#wrap:has(.sub_product) .page_title,
	#wrap:has(.sub_board) .page_title{margin-bottom:var(--row-gap40);}
	.page_title h3{font-size: var(--text-50);color:var(--black-color01);font-weight:700;line-height: 1.4;display: flex;align-items: flex-start;justify-content: center;gap:var(--row-gap10);letter-spacing:-0.03em;}
		.page_title h3:after{width:clamp(6px, 1vw, 10px);aspect-ratio:auto 1;content:"";border-radius:100%;background:var(--point-color01);display: inline-block;translate:0 6px;}
	.page_title p{font-size: var(--text-20);color:var(--black-color03);font-weight:400;line-height: 1.6;}

	.cont_title{text-align: center;display: flex;flex-direction: column;align-items: center;gap:var(--row-gap20);margin-bottom:var(--row-gap60);}
	.cont_title span{font-size: var(--text-18);color:var(--black-color03);font-weight:400;line-height: 1.2;font-family:var(--font-type02);letter-spacing:0.02em;}
	.cont_title h4{font-size: var(--text-40);color:var(--black-color01);font-weight:600;line-height: 1.3;}
	
	.cont_title.type02 h4{font-size: var(--text-50);}

	/* bullet-list*/
	.bullet_list{display: flex; flex-direction: column; gap: clamp(6px, 1vw, 10px);}
	.bullet_list > li{display: flex; align-items: baseline; gap: clamp(8px, 1.2vw, 16px); font-size: var(--text-18); line-height: 1.6; color: var(--black-color06); letter-spacing: -0.03em;}
	.bullet_list > li::before{display: inline-flex;content:'';width:3px;aspect-ratio: auto 1;background: var(--black-color06);border-radius: 100%;flex-shrink: 0;translate: 0 clamp(-5px, -0.5vw, -4px);}

	/*tab*/
	.sub_tab_box{margin-bottom:var(--row-gap60);}
	.sub_tab_box ul{display: flex;flex-wrap:wrap;justify-content: center;gap:var(--row-gap10) clamp(12px, 1.5vw, 16px);}
	.sub_tab_box ul li a{display: inline-flex;align-items: center;justify-content: center;border-radius:var(--radius-10);background:var(--gray-bg01);height:clamp(40px, 5vw, 54px);font-size:var(--text-20);color:var(--black-color01);font-weight:400;line-height:1.4;padding-inline:var(--row-gap30);}
	.sub_tab_box ul li.on a{background:var(--point-color01);color:var(--point-white);font-weight:500;}
	.sub_tab_box ul:not(:has(li.on)) li:first-child a {background: var(--point-color01);color: var(--point-white);font-weight: 500;}

	/* 페이징 */
    #wrap .paging {position: relative;padding:0;width: 100%;line-height:normal;margin:var(--row-gap60) 0 0;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;gap: clamp(6px, 1vw, 10px);min-height: auto;}
    #wrap .paging span {display: inline-block;}
    #wrap .paging a {display:inline-flex;align-items:center;justify-content:center;font-size: var(--text-16);font-weight: 400;color: var(--black-color06);width: auto;min-width: clamp(30px, 5vw, 40px);height: clamp(30px, 5vw, 40px);border-radius:var(--radius-10);line-height:1;text-align:center;margin: 0;padding:0;border: 0;font-family:var(--font-type02);}
    #wrap .paging :is(.on a, a.on){background:none;color: var(--point-color01);font-weight:600;border:1px solid var(--point-color01);}
    #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;}

	/*button*/
	#wrap .btn_center_box{margin-top:var(--row-gap60);display: flex;justify-content: center;}
	#wrap .btn{display: inline-flex;align-items: center;justify-content: center;width:clamp(150px, 18vw, 180px);height:clamp(50px, 6vw, 60px);border-radius:var(--radius-10);background:var(--point-grad02);font-size: var(--text-18);font-weight:500;color: var(--point-white);border:none;line-height:initial;}

/*───────────────────────────────────────────────────────────
	about
───────────────────────────────────────────────────────────*/
	.ceo_greeting{position: relative;padding-bottom:var(--row-gap140);}
	.ceo_greeting:before{width:100%;height:58.8%;content:"";background:var(--point-grad01);position: absolute;bottom:0;left:0;opacity:0.05;}
	.ceo_greeting .txt_box{position: relative;width:100%;}
		.ceo_greeting .txt_box:before{width:23.5vw;height:19.53vw;content:"";background:url('../images/skin/ceo_logo.svg')no-repeat center;position: absolute;top:-6.5%;left:-40.5%;background-size:auto 100%;}
	.ceo_greeting .title span{font-size:var(--text-20);color:var(--black-color03);font-weight:400;line-height:1.2;font-family:var(--font-type02);letter-spacing:0.01em;}
	.ceo_greeting .title h4{font-size:var(--text-60);color:var(--black-color01);font-weight:300;line-height:1.4;letter-spacing:-0.035em;}
		.ceo_greeting .title h4 strong{font-weight:700;}
		.ceo_greeting .title h4 em{color:var(--point-color01);}
	.ceo_greeting .txt{font-size:var(--text-18);color:var(--black-color06);font-weight:400;line-height:1.6;}
		.ceo_greeting .txt strong{font-size:var(--text-20);color:var(--black-color03);font-weight:500;}
	.ceo_greeting .img_box{width:42.9%;flex-shrink:0;position: relative;border-radius:var(--radius-20);overflow:hidden;}
	.ceo_greeting .img_box .sign{position: absolute;bottom:0;left:0;border-radius:0 var(--row-gap20);background:var(--point-grad02);display: flex;align-items: center;gap:clamp(10px, 1.3vw, 16px);padding:clamp(7px, 1vw, 15px) clamp(15px, 3vw, 30px);font-size:var(--text-20);color:var(--point-white);font-weight:500;line-height:1.4;}
		.ceo_greeting .img_box .sign strong{font-size:var(--text-28);font-weight:600;}

	@media (max-width:1600px) {
		.ceo_greeting .txt_box:before{left:-15%;}
	}
	@media (max-width:1400px) {
		.ceo_greeting .w_custom{align-items: flex-start;}
	}
	@media (max-width:1023px) {
		.ceo_greeting .w_custom{flex-direction:column-reverse;}
		.ceo_greeting .img_box{width:100%;max-width:600px}
		.ceo_greeting .txt_box:before{left:-5%;top:-5%;}
	}
	@media (max-width:640px) {
		.ceo_greeting .txt_box:before{display: none;}
	}

	.ceo_history article{display: flex;gap:var(--row-gap100);align-items: flex-start;}
	.ceo_history article .img{border-radius:var(--radius-20);overflow:hidden;width: 42.8%;aspect-ratio: auto 1.33;flex-shrink:0;}
	.ceo_history article .img img{width:100%;height:100%;object-fit:cover;}
	.ceo_history article dl{width:100%;}
	.ceo_history article dl dt{font-size:var(--text-40);color:var(--black-color01);font-weight:600;line-height:1.4;font-family:var(--font-type02);}
	.ceo_history article dl dd{display: grid;gap:clamp(15px, 2vw, 24px);}
	.ceo_history article section{display: flex;gap:var(--row-gap40);}
	.ceo_history article section > strong{width:clamp(40px, 5vw, 55px);display: block;flex-shrink:0;font-size:var(--text-20);color:var(--black-color03);font-weight:500;line-height:1.4;font-family:var(--font-type02);}
	.ceo_history article section > strong.cn{font-weight:600;}

	@media (max-width:1023px) {
		.ceo_history article{gap:var(--row-gap60);}
		.ceo_history article section{gap:var(--row-gap20);}
	}
	@media (max-width:640px) {
		.ceo_history article{flex-direction: column;}
		.ceo_history article .img{width:100%;}
	}

/*───────────────────────────────────────────────────────────
	policy
───────────────────────────────────────────────────────────*/
	.policy_diagram{margin-top:50px;}
	.policy_diagram .diagram_box{width:100%;margin:0 auto;position: relative;}
	.policy_diagram .diagram_box .center{width:530px;aspect-ratio:auto 1;border-radius:100%;border:3px dashed var(--point-color01);display: flex;align-items: center;justify-content: center;margin:0 auto;}
	.policy_diagram .diagram_box .logo{width:330px;aspect-ratio:auto 1;background:rgba(0, 84, 161, 0.05);border-radius:100%;display: flex;align-items: center;justify-content: center;position: relative;}
		.policy_diagram .diagram_box .logo:before{width:calc(100% - 80px);height:calc(100% - 80px);content:"";position: absolute;top:50%;left:50%;translate:-50% -50%;background:var(--point-grad04);border-radius:100%;}
		.policy_diagram .diagram_box .logo:after{width:calc(100% - 100px);height:calc(100% - 100px);content:"";position: absolute;top:50%;left:50%;translate:-50% -50%;background:var(--point-white);border-radius:100%;}
	.policy_diagram .diagram_box .logo img{position: relative;z-index:4;}
	.policy_diagram .diagram_box .list{display:grid;grid-template-columns:repeat(2, 1fr);width:100%;position: absolute;top:0;left:0;height:100%;transition:all 0.6s;gap:250px;}
	.policy_diagram .diagram_box .list li{display: flex;gap:var(--row-gap80);align-items: center;}
	.policy_diagram .diagram_box .list li .ico{width:140px;aspect-ratio:auto 1;border-radius:100%;background:var(--point-color02);display: flex;align-items: center;justify-content: center;position: relative;flex-shrink:0;box-shadow:0 0 clamp(10px, 2vw, 20px) 0 rgba(0, 0, 0, 0.10);}
		.policy_diagram .diagram_box .list li .ico:before{width:42px;height:1px;content:"";background:var(--point-color02);position: absolute;right:-42px;top:calc(50% - 0.5px);}
		.policy_diagram .diagram_box .list li .ico:after{width:8px;aspect-ratio:auto 1;content:"";border-radius:100%;background:var(--point-color02);position: absolute;right:-50px;top:50%;translate:0 -50%;}
	.policy_diagram .diagram_box .list li dl{display: grid;gap:6px;}
	.policy_diagram .diagram_box .list li dl dt{font-size:var(--text-24);color:var(--black-color01);font-weight:600;line-height:1.4;}
	.policy_diagram .diagram_box .list li dl dd{font-size:var(--text-18);color:var(--black-color06);font-weight:400;line-height:1.6;}

	/*odd*/
	.policy_diagram .diagram_box .list li:nth-child(odd){flex-direction:row-reverse;}
	.policy_diagram .diagram_box .list li:nth-child(odd) .ico:before{right:auto;left:-42px;}
	.policy_diagram .diagram_box .list li:nth-child(odd) .ico:after{right:auto;left:-50px;}
	.policy_diagram .diagram_box .list li:nth-child(odd) dl{text-align: right;}

	@media (min-width:861px) {
		.policy_diagram .diagram_box .list{rotate:45deg;}
		/* .policy_diagram .diagram_box .list li:nth-child(1){translate:-114px -45px;}
		.policy_diagram .diagram_box .list li:nth-child(2){translate:174px 0;}
		.policy_diagram .diagram_box .list li:nth-child(3){translate:-147px -19px;}
		.policy_diagram .diagram_box .list li:nth-child(4){translate:100px 59px;} */
		.policy_diagram .diagram_box .list li .ico{&::before, &::after{opacity:0;pointer-events:none;transition:all 0.3s;}}
		/* .policy_diagram .diagram_box .list li .ico img{opacity:0;pointer-events:none;transition:all 0.3s;} */
		.policy_diagram .diagram_box .list li dl{opacity:0;pointer-events:none;translate:0 30px;transition:all 0.5s;}
		
		/*active*/
		.policy_diagram .diagram_box .list.active{rotate:0deg;}
		/* .policy_diagram .diagram_box .list.active li .ico img{opacity:1;transition-delay:0.6s;} */
		.policy_diagram .diagram_box .list.active li .ico{&::before, &::after{opacity:1;pointer-events:initial;transition-delay:0.7s;}}
		.policy_diagram .diagram_box .list.active li dl{opacity:1;pointer-events:initial;translate:0;transition-delay:1.2s;}
	}

	@media (max-width:1400px) {
		.policy_diagram .diagram_box .list li dl{max-width:200px;}
	}
	@media (max-width:1150px) {
		.policy_diagram .diagram_box .list li{gap:var(--row-gap70);}
		.policy_diagram .diagram_box .list li dl{max-width:150px;}
	}
	@media (max-width:1023px) {
		.policy_diagram .diagram_box .center{width:440px;}
		.policy_diagram .diagram_box .list li{gap:var(--row-gap50);}
		.policy_diagram .diagram_box .list li .ico{width:100px;;}
		.policy_diagram .diagram_box .list li .ico:before{width:30px;right:-30px;}
		.policy_diagram .diagram_box .list li .ico:after{width:6px;right:-36px;}
		.policy_diagram .diagram_box .list li .ico img{max-width:60%;}

		.policy_diagram .diagram_box .list li:nth-child(odd) .ico:before{left:-30px;}
	.policy_diagram .diagram_box .list li:nth-child(odd) .ico:after{left:-36px;}

	}
	@media (max-width:860px) {
		.policy_diagram{margin-top:0;}
		.policy_diagram .diagram_box .list{grid-template-columns:repeat(4, 1fr);position:static;margin:0 auto;margin-top:var(--row-gap60);width:calc(100% - 60px);gap:var(--row-gap20)}
		#wrap .policy_diagram .diagram_box .list li{flex-direction:column;translate:0;gap:var(--row-gap30);}
		.policy_diagram .diagram_box .list li .ico{&::before, &::after{display: none;}}
		#wrap .policy_diagram .diagram_box .list li dl{text-align:center;}
	}
	@media (max-width:640px) {
		.policy_diagram .diagram_box .center{width:70%;}
		.policy_diagram .diagram_box .logo{width:calc(100% - 50px);}
		.policy_diagram .diagram_box .logo:before{width:calc(100% - 40px);height:calc(100% - 40px);}
		.policy_diagram .diagram_box .logo:after{width:calc(100% - 60px);height:calc(100% - 60px);}
		.policy_diagram .diagram_box .logo img{max-width:35%;}
		.policy_diagram .diagram_box .list{grid-template-columns:repeat(2, 1fr);gap:var(--row-gap40) var(--row-gap30);width:calc(100% - 30px);}
	}
	@media (max-width:479px) {
		.policy_diagram .diagram_box .center{width:calc(100% - 30px);}
	}

	.sub_work .chart_box{text-align: center;}
	.sub_work .chart_box h5{width:clamp(200px, 27vw, 270px);aspect-ratio:auto 1;border-radius:100%;background:rgba(255,255,255,0.5);display: flex;align-items: center;justify-content: center;position: relative;margin:0 auto;}
	.sub_work .chart_box h5:after{width:calc(100% - 50px);aspect-ratio:auto 1;border-radius:100%;content:"";background:var(--point-grad04);box-shadow:0 0 clamp(10px, 2vw, 20px) 0 rgba(0, 0, 0, 0.10);position: absolute;top:50%;left:50%;translate:-50% -50%;}
	.sub_work .chart_box h5 span{width:calc(100% - 74px);aspect-ratio:auto 1;border-radius:100%;display: flex;align-items: center;justify-content: center;text-align: center;border:1px solid rgba(255,255,255,0.4);font-size:var(--text-34);color:var(--point-white);font-weight:600;font-family:var(--font-type02);position: relative;z-index:3;}
	.sub_work .chart_cont{display: flex;justify-content: center;gap:220px;position: relative;margin-top:var(--row-gap100);}
	.sub_work .chart_cont:before{width:1px;height:calc(var(--row-gap100) + clamp(60px, 7vw, 70px) / 2);content:"";background:var(--border-color01);position: absolute;left:calc(50% + 0.5px);top:calc(var(--row-gap100) * -1);}
	.sub_work .chart_box span{display: inline-flex;align-items: center;justify-content: center;border-radius:var(--radius-10);position: relative;}
	.sub_work .chart_cont span{background:var(--point-color02);font-size:var(--text-24);color:var(--point-white);font-weight:600;width:clamp(150px, 20vw, 220px);height:clamp(60px, 7vw, 70px);}
	.sub_work .chart_cont span:last-child:before{width:100%;height:1px;content:"";background:var(--border-color01);position: absolute;top:calc(50% + 0.5px);left:-100%;}
	.sub_work .chart_box > ul{position: relative;display: flex;flex-wrap:wrap;gap:var(--row-gap40);margin-top: var(--row-gap100);}
	.sub_work .chart_box > ul:before{width:1px;height:calc(var(--row-gap100) + clamp(60px, 7vw, 70px) / 2);content:"";background:var(--border-color01);position: absolute;left:calc(50% + 0.5px);top:calc((var(--row-gap100) + clamp(60px, 7vw, 70px) / 2) * -1);}
	.sub_work .chart_box > ul > li{position: relative;width:calc(20% - var(--row-gap40) * 4 / 5);}
	.sub_work .chart_box > ul > li:not(:last-child):before{width:calc(100% + var(--row-gap40));height:1px;left:calc(50% + 0.5px);top:0;content:"";background:var(--border-color01);position: absolute;}
	.sub_work .chart_box > ul > li > span{width:100%;height:clamp(50px, 6vw, 60px);background:var(--point-color01);margin-top:var(--row-gap60);font-size:var(--text-20);color:var(--point-white);font-weight:500;}
	.sub_work .chart_box > ul > li > span:before{width:1px;height:var(--row-gap60);content:"";background:var(--border-color01);position: absolute;left:calc(50% + 0.5px);top:calc(var(--row-gap60) * -1);}
	.sub_work .chart_box .dep02{display: grid;gap:var(--row-gap10);padding-top:var(--row-gap20);position: relative;}
	.sub_work .chart_box .dep02:before{width:1px;height:100%;content:"";background:var(--border-color01);position:absolute;top:0;left:calc(50% + 0.5px);}
	.sub_work .chart_box .dep02 span{background:var(--point-white);font-size:var(--text-18);color:var(--black-color03);font-weight:400;width:100%;height:clamp(50px, 6vw, 60px)}

	@media (max-width:640px) {
		.sub_work .chart_cont{gap:var(--row-gap100);}
		.sub_work .chart_cont span{width:100%;}
		.sub_work .chart_cont span:last-child:before{width:var(--row-gap100);left:calc(var(--row-gap100) * -1);}
		.sub_work .chart_box > ul > li{width:calc(50% - var(--row-gap40) / 2);}
		.sub_work .chart_box > ul > li:nth-child(n+3) span{margin:0;}
		.sub_work .chart_box > ul > li:not(:first-child):before{display: none;}
		.sub_work .chart_box > ul > li:nth-child(n+3) > span:before{display: none;}

	}

/*───────────────────────────────────────────────────────────
	연혁
───────────────────────────────────────────────────────────*/
	.his-meta{position: relative;padding:0 clamp(30px, 10vw, 114px);}
    .his-meta article{position: relative;width: 50%;margin-left: auto;padding:clamp(3px, 1.1vw, 11px) 0 clamp(20px, 4vw, 40px) clamp(50px, 5vw, 90px);display: flex;flex-direction: column;gap:var(--row-gap30);}
    .his-meta .title h3{font-size: var(--text-40);font-weight:600;color: var(--black-color01);line-height: 1.4;letter-spacing: -0.03em;}
    .his-meta .cont{display: grid;gap:clamp(15px, 2vw, 24px);}
    .his-meta .desc{display: flex;align-items: baseline;transition-delay:0.4s;}
    .his-meta .desc dt{font-size: var(--text-20);color: var(--black-color03);font-weight:500;line-height: 1.4;width: clamp(32px, 4vw, 50px);flex-shrink: 0;}
    .his-meta .desc dd{width: 100%;font-size: var(--text-20);font-weight:400;color: var(--black-color06);line-height: 1.6;translate: 0 clamp(-1px, -0.1vw, 0px);}
    .his-meta .desc dd ul{display: grid;gap:var(--row-gap20);}
    .his-meta .line{position: absolute;top: clamp(20px, 4vw, 40px);left:0;width: 1px;height: 100%;background: var(--border-color01);}
    .his-meta .line::before{position: absolute;content:'';width: clamp(7px, 1.1vw, 9px);aspect-ratio: auto 1;background: var(--black-color08);border-radius: 100%;top: 0;left: 50%;translate: -50% -50%;transition: all 0.4s;z-index:3;}
	.his-meta .line:after{width:clamp(30px, 4vw, 60px);height:2px;content:"";border-top:1px dashed var(--black-color06);opacity:0.5;position: absolute;top:-0.5px;left:0;}
    .his-meta .line em{position: absolute; top:0; left:0; width: 100%; background: var(--point-color01);}
	.his-meta .drop{display: none;position: absolute;top:calc(clamp(50px, 5vw, 80px) * -1);left:0;opacity:0;translate:0 -50px;transition:all 0.6s;pointer-events:none;}
	.his-meta .drop img{width:clamp(50px, 5vw, 80px);}
	.his-meta .drop.type02{top:-100%;}
	.his-meta .drop.type03{top:-80%;}

        
        .his-meta article:last-child{padding-bottom: 0;}
        .his-meta article:last-child .line{height: 0;}
		.his-meta article.on .title h3{color:var(--point-color01);}
        .his-meta article.on .line::before{background: var(--point-color01);}
        .his-meta article.on:not(:has(~ article.on)) .line::before{box-shadow: 0 0 0 clamp(5px, 0.8vw ,7px) rgba(0, 84, 161, 0.1);}
		.his-meta article.on:not(:has(~ article.on)) .line::after{border-color:var(--point-color01);}
		.his-meta article.on + article .drop{opacity:1;translate:0;pointer-events:initial;}

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

		.his-meta article:nth-child(2n+1) .drop{left:auto;right:0;}
	}
	@media (max-width:860px) {
		.his-meta{padding:0;}
        .his-meta article{width: 100%;padding-left: clamp(35px, 5vw, 50px);}
		.his-meta .drop{display: none;}
    }
	

/*───────────────────────────────────────────────────────────
	100선
───────────────────────────────────────────────────────────*/
	.partner_swiper{padding:0 375px;overflow:hidden;}
	.partner_swiper .swiper-wrapper{align-items: center;}
	.partner_swiper .swiper-slide{transition: all 0.4s;}
	.partner_swiper .swiper-slide:not(.swiper-slide-active){transform: scale(0.54);}
	.partner_swiper .swiper-slide:has(+ .swiper-slide.swiper-slide-active) {translate: 23.5%;}
	.partner_swiper .swiper-slide.swiper-slide-active + .swiper-slide{translate: -23.5%;}
	.partner_swiper .swiper-slide .thumb{width:100%;aspect-ratio:auto 1.53;border-radius:var(--radius-20);overflow:hidden;}
	.partner_swiper .swiper-slide.swiper-slide-active .thumb{aspect-ratio:auto 1.86;}
	.partner_swiper .swiper-slide .thumb img{width:100%;height:100%;object-fit:cover;}
	.partner_notice .swipe_arw{font-size:0;width:clamp(30px, 4vw, 40px);aspect-ratio:auto 1;position: absolute;top:50%;translate:0 -50%;display: flex;align-items: center;justify-content: center;left:-55px;}
	.partner_notice .swipe_arw:before{width:50%;aspect-ratio:auto 1;content:"";border:1px solid var(--black-color01);border-width:1px 1px 0 0;rotate:-135deg;display: inline-block;translate:6px 0;}
	#wrap .partner_notice .swipe_arw.next{scale:-1 -1;right:-55px;left:auto;}

	@media (max-width:1500px) {
		.partner_notice .swipe_arw{left:-30px;}
		#wrap .partner_notice .swipe_arw.next{right:-30px;}
	}
	@media (max-width:1300px) {
		.partner_swiper{padding:0 27vw;}
		.partner_notice .swipe_arw{left:-10px;}
		#wrap .partner_notice .swipe_arw.next{right:-10px;}
	}
	@media (max-width:860px) {
		.partner_notice{padding:0 10px;}
	}
	@media (max-width:640px) {
		.partner_notice{padding:0 25px;}
		.partner_swiper{padding:0;}
	}

	.partnership_list{display: grid;gap:var(--row-gap25);grid-template-columns:var(--grid-array05);}
	.partnership_list li{cursor:pointer;}
	.partnership_list li .thumb img{border-radius:var(--radius-20);}
	.img_pop_layer{position: fixed;width:100%;height:100%;display: flex;align-items: center;justify-content: center;background:rgba(0,0,0,0.5);top:0;left:0;opacity:0;pointer-events:none;transition:all 0.4s;z-index:100;}
		.img_pop_layer.on{opacity:1;pointer-events:initial;}
	body:has(.img_pop_layer.on){overflow:hidden;}
	.img_pop_layer .layer_cont{background:var(--point-white);border-radius:var(--radius-20);width:calc(100% - var(--row-gap60));max-width:860px;position: relative;padding:var(--row-gap50) var(--row-gap30);max-height:76vw;overflow-y:auto;}
	.img_pop_layer .layer_cont img{margin:0 auto}
	.img_pop_layer .layer_cont .btn_close{width:clamp(20px, 2.5vw, 25px);aspect-ratio:auto 1;position: absolute;top:20px;right:20px;}
		.img_pop_layer .layer_cont .btn_close{&::before, &::after{width:100%;height:1px;content:"";background:var(--black-color01);position:absolute;top:50%;left:0;rotate:45deg;}}
		.img_pop_layer .layer_cont .btn_close:after{rotate:-45deg;}

	@media (max-width:1023px) {
		.img_pop_layer .layer_cont{padding-block:var(--row-gap60);}
		.img_pop_layer .layer_cont .btn_close{top:10px;right:10px;}
	}
	@media (max-width:479px) {
		.img_pop_layer .layer_cont .btn_close{top:5px;}

	}

/*───────────────────────────────────────────────────────────
	location
───────────────────────────────────────────────────────────*/
	.location_box{overflow:hidden;border-radius:var(--radius-20);}
	.location_box .map{width:100%;height:460px;position: relative;overflow:hidden;}
	.location_box .map iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;translate:-50% -50%;}
	.location_box .map_info{display: flex;padding:var(--row-gap40) var(--row-gap80);background:var(--point-color01);align-items: center;flex-wrap:wrap;gap:var(--row-gap80);}
	.location_box .map_info .logo{width:clamp(200px, 24vw, 260px);flex-shrink:0;}
	.location_box .map_info .info{padding-left:var(--row-gap80);border-left:1px solid rgba(255,255,255,0.2);display: grid;gap:clamp(10px, 1.4vw, 16px);}
	.location_box .map_info .info dl{display: flex;align-items: center;gap:var(--row-gap80);}
	.location_box .map_info .info dl dt{width:clamp(70px, 9vw, 91px);flex-shrink:0;display: flex;align-items: center;gap:var(--row-gap20);font-size:var(--text-20);color:var(--point-white);font-weight:400;line-height:1.4;font-family:var(--font-type02);}
	.location_box .map_info .info dl dt .ico{width:clamp(26px, 3.5vw, 36px);aspect-ratio:auto 1;border-radius:100%;display: flex;align-items: center;justify-content: center;background:var(--point-white);}
	.location_box .map_info .info dl dt .ico img{max-width:60%;max-height:60%;}
	.location_box .map_info .info dd{display: flex;align-items: center;flex-wrap:wrap;gap:var(--row-gap10) var(--row-gap20);font-size:var(--text-18);color:var(--point-white);font-weight:300;line-height:1.6;font-family:var(--font-type02);letter-spacing:0.01em;}
	.location_box .map_info .info .copy{display: inline-flex;align-items: center;justify-content: center;border-radius:var(--radius-06);border:1px solid var(--point-white);gap:clamp(4px, 0.6vw, 8px);font-size:var(--text-16);color:var(--point-white);font-weight:500;height:clamp(28px, 3vw, 35px);padding-inline:clamp(10px, 1vw, 14px);}
	.location_box .map_info .info .copy:before{width:clamp(11px, 1.5vw, 15px);height:clamp(14px, 1.8vw, 18px);content:"";background:url('../images/skin/ico_copy.svg')no-repeat center / auto 100%;}

	@media (max-width:1200px) {
		.location_box .map_info{flex-direction: column;align-items: flex-start;gap:var(--row-gap40)}
		.location_box .map_info .info{padding:0;border:none;}
	}
	@media (max-width:1023px) {
		.location_box .map{height:auto;aspect-ratio:auto 2;}
	}
	@media (max-width:640px) {
		.location_box .map{aspect-ratio:auto 1.5;}
		.location_box .map_info{padding-inline:var(--row-gap30);}
		.location_box .map_info .info dl{gap:var(--row-gap30);}

	}

	.sales_tel ul{display: grid;gap:var(--row-gap20);grid-template-columns:repeat(5, 1fr);counter-reset:salesCnt;}
	.sales_tel ul li{border-radius:var(--radius-10);border:1px solid var(--border-color01);counter-increment:salesCnt;transition:all 0.3s;}
	.sales_tel ul li a{display: flex;flex-direction: column;padding:var(--row-gap30) var(--row-gap20) var(--row-gap30) var(--row-gap30);gap:var(--row-gap30);height:100%;justify-content: space-between;}
	.sales_tel ul li dl{display: flex;flex-direction: column;gap:clamp(10px, 1.5vw, 16px);}
		.sales_tel ul li dl:before{content:counter(salesCnt, decimal-leading-zero);font-size:var(--text-20);color:var(--point-color01);font-weight:600;line-height:1.4;font-family:var(--font-type02);}
	.sales_tel ul li dl dt{font-size:var(--text-24);color:var(--black-color01);font-weight:500;line-height:1.4;}
	.sales_tel ul li dl dd{font-size:var(--text-16);color:var(--black-color03);font-weight:400;line-height:1.6;margin-top:4px;}
	.sales_tel .num{display: flex;align-items: center;gap:var(--row-gap20);}
	.sales_tel .num .ico{width:clamp(26px, 3.5vw, 36px);aspect-ratio:auto 1;border-radius:100%;display: flex;align-items: center;justify-content: center;background:var(--gray-bg01);flex-shrink:0;}
		.sales_tel .num .ico img{max-width:60%;max-height:60%;}
	.sales_tel .num span{font-size:var(--text-16);color:var(--black-color06);font-weight:400;line-height:1.6;font-family:var(--font-type02);letter-spacing:0.01em;}

	@media (hover:hover) and (pointer:fine) {
		.sales_tel ul li:hover{background:var(--point-color01);border-color:var(--point-color01);}
		.sales_tel ul li:hover :where(dl, .num span){filter:var(--filter-white);}
		.sales_tel ul li:hover .num .ico{background:var(--point-white);}
	}
	@media (max-width:1200px) {
		.sales_tel ul{grid-template-columns:repeat(3, 1fr);}
	}
	@media (max-width:860px) {
		.sales_tel ul{grid-template-columns:var(--grid-array05);}
	}

/*───────────────────────────────────────────────────────────
	branch
───────────────────────────────────────────────────────────*/
	.agency_box .map_img{border-radius:var(--radius-20);border:1px solid var(--border-color01);padding:var(--row-gap40);}
	.agency_box .map_img img{margin:0 auto;translate:-6% 0;}
	.agency_box ul{margin-top:var(--row-gap80);display: grid;gap:var(--row-gap40);}
	.agency_box ul li{padding-bottom:var(--row-gap40);border-bottom:1px solid var(--border-color01);display: flex;align-items: flex-start;gap:var(--row-gap80);}
	.agency_box ul li h5{display: flex;align-items: center;gap:clamp(10px, 1vw, 16px);font-size:var(--text-30);color:var(--black-color01);font-weight:500;line-height:1.4;flex-shrink:0;width:clamp(160px, 26vw, 320px);margin-top:clamp(6px, 1vw, 11px);}
		.agency_box ul li h5:before{width:clamp(4px, 0.4vw, 6px);aspect-ratio:auto 1;content:"";background:var(--point-color02);border-radius:100%;display: inline-block;flex-shrink:0;}
	.sub_branch .map_info{width:100%;display: grid;gap:clamp(10px, 1.4vw, 16px);}
	.sub_branch .map_info dl{display: flex;align-items:flex-start;}
	.sub_branch .map_info dl dt{width:clamp(80px, 11vw, 121px);flex-shrink:0;display: flex;align-items: center;gap:var(--row-gap20);font-size:var(--text-20);color:var(--black-color03);font-weight:500;line-height:1.4;font-family:var(--font-type02);}
		.sub_branch .map_info dl dt .ico{width:clamp(26px, 3.5vw, 36px);aspect-ratio:auto 1;border-radius:100%;display: flex;align-items: center;justify-content: center;background:var(--gray-bg01);}
		.sub_branch .map_info dl dt .ico img{max-width:60%;max-height:60%;}
	.sub_branch .map_info dd{display: flex;align-items: center;flex-wrap:wrap;gap:var(--row-gap10) var(--row-gap20);font-size:var(--text-18);color:var(--black-color06);font-weight:400;line-height:1.6;font-family:var(--font-type02);letter-spacing:0.01em;translate:0 2px;}
	.sub_branch .map_info .copy{display: inline-flex;align-items: center;justify-content: center;border-radius:var(--radius-06);border:1px solid var(--border-color01);gap:clamp(4px, 0.6vw, 8px);font-size:var(--text-16);color:var(--black-color08);font-weight:500;height:clamp(28px, 3vw, 35px);padding-inline:clamp(10px, 1vw, 14px);}
		.sub_branch .map_info .copy:before{width:clamp(11px, 1.5vw, 15px);height:clamp(14px, 1.8vw, 18px);content:"";background:url('../images/skin/ico_copy.svg')no-repeat center / auto 100%;filter: brightness(0) saturate(100%) invert(48%) sepia(63%) saturate(0%) hue-rotate(184deg) brightness(98%) contrast(99%);}

	@media (max-width:1023px) {
		.agency_box .map_img img{translate:0;}
	}
	@media (max-width:640px) {
		.agency_box ul li{flex-direction: column;gap:var(--row-gap20);}
		.agency_box ul li h5{width:auto;margin:0;}
	}

	.jujo_logo{padding-top:var(--row-gap20);border-top:2px solid var(--black-color01);display: flex;gap:var(--row-gap10);}
	.jujo_logo .logo{width:clamp(60px, 7vw, 86px);flex-shrink:0;}
	.jujo_logo .txt{display: grid;gap:6px;font-size:var(--text-18);color:var(--point-color04);font-weight:400;line-height:1.2;text-align:left;font-family:var(--font-type02);letter-spacing:0.01em;}
	.jujo_logo .txt a{color:var(--point-color05);}

	.jujo_ch .list{padding-top:var(--row-gap10);display: grid;grid-template-columns:var(--grid-array02);gap:var(--row-gap40);}
	.jujo_ch .list li{border-radius:var(--radius-20);background:var(--point-white);overflow:hidden;}
	.jujo_ch .list li .img{aspect-ratio:auto 1.94;overflow:hidden;}
	.jujo_ch .list li .img img{width:100%;height:100%;object-fit:cover;}
	.jujo_ch .list li .map_info{display: flex;flex-direction: column;padding:var(--row-gap30);}
	.jujo_ch .list li h5{font-size:var(--text-26);color:var(--black-color01);font-weight:600;line-height:1.4;margin-bottom:clamp(8px, 1vw, 14px);}
	.sub_branch .jujo_ch .map_info dl dt{width:clamp(80px, 9vw, 106px);}

/*───────────────────────────────────────────────────────────
	rnd
───────────────────────────────────────────────────────────*/
	.rnd_title h4{font-size:var(--text-30);color:var(--black-color01);font-weight:500;line-height:1.4;display: flex;align-items: baseline;gap:clamp(10px, 1vw, 16px);}
	.rnd_title h4:before{width:clamp(4px, 0.4vw, 6px);aspect-ratio:auto 1;content:"";background:var(--point-color02);border-radius:100%;display: inline-block;flex-shrink:0;translate:0 clamp(-8px, -0.5vw, -5px);}
	.rnd_sec .des{display: grid;grid-template-columns:var(--grid-array02);gap:var(--row-gap40);}
	.rnd_sec .des dl{border-radius:var(--radius-20);border:1px solid var(--border-color01);overflow:hidden;}
	.rnd_sec .des dl img{width:100%;height:100%;object-fit:cover;}
	.rnd_sec .des dl dd{text-align: center;padding:var(--row-gap30) var(--row-gap40);font-size:var(--text-20);color:var(--black-color03);font-weight:400;line-height:1.6;}

/*───────────────────────────────────────────────────────────
	certificate
───────────────────────────────────────────────────────────*/
	.certificate_list{display: grid;gap:var(--row-gap40) clamp(15px, 2vw, 28px);grid-template-columns:repeat(4, 1fr);text-align: center;}
	.certificate_list li .img{border-radius:var(--radius-10);background:var(--gray-bg02);display: flex;align-items: center;justify-content: center;padding:var(--row-gap20);aspect-ratio:auto 0.852;}
		.certificate_list li .img img{box-shadow: 0 0 clamp(16px, 2.5vw, 35px) 0 rgba(0, 0, 0, 0.10);}
	.certificate_list li p{margin-top:var(--row-gap20);font-size:var(--text-20);color:var(--black-color03);font-weight:500;line-height:1.4;}

	@media (max-width:860px) {
		.certificate_list{grid-template-columns:repeat(2, 1fr);}
	}

/*───────────────────────────────────────────────────────────
	manufacture   
───────────────────────────────────────────────────────────*/
	.prd_process .chart_box{position: relative;display:grid;gap:3px;}
	.prd_process .chart_box:before{width:calc(100% - 60px);height:100%;content:"";background:url('../images/skin/prd_process_arw.svg')no-repeat center / 100%;position: absolute;top:0;left:0;max-width:1650px;}
	.prd_process .chart_box ol{display: flex;flex-wrap:wrap;justify-content: center;gap:24px var(--row-gap60);counter-reset:processCnt;position: relative;z-index:3;}
	.prd_process .chart_box ol.line2{counter-reset:processCnt 4;}
	.prd_process .chart_box ol.m_ver{display: none;}
	.prd_process .chart_box ol li{counter-increment:processCnt;text-align: center;}
		.prd_process .chart_box ol.line2 li:nth-child(1){order:5}
		.prd_process .chart_box ol.line2 li:nth-child(2){order:4}
		.prd_process .chart_box ol.line2 li:nth-child(3){order:3}
		.prd_process .chart_box ol.line2 li:nth-child(4){order:2}
		.prd_process .chart_box ol.line2 li:nth-child(5){order:1}
	.prd_process .chart_box ol li:before{content:"Step." counter(processCnt);font-size:var(--text-18);color:var(--point-white);font-weight:600;background:var(--black-color01);border-radius:40px;padding:clamp(5px, 1vw, 10px) clamp(14px, 2vw, 23px);position: relative;z-index:3;display: inline-block;translate:0 clamp(10px, 2vw, 21px);}
	.prd_process .chart_box ol li .img{width:100%;max-width:clamp(150px, 20vw, 200px);aspect-ratio:auto 1;margin:0 auto;border-radius:100%;overflow:hidden;}
	.prd_process .chart_box ol li p{font-size:var(--text-22);color:var(--black-color03);font-weight:500;line-height:1.4;margin-top:var(--row-gap20);}

	@media (max-width:1800px) {
		.prd_process .chart_box:before{left:-8%;}
	}
	@media (max-width:1500px) {
		.prd_process .chart_box:before{width:109%;left:-15%;}
		.prd_process .chart_box ol{padding:0 80px;}
		.prd_process .chart_box ol li{width:calc(20% - var(--row-gap60) * 4 / 5);}
	}
	@media (max-width:1023px) {
		.prd_process .chart_box:before{display: none;}
		.prd_process .chart_box ol.pc_ver{display: none;}
		.prd_process .chart_box ol.m_ver{display: flex;}
		.prd_process .chart_box ol{gap:10px var(--row-gap30);padding:0;}
		.prd_process .chart_box ol li{width:calc(20% - var(--row-gap30) * 4 / 5);}
	}
	@media (max-width:640px) {
		.prd_process .chart_box ol li{width:calc(100% / 3 - var(--row-gap30) * 2 / 3);}
	}

	.rollmill .cont_title p{margin-top:var(--row-gap20);font-size:var(--text-20);color:var(--black-color01);font-weight:600;line-height:1.6;}
	.rollmill_cont{display: flex;align-items: flex-start;gap:var(--row-gap30);justify-content: space-between;}
	.rollmill_cont .tab{position:sticky;top:130px;left:0;display: flex;flex-direction: column;gap:var(--row-gap30);}
	.rollmill_cont .tab a{font-size:var(--text-28);color:var(--black-color09);font-weight:600;line-height:1.4;display: inline-flex;align-items: center;}
		.rollmill_cont .tab a:before{width:0;height:clamp(3px, 0.3vw, 5px);content:"";border-radius:5px;background:var(--point-color01);display: inline-block;transition:all 0.3s;}
	.rollmill_cont .tab a.on{color:var(--black-color01);}
		.rollmill_cont .tab a.on:before{width:22px;margin-right:var(--row-gap20);}
	.rollmill_cont .tab_cont{width:77.86%;}
	.rollmill_cont .tab_cont section{border-radius:var(--radius-20);background:var(--point-white);overflow:hidden;}
	.rollmill_cont .tab_cont .des_box{padding:var(--row-gap40);}
	.rollmill_cont .tab_cont .des_box dl{display: grid;gap:var(--row-gap10);}
		.rollmill_cont .tab_cont .des_box dl dt{font-size:var(--text-30);color:var(--black-color01);font-weight:600;line-height:1.6;}
		.rollmill_cont .tab_cont .des_box dl dd{font-size:var(--text-20);color:var(--black-color03);font-weight:400;line-height:1.6;}
	.rollmill_cont .tab_cont .des_cont{margin-top:var(--row-gap30);padding-top:var(--row-gap30);border-top:1px solid var(--border-color01);}
	.rollmill_cont .tab_cont .des_cont .bullet_list li{color:var(--black-color03);font-weight:400;gap:clamp(5px, 0.6vw, 8px);}
		.rollmill_cont .tab_cont .des_cont .bullet_list li:before{background:var(--black-color03);}
		.rollmill_cont .tab_cont .des_cont .bullet_list li strong{color:var(--black-color01);font-weight:600;}
	.rollmill_cont .setting_des article > strong{display:inline-flex;border-radius:44px;font-size:var(--text-20);color:var(--point-white);font-weight:700;background:var(--point-color02);padding:8px clamp(10px, 2vw, 20px);}
	.rollmill_cont .setting_des article:nth-child(2) > strong{background:var(--point-color01);}

	@media (max-width:860px) {
		.rollmill_cont .tab{display: none;}
		.rollmill_cont .tab_cont{width:100%;}
	}

/*───────────────────────────────────────────────────────────
	goods
───────────────────────────────────────────────────────────*/
	/*리스트*/
	.goods_list ul{display: grid;gap:var(--row-gap60) var(--row-gap20);grid-template-columns:var(--grid-array04);}
	.goods_list ul li .img{width:100%;aspect-ratio:auto 1;border-radius:var(--radius-20);border:1px solid var(--border-color01);display: flex;align-items: center;justify-content: center;}
	.goods_list ul li .info{margin-top:clamp(10px, 2vw, 24px);display: grid;gap:clamp(6px, 1vw, 12px);}
	.goods_list ul li .info strong{font-size:var(--text-22);color:var(--black-color01);font-weight:500;line-height:1.4;font-family:var(--font-type02);text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:1;letter-spacing:0.02em;}
	.goods_list ul li .info .brand{font-size:var(--text-18);color:var(--black-color03);font-weight:400;line-height:1.4;}

	/*view*/
	.goods_info_box{padding-block:var(--row-gap100);position: relative;}
	.goods_info_box:before{width:100%;height:100%;content:"";background:var(--point-grad01);opacity:0.05;position: absolute;top:0;left:0;}
	.goods_info_box .w_custom{display: flex;gap:var(--row-gap80);align-items: center;}
	.goods_info_box .img_box{width:42.9%;aspect-ratio:auto 1;border-radius:var(--radius-30);border:1px solid var(--border-color01);display: flex;align-items: center;justify-content: center;flex-shrink:0;}
	.goods_info_box .info_box{width:100%;}
	.goods_info_box .info_box .title{display: grid;gap:var(--row-gap20);}
		.goods_info_box .info_box .title span{font-size:var(--text-22);color:var(--point-white);font-weight:500;line-height:1.2;background:var(--point-grad03);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
		.goods_info_box .info_box .title h3{font-size:var(--text-50);color:var(--black-color01);font-weight:600;line-height:1.3;font-family:var(--font-type02);letter-spacing:0.03em;}
	.goods_info_box .info_box .cont{margin-top:var(--row-gap40);padding-top:var(--row-gap40);border-top:1px solid var(--border-color01);display:grid;gap:var(--row-gap40);justify-items: start;}
	.goods_info_box .info_box .info{font-size:var(--text-24);color:var(--black-color03);font-weight:400;line-height:1.6;}
	.goods_info_box .info_box .use{border-radius:var(--radius-20);border:1px solid var(--point-color01);padding:var(--row-gap30);margin-top:var(--row-gap10);width:100%;}
		.goods_info_box .info_box .use dt{font-size:var(--text-26);color:var(--point-color01);font-weight:600;line-height:1.4;}
		.goods_info_box .info_box .use dd{font-size:var(--text-22);color:var(--black-color05);font-weight:400;line-height:1.4;margin-top:var(--row-gap10);letter-spacing:-0.04em;}
	.goods_info_box .info_box .btn_down{display: inline-flex;align-items: center;gap:var(--row-gap10);font-size:var(--text-20);color:var(--point-white);font-weight:600;line-height:1.3;border-radius:var(--radius-10);background:var(--point-grad02);padding:clamp(12px, 1.5vw, 17px) clamp(20px, 3vw, 33px);}
	.goods_info_box .info_box .btn_down:before{width:clamp(13px, 1.5vw, 17px);aspect-ratio:auto 1;content:"";background:url('../images/skin/ico_download.svg')no-repeat center / auto 100%;display: inline-block;}
	
	@media (max-width:1023px) {
		.goods_info_box .w_custom{align-items: flex-start;}
	}
	@media (max-width:640px) {
		.goods_info_box .w_custom{flex-direction: column;}
		.goods_info_box .img_box{width:100%;}
	}

	.goods_feature .feature_box{counter-reset:featureCnt;}
	.goods_feature .feature_box > section{counter-increment:featureCnt;}
	.goods_feature .feature_box h5{font-size:var(--text-32);color:var(--black-color01);font-weight:600;line-height:1.4;display: flex;gap:clamp(8px, 1.5vw, 20px);align-items: flex-start;border-bottom:1px solid var(--border-color01);padding-bottom:clamp(10px, 1.5vw, 18px);margin-bottom: var(--row-gap30);}
		.goods_feature .feature_box h5:before{content:counter(featureCnt, decimal-leading-zero);font-size:var(--text-22);color:var(--point-color01);font-weight:600;line-height:1.4;font-family:var(--font-type02);letter-spacing:0.03em;translate:0 clamp(3px, 0.6vw, 7px);}
	.goods_feature .bullet_list{gap:clamp(10px, 1.3vw, 16px);}
		.goods_feature .bullet_list li{font-size:var(--text-20);color:var(--black-color03);}
		.goods_feature .bullet_list li:before{background:var(--black-color03);translate:0 clamp(-6px, -0.8vw, -4px);}
	.goods_feature .feature_cont{display: grid;gap:var(--row-gap30);}
	.goods_feature .feature_cont > p{font-size:var(--text-20);color:var(--black-color03);font-weight:400;line-height:1.6;}
	.goods_feature .feature_cont > p strong{color:var(--black-color01);font-weight:500;}
	.goods_feature .use_box{display: flex;flex-wrap:wrap;gap:var(--row-gap30);counter-reset:useCnt;}
	.goods_feature .use_box dl{width:calc(50% - var(--row-gap30) / 2);border-radius:var(--radius-15);background:var(--gray-bg02);padding:var(--row-gap40);counter-increment: useCnt;}
	.goods_feature .use_box dl dt{display: flex;align-items: center;gap:clamp(8px, 1.2vw, 16px);font-size:var(--text-22);color:var(--black-color01);font-weight:600;line-height:1.6;}
		.goods_feature .use_box dl dt:before{display: inline-flex;width:clamp(32px, 3.5vw, 40px);aspect-ratio:auto 1;content:counter(useCnt, decimal-leading-zero);align-items: center;justify-content: center;background:var(--point-color02);border-radius:var(--radius-10);font-size:var(--text-16);color:var(--point-white);font-weight:600;font-family:var(--font-type02);}
	.goods_feature .use_box dl dd{margin-top:clamp(10px, 2vw, 24px);padding-top:clamp(10px, 2vw, 24px);border-top:1px solid var(--border-color01);}
	.goods_feature .use_box dl dd .bullet_list{gap:6px;}
	.goods_feature .use_box dl dd .bullet_list li{gap:clamp(5px, 0.8vw, 8px);}
	.goods_feature .chk_list{display: grid;gap:var(--row-gap30);}
	.goods_feature .chk_list dl{display: grid;gap:var(--row-gap20);}
	.goods_feature .chk_list dl dt{display: flex;align-items: center;gap:clamp(6px, 1.2vw, 16px);font-size:var(--text-22);color:var(--black-color01);font-weight:600;line-height:1.6;}
		.goods_feature .chk_list dl dt:before{width:clamp(11px, 1.2vw, 15px);height:11px;content:"";background:url('../images/skin/ico_chk_ov.svg')no-repeat center / 100% auto;display: inline-block;}
	.goods_feature .chk_list dl dd{font-size:var(--text-20);color:var(--black-color03);font-weight:400;line-height:1.6;}
	.goods_feature .chk_list .bullet_list li{color:var(--black-color06);}
		.goods_feature .chk_list .bullet_list li strong{color:var(--black-color03);font-weight:500;}
	.goods_feature .table_box thead tr th{vertical-align: middle;text-align: center;border:1px solid var(--black-color01);border-width:1px 0;font-size:var(--text-22);color:var(--black-color01);font-weight:600;line-height:1.4;padding:var(--row-gap20) var(--row-gap10);}
		.goods_feature .table_box thead tr th + th{border-left:1px solid var(--border-color01);}
	.goods_feature .table_box tbody tr :where(th, td){vertical-align: middle;text-align: center;border-bottom:1px solid var(--border-color01);font-size:var(--text-18);color:var(--black-color05);font-weight:400;line-height:1.4;padding:clamp(12px, 1.5vw, 19.5px) var(--row-gap10);}
		.goods_feature .table_box tbody tr th{font-size:var(--text-20);color:var(--black-color03);font-weight:500;}
		.goods_feature .table_box tbody tr td{border-left:1px solid var(--border-color01);}
	.goods_feature .notice{margin-top:-10px;display: grid;gap:4px;}
	.goods_feature .notice p{font-size:var(--text-18);color:var(--black-color06);font-weight:400;line-height:1.6;}
	.goods_feature .table_notice{display: none;font-size:var(--text-16);color:var(--black-color06);font-weight:400;line-height:1.4;}


	@media (max-width:640px) {
		.goods_feature .use_box dl{width:100%;}
		.goods_feature .notice{margin:0;}
	}
	@media (max-width:479px) {
		.goods_feature .table_notice{display: block;}
		.goods_feature .table_box{overflow-x:auto;}
		.goods_feature .table_box table{width:550px;}
	}

/*───────────────────────────────────────────────────────────
	게시판
───────────────────────────────────────────────────────────*/
	/* 인풋 */
		#wrap input:where([type="text"], [type="password"], [type="number"]){height: clamp(44px, 8vw, 60px);border-radius: var(--radius-10);background: var(--point-white);border: 1px solid var(--border-color01);padding: 0 clamp(15px, 2vw, 20px);font-size: var(--text-18);font-weight: 400;color: var(--black-color03);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:400;}
		#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, 18px)) 50% / clamp(12px, 1.9vw, 14px) auto;border: 1px solid var(--border-color01);border-radius: var(--radius-10);padding: 0 clamp(35px, 5.5vw, 55px) 0 clamp(15px, 2vw, 20px);font-size: var(--text-18);font-weight:500;color: var(--black-color03);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;border-radius:var(--radius-06);}
		#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-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:var(--row-gap40);}
		#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;}
		}

	/*갤러리*/
		.gallery_list{display: grid;gap:var(--row-gap60) var(--row-gap40);grid-template-columns:var(--grid-array03);}
		.gallery_list.no_data{grid-template-columns:repeat(1, 1fr);text-align: center;}
		.nodata{padding:var(--row-gap30) 0;text-align: center;}
		.gallery_list .thumb{width:100%;aspect-ratio:auto 1.57;border-radius:var(--radius-20);overflow:hidden;}
		.gallery_list .thumb img{width:100%;height:100%;object-fit:cover;}
		.gallery_list .txt_info{margin-top: clamp(12px, 2vw, 24px);display: flex;flex-direction: column;gap:clamp(8px, 1.5vw, 18px);}
		.gallery_list .txt_info strong{font-size:var(--text-22);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-18);color:var(--black-color06);font-weight:400;line-height:1.6;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2;}

	/* 일반 게시판 */
		.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;}
		}

	/*view*/
		.bbs_view .view_title{padding-bottom:var(--row-gap50);border-bottom:1px solid var(--black-color03);display:grid;gap:var(--row-gap30);text-align: center;}
			.bbs_view .view_title h3{font-size:var(--text-36);color:var(--black-color03);font-weight:500;line-height:1.4;}
			.bbs_view .view_title p{font-size:var(--text-20);color:var(--black-color08);font-weight:400;line-height:1.4;font-family:var(--font-type02);}
		#wrap .bbs_view div.view_cont{padding:var(--row-gap60) 0 var(--row-gap30);text-align: center;border-bottom:1px solid var(--border-color01);}
		#wrap .thumb_img_wrap{padding-bottom:var(--row-gap50);}
			#wrap .thumb_img_wrap img{border-radius:var(--radius-20);overflow:hidden;}
		#wrap .extra_editor_wrap{display: flex;align-items: center;gap:var(--row-gap40);width: 100%;margin: 0;padding: clamp(15px, 2vw, 22px) 0;border: 0;background: var(--gray-bg02);border-radius: var(--radius-10);box-sizing: border-box;margin-top:var(--row-gap60);}
		#wrap .extra_editor_wrap h4{position: relative;display: flex;align-items: center;justify-content: center;text-align: center;width: clamp(100px, 14vw, 140px);flex-shrink: 0;background: none;padding: 0 10px;font-size: var(--text-18);font-weight: 500;color: var(--black-color03);}
		#wrap .extra_editor_wrap h4:before{position: absolute;content:'';width: 1px;height: clamp(8px, 1vw, 10px);background: var(--border-color02);top:50%;right:0;translate: 0 -50%;}
		#wrap .extra_cont{padding: 0;font-size: var(--text-17);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;}

	/* 작성하기 */
		.inquiry_bnr{display: flex;flex-direction: column;align-items: center;justify-content: center;gap:var(--row-gap20);padding:var(--row-gap120) var(--row-gap30);background:url('../images/skin/inquiry_bnr.jpg')no-repeat center / cover;border-radius:var(--radius-20);text-align: center;margin-bottom: var(--row-gap60);}
		.inquiry_bnr h4{font-size: var(--text-40);color: var(--point-white);font-weight:600;line-height:1.4;}
		.inquiry_bnr p{font-size: var(--text-20);color: var(--point-white);font-weight:400;line-height:1.6;}


		#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 .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(20px, 4vw, 40px);}
		#wrap .bbs_write tr{display: flex;align-items:center;width: calc(100% / 2 - clamp(20px, 4vw, 40px) / 2); gap: var(--row-gap10) 0;}
		#wrap .bbs_write th{width: clamp(100px, 15vw, 150px);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;border-radius:var(--radius-10);}
		#wrap .bbs_write input:where([type="text"], [type="password"], [type="number"])::placeholder{color: var(--border-color02);}
		#wrap .bbs_write textarea{height: clamp(150px, 20vw, 200px);padding:clamp(15px, 2vw, 20px);font-size: var(--text-18);}
		#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, 20vw, 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:var(--radius-06);}
		#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;border-radius:var(--radius-06)}
		#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%;border-radius:var(--radius-10);}
		#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;border-radius:var(--radius-10)}
		#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;border-radius:var(--radius-10);}
		#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 (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;}
		}