@charset "utf-8";


/* ===================================================== */
/* 콘텐츠 공통 */
.color-b {color:#222 !important;}
.color-g {color:#666 !important;}
.color-1 {color:#172b80 !important;}
.color-2 {color:#aa3a00 !important;}
.color-3 {color:var(--color-main) !important;}

.fw-1 {font-weight: 100;}
.fw-2 {font-weight: 200;}
.fw-3 {font-weight: 300;}
.fw-4 {font-weight: 400;}
.fw-5 {font-weight: 500;}
.fw-6 {font-weight: 600;}
.fw-7 {font-weight: 700;}
.fw-8 {font-weight: 800;}
.fw-9 {font-weight: 900;}

.upper {text-transform: uppercase;}



.sub-content-wrap {--inout-padding:calc(var(--inner-padding) - var(--outer-padding));}
@media (max-width: 1540px){
	.sub-content-wrap {--inout-padding:var(--outer-padding);}
}


@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/* 콘텐츠 공통 */
/* ===================================================== */




/* ===================================================== */
/* : S */


/*  : E */
/* ===================================================== */




/* ===================================================== */
/* 기업소개 : S */
.company strong {font-weight: 700;}


/*CEO 인사말*/
.ceo {overflow: hidden; padding-bottom:15rem;}
.ceo__header {margin-top:4rem;}
.ceo__header .tit {font-size:5rem; font-weight: 700; color:#222;}
.ceo__header .txt {font-size:5rem; font-weight: 500; color:#222; margin-top:6rem;}
.ceo__header .txt-box {position: relative; margin-top:2rem; padding:1.5rem 0; font-size: 2.8rem; font-weight: 500; color:#fff;}
.ceo__header .txt-box::before {content: ''; display: block; width:0%; height:100%; background-color: var(--color-main); position: absolute; top:0; left:50%; z-index: -1; transform: translate(-50%, 0); transition: all 1.5s ease-in-out;}
.ceo__header .txt-box.aos-animate::before {width:300%;}

@media (max-width: 768px){
	.ceo__header {text-align: center;}
	.ceo__header .tit {font-size:4.2rem; }
	.ceo__header .txt {font-size:4.2rem; margin-top:3rem;}
}

.ceo__message {margin-top:8rem;}
.ceo__message-wrap {display: flex; gap:6rem; align-items: flex-start;}
.ceo__message-wrap > .image {flex-shrink: 0; border-radius: 1.5rem; overflow: hidden; font-size: 0;}


.ceo__message-wrap .txt-box {font-size:max(2rem, 15px); line-height: 1.5; font-weight: 500; padding-top:2rem;}
.ceo__message-wrap .txt-box .txt + .txt {margin-top:3rem;}

.ceo__message-txt .line {height:1px;  margin-top:6rem; position: relative; padding-right:11rem;}
.ceo__message-txt .line span {display: block; height:100%; background-color: #000; transition: all 1s ease-in-out; width:0;}

.ceo__message-txt .line::before,
.ceo__message-txt .line::after {content:''; display: block; width:8rem; height:5.5rem; position: absolute; top:50%; right:100%;  border-radius: 50%; transform: translate(0%, -50%) rotate(-70deg); transition: all 1s ease-in-out; opacity: 0;}

.ceo__message-txt .line::before {background-color: var(--color-main);}
.ceo__message-txt .line::after {background-color: transparent; border:2px solid #aa3a00;}
.ceo__message-txt .line.aos-animate span {width:100%; background-color: #ededed;}
.ceo__message-txt .line.aos-animate::before {right:3.5rem; opacity: 1; transition-delay: 0.3s;}
.ceo__message-txt .line.aos-animate::after {right:0rem; opacity: 1;}


.ceo__message-txt .sign {margin-top:8rem; color:#222;}
.ceo__message-txt .sign > p {font-size:max(2.5rem, 16px); }
.ceo__message-txt .sign > h3 {font-size:max(3.5rem, 20px); font-weight: 700; letter-spacing: 0.5em; margin-top:0.5rem;}


@media (max-width: 1024px){
	.ceo__message-wrap {gap:4rem;}
	.ceo__message-wrap > .image {max-width: 40%;}
}

@media (max-width: 768px){
	.ceo__message-wrap {flex-direction: column; align-items: center;}
	.ceo__message-wrap > .image {max-width: 60%;}
	.ceo__message-txt .sign {text-align: center;}
	.ceo__message-txt .sign > h3 {padding-left:2rem;}
}
@media (max-width: 480px){
	.ceo__message-wrap > .image {max-width: 80%;}
}




/*주요사업*/
.business {padding: 4rem 0 30rem; --busi-ico:7.2rem; --busi-ico-padding:9rem;}



.business-list {position: relative; display: flex; flex-direction: column;}
.business-list .img-mo,
.business-list .ico-mo {display: none;}


.business-list > .img-bg {position: relative; order:1;}
.business-list > .img-bg .image {font-size:0;}

.business-list > .img-bg .tit{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);text-align: center; font-size: 2.7rem; font-weight: 700; color:#182c81; padding-top:3rem;}
.business-list > .img-bg .tit span {display: block;}


.business-list > .item {position: absolute; bottom: 0; width: 28%; z-index: 1;}
.business-list > .item .tit {font-size:2.5rem; color:#222; font-weight: 700;}
.business-list > .item .desc {margin-top:1rem; font-size:max(1.7rem, 14px); font-weight: 600; display: flex;  flex-direction: column; gap:0.6rem;}
.business-list > .item .desc li {position: relative; display: flex; gap:5px; line-height: 1.3;}
.business-list > .item .desc li::before {content:''; display: block; width:5px; height:5px; border-radius: 50%; background-color: #222; margin-top:0.9rem; flex-shrink: 0;}

.business-list > .item::before {content:''; display: block; width:var(--busi-ico); height:var(--busi-ico); background: no-repeat center/contain; position: absolute;}

.business-list > .item.nth-1::before {background-image: url('../images/sub/sub0102_ico01.png');}
.business-list > .item.nth-2::before {background-image: url('../images/sub/sub0102_ico02.png');}
.business-list > .item.nth-3::before {background-image: url('../images/sub/sub0102_ico03.png');}
.business-list > .item.nth-4::before {background-image: url('../images/sub/sub0102_ico04.png');}
.business-list > .item.nth-5::before {background-image: url('../images/sub/sub0102_ico05.png');}

.business-list > .item.nth-1 {position: relative; padding-bottom:var(--busi-ico-padding); text-align: center; width:100%;}
.business-list > .item.nth-1::before {bottom:0; left:50%; transform: translate(-50%, 0);}
.business-list > .item.nth-1 .desc {justify-content: center; align-items: center;}

.business-list > .item.nth-2 {text-align: right; padding-right:var(--busi-ico-padding); top:50%; right:72%}
.business-list > .item.nth-2::before {top:0; right:0;}
.business-list > .item.nth-2 .desc {align-items: flex-end;}
.business-list > .item.nth-2 .desc li::before {order:1;}

.business-list > .item.nth-3 {padding-left:var(--busi-ico-padding); top:50%; right:0;}
.business-list > .item.nth-3::before {top:0; left:0;}
.business-list > .item.nth-3 .desc { align-items: flex-start;}


.business-list > .item.nth-4 {text-align: right; padding-right:var(--busi-ico-padding); top:94%; right:64%}
.business-list > .item.nth-4::before {top:0; right:0;}
.business-list > .item.nth-4 .desc {align-items: flex-end;}
.business-list > .item.nth-4 .desc li::before {order:1;}


.business-list > .item.nth-5 {padding-left:var(--busi-ico-padding); top:94%; right:4%; width:32%;}
.business-list > .item.nth-5::before {top:0; left:0;}
.business-list > .item.nth-5 .desc { align-items: flex-start;}


@media (max-width: 1280px){
	.business {--busi-ico:6rem; --busi-ico-padding:7.5rem;}
	.business-list > .item .desc li::before { margin-top:0.8rem; width:4px; height:4px;}
}


@media (max-width: 1023px){
	.business {padding: 4rem 0 15rem;}

	.business-list .img-mo,
	.business-list .ico-mo {display: block;}
	.business-list .img-pc {display: none;}


	.business-list .img-mo {margin: 0 auto;}
	.business-list .ico-mo > li { width:var(--busi-ico); height:var(--busi-ico);  background: no-repeat center/contain; position: absolute;}

	.business-list .ico-mo > li.nth-1 {background-image: url('../images/sub/sub0102_ico01.png'); top:calc(0px - var(--busi-ico)); left:50%; margin-left:calc(0px - var(--busi-ico) / 2);}
	.business-list .ico-mo > li.nth-2 {background-image: url('../images/sub/sub0102_ico02.png'); top:30%; left:0%; margin-left:calc(0px - var(--busi-ico));}
	.business-list .ico-mo > li.nth-3 {background-image: url('../images/sub/sub0102_ico03.png'); top:30%; right:0%; margin-right:calc(0px - var(--busi-ico));}
	.business-list .ico-mo > li.nth-4 {background-image: url('../images/sub/sub0102_ico04.png'); top:98%; left:10%;}
	.business-list .ico-mo > li.nth-5 {background-image: url('../images/sub/sub0102_ico05.png'); top:97%; right:10%;}

	.business-list > .img-bg {order:0; display: inline-block; margin:var(--busi-ico-padding) auto; max-width: 60%;}


	.business-list {flex-direction: row; flex-wrap: wrap; gap:5rem 4rem;}
	.business-list > .item {position:static; width: calc(50% - 2rem); flex-grow: 1 1;}


	.business-list > .item.nth-1 {position: relative; padding: 0 0 0 var(--busi-ico-padding); text-align: left; width: calc(50% - 2rem);}
	.business-list > .item.nth-1::before {top:0; left:0; transform: translate(0, 0);}
	.business-list > .item.nth-1 .desc {align-items: flex-start;}

	.business-list > .item.nth-2 {text-align: left; padding: 0 0 0 var(--busi-ico-padding);}
	.business-list > .item.nth-2::before {top:0; left:0;}
	.business-list > .item.nth-2 .desc {align-items: flex-start;}
	.business-list > .item.nth-2 .desc li::before {order:0;}

	.business-list > .item.nth-3 { padding: 0 0 0 var(--busi-ico-padding); }


	.business-list > .item.nth-4 {text-align: left; padding: 0 0 0 var(--busi-ico-padding);}
	.business-list > .item.nth-4::before {top:0; left:0;}
	.business-list > .item.nth-4 .desc {align-items: flex-start;}
	.business-list > .item.nth-4 .desc li::before {order:0;}

	.business-list > .item.nth-5 {padding: 0 0 0 var(--busi-ico-padding); width: calc(50% - 2rem);}
}


@media (max-width: 640px){
	.business {--busi-ico:5rem; --busi-ico-padding:6rem;}
	
	.business-list > .img-bg {max-width: calc(100% - var(--busi-ico-padding) * 2);}
	.business-list > .img-bg .tit{font-size: 2.2rem;}


	.business-list {flex-direction: row; flex-wrap: wrap; gap:5rem 4rem;}
	.business-list > .item {width:100% !important;}
}

@media (max-width: 480px){
	.business {--busi-ico:0rem; --busi-ico-padding:0rem; padding-top:0;}
}









/*연혁*/
.history {padding:5rem 0 15rem;}
.history-wrap {display: flex; align-items: flex-start; gap: 8rem;}

.history-image {position: sticky; top: 10rem;  align-self: flex-start; flex-shrink: 0; width:40%; display: flex; flex-direction: column; font-size:0;}
.history-image .item {flex:1 1;}
.history-image .item .image {width:50%; flex-shrink: 0; border-radius: 1rem; overflow: hidden;}

.history-image .item.nth-2 {display: flex; align-items: center; position: relative; z-index: 1;}
.history-image .item.nth-2 .tit {font-size: 7rem; font-weight: 100; color:#000; flex-shrink: 0; width:calc(50% - 0.6rem); position: relative; white-space: nowrap;}
.history-image .item.nth-2 .image {margin:-0.6rem 0;}


.history-image .item.nth-2::before,
.history-image .item.nth-2::after {content:''; display: block; width:8rem; height:5.5rem; position: absolute; top:100%; right:100%;  border-radius: 50%; transform: translate(0%, -50%) rotate(-70deg); transition: all 1s ease-in-out; opacity: 0; z-index: 2;}

.history-image .item.nth-2::before {background-color: var(--color-main);}
.history-image .item.nth-2::after {background-color: transparent; border:2px solid #aa3a00;}
.history-image .item.nth-2.aos-animate span {width:100%; background-color: #ededed;}
.history-image .item.nth-2.aos-animate::before {right:calc(40% + 3.5rem); opacity: 1; transition-delay: 0.3s;}
.history-image .item.nth-2.aos-animate::after {right:40%; opacity: 1;}



@media (max-width: 1440px){
	.history-image .item.nth-2 .tit {font-size:6rem;}
}

@media (max-width: 1280px){
	
	.history-image .item.nth-2 .tit {font-size:5.4rem;}
}

@media (max-width: 1024px){
	.history-wrap { gap: 4rem;}
	.history-image .item.nth-2 .tit {font-size:4.8rem; letter-spacing: -0.05em;}
	.history-image .item.nth-2::before,
	.history-image .item.nth-2::after {width:7rem; height:5rem;}
}

@media (max-width: 680px){
	.history-wrap { flex-direction: column; align-items: center;}
	.history-image {position: static; width: 70%; align-self: center;}
	.history-image .item.nth-2 .tit {font-size:4.8rem; letter-spacing: 0em;}
	

	.history-list {width:100%; margin-top:4rem;}
}

@media (max-width: 576px){
	.history-image {width: 100%;}

}

.history-list {flex-grow: 1; padding-left:1rem;}
.history-list .tit {font-size:5rem; font-weight: 700; color:#182d82;}
.history-list .item + .tit {margin-top:8rem;}
.history-list .item {margin-top:4rem; }

.history-list .year {font-size:2.5rem; font-weight: 700; color:#222;}

.history-list .item-list > li {position: relative; font-size:max(1.8rem, 14px); font-weight: 500; margin-top:0.8rem; line-height: 1.3;}
.history-list .item-list > li::before {content:''; display: block; width:0.5rem; height:0.5rem; border-radius: 1rem; background-color: #000; position:absolute; left:-1rem; top:0.8rem;}






/*연혁 수정 20250730*/
.newhistory {padding:0rem 0 19rem; overflow: hidden; --history-border : 4rem;}

.newhistory__header {margin-bottom:0rem;}
.newhistory__header-wrap {display: flex; align-items: flex-end; gap:2rem; justify-content: space-between;}
.newhistory-title {display: flex; align-items: flex-end; gap:2rem;}
.newhistory-title .tit {font-size: 7rem; font-weight: 100; color:#182d82;}
.newhistory-title .txt {font-size:1.8rem; font-weight: 500; padding-bottom:1rem; padding-left:2.5rem; position: relative;}
.newhistory-title .txt::before {content:''; display: block;  width:1px; height:2.4rem; background-color: #cfcfcf;  position: absolute; left:0;}


.newhistory__header .slide-control {display: flex; align-items: center;}
.newhistory__header .slide-control .slide-btn {width:6.6rem; height:5.6rem; display: flex; align-items: center; justify-content: center; font-size: 0; text-indent:-88888px; border-radius: 5px; background-color: #fff; border:1px solid #dcdfea; transition: all 0.5s ease-in-out; cursor: pointer;}
.newhistory__header .slide-control .slide-btn.next {margin-left:-1px; transform: rotate(180deg);}
.newhistory__header .slide-control .slide-btn span {width:2rem; height:2rem; display: block; border:solid #3e55ab; border-width: 1px 1px 0 0; transform:translate(25%, 0) rotate(-135deg); transition: all 0.5s ease-in-out;}

.newhistory__header .slide-control .slide-btn:hover {background-color: var(--color-main); border-color: var(--color-main);}
.newhistory__header .slide-control .slide-btn:hover span {border-color: #fff;  transform:translate(0%, 0) rotate(-135deg);}

@media (max-width: 640px){
	.newhistory__header-wrap {flex-direction: column; align-items: center; text-align: center;}
	.newhistory-title {flex-direction: column; align-items: center; gap:1rem;}
	.newhistory-title .tit {font-size: 5.6rem;}
	.newhistory-title .txt {font-size:max(1.8rem, 14px); padding:0;}
	.newhistory-title .txt::before {display: none;}

	.newhistory__header .slide-control .slide-btn {width:6rem; height:5rem;}

}


@media (max-width: 480px){
}







.newhistory-wrap {position: relative;}
.newhistory-wrap .bg--bar {position: absolute; width:100%; height:50%; background-color: #f5f6f9; bottom:0; left:0;}
.newhistory-wrap .bg--bar::before,
.newhistory-wrap .bg--bar::after {content:''; display: block; width:2.5rem; height:100%; background-image: linear-gradient(to right, #f5f6f9 25%, transparent); position: absolute; z-index: 2; top:0;}
.newhistory-wrap .bg--bar::before {left:0; transform: translate(calc(0px - 100% + var(--inner-padding)), 0);}
.newhistory-wrap .bg--bar::after {right:0; transform:translate(calc(100% - var(--inner-padding)), 0) rotate(180deg);}


.newhistory-wrap::before,
.newhistory-wrap::after {content:''; display: block; width:100%; height:1px; background-color: #3e55ab; position: absolute; top:50%; z-index: 3;}
.newhistory-wrap::before {left:0%; transform: translate(calc(0px - 100% + var(--inner-padding)), 0);}
.newhistory-wrap::after {right:0; transform: translate(calc(100% - var(--inner-padding)), 0);}




.newhistory-inwrap {margin: 0 calc(var(--inner-padding) - 2.5rem); position: relative;}
.newhistory-inwrap::before,
.newhistory-inwrap::after {content:''; display: block; width:2.5rem; height:50%; background-image: linear-gradient(to right, #fff 25%, transparent); position: absolute; z-index: 2; top:0;}
.newhistory-inwrap::before {left:0;}
.newhistory-inwrap::after {right:0; transform:rotate(180deg);}



.newhistory-list::before {content:''; display: block; width:100%; height:1px; background-color: #3e55ab; position: absolute; top:50%;}




.newhistory-list .item {width:20.7rem; padding:0 2.5rem;}
.newhistory-list .item:nth-child(2n) .item-box {padding-top:var(--desc-height);}


.newhistory-list .item-box {display: flex; flex-direction: column; align-items: center;}
.newhistory-list .year {background-color:#000; display: flex; align-items: center; justify-content: center; text-align: center; width:13rem; height:13rem; border-radius: 50%; position: relative; margin:5rem 0; z-index: 1; order:2;}
.newhistory-list .item:nth-child(2n) .year{order:1;}

.newhistory-list .year::before,
.newhistory-list .year::after {content:''; display: block; position: absolute; z-index: -1;}
.newhistory-list .year::before {width:1px; height:4.5rem; background-color: #222; bottom:100%; left:50%;}
.newhistory-list .year::after {width:0.8rem; height:0.8rem; border-radius: 0.4rem; background-color: #222; top:-5rem; left:50%; transform: translate(-50%, 0%);}


.newhistory-list .item:nth-child(2n) .year,
.newhistory-list .item:nth-child(2n) .year::before,
.newhistory-list .item:nth-child(2n) .year::after {background-color: var(--color-main);}

.newhistory-list .item:nth-child(2n) .year::before{bottom:auto; top:100%;}
.newhistory-list .item:nth-child(2n) .year::after { top:auto; bottom:-5rem;}



.newhistory-list .year .txt {font-size:max(2.5rem, 18px); font-weight: 700; line-height: 1.1; width: 100%; letter-spacing: -0.025em; color:#fff;}



.newhistory-list .desc {display: flex; flex-direction: column; justify-content: flex-end; padding:3rem 0;order:1;}
.newhistory-list .item:nth-child(2n) .desc{order:2; justify-content: flex-start;}
.newhistory-list .desc .txt {font-size:max(1.6rem, 14px); font-weight: 700; line-height: 1.2; width: 100%; letter-spacing: -0.05em; color:#222; position: relative;}
.newhistory-list .desc .txt::before {content:''; display: block; width:6px; height:2px; background-color: #222; position: absolute; left:-1rem; top:0.8rem;}
.newhistory-list .desc .txt + .txt {margin-top:1rem;}


.newhistory-list .desc .point-1 {color:var(--color-main);}
.newhistory-list .desc .point-2 {color:var(--color-sub1);}




@media (max-width: 1280px){
	.newhistory-list .year {width:16rem; height:16rem; padding:0 1rem;}
}

@media (max-width: 768px){
	.newhistory-list .item {padding:0 3rem; }
	
}






.newhistory__footer {font-size: 0; padding-top:calc(var(--history-border) * 2 + 10rem); position: relative;}
.newhistory__footer::before,
.newhistory__footer::after {content:''; display: block; width:0%; height:var(--history-border); position: absolute; top:0; left:0;  background-color: #eceef4; }
.newhistory__footer::before {top:var(--history-border);background-color:#dcdfea}

.newhistory__footer.aos-animate::before,
.newhistory__footer.aos-animate::after {width:100%; animation: clip-center 1.5s; animation-timing-function: cubic-bezier(.25,.46,.45,.94);}

.newhistory__footer-wrap {display: flex; gap:2rem; justify-content: center;}
.newhistory__footer-wrap .item {border-radius: 1rem; overflow: hidden; opacity: 0;}
.newhistory__footer-wrap .item.nth-1.aos-animate {animation: fade-right 1s ease-in-out both;}
.newhistory__footer-wrap .item.nth-2.aos-animate {animation: fade-up 1s ease-in-out both;}
.newhistory__footer-wrap .item.nth-3.aos-animate {animation: fade-left 1s ease-in-out both;}


.newhistory__footer-wrap::before,
.newhistory__footer-wrap::after {content:''; display: block; width:8rem; height:5.5rem; position: absolute; top:100%;   border-radius: 50%;  transition: all 1s ease; opacity: 0; z-index: 2;}

.newhistory__footer-wrap::before {background-color: var(--color-main);left:100%; transform: translate(-50%, -50%) rotate(-70deg);}
.newhistory__footer-wrap::after {background-color: transparent; border:2px solid #aa3a00;right:100%;transform: translate(50%, -50%) rotate(-70deg);}
.newhistory__footer-wrap.aos-animate::before {left:calc(50% - 1.5rem); opacity: 1; transform: translate(-50%, -50%) rotate(-1150deg);}
.newhistory__footer-wrap.aos-animate::after {right:calc(50% - 1.5rem); opacity: 1; transition-delay: 0.5s; transform: translate(50%, -50%) rotate(-1150deg);}

@media (max-width: 1024px){
	.newhistory__footer-wrap::before,
	.newhistory__footer-wrap::after{width:6rem; height:4.2rem;}
}
@media (max-width: 640px){
	.newhistory__footer-wrap .item.nth-2.aos-animate {animation: fade-left 1s ease-in-out both;}
	.newhistory__footer-wrap .item.nth-3{display: none;}
}

@media (max-width: 520px){
	.newhistory__footer-wrap {flex-wrap: wrap;}
	.newhistory__footer-wrap::before,
	.newhistory__footer-wrap::after {top:50%;}
}


















/*조직도*/
.organi {padding:4rem 0 15rem; --organi-gap : 5rem; --organi-gap-2x : calc(var(--organi-gap) * 2);}

.organi-row  {display: flex; justify-content: center; text-align: center;}

.organi-group {flex: 1 1; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;}
.organi-group .item {display: flex; align-items: center; justify-content: center; position: relative;}


.organi-group.nth-1 {position: relative; row-gap: var(--organi-gap);}
.organi-group.nth-1 .item.nth-1 {width:24rem; height:18.7rem; background:url('../images/sub/sub0104_bg01.png') no-repeat center/contain;}

.organi-group.nth-1 .item.nth-1 .tit em {color:#23252c; font-size:1.8rem; font-weight: 700; text-decoration: underline; text-underline-offset: 0.1em;}
.organi-group.nth-1 .item.nth-1 .tit span {color:#052a81; font-size:2.7rem; font-weight: 700;}

.organi-group.nth-1 .item.nth-2 {width:20rem; height:max(5.6rem, 44px); border-radius: 1rem; background-color: #1d2d64;}
.organi-group.nth-1 .item.nth-2 .tit {font-size: max(2.2rem, 18px); font-weight: 700; color:#fff;}

.organi-group.nth-1 .item::before {content:''; display: block; width:1px; height:var(--organi-gap); background-color: #c7c9cc; position: absolute; top:100%; left:50%;}




.organi-row.nth-2 {margin-top:0; gap:2rem;}
.organi-row.nth-2 .organi-group {justify-content: flex-start; flex-shrink: 0;}
.organi-row.nth-2 .organi-group.nth-2 {flex-grow:4;}
.organi-row.nth-2 .organi-group.nth-3 {flex-grow:3;}
.organi-row.nth-2 .organi-group.nth-4 {flex-grow:1;}
.organi-row.nth-2 .organi-group.nth-5 {flex-grow:1;}


.organi-row.nth-2 .organi-group::before {content:''; display: none; width:calc(100% + 2rem); height:1px; background-color: #c7c9cc; position: absolute; top:calc(0px - var(--organi-gap)); left:0;}


.organi-row.nth-2 .organi-group:first-of-type::before {width:calc(50% + 2rem); left:50%;}
.organi-row.nth-2 .organi-group:last-of-type::before {width:calc(50% + 2rem); left:-2rem;}


.organi-depth1 {display: flex; align-items: center; justify-content: center; font-size:max(2.2rem, 18px); font-weight: 700; border-radius: 1rem; border-width: 2px; border-style: solid; width: 100%; height:max(5.6rem, 44px); color:#fff;}
.organi-depth1::before {content:''; display: block; width:1px; height:var(--organi-gap); background-color: #c7c9cc; position: absolute; bottom:100%; left:50%;}
.organi-depth1::after {content:''; display: block; width:10px; height:10px; border-radius: 50%; position: absolute; top:calc(0px - var(--organi-gap)); left:50%; transform:translate(-50%, -50%);  transition: all 0.5s ease-in-out;}

.organi-group.nth-2 .organi-depth1 {background-color:#4f6baf; border-color:#2a478e;}
.organi-group.nth-3 .organi-depth1 {background-color:#578bc1; border-color:#316ba6;}
.organi-group.nth-4 .organi-depth1 {background-color:#616d89; border-color:#434f6d; font-size:max(1.8rem, 16px);}
.organi-group.nth-5 .organi-depth1 {background-color:#677f97; border-color:#425e7b; font-size:max(1.8rem, 16px);}

.organi-group.nth-2 .organi-depth1::after {background-color:#4f6baf;}
.organi-group.nth-3 .organi-depth1::after {background-color:#578bc1;}
.organi-group.nth-4 .organi-depth1::after {background-color:#616d89;}
.organi-group.nth-5 .organi-depth1::after {background-color:#677f97;}




.organi-group-wrap {display: flex; justify-content: space-between; padding-top:var(--organi-gap-2x); position: relative; width:100%; gap:1rem;}
.organi-group-wrap::before {content:''; display: none; width:1px; height:var(--organi-gap); background-color: #c7c9cc; position: absolute; top:0%; left:50%;}
.organi-group-wrap::after {content:''; display: none; width:11px; height:11px; border-radius: 50%; position: absolute; top:var(--organi-gap); left:50%; transform:translate(-50%, -50%); background-color: #fff; border-width: 3px; border-style: solid;  transition: all 0.5s ease-in-out;}

.organi-group.nth-2 .organi-group-wrap::after {border-color:#4f6baf;}
.organi-group.nth-3 .organi-group-wrap::after {border-color:#578bc1;}
.organi-group.nth-4 .organi-group-wrap::after {border-color:#616d89; display: none;}
.organi-group.nth-5 .organi-group-wrap::after {border-color:#677f97; display: none;}



.organi-depth2 {display: flex; align-items: center; justify-content: flex-start; flex-direction: column; position: relative; flex:1 1; gap:1.5rem; width: 100%;}
.organi-depth2::before {content:''; display: block; width:1px; height:var(--organi-gap); background-color: #c7c9cc; position: absolute; bottom:100%; left:50%;}

.organi-depth2::after {content:''; display: block; width:calc(100% + 1rem); height:1px; background-color: #c7c9cc; position: absolute; top:calc(0px - var(--organi-gap)); left:0;}


.organi-depth2:first-of-type::after {width:calc(50% + 1rem); left:50%;}
.organi-depth2:last-of-type::after {width:calc(50% + 1rem); left:-1rem;}

.organi-group.nth-4 .organi-depth2::after,
.organi-group.nth-5 .organi-depth2::after {display: none;}


.organi-depth2 .tit {display: flex;  align-items: center; justify-content: center; border-radius: 1rem; height:max(4.6rem, 38px);  width: 100%; font-size:max(1.8rem, 15px); font-weight: 600; color:#fff;}
.organi-depth2:last-child .tit {font-size:max(1.6rem, 15px);}

.organi-group.nth-2 .organi-depth2 .tit{background-color: #4f6baf;}
.organi-group.nth-3 .organi-depth2 .tit{background-color: #d4dfeb;}
.organi-group.nth-4 .organi-depth2 .tit{background-color: #c7cfe2;}
.organi-group.nth-5 .organi-depth2 .tit{background-color: #bacbdb;}

.organi-depth2 .tit::before{content:''; display: block; width:11px; height:11px; border-radius: 50%; position: absolute; top:calc(0px - var(--organi-gap)); left:50%; transform:translate(-50%, -50%); background-color: #fff; border-width: 3px; border-style: solid; border-color:#4f6baf; transition: all 0.5s ease-in-out; z-index: 1;}


.organi-depth2 .list {display: flex; flex-direction: column; justify-content: center; align-items: center; gap:1.5rem; width: 100%;}
.organi-depth2 .item {flex-grow: 1; font-size:max(1.7rem, 14px); font-weight: 600; color:#666; height:max(4.6rem, 38px);  width: 100%;display: flex; align-items: center; justify-content: center; background-color: #fff; border-width: 2px; border-style: solid; border-radius: 1rem;}

.organi-group.nth-2 .organi-depth2 .item{border-color: #d8dbe1;}
.organi-group.nth-3 .organi-depth2 .item{border-color: #d4dfeb;}
.organi-group.nth-4 .organi-depth2 .item{border-color: #c7cfe2;}
.organi-group.nth-5 .organi-depth2 .item{border-color: #bacbdb;}


.organi-wrap .aos-init::before,
.organi-wrap .aos-init::after,
.organi-wrap .aos-init *::before,
.organi-wrap .aos-init *::after {opacity: 0;}

.organi-wrap .aos-init.aos-animate::before,
.organi-wrap .aos-init.aos-animate::after,
.organi-wrap .aos-init.aos-animate *::before,
.organi-wrap .aos-init.aos-animate *::after {animation: fade-in 1s ease-in-out 0.5s both;}



@media (max-width: 1280px){
	.organi-group-wrap {flex-wrap: wrap; row-gap: var(--organi-gap-2x);}
	.organi-depth2 {flex-basis: calc(25% - 0.75rem);}


	.organi-depth2:nth-child(5)::after {width:calc(50% + 1rem); left:50%;}
	.organi-depth2:nth-child(4)::after {width:calc(50% + 1rem); left:-1rem;}
}


@media (max-width: 1024px){
	.organi-row.nth-2 {flex-wrap: wrap; row-gap: var(--organi-gap-2x);}
	.organi-row.nth-2 .organi-group.nth-2 {flex-grow:1; flex-basis: 100%; width:100%;}
	.organi-row.nth-2 .organi-group.nth-3 {flex-grow:3;}
	.organi-row.nth-2 .organi-group.nth-4 {flex-grow:1;}
	.organi-row.nth-2 .organi-group.nth-5 {flex-grow:1;}

	.organi-row.nth-2 .organi-group:first-of-type::before {display: none;}
	.organi-row.nth-2 .organi-group.nth-3::before {width:calc(50% + 2rem); left:50%;}
}



@media (max-width: 767px){
	.organi-depth2 {flex-basis: calc(50% - 0.5rem);}


	.organi-depth2::after {width:calc(50% + 1rem); left:50%;}
	.organi-depth2:nth-child(2n)::after {width:calc(50% + 1rem); left:-1rem;}
	.organi-depth2 .tit br {display: none;}

}



@media (max-width: 640px){
	.organi-row.nth-2 .organi-group.nth-3 {flex-grow:1; flex-basis: 100%; width:100%;}
	
	.organi-row.nth-2 .organi-group.nth-4 {flex-grow:1;}
	.organi-row.nth-2 .organi-group.nth-5 {flex-grow:1;}

	.organi-row.nth-2 .organi-group.nth-3::before {display: none;}
	.organi-row.nth-2 .organi-group.nth-4::before {width:calc(50% + 2rem); left:50%;}

	.organi-group.nth-4 .organi-group-wrap::after,
	.organi-group.nth-5 .organi-group-wrap::after {display: block;}

}

@media (max-width: 480px){
	.organi-row.nth-2 .organi-group.nth-3 {flex-grow:1; flex-basis: 100%; width:100%;}
	
	.organi-row.nth-2 .organi-group.nth-4,
	.organi-row.nth-2 .organi-group.nth-5 { flex-basis: 100%; width:100%;}

	.organi-row.nth-2 .organi-group.nth-4::before,
	.organi-row.nth-2 .organi-group.nth-5::before{display: none;}

	.organi-group.nth-4 .organi-group-wrap::after,
	.organi-group.nth-5 .organi-group-wrap::after {display: block;}


	.organi-group-wrap {flex-wrap: wrap; flex-direction: column; }
	.organi-group.nth-2 .organi-group-wrap .organi-depth2 {flex:auto;}
	.organi-depth2::after {display: none;}
}










/*오시는 길*/
.location {padding:4rem 0 5rem;}
.location-wrap {margin:0 var(--outer-padding)}
.location-map {height:63rem; border-radius: 1rem; overflow: hidden;}
.location-map .item {height:100%;}
.location-map iframe {width:100%; height:100%; border:0;}



.location-info {width:100%; max-width: 106rem; margin:0 auto; display: flex; position: relative; transform: translateY(-50%);} 
.location-info .cols {flex:1 1 50%; flex-shrink: 0; border-radius: 1.5rem; display: flex; align-items: center; justify-content: center;  color:#fff;}
.location-info .cols.nth-1 {background-color: #1e378f;padding:3rem 0rem 5rem 5rem;}
.location-info .cols.nth-2 {background-color: #b24507;}

.location-info .cols.nth-1 .item-box {flex-grow: 1; width:100%;}
.location-info .cols.nth-1 .tit {font-size:max(2.5rem, 20px); font-weight: 700; color:#c2cfff; border-bottom:1px solid #3952ac; padding:0 2rem 1rem 0;}

.location-info .cols.nth-1 .desc {margin-top:2rem; display: flex; align-items: center; justify-content: center; gap:4rem; padding-right:3rem;}
.location-info .cols.nth-1 .desc .ico {font-size:0; text-indent: -99999px; width:8rem; height:8rem; flex-shrink: 0; border-radius: 50%; background:#fff url('../images/sub/sub0105_ico01.png') no-repeat center/contain; }
.location-info .cols.nth-1 .desc .txt {font-size:max(1.8rem, 14px); line-height: 1.3;}


.location-info .cols.nth-2 .item-box {display: flex; flex-direction: column; gap:1rem;}
.location-info .cols.nth-2 .item-list {display: flex; align-items: center; gap:2rem;}
.location-info .cols.nth-2 .item-list .ico {font-size:0; text-indent: -99999px; width:4rem; height:4rem; flex-shrink: 0; border-radius: 50%; background:#9e3900 no-repeat center/contain; }

.location-info .cols.nth-2 .item-list.tel .ico {background-image: url('../images/sub/sub0105_ico02.png');}
.location-info .cols.nth-2 .item-list.fax .ico {background-image: url('../images/sub/sub0105_ico03.png');}
.location-info .cols.nth-2 .item-list.email .ico {background-image: url('../images/sub/sub0105_ico04.png');}


.location-info .cols.nth-2 .item-list .txt {font-size:max(2.5rem, 18px); font-weight: 700; letter-spacing: 0.025em;}
.location-info .cols.nth-2 .item-list.email .txt {font-size:max(1.8rem, 14px);}


@media (max-width: 1280px){
	.location-info .cols.nth-1 .desc {gap:2rem;}
}
@media (max-width: 1024px){
	.location-info .cols {padding:3rem;}
	.location-info .cols.nth-1 {padding:3rem 0rem 3rem 3rem;}
	.location-info .cols.nth-1 .desc .ico {width:6rem; height:6rem;}
}

@media (max-width: 640px){
	.location {padding:4rem 0 15rem;}

	.location-map {height: 50rem;}

	.location-info {transform: translateY(0); margin-top:4rem;}
	.location-info {flex-direction: column; align-items: flex-start;}
	.location-info .cols {width:100%;justify-content: flex-start;}
	.location-info .cols.nth-1 .desc {justify-content: flex-start;}
	.location-info .cols.nth-1 .desc .ico {width:5rem; height:5rem;}
	
}


/* 기업소개 : E */
/* ===================================================== */











/* ===================================================== */
/* 기술 : S */

/*기술 - 보유기술 */
.tech {padding-bottom:15rem; overflow: hidden;}
.tech strong {font-weight: 700;}



.tech__header-wrap {display: flex; gap:5rem; margin:0 var(--inner-padding); padding-bottom:7rem; border-bottom:1px solid #e6e6e6;}
.tech__header-wrap .text-box {flex-grow:1;}
.tech__header-wrap .image {flex-shrink: 0;}
.tech__header-wrap .text-box .tit {font-size: 4rem; font-weight: 700; color:#222;}
.tech__header-wrap .text-box .txt {font-size: max(2rem, 15px); font-weight: 500; color: #222; line-height: 1.5; margin-top:2.5rem;}


@media (max-width: 768px){
	.tech__header-wrap {flex-direction: column;align-items: center;}
}

@media (max-width: 480px){
	.tech__header-wrap  .image {max-width: 60%;}
}


.tech__desc {margin-top:7rem;}
.tech__desc-wrap {margin:0 var(--inner-padding);}

.tech__desc-wrap .tit {font-size:3rem; font-weight: 700; color:#ac3c00;}
.tech__desc-list {margin-top:2rem; display: flex; flex-direction: column; gap:1.8rem;}

.tech__desc-list .item {display: flex; align-items: center; background-color: #1e378f; border-radius: 1rem; padding:1.5rem 2rem 1.5rem 4rem; position: relative; gap:3rem; line-height: 1.3;}

.tech__desc-list.type1 {flex-direction: row; flex-wrap: wrap;}
.tech__desc-list .item {flex: 1 1 40%;align-items: flex-start;}

.tech__desc-list .item::before {content:''; display: block; width:0.5rem; height:0.5rem; border-radius: 50%; background-color: #fff; position: absolute; top:2.5rem; left:2rem;}

.tech__desc-list .txt {font-size:2.3rem; font-weight: 600; color:#fff;}
.tech__desc-list .res {font-size:2rem; font-weight: 600; color:#b0c1ff; position: relative; display: flex; gap:3rem;}
.tech__desc-list .res::before {content:''; display: block; width:4.8rem; height:1.8rem; background: url('../images/sub/ico_arrow01.png') no-repeat center/contain; margin-top:0.4rem;}

@media (max-width: 768px){
	.tech__desc-list .item {flex-wrap: wrap; gap: 1rem;}
	.tech__desc-list .txt {flex-grow: 1; width:100%;}
	.tech__desc-list .res {gap:1rem;}
	.tech__desc-list .res::before {width:3rem;}

	.tech__desc-list .item {flex: 1 1 100%;}
}






.tech__photo {background-color: #e0e2ea; padding:10rem 0 12rem; margin-top:10rem;}
.tech__photo-wrap {margin:0 var(--inner-padding);}
/*보유기술 페이지내 이미지슬라이드*/





.tech__photo-slide {max-width:78rem; margin:0 auto;}
.tech__photo-slide .slide-list {overflow: hidden;}
.tech__photo-slide .swiper-slide img {display: block; width: 100%; height: 100%; max-height:56rem; object-fit: contain; object-position: center;}
.tech__photo-slide .photo-thumb .swiper-slide img {max-height:11rem;}

.tech__photo-slide .swiper,
.tech__photo-slide .swiper-wrapper,
.tech__photo-slide .swiper-slide {
  height: auto !important;
}





.tech__photo-slide .photo-large {position: relative;}
.tech__photo-slide .photo-large .slide-list {background-color: #fff; border-radius: 1rem;}

.tech__photo-slide .photo-large .swiper-pagination {position: absolute; inset:auto; bottom:0; right:0; width:auto; height:5rem; width:15rem; background-color: #ba4600; display: flex; align-items: center; justify-content: center; color:#fff; border-radius: 1.2rem 0 1rem 0; box-shadow:-0.4rem -0.2rem 0.5rem rgba(0, 0, 0, 0.2) ; font-size:max(1.6rem, 14px); font-weight: 600; letter-spacing: 0.1em;}

.tech__photo-slide .photo-large .slide-btn { width:4rem; height:4rem; font-size:0; text-indent: -99999px; transition: all 0.3s ease-in-out; position: absolute; top:50%; cursor: pointer; z-index: 1; display: flex; align-items: center; justify-content: center;}
.tech__photo-slide .photo-large .slide-btn span {display: block; width:100%; height:100%; border:solid #222;  border-width: 0.6rem 0.6rem 0 0;transition: all 0.3s ease-in-out;}

.tech__photo-slide .photo-large .slide-btn.prev {left:-10rem; transform: translate(0, -50%) rotate(-135deg);}
.tech__photo-slide .photo-large .slide-btn.next {right:-10rem; transform: translate(0, -50%) rotate(45deg);}

.tech__photo-slide .photo-large .slide-btn.swiper-button-disabled {opacity: 0.2; cursor: default;}
.tech__photo-slide .photo-large .slide-btn:hover span{border-color:var(--color-sub1);}
.tech__photo-slide .photo-large .slide-btn.swiper-button-disabled:hover span {border-color:#000;}


.tech__photo-slide .photo-thumb {margin-top:2rem;}

.tech__photo-slide .photo-thumb .item  {background-color: #fff; border-radius: 0.6rem; overflow: hidden; position: relative; cursor: pointer;}
.tech__photo-slide .photo-thumb .item::before {content:''; width:0%; height:0%; border-radius: 0.6rem; position: absolute; border:2px solid #1e378f; transition: all 0.3s ease-in-out; opacity: 0; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 1;}

.tech__photo-slide .photo-thumb .item > img {display: block; mix-blend-mode: luminosity; transition: all 0.5s ease-in-out; opacity: 0.7;}


.tech__photo-slide .photo-thumb .item.swiper-slide-thumb-active::before {opacity: 1; width:100%;height:100%;}
.tech__photo-slide .photo-thumb .item:hover > img,
.tech__photo-slide .photo-thumb .item.swiper-slide-thumb-active > img {mix-blend-mode:normal; opacity: 1;}



@media (max-width: 1024px){
	.tech__photo-slide .photo-large .slide-btn { width:3rem; height:3rem;}
	.tech__photo-slide .photo-large .slide-btn span{ border-width: 0.4rem 0.4rem 0 0;}

	.tech__photo-slide .photo-large .slide-btn.prev {left:-5rem;}
	.tech__photo-slide .photo-large .slide-btn.next {right:-5rem;}
}

@media (max-width: 810px){
	.tech__photo-slide {max-width:72rem;}
}

@media (max-width: 768px){
	.tech__photo-slide {max-width:none;}

	.tech__photo-slide .photo-large .slide-btn span{border-color:#fff; width:50%; height:50%; border-width: 2px 2px 0 0;}
	.tech__photo-slide .photo-large .slide-btn::before {content: ''; display: block; width:150%; height:150%; border-radius: 50%; background-color: #222; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index: -1; transition: all 0.3s ease-in-out;}

	.tech__photo-slide .photo-large .slide-btn.prev {left:0rem; transform: translate(-25%, -50%) rotate(-135deg);}
	.tech__photo-slide .photo-large .slide-btn.next {right:0rem; transform: translate(25%, -50%) rotate(45deg);}
	.tech__photo-slide .photo-large .slide-btn:hover::before {background-color: var(--color-sub1);}
	.tech__photo-slide .photo-large .slide-btn.swiper-button-disabled:hover::before {background-color: #222;}
	.tech__photo-slide .photo-large .slide-btn:hover span,
	.tech__photo-slide .photo-large .slide-btn.swiper-button-disabled:hover span {border-color:#fff;}
}




.tech__footer-wrap {margin:7rem var(--inner-padding) 0;}

.tech__footer-wrap .text-wrap {text-align: center;}
.tech__footer-wrap .text-wrap .ico img{background-color: #e0e2ea; border-radius: 50%;}
.tech__footer-wrap .text-wrap .txt {margin-top:3rem; font-size: 2.5rem; font-weight: 600; color:var(--color-main);}
.tech__footer-wrap .text-wrap .tit {margin-top:3rem; font-size: 4rem; font-weight: 600; color:#000; position: relative;}
.tech__footer-wrap .text-wrap .tit::before {content:''; display: block; width:1px; height:6.8rem; background-color: #000; margin:0 auto 3rem;}
.tech__footer-wrap .text-wrap .tit.aos-animate::before {animation:fade-down 1s ease-in-out;}


@media (max-width: 1024px){
	.tech__footer-wrap .ico img{width:9rem;}
}
@media (max-width: 768px){
	.tech__footer-wrap .text-wrap .txt {margin-top:2rem; font-size: max(2.4rem, 16px);}
	.tech__footer-wrap .text-wrap .tit {margin-top:2rem; font-size: max(3.2rem, 24px); }
	.tech__footer-wrap .text-wrap .tit::before {height:5rem; margin:0 auto 2rem;}
}



/* 기술 : E */
/* ===================================================== */













/* ===================================================== */
/* 제품소개 : S */
.product {margin-bottom:20rem;  --pro-gap: 5rem; --pro-row: 4;}



/* 제품소개 Index */
.pro__index {border-radius: 1rem; background:url('../images/sub/pro_index_bg01.png') no-repeat center/cover; margin:0 var(--outer-padding); padding:10rem 0 8rem;}
.pro__index-wrap {margin:0 var(--inout-padding);}
@media (max-width: 1600px){
	.pro__index {padding:var(--pro-gap) 0;}
}

.pro__index-list {display: flex; flex-wrap: wrap; gap: var(--pro-gap); }
.pro__index-list .item { flex: 0 0 auto;}
.pro__index-list .item:not(.nth-1) {
  width: calc((100% - (var(--pro-gap) * (var(--pro-row) - 1))) / var(--pro-row));
}
.pro__index-list .item.nth-1 {
  width: calc(100% - (var(--pro-gap) * 2) - ((100% - (var(--pro-gap) * 3)) / 4) * 2);
}


.pro__index-list .item a {display: block; height:100%; background-color: #fff; border-radius: 1rem; padding:1rem 3rem 4rem; position: relative;}

.pro__index-list .item .thumb {overflow: hidden; position: relative; flex-shrink: 0;}
.pro__index-list .item .thumb span {display: block; transition: all 0.3s ease-in-out; background: no-repeat center/contain;}

.pro__index-list .item.nth-1 .thumb {overflow: visible;}
.pro__index-list .item.nth-1 .thumb span {background-image: url('../images/sub/pro_index_img01.png');}
.pro__index-list .item.nth-2 .thumb span {background-image: url('../images/sub/pro_index_img02.png');}
.pro__index-list .item.nth-3 .thumb span {background-image: url('../images/sub/pro_index_img03.png');}
.pro__index-list .item.nth-4 .thumb span {background-image: url('../images/sub/pro_index_img04.png');}
.pro__index-list .item.nth-5 .thumb span {background-image: url('../images/sub/pro_index_img05.png');}
.pro__index-list .item.nth-6 .thumb span {background-image: url('../images/sub/pro_index_img06.png');}
.pro__index-list .item.nth-7 .thumb span {background-image: url('../images/sub/pro_index_img07.png');}

.pro__index-list .item a:hover .thumb span {transform: scale(1.1);}


.pro__index-list .item .tit {font-size:2rem; font-weight: 700; color:#000; text-align: center; transition: color 0.3s ease-in-out;}
.pro__index-list .item a:hover .tit {color:var(--color-main);}

.pro__index-list .item.nth-1 a {display: flex; align-items: center; gap:2rem; padding:3rem;}
.pro__index-list .item.nth-1 .thumb {max-width:40%;}
.pro__index-list .item.nth-1 .tit {font-size:4rem; color:#1e378f; text-align: left;}
.pro__index-list .item.nth-1 .tit span {display: block; font-size:1.5rem; color:#8f9bc3; }


.pro__index-list .item .link-plus {position: absolute; top:-1rem; right:-1rem; width:0rem; height:0rem; background-color: #1e378f; border-radius: 0 0.89rem ; transition: all 0.3s ease-in-out;}
.pro__index-list .item .link-plus::before,
.pro__index-list .item .link-plus::after {content: ''; display: block; width:2px; height:3.2rem; background-color: #fff; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.3s ease-in-out;}
.pro__index-list .item .link-plus::after {transform: translate(-50%, -50%) rotate(90deg);}

.pro__index-list .item a:hover .link-plus {top:0; right:0; width:8rem; height:8rem; background-color: #1e378f;}
.pro__index-list .item a:hover .link-plus::before,
.pro__index-list .item a:hover .link-plus::after { opacity: 1; transition: all 0.3s ease-in-out 0.4s;}
.pro__index-list .item a:hover .link-plus::before {transform: translate(-50%, -50%) rotate(360deg);}
.pro__index-list .item a:hover .link-plus::after {transform: translate(-50%, -50%) rotate(450deg);}
@media (max-width: 1024px) {
	.product {--pro-row: 3;}
	.pro__index-list .item.nth-1 {width: 100%;}
}
@media (max-width: 768px) {
	.product {--pro-row: 2; --pro-gap:3rem;}
	
}

@media (max-width: 400px) {
	.product {--pro-row: 1;}
	.pro__index-list .item a {display: flex; align-items: center; gap:2rem; padding:1rem 2rem;}
	.pro__index-list .item .thumb {max-width:40%;}
	.pro__index-list .item .tit,
	.pro__index-list .item.nth-1 .tit {font-size:2.4rem; text-align: left; flex-grow: 1;}
	
	.pro__index-list .item.nth-1 .tit span {display: none;}
}

.pro__index-ftext { margin-top:8rem; color: #fff; font-size:10rem; font-weight:700; text-transform: uppercase; text-align: justify; line-height: 0.1; padding-top:4rem;}
.pro__index-ftext::after {content: '';display: inline-block; width: 100%; height:0; font-size:0;}


@media (max-width: 768px) {
	.pro__index-ftext {margin-top:6rem; padding-top:0rem; font-size:6rem;}
}
@media (max-width: 480px) {
	.pro__index-ftext {font-size:4rem;}
}








/*제품리스트 상단설명*/
.pro__list-header {margin:0 var(--inner-padding) 10rem;}
.pro__list-header strong {font-weight: 700;}

.pro__list-header .top-wrap {display: flex; align-items: center; padding-left:4.5rem; gap:4rem;}
.pro__list-header .top-wrap .image {position: relative; flex-shrink: 0;}
.pro__list-header .top-wrap .image::before {content:''; display: block; width:100%; height:100%; background-color: #c0cce0; border-radius: 50%; position: absolute; left:-4.5rem; top:0; z-index: -1;}
.pro__list-header .top-wrap .image img{border-radius: 50%; display: block;}

.pro__list-header .top-wrap .text-box {flex-grow: 1; color:#222;}
.pro__list-header .top-wrap .tit {font-size:5rem; font-weight: 700; text-indent:-2.5rem;}
.pro__list-header .top-wrap .tit.type1 {text-indent:0;}
.pro__list-header .top-wrap .tit .color-1 {color:#172b80;}
.pro__list-header .top-wrap .stit {font-size:3.5rem;  display: inline-block;}

.pro__list-header .top-wrap .txt {font-size:max(2rem, 15px); font-weight: 500; margin-top:2rem; line-height: 1.5;}


@media (max-width: 768px){
	.pro__list-header .top-wrap {flex-direction: column; align-items: center; padding-left:0rem;}
	.pro__list-header .top-wrap .image {width:auto; margin-left:2rem;}
	.pro__list-header .top-wrap .image::before {left:-4rem;}

	.pro__list-header .top-wrap .tit {font-size:4rem; text-indent:0rem; text-align: center;}
	.pro__list-header.nth-7 .top-wrap .txt {text-align: center;}
}

@media (max-width: 480px){
	.pro__list-header .top-wrap .image {max-width: 60%;}
}




.pro__list-header .desc-wrap {margin-top:6rem;}
.pro__list-header .desc-box {display: flex;}
.pro__list-header .desc-box .cols-left {flex-shrink: 0; background-color: var(--color-main); border-radius: 1rem 0 0 1rem; padding:5rem 4rem 4rem 5rem; position: relative; width: 30rem;}
.pro__list-header .desc-box .cols-left::after {content:''; display: block; width:9rem; height:9rem; position: absolute; bottom:4rem; right:3rem; background:no-repeat center/contain;}
.pro__list-header.nth-1 .desc-box .cols-left::after {background-image: url('../images/sub/pro_list_top_ico01.png');}
.pro__list-header.nth-2 .desc-box .cols-left::after {background-image: url('../images/sub/pro_list_top_ico02.png');}
.pro__list-header.nth-3 .desc-box .cols-left::after {background-image: url('../images/sub/pro_list_top_ico03.png');}
.pro__list-header.nth-4 .desc-box .cols-left::after {background-image: url('../images/sub/pro_list_top_ico04.png');}
.pro__list-header.nth-5 .desc-box .cols-left::after {background-image: url('../images/sub/pro_list_top_ico05.png');}
.pro__list-header.nth-6 .desc-box .cols-left::after {background-image: url('../images/sub/pro_list_top_ico06.png');}
.pro__list-header.nth-7 .desc-box .cols-left::after {background-image: url('../images/sub/pro_list_top_ico01.png');}


.pro__list-header .desc-box .cols-left .tit {font-size:2.5rem; font-weight: 600; color:#fff; line-height:1.5; text-decoration: underline; text-underline-offset: 0.2em; text-decoration-thickness: 2px;}

.pro__list-header .desc-box .cols-left .txt {font-size:max(1.8rem, 14px); color:#fff; margin-top:1rem;}



.pro__list-header .desc-box .cols-right {flex-grow: 1; background-color: #e0e2ea; border-radius: 0 1rem 1rem 0; overflow: hidden;position: relative; padding-bottom:14rem; }
.pro__list-header .desc-box .cols-right .list {padding:5rem 0 0 0; display: flex;}
.pro__list-header .desc-box .cols-right .item {flex:1 1 ; padding:0 2rem;}
.pro__list-header .desc-box .cols-right .tit {font-size:max(2rem, 17px); font-weight: 600; color:#172b80; position: relative;}
.pro__list-header .desc-box .cols-right .tit::before {content:''; display: block; width:1px; height:40rem; background-color: #c3c7d6; position: absolute; bottom:0; left:-2rem;}
.pro__list-header .desc-box .cols-right .item:first-child .tit::before {display: none;}

.pro__list-header .desc-box .cols-right .txt {font-size:max(1.5rem, 14px); font-weight: 500; color:#667988; margin-top:1rem;}
.pro__list-header .desc-box .cols-right .stxt {font-size:max(1.7rem, 14px);}


.pro__list-header .desc-box .cols-right .txt.type1 > p{position: relative; padding-left: 1rem;;}
.pro__list-header .desc-box .cols-right .txt.type1 > p + p {margin-top:0.5rem;}

.pro__list-header .desc-box .cols-right .txt.type1 > p::before {content:''; display: block; width:4px; height:4px; border-radius: 50%; background-color: #333; position: absolute; top:0.7rem; left:0;}




.pro__list-header .desc-box .cols-right .desc-txt { color:#fff; font-weight: 800; text-align: right; line-height:1; width:100%; white-space: nowrap; position: absolute; font-size:15rem; bottom:-2rem; right:-1rem;}







.pro__list-header .desc-wrap .txt-list {margin-top:7rem;}
.pro__list-header .desc-wrap .txt-list + .txt-list {margin-top:4rem;}
.pro__list-header .desc-wrap .txt-list .tit {font-size:2.5rem;color:#222; font-weight: 600;}
.pro__list-header .desc-wrap .txt-list .list {margin-top:1.5rem;}
.pro__list-header .desc-wrap .txt-list .item {font-size:max(1.8rem, 14px); font-weight: 500; line-height:1.3; display: flex; gap:5px;}
.pro__list-header .desc-wrap .txt-list .item + .item {margin-top:0.8rem;}

.pro__list-header .desc-wrap .txt-list .item::before {content:attr(data-num);}




@media (max-width: 1024px){
	.pro__list-header .desc-box {flex-direction: column;}
	.pro__list-header .desc-box .cols-left {padding:2rem 2.5rem; width: 100%; border-radius: 1rem 1rem 0 0;}
	.pro__list-header .desc-box .cols-left::after { width:7rem; height:7rem; right:2rem; top:50%; transform: translate(0, -50%);}

	.pro__list-header .desc-box .cols-right {border-radius:0 0 1rem 1rem; padding-bottom:14rem; }
	.pro__list-header .desc-box .cols-right .list {padding:3rem 0 0 0;}
}

@media (max-width: 768px){
	.pro__list-header .desc-box .cols-right {padding-bottom:8rem; }
	.pro__list-header .desc-box .cols-right .list {flex-direction: column; padding:0;}
	.pro__list-header .desc-box .cols-right .item {padding:2.5rem 2.5rem; position: relative;}
	.pro__list-header .desc-box .cols-right .tit {position:static;}
	.pro__list-header .desc-box .cols-right .tit::before {width:calc(100% - 5rem); height:1px; top:0; left:50%; transform: translate(-50%, 0);}

	.pro__list-header .desc-box .cols-right .desc-txt {font-size:9rem;  bottom:-1.5rem; right:-0.5rem;}
}







/*제품리스트 상단 설명 부분 글자크기*/
.pro__list-header.nth-2 .desc-box .cols-right {padding-bottom:12rem;}
.pro__list-header.nth-2 .desc-box .cols-right .desc-txt {font-size:9rem; bottom:-1.5rem; right:-1rem; letter-spacing: -0.025em;}

.pro__list-header.nth-3 .desc-box .cols-right {padding-bottom:12rem;}
.pro__list-header.nth-3 .desc-box .cols-right .desc-txt {font-size:8rem; bottom:-1.5rem; right:-1rem; letter-spacing: -0.025em;}

.pro__list-header.nth-4 .desc-box .cols-right {padding-bottom:12rem;}
.pro__list-header.nth-4 .desc-box .cols-right .desc-txt {font-size:12rem; bottom:-1.5rem; right:-0.5rem; letter-spacing: -0.025em;}

.pro__list-header.nth-5 .desc-box .cols-right {padding-bottom:12rem;}
.pro__list-header.nth-5 .desc-box .cols-right .desc-txt {font-size:10rem; bottom:-1.5rem; right:-1rem; letter-spacing: -0.025em;}

.pro__list-header.nth-6 .desc-box .cols-right {padding-bottom:12rem;}
.pro__list-header.nth-6 .desc-box .cols-right .desc-txt {font-size:9.5rem; bottom:-1.5rem; right:-1rem; letter-spacing: -0.025em;}


@media (max-width: 1280px){
	.pro__list-header.nth-3 .desc-box .cols-right {padding-bottom:9rem;}
	.pro__list-header.nth-3 .desc-box .cols-right .desc-txt {font-size:7rem; bottom:-1rem; right:-0.5rem;}

	.pro__list-header.nth-5 .desc-box .cols-right .desc-txt {font-size:9rem;}
	.pro__list-header.nth-6 .desc-box .cols-right .desc-txt {font-size:8.5rem;}
}

@media (max-width: 768px){
	.pro__list-header.nth-2 .desc-box .cols-right {padding-bottom:8rem;}
	.pro__list-header.nth-2 .desc-box .cols-right .desc-txt {font-size:6rem; bottom:-0.8rem; right:-0.5rem;}

	.pro__list-header.nth-3 .desc-box .cols-right {padding-bottom:8rem;}
	.pro__list-header.nth-3 .desc-box .cols-right .desc-txt {font-size:5rem; bottom:-0.6rem; right:-0.5rem;}

	.pro__list-header.nth-4 .desc-box .cols-right {padding-bottom:10rem;}
	.pro__list-header.nth-4 .desc-box .cols-right .desc-txt {font-size:8rem; bottom:-1rem; right:-0.5rem;}

	.pro__list-header.nth-5 .desc-box .cols-right {padding-bottom:8rem;}
	.pro__list-header.nth-5 .desc-box .cols-right .desc-txt {font-size:6rem; bottom:-0.8rem; right:-0.5rem;}

	.pro__list-header.nth-6 .desc-box .cols-right {padding-bottom:8rem;}
	.pro__list-header.nth-6 .desc-box .cols-right .desc-txt {font-size:5.5rem; bottom:-0.8rem; right:-0.5rem;}
}

@media (max-width: 480px){
	.pro__list-header.nth-2 .desc-box .cols-right {padding-bottom:6rem;}
	.pro__list-header.nth-2 .desc-box .cols-right .desc-txt {font-size:4.5rem; bottom:-0.5rem; right:-0.5rem;}

	.pro__list-header.nth-3 .desc-box .cols-right {padding-bottom:6rem;}
	.pro__list-header.nth-3 .desc-box .cols-right .desc-txt {font-size:3.6rem; bottom:-0.5rem; right:-0.2rem;}

	.pro__list-header.nth-4 .desc-box .cols-right {padding-bottom:8rem;}
	.pro__list-header.nth-4 .desc-box .cols-right .desc-txt {font-size:6rem; bottom:-0.8rem; right:-0.2rem;}

	.pro__list-header.nth-5 .desc-box .cols-right {padding-bottom:6rem;}
	.pro__list-header.nth-5 .desc-box .cols-right .desc-txt {font-size:4.5rem; bottom:-0.5rem; right:-0.5rem;}

	.pro__list-header.nth-6 .desc-box .cols-right {padding-bottom:6rem;}
	.pro__list-header.nth-6 .desc-box .cols-right .desc-txt {font-size:4.2rem; bottom:-0.5rem; right:-0.2rem;}
}











/*제품리스트 하단*/
.pro__list-footer {margin:10rem var(--inner-padding) 0;}

.pro__list-footer .text-wrap {text-align: center;}
.pro__list-footer .text-wrap .txt {margin-top:3rem; font-size: 2.5rem; font-weight: 600; color:var(--color-main);}
.pro__list-footer .text-wrap .tit {margin-top:3rem; font-size: 4rem; font-weight: 600; color:#000; position: relative;}
.pro__list-footer .text-wrap .tit::before {content:''; display: block; width:1px; height:6.8rem; background-color: #000; margin:0 auto 3rem;}
.pro__list-footer .text-wrap .tit.aos-animate::before {animation:fade-down 1s ease-in-out;}

.pro__list-footer .link-wrap {margin-top:5rem;}
.pro__list-footer .link-wrap .list {display: flex;}
.pro__list-footer .link-wrap .item {flex:1 1; height:12rem;}
.pro__list-footer .link-wrap .item a{ display: flex; align-items: center; height:100%; width:100%; background-color: #3e55ab; border-radius: 1rem 0 0 1rem; color:#fff; padding:0 13rem 0 5rem; position: relative;transition: all 0.5s ease-in-out;}
.pro__list-footer .link-wrap .item.nth-2 a{background-color: #aa3a00;border-radius: 0 1rem 1rem 0;}

.pro__list-footer .link-wrap .item a::after {content:''; display: block; width:7.2rem; height:7.2rem; border-radius: 50%; background:#31489f url('../images/sub/pro_list_bot_ico02.png') no-repeat center/contain; transition: all 0.3s ease-in-out; position: absolute;  top:50%; right:5rem; transform: translate(0, -50%);}
.pro__list-footer .link-wrap .item.nth-2 a::after {background-color: #9d2900; background-image: url('../images/sub/pro_list_bot_ico03.png');}



.pro__list-footer .link-wrap .item a:hover {background-color: #000;}


.pro__list-footer .link-wrap .item .txt {font-size:2.5rem; font-weight:700;}
.pro__list-footer .link-wrap .item .txt span {font-size:2rem; font-weight: 400;}


@media (max-width: 1024px){
	.pro__list-footer .text-wrap .ico img{width:6.4rem;}

	.pro__list-footer .link-wrap .item a {padding:0 10rem 0 3rem;}
	.pro__list-footer .link-wrap .item a::after {width:6rem; height:6rem; right:3rem;}
	
	.pro__list-footer .link-wrap .item .txt span {display: block;}
}
@media (max-width: 768px){
	.pro__list-footer .text-wrap .txt {margin-top:2rem; font-size: max(2.4rem, 16px);}
	.pro__list-footer .text-wrap .tit {margin-top:2rem; font-size: max(3.2rem, 24px); }
	.pro__list-footer .text-wrap .tit::before {height:5rem; margin:0 auto 2rem;}

	.pro__list-footer .link-wrap .item .txt {font-size:max(2.4rem, 18px);}
	.pro__list-footer .link-wrap .item .txt span {font-size:max(1.9rem, 14px);}
}

@media (max-width: 640px){
	.pro__list-footer .link-wrap .list {display: block;}
	.pro__list-footer .link-wrap .item.nth-2 {margin-top:-1px;}

	.pro__list-footer .link-wrap .item a {border-radius: 1rem 1rem 0 0;}
	.pro__list-footer .link-wrap .item.nth-2 a {border-radius:0 0 1rem 1rem;}
}









/*제품 리스트 탭*/
.pro__list-cate {margin:0 var(--inner-padding);}
.pro__list-cate .tab-list {border-bottom:1px solid var(--color-main); overflow-x: auto;}
.pro__list-cate .tab-list::-webkit-scrollbar {height: 6px; background-color: #fff;}
.pro__list-cate .tab-list::-webkit-scrollbar-thumb {border: 0px solid transparent; border-radius: 1rem; background-color: #999; background-clip: content-box;}

.pro__list-cate .tab-list .list {display: flex; height:6rem; white-space: nowrap;}
.pro__list-cate .tab-list .item {flex-grow: 1;text-align: center; position: relative;  padding:0 2rem; flex-shrink: 0;}
.pro__list-cate .tab-list .item + .item::before {content:':'; display: block; position: absolute; top:50%; left:0; transform: translate(0, -50%); font-weight: 700; color:var(--color-main); font-size: 1.5rem;}
.pro__list-cate .tab-list .item a {display: inline-flex;  height: 100%; align-items: center; justify-content: center;  padding:1rem 0rem 1rem 0rem;  position: relative; font-size:max(1.8rem, 16px); color:#222; font-weight: 500; transition: all 0.3s ease-in-out; }
.pro__list-cate .tab-list .item a::before {content:''; display: block; width: 2rem; height:2rem;border-radius: 2rem; background:var(--color-main) url('../images/sub/pro_list_tab_on.png') no-repeat center/contain; transition: all 0.3s ease-in-out; position: absolute; top:50%; left:0; transform: translate(0, -50%); opacity: 0;}

.pro__list-cate .tab-list .item.is-active a {border-bottom:4px solid var(--color-main);padding:1rem 0rem 1rem 3rem; font-weight: 700; color:var(--color-main);}
.pro__list-cate .tab-list .item.is-active a::before {opacity: 1;}

.pro__list-cate .tab-list .item:hover a {font-weight: 700; color:var(--color-main);}


.pro__list-cate .tab-list .item a span {display: block;}
.pro__list-cate .tab-list .item.is-num a em {margin-left:0.5rem; color:#aa3b00; font-weight: 700; position: relative; display: flex; gap:0.3rem;}
.pro__list-cate .tab-list .item.is-num a em::before,
.pro__list-cate .tab-list .item.is-num a em::after {color:#222; font-weight: 500;}
.pro__list-cate .tab-list .item.is-num a em::before {content:'(';}
.pro__list-cate .tab-list .item.is-num a em::after {content:')';}





/*제품 리스트 스타일*/
.productlist {background-color: #e9ebf0; overflow: hidden;}
.productlist-wrap {margin:0 var(--inner-padding);}
.productlist-item {padding:10rem 0; display: flex; position: relative;}
.productlist-item::before {content:''; display: block; width:200%; height:1px; background-color: #d9dae0; position: absolute; bottom:0; left:50%; transform:translate(-50%, 0);}

.productlist-item.no-data {text-align: center; align-items: center; justify-content: center; font-size:4rem; font-weight: 700; color:#ccc; min-height:50rem; position: relative;}
.productlist-item.no-data::after {content:''; display: block; width:max(25%, 25rem); height:20%; position: absolute; top:20%; left:50%; transform: translate(-50%, 0%); background:url('../images/common/logo.svg') no-repeat center/contain; mix-blend-mode: multiply; opacity: 0.1;}


.productlist-item .cols-left {width: 40%; flex-shrink: 0;}
.productlist-item .cols-right {flex-grow: 1; margin-left:max(8rem, 60px);}


.productlist-photo .slide-list{overflow: hidden;}
.productlist-photo .swiper-slide img {display: block; width: 100%; height: 100%; max-height: 42rem;  object-fit: contain; object-position: center;}
.productlist-photo .photo-thumb .swiper-slide img {max-height:11rem;}

.productlist-photo .swiper,
.productlist-photo .swiper-wrapper,
.productlist-photo .swiper-slide {
  height: auto !important;
}

@media (max-width: 1024px){
	.productlist-item {flex-direction: column; align-items: center; gap:5rem;}
	.productlist-item .cols-left {width: 60%;}
	.productlist-item .cols-right {margin-left:0; width:100%;}
}

@media (max-width: 768px){
	.productlist-item .cols-left {width: 80%;}
}

@media (max-width: 640px){
	.productlist-item .cols-left {width: 100%;}
}


/*제품 리스트 왼쪽 제품이미지*/
.productlist-photo .photo-large {background-color: #fff; border-bottom:1px solid #e9ebf0;}
.productlist-photo .photo-thumb {background-color: #e9ebf0; position: relative;}
.productlist-photo .photo-thumb .item {cursor: pointer; position: relative;background-color: #fff;}
.productlist-photo .photo-thumb .item::after {content:''; display: block; width:0%; height:3px; background-color: var(--color-main); position: absolute; bottom:0; left:50%; transform: translate(-50%, 0); transition: all 0.3s ease-in-out; opacity: 0;}
.productlist-photo .photo-thumb .item.swiper-slide-thumb-active::after {width:100%; opacity: 1;}


@media (hover: hover) and (pointer: fine) {
	.productlist-photo .photo-thumb .item:hover::after {background-color: var(--color-sub1); width:100%;opacity: 1;}
}

.productlist-photo .photo-thumb .slide-btn { width:4rem; height:4rem; border-radius: 50%; font-size:0; text-indent: -99999px; transition: all 0.3s ease-in-out; background:url('../images/sub/pro_list_arrow01.png') no-repeat center/contain; position: absolute; top:50%; cursor: pointer; z-index: 1;}

.productlist-photo .photo-thumb .slide-btn.prev {left:0; transform: translate(-100%, -50%);}
.productlist-photo .photo-thumb .slide-btn.next {right:0; transform: translate(100%, -50%) rotate(180deg);}

.productlist-photo .photo-thumb .slide-btn:hover {background-color: var(--color-main); background-image: url('../images/sub/pro_list_arrow01_on.png');}
.productlist-photo .photo-thumb .slide-btn.prev:hover {transform: translate(calc(1px - 100% - 1rem), -50%);}
.productlist-photo .photo-thumb .slide-btn.next:hover {transform: translate(calc(100% + 1rem), -50%) rotate(180deg);}


.productlist-photo .photo-thumb .slide-btn.swiper-button-disabled {opacity: 0.2; cursor: default;}
.productlist-photo .photo-thumb .slide-btn.swiper-button-disabled:hover {background-color: transparent; background-image: url('../images/sub/pro_list_arrow01.png');}
.productlist-photo .photo-thumb .slide-btn.prev.swiper-button-disabled:hover {left:0; transform: translate(-100%, -50%);}
.productlist-photo .photo-thumb .slide-btn.next.swiper-button-disabled:hover {right:0; transform: translate(100%, -50%) rotate(180deg);}


@media (max-width: 1500px){
	.productlist-photo .photo-thumb .slide-btn { background-color:var(--color-black-a7); background-image: url('../images/sub/pro_list_arrow01_on.png');}
	.productlist-photo .photo-thumb .slide-btn.prev,
	.productlist-photo .photo-thumb .slide-btn:hover.prev,
	.productlist-photo .photo-thumb .slide-btn.prev.swiper-button-disabled:hover {left:0; transform: translate(-50%, -50%);}
	.productlist-photo .photo-thumb .slide-btn.next,
	.productlist-photo .photo-thumb .slide-btn:hover.next,
	.productlist-photo .photo-thumb .slide-btn.next.swiper-button-disabled:hover {right:0; transform: translate(50%, -50%) rotate(180deg);}

	.productlist-photo .photo-thumb .slide-btn.swiper-button-disabled:hover {background-color: var(--color-black-a7); background-image: url('../images/sub/pro_list_arrow01_on.png');}
}



/*제품 리스트 오른쪽 제품설명*/

.productlist-detail .tit-wrap {position: relative; padding:2rem 0 3rem;}
.productlist-detail .tit-wrap::after {content:''; display: block; width:100%; height:0.5rem; background:url('../images/sub/pro_list_bg01.png') repeat-x left/contain; position:absolute; bottom:0; left:0;}
.productlist-detail .tit-wrap .title{font-size: 2.5rem; font-weight: 600; color:#222; padding-right:15rem;}
.productlist-detail .tit-wrap .summary{font-size:max(1.8rem, 14px); font-weight: 700; color:var(--color-main); margin-top:1.5rem;}
.productlist-detail .tit-wrap .model{font-size:max(2.5rem, 18px); font-weight: 700; color:#000; margin-top:1.5rem;}

.productlist-detail .tit-wrap .more-btn {position: absolute; top:1.5rem; right:0;}
.productlist-detail .tit-wrap .more-btn .link {display: flex; width:13rem; height:4rem; align-items: center; justify-content: center; border-radius: 0.5rem; background-color: #222; font-size:max(1.5rem, 13px); color:#fff; font-weight: 600; transition: all 0.3s ease-in-out; gap:1rem; line-height: 1;}
.productlist-detail .tit-wrap .more-btn .link::after {content:''; display: block; width:2rem; height:2rem; background: url('../images/sub/ico_zoom01.png') no-repeat center/contain; transition: all 0.3s ease-in-out;}


.productlist-detail .tit-wrap .more-btn .link:hover {background-color: var(--color-main);}
.productlist-detail .tit-wrap .more-btn .link:hover::after {animation: heartBeat 1.5s linear infinite;}


.productlist-detail .detail {padding:3rem 0; font-size:1.8rem;}

.vodbox-inner{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} 
.vodbox-inner iframe,
.vodbox-inner object,
.vodbox-inner embed{position:absolute;top:0;left:0;width:100%;height:100%;}


@media (max-width: 768px){
	.productlist-detail .tit-wrap .more-btn {position: static; margin:3rem 0 0 0; }
	.productlist-detail .tit-wrap .more-btn .link {width:50%; height:6rem; border-radius: 1rem; font-size:max(2rem, 14px); margin:0 auto;}
}

@media (max-width: 480px){
	.productlist-detail .tit-wrap .more-btn .link {width:100%; height:5.4rem;}
}




/* 제품소개 : E */
/* ===================================================== */








/* ===================================================== */
/* 채용정보 : S */
.recu {padding:3rem 0 15rem; overflow: hidden;}
.recu strong {font-weight: 700;}

.recu__header-wrap {text-align: center;}
.recu__header-wrap h3 {font-size: 5rem; font-weight: 300; color:#222;}
.recu__header-wrap .txt {font-size: 3rem; font-weight: 500; color:#222; margin-top:2rem; line-height: 1.3;}


.recu__con {margin-top:5rem;}
.recu__con-title {text-align: center;}
.recu__con-title .image {position: relative;z-index: 2;}
.recu__con-title .tit {position: relative; padding:0 0 5rem; font-size: 4rem; font-weight: 700; color:#fff;}
.recu__con-title .tit::before,
.recu__con-title .tit::after {content:''; display: block; position: absolute; width:100%; height: 200%; bottom:0; left:50%; transform: translate(-50%, 0); z-index: -1;}
.recu__con-title .tit::before {width:300%; background-color: var(--color-main);}
.recu__con-title .tit::after {background:url('../images/sub/sub0501_bg01.png') no-repeat center/contain;}

.recu__con-title .tit.aos-animate::before,
.recu__con-title .tit.aos-animate::after{animation: clip-center 1s ease-in-out;}

@media (max-width: 1023px){
	.recu__header-wrap .txt br {display: none;}
}

@media (max-width: 480px){
	.recu__con-title .image img{ max-width: 50%;}
}

.recu__list {margin-top:9rem;}
.recu__list .list {display: flex; flex-wrap: wrap; gap:4rem 3.5rem;}
.recu__list .item {flex:1 1 calc(50% - 2rem);  border-radius: 1rem; background-color: #e0e2ea; padding:3rem; display: flex; gap:3rem;}
.recu__list .tit {text-align: center; flex-shrink: 0; width:16rem; display: flex; flex-direction: column; gap:2rem; align-items: center;}
.recu__list .tit .txt {font-size: 3rem; color:var(--color-main); font-weight: 600;}
.recu__list .tit .ico {font-size: 0; background-color: var(--color-main); border-radius: 50%;}
.recu__list .desc {display: flex; flex-direction: column; justify-content: flex-end; gap:1rem;}
.recu__list .desc .txt {font-size:max(1.8rem, 14px); font-weight: 500; line-height: 1.3; display: flex; gap: 5px;}
.recu__list .desc .txt::before {content:''; display: block; width:max(0.5rem, 4px); height:max(0.5rem, 4px); flex-shrink: 0; background-color: #222; border-radius: 50%; margin-top:0.8rem;}


@media (max-width: 1024px){
	.recu__list .list {gap:3rem;}
	.recu__list .item {flex-direction: column; flex:1 1 calc(50% - 2rem); align-items: center; gap:2rem;}

	.recu__list .tit {width: 100%; gap:1rem;}
	.recu__list .tit .txt {order:1; font-size:max(2.4rem, 18px)}
	.recu__list .tit .ico {width:7rem; height:7rem;}
	.recu__list .desc {width:100%;}
}

@media (max-width: 580px){
	.recu__list .list {gap:4rem;}
	.recu__list .item {flex:1 1 100%; padding:4rem 3rem;}
}

.recu__footer {margin-top:11rem;}
.recu-btn {display: flex; justify-content: center; gap:3.5rem;}
.recu-btn .link {display: block; display: flex; align-items: center; justify-content: center; width:25%; height:9rem; border-radius: 1rem; padding-right:5.5rem; position: relative; font-size:4rem; color:#fff;font-weight: 700;}
.recu-btn .link::after {content:''; display: block; width:2.4rem; height:100%; position: absolute; top:0; right:3rem; transition: all 0.3s ease-in-out; background:url('../images/sub/ico_arrow02.png') no-repeat center/contain;}
.recu-btn .link.nth-1 {background-color: #23252c;}
.recu-btn .link.nth-2 {background-color: #aa3a00;}

.recu-btn .link:hover {background-color:var(--color-main); transform: translateY(-1rem); box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5); transition:all 0.3s ease-in-out;}
.recu-btn .link:hover::after {right:2rem;}

@media (max-width: 1024px){
	.recu-btn {gap:3rem;}
	.recu-btn .link {width:100%; font-size:3rem; height:8rem;}
}

@media (max-width: 480px){
	.recu__footer {margin-top:8rem;}
	.recu-btn {flex-direction: column; gap:2rem;}
}



/* 채용정보 : E */
/* ===================================================== */






/* ===================================================== */
/* 제품리스트 오른쪽 설명 스타일 추가 20250725 : S */ /*수정 또는 삭제 예정*/
@media (max-width: 640px) {
	.tb__scroll {position: relative; padding-top:30px;}
	.tb__scroll::after {content: ''; display: block; width:24px; height:24px; background:url('../images/common/ico_scrollx.gif') center top no-repeat; position: absolute; top:0; right:0;}

	.tb__scroll-inner {overflow-x:auto;}
	.productlist-detail .detail-wrap .tb__scroll table { width:max(100%, 610px);}
}
.productlist-detail .detail-wrap {font-size:max(1.8rem, 15px);}
.productlist-detail .detail-wrap p {line-height: 1.5;}


.productlist-detail .detail-wrap table {margin-top:1rem; }
.productlist-detail .detail-wrap table tbody {position: relative;}
.productlist-detail .detail-wrap table tbody::before {content:''; display: block; width: 100%; height:100%; position: absolute; top:0; left:0; background-color: #fff; border-radius: 5px; z-index: -1;}
.productlist-detail .detail-wrap table tbody td { font-weight: 500; font-size:max(1.6rem, 14px); text-align: center; padding:max(1.5rem, 10px) 2rem; border-bottom:1px solid #d6dae2;}
.productlist-detail .detail-wrap table tbody td + td {border-left:1px solid #d6dae2;}
.productlist-detail .detail-wrap table tbody tr:last-child td {border-bottom:0;}
.productlist-detail .detail-wrap table tbody tr:first-child td{background-color: var(--color-main); color:#fff; font-weight: 700; font-size:max(1.7rem, 15px); position: relative; border:0;}
.productlist-detail .detail-wrap table tbody tr:first-child td + td::before {content:''; display: block; width:1px; height:1.5rem; background-color: #fff; position: absolute; left:0; top:50%; transform: translate(0, -50%);}
.productlist-detail .detail-wrap table tbody tr:first-child td:first-of-type {border-radius: 5px 0 0 5px;}
.productlist-detail .detail-wrap table tbody tr:first-child td:last-of-type {border-radius: 0 5px 5px 0;}

/* 제품리스트 오른쪽 설명 스타일 추가 20250725 : E */
/* ===================================================== */







/* ===================================================== */
/* 제품 상세페이지 추가 20250827 : S */

.pro__view { position: relative;}

.pro__view-header {padding:5rem 0; background-color: #e9ebf0;position: relative;}
.pro__view-header .productlist-item {margin:0 var(--inner-padding); padding:0;}
.pro__view-header .productlist-item::before {display: none;}


.pro__view-header .productlist-detail .tit-wrap .title{font-size: 4rem; padding-right:0rem;}
.pro__view-header .vodbox-inner {display: none;}

.pro__view-header .productlist-detail .down-wrap {display: flex; gap:1rem 3rem; align-items: center; margin-top:4rem;}
.pro__view-header .productlist-detail .down-wrap .down-btn {flex-shrink: 0; display: flex; align-items: center; height:6rem; font-size:1.7rem; font-weight: 700; background-color: var(--color-main); border-radius: 0.5rem; border:2px solid var(--color-main); color:#fff; gap:1rem; overflow: hidden; transition: all 0.3s ease-in-out; text-align: center;}
.pro__view-header .productlist-detail .down-wrap .down-btn span {padding:0 4rem; width:100%;}
.pro__view-header .productlist-detail .down-wrap .down-btn::after { content:''; display: block; flex-shrink: 0; width:calc(6rem - 2px); height:100%; background: #fff url('../images/sub/ico_down01.png') no-repeat center/contain; transition: all 0.3s ease-in-out;}
.pro__view-header .productlist-detail .down-wrap .down-btn:hover {background-color: var(--color-sub1); border-color: var(--color-sub1);}
.pro__view-header .productlist-detail .down-wrap .down-btn:hover::after {background-image: url('../images/sub/ico_down02.png');}

.pro__view-header .productlist-detail .down-wrap .stxt {display: flex; gap:1rem; font-size:max(1.6rem, 13px);}
.pro__view-header .productlist-detail .down-wrap .stxt::before {content:''; flex-shrink: 0; display: block; width:2.8rem; height:2rem; background: url('../images/sub/ico_email.png') no-repeat center/contain;}



@media (max-width: 640px){
	.pro__view-header .productlist-detail .down-wrap {flex-wrap:wrap;}
	.pro__view-header .productlist-detail .down-wrap .down-btn {width: 100%;}
}





.proview-wrap {margin:0 var(--inner-padding); padding:9rem 0; line-height: 1.5; font-size:max(1.8rem, 14px);}



.pro__view-footer {margin:0 var(--inner-padding);}


.pro__view-footer .btn-box {display: flex; justify-content: center; gap:3rem;}
.pro__view-footer .pro-btn {display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; width:15rem; height:12rem; border-radius: 0.5rem; background-color:#a5a9b3; color:#fff; font-size:max(1.6rem, 13px); font-weight: 700; transition: all 0.3s ease-in-out;}
.pro__view-footer .pro-btn.list {background-color: #23252c;}
.pro__view-footer .pro-btn::before {content:''; display: block; width:3.6rem; height:3.6rem; background:no-repeat center/contain; transition: all 0.3s ease-in-out;}
.pro__view-footer .pro-btn.prev::before {background-image: url('../images/sub/ico_arrow03.png'); transform: rotate(180deg);}
.pro__view-footer .pro-btn.list::before {background-image: url('../images/sub/ico_list01.png');}
.pro__view-footer .pro-btn.next::before {background-image: url('../images/sub/ico_arrow03.png');}

.pro__view-footer .pro-btn:hover {background-color: var(--color-main);}

@media (max-width: 640px){
	.pro__view-footer .btn-box { gap:2rem;}
}



/* 이메일 입력 팝업 */
.proemail__popup {display:none ;--epop-left:25%;}
.proemail__popup .dim{position: fixed;display: block; inset:0; background: rgba(0, 0, 0, 0.5); z-index: 2000; -webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px); transition:0.3s; }
.proemail__popup-wrap { position: absolute; top:calc(var(--epop-top) - 8rem); left: 50%; transform: translate(-50%, 0%); background: #fff no-repeat top right/contain; padding:4rem 5rem; border-radius: 1rem; max-width: 90rem; width: calc(100% - var(--inner-padding) * 2); z-index: 2001;}

.proemail__popup-header {padding-bottom:3rem; border-bottom:2px solid #000;}
.proemail__popup-header .tit {font-size:4.5rem; font-weight: 700; color:#222;}
.proemail__popup-header .txt {font-size:max(1.8rem, 15px); color:#222;}

.proemail__popup-header .close { position: absolute; right:2rem; top:0; font-size: 0; text-indent: -9999px; width:6rem; height:6rem; background-color: #000; transform: translate(0, -50%); transition: all 0.5s ease-in-out; border-radius: 50%;}
.proemail__popup-header .close::before,
.proemail__popup-header .close::after {content: ''; display: block; width:50%; height:1px; background-color: #fff; position: absolute; top:50%; left:50%; transition: all 0.5s ease-in-out;}
.proemail__popup-header .close::before {transform: translate(-50%, -50%) rotate(45deg);}
.proemail__popup-header .close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.proemail__popup-header .close:hover {background-color: var(--color-sub2); transform: translate(0, -50%) rotate(360deg);}





.proemail__write input::placeholder {transition: all 0.3s ease-in-out;}
.proemail__write input::-moz-placeholder,
.proemail__write input:-ms-input-placeholder,
.proemail__write input::-webkit-input-placeholder {color: #767676;}

.proemail__write input:focus::-webkit-input-placeholder,
.proemail__write textarea:focus::-webkit-input-placeholder { color: transparent;}

.proemail__write input:focus:-moz-placeholder,
.proemail__write textarea:focus:-moz-placeholder { color: transparent;}

.proemail__write input:focus:-ms-input-placeholder,
.proemail__write textarea:focus:-ms-input-placeholder {color:transparent;}


.proemail__popup-con .req_txt {font-size:max(1.8rem, 15px); font-weight: 600; color:#222; text-align: right; padding:2rem 0;}
.proemail__popup-con .req_txt span {display: inline-block;}
.proemail__popup-con .req {position: relative;}
.proemail__popup-con .req::before{content: '*'; display: block; color:#c84700; font-weight: 700; font-size: 2rem; position: absolute; left:-1.5rem; top:3px;}
.proemail__popup-con .proemail__write .req::before {top:calc(2rem + 2px);}

.proemail__write .item {display: flex;}
.proemail__write .item + .item {margin-top:1.5rem;}
.proemail__write dt {flex-shrink: 0; width:var(--epop-left); font-size:max(1.8rem, 15px); font-weight: 600; padding:2rem 0;}

.proemail__write dd {flex-grow: 1;}
.proemail__write .baseform-input {background-color: #e9ebf0; border-radius: 0.5rem; padding:2rem 2rem; width:100%; font-size:max(1.6rem, 14px); color:#222; font-weight: 500;}


.proemail-privacy { padding: 3rem 0;  background-color: #e9ebf0; border-radius: 0.5rem;}
.proemail-privacy .in-scroll {overflow: hidden auto; max-height: 18rem;overscroll-behavior: contain; padding:0 3rem;}
.proemail-privacy .in-scroll::-webkit-scrollbar {width: calc(1rem - 3px); background-color: #eee;}
.proemail-privacy .in-scroll::-webkit-scrollbar-thumb { min-height: 30%; background-color: var(--color-main);}



/*체크박스*/
.proemailcheck {display: flex; padding-left:var(--epop-left); margin-top:2rem;}
.proemailcheck .proemailcheck-check {opacity: 0; position: absolute; z-index: -1;}
.proemailcheck .proemailcheck-label {font-size:2rem; font-weight: 700; color:#222; padding:0 0 0 3rem; position:relative; cursor: pointer; transition: all 0.3s ease-in-out; z-index: 1;}
.proemailcheck .proemailcheck-label::before {content:''; display:block; width:2rem; height:2rem; position: absolute; top:0.1rem; left:0; background-color: #ccc; border-radius: 0.4rem; transition: all 0.3s ease-in-out;}
.proemailcheck .proemailcheck-label::after {content:''; display:block; width:3rem; height:2.6rem; background:url('../images/sub/ico_check.png') no-repeat center/contain; position: absolute; left:0; top:-0.6rem; opacity: 0;transition: all 0.3s ease-in-out;}

.proemailcheck .proemailcheck-check[type=checkbox]:checked + .proemailcheck-label::before {background-color: #000;}
.proemailcheck .proemailcheck-check[type=checkbox]:checked + .proemailcheck-label::after {opacity: 1;}




.proemail__popup-footer {margin-top:3rem; border-top:2px solid #000; padding-top:3rem;}
.proemail__popup-footer .btn-wrap {display: flex; gap:2rem; padding-left:var(--epop-left)}
.proemail__popup-footer .btn-wrap .pbtn {display: flex; align-items: center; justify-content: center; text-align: center; color:#fff; background-color:#000; height:5.5rem; font-size:2rem; font-weight: 800; padding:0 2rem; border-radius: 0.5rem; flex:1; transition: 0.3s ease-in-out;}
.proemail__popup-footer .btn-wrap .pbtn.down {background-color: var(--color-main);}
.proemail__popup-footer .btn-wrap .pbtn:hover {background-color: var(--color-sub1);}

.proemail__popup-footer .btn-wrap .pbtn span {display: flex; align-items: center; gap:1rem;}
.proemail__popup-footer .btn-wrap .pbtn.down span::after {content:''; display: block; width:2rem; height: 2rem; background: url('../images/sub/ico_down04.png') no-repeat center/contain;}


@media (max-width: 768px){
	.proemail__popup {--epop-left:0;}
	.proemail__popup-header .close {right:1rem; transform: translate(50%, -50%);}

	.proemail__write .item {display: flex; flex-wrap: wrap;}
	.proemail__write dt {width:100%; padding-bottom:1rem;}
}


@media (max-width: 640px){
	.proemail__popup-wrap {padding:2rem 3rem;}
	.proemail__popup-header .tit {font-size:3.6rem;}
	.proemail-privacy { padding: 2rem 0;}
	.proemail-privacy .in-scroll {padding:0 2rem;}
}

/* 제품 상세페이지 추가 20250827 : E */
/* ===================================================== */