@charset "utf-8";


/* ===================================================== */
/* 콘텐츠 공통 */
.color-b {color:#222 !important;}
.color-g {color:#666 !important;}
.color-1 {color:#0868ac !important;}
.color-2 {color:#b1dfff !important;}
.color-3 {color:#0094d9 !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 */


/* 회사소개 : E */
/* ===================================================== */











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


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













/* ===================================================== */
/* ★★★제품 ★★★ : S */

/*제품리스트*/
.pro__list {padding-bottom:16rem;}
.pro__list-wrap {margin:0 var(--inner-padding);}
.pro__list-wrap .list {display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 6rem;}
.pro__list-wrap .item {margin-left:-1px;}
.pro__list-wrap .item:hover {z-index: 1;}
.pro__list-wrap .item:nth-child(3n + 1) {margin-left:0;}

.pro__list-wrap .item.no-data {grid-column: 1 / -1; margin:0;}
.pro__list-wrap .item.no-data {text-align: center; display: flex; align-items: center; justify-content: center; font-size:3.6rem; font-weight: 700; color:#ccc; min-height:50rem; position: relative; background-color: #fff;}
.pro__list-wrap .item.no-data::after {content:''; display: block; width:max(25%, 25rem); height:20%; position: absolute; top:15%; left:50%; transform: translate(-50%, 0%); background: url('../images/common/logo.svg') no-repeat center/contain; mix-blend-mode: luminosity; opacity: 0.2;}


.pro__list-wrap .link {display: block;}
.pro__list-wrap .thumb {border:1px solid #e9e9e9; background-color: #fff; overflow: hidden; position: relative; width: 100%; transition: all 0.5s ease-in-out;}
.pro__list-wrap .link:hover .thumb {border-color:rgba(0, 151, 217, 1); background-color: #f9f9f9; z-index: 1; }

.pro__list-wrap .img {width:100%; height:100%;display: block; transition: all 0.5s ease-in-out;}
.pro__list-wrap .link:hover .img {transform: scale(1.2);}
.pro__list-wrap .img img{ object-fit:contain; object-position: center; width: 100%; height:100%; max-height:100%;}



.pro__list-wrap .more {font-size:1.6rem; font-weight: 700; position: absolute; bottom: -10rem; right:0%; background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 151, 217, 1) 100%); color:#fff; padding:1rem 6rem 1rem 2rem; transition: all 0.3s ease-in-out; opacity: 0;}
.pro__list-wrap .more::after {content:''; display: block; width:3.7rem; height:100%; background: url('../images/sub/ico_arrow01.png') no-repeat 100% center/contain; position: absolute; top:0; right:2rem;}
.pro__list-wrap .link:hover .more {bottom:0;right:0; opacity: 1;}
.pro__list-wrap .link:hover .more::after {animation: fadeOutRight 1s linear infinite; }


.pro__list-wrap .tit {font-size:max(2rem, 18px); color:#000; font-weight: 700; transition: all 0.3s ease-in-out; margin-top:2rem; text-align: center;}
.pro__list-wrap .link:hover .tit { color:var(--color-main);}



@media (max-width: 1024px) {
	.pro__list-wrap .list {grid-template-columns: repeat(2, 1fr);}
	.pro__list-wrap .item:nth-child(3n + 1) {margin-left:-1px;}
	.pro__list-wrap .item:nth-child(2n + 1) {margin-left:0;}
}
@media (max-width: 576px) {
	.pro__list-wrap .list {grid-template-columns: 1fr;}
	.pro__list-wrap .item {margin-left:0;}
	.pro__list-wrap .item:nth-child(3n + 1) {margin-left:0;}
}






/*제품상세*/
.pro__view {overflow: hidden; padding-bottom:16rem;}
.pro__view-header {padding:0 0 15rem; background: url('../images/sub/pro_view_bg01.png') no-repeat center bottom/cover;}


.pro__view-photo {position: relative;}
.pro__view-photo .photo-slide {position: relative;}

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


.pro__view-photo .slide-list .item {display: flex; align-items: center;}
.pro__view-photo .slide-list img{ object-fit:contain; object-position: center; width: 100%; height:100%; max-height:54rem;}

.pro__view-photo .slide-control {margin-top:2rem;}


.pro__view-photo .slide-btn { width:5.6rem; height:5.6rem; 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;}
.pro__view-photo .slide-btn span {display: block; width:100%; height:100%; border:solid #222;  border-width: 0.3rem 0.3rem 0 0;transition: all 0.3s ease-in-out;}

.pro__view-photo .slide-btn.prev {left:var(--inner-padding); transform: translate(0, -50%) rotate(-135deg);}
.pro__view-photo .slide-btn.next {right:var(--inner-padding); transform: translate(0, -50%) rotate(45deg);}

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

.pro__view-photo .slide-btn.swiper-button-lock {pointer-events: none; opacity: 0;}


.pro__view-photo .paging {font-size:0; display: flex;  gap:1rem; align-items: center; justify-content: center; margin-top:4rem;}
.pro__view-photo .paging span {width:max(1.2rem, 10px); height:max(1.2rem, 10px); opacity: 1; background-color: #898b8f; transition: all 0.3s ease;}
.pro__view-photo .paging span:hover {background-color: var(--color-main);}
.pro__view-photo .paging span.swiper-pagination-bullet-active {background-color: #000;}

@media (max-width: 1920px) {
	.pro__view-photo .slide-btn.prev {left:calc(var(--inner-padding) * 2);}
	.pro__view-photo .slide-btn.next {right:calc(var(--inner-padding) * 2);}
}

@media (max-width: 640px) {
	.pro__view-photo .slide-btn {width:30px; height:30px; top:100%;}
	.pro__view-photo .slide-btn.prev {left:var(--inner-padding); transform: translate(0, 50%) rotate(-135deg);}
	.pro__view-photo .slide-btn.next {right:var(--inner-padding); transform: translate(0, 50%) rotate(45deg);}
}


/*제품하단 버튼영역*/
.pro__view-footer {margin:0 var(--inner-padding);}
.pro__view-footer .btn-wrap {display: flex; justify-content: flex-end; align-items: center; margin-top:6rem; gap:3rem;}
.pro__view-footer .pro-btn {display: flex; width:14rem; height:14rem; border-radius: 50%; flex-shrink: 0; flex-direction: column; color:#fff; font-size:1.8rem; font-weight: 700; transition: all 0.3s ease-in-out; justify-content: center; align-items: center; text-align: center; gap:1.5rem; padding-bottom:0.5rem;}
.pro__view-footer .pro-btn.nth-1 {background-color:#9b9b9b;}
.pro__view-footer .pro-btn.nth-2 {background-color:var(--color-main);}

.pro__view-footer .pro-btn::before {content:''; width:3.2rem; height:3.2rem; background:transparent no-repeat center/contain; transition: all 0.3s ease-in-out;}
.pro__view-footer .pro-btn.nth-1::before {background-image: url('../images/sub/ico_pro_btn01.png');}
.pro__view-footer .pro-btn.nth-2::before {background-image: url('../images/sub/ico_pro_btn02.png');}

.pro__view-footer .pro-btn:hover {background-color: #000;}
.pro__view-footer .pro-btn.nth-1:hover::before {background-image: url('../images/sub/ico_pro_btn01_on.png');}
.pro__view-footer .pro-btn.nth-2:hover::before {background-image: url('../images/sub/ico_pro_btn02_on.png');}

@media (max-width: 768px) {
	.pro__view-footer .btn-wrap { justify-content: center; gap:2rem;}
}


/* ★★★제품 ★★★ : E */
/* ===================================================== */





/* ===================================================== */
/* 회사소개 : S */
/*인사말*/
.greet__header-wrap {max-width: 60%;font-weight: 700;}
.greet__header .tit {font-size:5.5rem; color:#222;}
.greet__header .txt {margin-top:3rem; font-size:2.5rem; line-height: 1.4;}

.greet__message {padding:6rem 0 8rem; margin-top:6rem; background-color: #dbe1e6; position: relative;}

.greet__img {position: absolute; top:0; right:var(--outer-padding); text-align: center; max-width: 50%; padding-top:calc(var(--greet-img) / 2);}
.greet__img .item.nth-1{position: absolute; top:0; left:50%; transform: translate(-50%, -50%); z-index: 1;}
.greet__img .item.nth-1 p{padding:4rem; background-color: #fff; border-radius: var(--greet-img); box-shadow: 0rem 0.5rem 1rem rgba(110, 135, 156, 0.05);}
.greet__img .item.nth-2 {display: flex; justify-content: center; gap:1rem; mix-blend-mode: multiply; transform: translateY(-20%);}




.greet__message-txt {max-width: 50%;}
.greet__message-txt .txt-box {font-size:max(2.1rem, 16px); font-weight: 600; font-family: var(--font-pret); line-height: 1.4;}

.greet__message-txt .sign {position: relative; margin-top:7rem; padding-top: 7rem;}
.greet__message-txt .sign::before {content:''; display: block; width:4.5rem; height:3px; background-color: #000; position: absolute; top:0; left:0;}
.greet__message-txt .sign p {font-size: 3rem; font-weight: 700; color:#222;}


@media (max-width: 960px){
	.greet__header-wrap {max-width: none;}

	.greet__header .tit {font-size:4rem; color:#222;}
	.greet__header .txt br.mo {display: none;}
	
	
	.greet__message {margin-top:calc(var(--greet-img) / 2 + 2rem); padding-top:0;}
	.greet__img {position: relative; inset:auto; max-width: none; margin:0 var(--inner-padding);}
	.greet__img .item.nth-1 {max-width: 35%;}
	.greet__img .item.nth-1 p{padding:3rem;}
	.greet__img .item.nth-2 {transform: translateY(0);}

	.greet__message-txt {max-width: none; margin-top:6rem;}
	.greet__message-txt br.mo {display: none;}
}

@media (max-width: 640px){
	.greet__img .item.nth-1 p{padding:2rem;}
}



/*회사개요*/
.cominfo {padding-bottom:20rem;}
.cominfo-header {padding:2rem 0 0 0;}
.cominfo-header .txt-box .tit {font-size:4.5rem; color:#222; font-weight: 700; text-align: center;}

.cominfo__list {margin-top:6rem;}
.cominfo__list .list {background: url('../images/sub/sub0402_bg01.png') no-repeat right center/cover;}
.cominfo__list .item {display: flex; color:#fff; }
.cominfo__list .item dt,
.cominfo__list .item dd {border-bottom:1px solid rgba(255, 255, 255, 0.15);}
.cominfo__list .item:last-child dt,
.cominfo__list .item:last-child dd{border:0;}
.cominfo__list .tit {flex-shrink: 0; background-color: #000; width:26%;font-weight: 700; font-size:max(1.7rem, 13px);padding:1.5rem 3rem 1.5rem 10%;}
.cominfo__list .txt-box {flex-grow: 1; font-weight: 800; font-family: var(--font-pret); font-size:max(1.8rem, 15px);padding:1.5rem 3rem; display: flex; align-items: center;}

.cominfo__list .txt-box a:hover {text-decoration: underline; text-underline-offset: 0.2em; color:var(--color-sub1);}
.cominfo__list .txt-box.type1 {display: flex; gap:0.5rem 4rem; flex-wrap: wrap;}

.cominfo__list .txt-box .txt {display: flex; align-items: center; gap:0.5rem 1rem;}
.cominfo__list .txt-box .st {font-size:max(1.7rem, 13px); font-weight: 700; padding:0.5rem 1rem; text-align: center; border-radius: 3rem; background-color: #11b4ea; flex-shrink: 0; width:13rem;}
.cominfo__list .txt-box .st.nth-2 {background-color: #0094d9;}

@media (max-width: 1024px){
	.cominfo-header .txt-box .tit {font-size:4rem;}
	.cominfo-header .txt-box .tit br {display: none;}
}

@media (max-width: 1024px){
	.cominfo__list .item {flex-wrap: wrap;}
	.cominfo__list .item dt {border-bottom:0;}
	.cominfo__list .tit {width:100%; padding:2rem 3rem 0; color:var(--color-sub1); background-color: transparent; }
	.cominfo__list .txt-box {padding:1rem 3rem 2rem;}
	.cominfo__list .txt-box.type1 {gap:0.5rem 3rem;}
	.cominfo__list .txt-box .st {padding:0.3rem 1rem; background-color:var(--color-white-a1); color: #fff; border:1px solid var(--color-white-a3);}
	.cominfo__list .txt-box .st.nth-2 {background-color: var(--color-white-a1);}
}


.cominfo__dia {margin-top:10rem;}
.cominfo__dia-wrap {display: flex; gap:3rem 2rem;}
.cominfo__dia .cols.nth-1 {order:2; flex:1.4; display: flex; justify-content: center;}
.cominfo__dia .cols.nth-2 {order:1; flex:1;}
.cominfo__dia .cols.nth-3 {order:3; flex:1;}

.cominfo__dia .tit-box {position: relative; height: 100%; display: flex; align-items: center; justify-content: center;}
.cominfo__dia .tit-box::before {content: ''; display: block; width:100%; height:100%; background: url('../images/sub/sub0402_bg03_01.png') no-repeat center/contain; position: absolute; top:0; left:0;}
.cominfo__dia .tit-box.aos-animate::before {animation: fade-zoom-out 0.5s linear 0.5s both;}
.cominfo__dia .tit{font-size:3.6rem; font-weight: 700; color:#222; position: absolute; top:50%; left:50%; transform: translate(-50%, -60%); display: flex; align-items: center; flex-direction: column; gap:1rem; max-width: 45%; text-align: center;}
.cominfo__dia .tit::before {content:''; display: block; width:12rem; height:8.5rem; background: url('../images/sub/sub0402_ico01.png') no-repeat center/contain;}


.cominfo__dia .item-box {display: grid; grid-auto-rows: 1fr; gap:2rem; height: 100%;}
.cominfo__dia .item-box .item { display: flex; align-items: center; background-color: #11b4ea; border-radius: 10rem; padding:2rem 4rem; color:#fff; font-family: var(--font-pret); font-weight: 700; font-size: 2rem;}

.cominfo__dia .cols.nth-2 .item {text-align: right; justify-content: flex-end;}
.cominfo__dia .cols.nth-3 .item {background-color: #0094d9;}

.cominfo__dia .item-box .item.txt {padding:0 2rem; background-color: transparent; font-family: KIMM; font-size:3.6rem; flex-direction: column; justify-content: flex-end; align-items: flex-start;}
.cominfo__dia .item-box .item.txt .nth-1 {color:#11b4ea;}
.cominfo__dia .item-box .item.txt .nth-2 {color:#0094d9;}

/* 회사개요 추가수정 20250826 */
.cominfo__dia-slogan {font-family: KIMM; font-size:3.6rem; font-weight: 700; text-align: center; margin-bottom:6rem; display: flex; flex-direction: column;}
.cominfo__dia-slogan .nth-1 {color:#11b4ea;}
.cominfo__dia-slogan .nth-2 {color:#0094d9;}


@media (max-width: 1280px){
	.cominfo__dia .cols.nth-1 {flex:1.2;}
	.cominfo__dia .item-box .item.txt {font-size:3.2rem;}
}

@media (max-width: 1024px){
	.cominfo__dia {margin-top:8rem;}
	.cominfo__dia-wrap {flex-wrap: wrap; gap:3rem 2rem;}
	.cominfo__dia .cols.nth-1 {order:1; flex:auto; width:100%; justify-content: center;}
	.cominfo__dia .cols.nth-2 {order:2; flex:1;}

	.cominfo__dia .tit-box {max-width:70%;}
	.cominfo__dia .tit-box::before {background-image: url('../images/sub/sub0402_bg03_02.png');}
	.cominfo__dia .tit{font-size:3rem;}
}
@media (max-width: 576px){
	.cominfo__dia-wrap {flex-wrap: wrap; gap:2rem;}
	.cominfo__dia .cols.nth-2,
	.cominfo__dia .cols.nth-3 {flex:auto; width:100%;}

	.cominfo__dia .tit-box {max-width:none;}
	.cominfo__dia .tit-box::before {background-image: url('../images/sub/sub0402_bg03_03.png');}
	.cominfo__dia .tit{font-size:max(2.8rem, 22px);}
	
	.cominfo__dia .cols.nth-2 {margin-top:-4rem;}
	.cominfo__dia .cols.nth-2 .item {text-align: left; justify-content: flex-start;}
	.cominfo__dia .item-box .item.txt {align-items: center;}
}

/* 연혁 추가 20250825 */
.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: 6rem; font-weight: 100; color:#0868ac; 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-3 .image {background-color: #0868ac; padding:2rem 1rem;}





@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;}
}

@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; font-weight: 700;}
.history-list .tit {font-size:5rem; color:#182d82;}
.history-list .item + .tit {margin-top:8rem;}
.history-list .item +.item {margin-top:5rem; }

.history-list .year {font-size:max(2.5rem, 18px); color:#00a8e4;}

.history-list .item-list > li {position: relative; font-size:max(2rem, 16px); margin-top:1rem; font-weight: 600; line-height: 1.3; color:#767676; font-family: var(--font-pret);}
.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.9rem;}

.main__info-bg {position: relative;}
.main__info-bg .bg-wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; max-width: 58rem;  margin: 0 auto; mix-blend-mode: soft-light;}
.main__info-bg .bg-wrap .item { aspect-ratio: 1 / 1;}
.main__info-bg .bg-wrap .item .bg {width: 100%; height: 100%; animation: rotate-1 12s linear infinite;}
.main__info-bg .bg-wrap .item:nth-child(2n) .bg {animation-name:rotate-2; animation-duration: 11s;}
.main__info-bg .bg-wrap .item:nth-child(2) .bg {animation-delay: 0.3s;}
.main__info-bg .bg-wrap .item:nth-child(3) .bg {animation-delay: 0.6s;}
.main__info-bg .bg-wrap .item:nth-child(4) .bg {animation-delay: 0.9s;}
.main__info-bg .bg-wrap .item:nth-child(5) .bg {animation-delay: 0.3s;}
.main__info-bg .bg-wrap .item:nth-child(6) .bg {animation-delay: 0.6s;}
.main__info-bg .bg-wrap .item:nth-child(7) .bg {animation-delay: 0.9s;}
.main__info-bg .bg-wrap .item:nth-child(8) .bg {animation-delay: 0.3s;}
.main__info-bg .bg-wrap .item .bg img {width: 100%; height: 100%; object-fit: cover; display: block;}

@keyframes rotate-1 {
	0% { transform:rotate(0); opacity: 1;} 
	50% {transform:rotate(360deg); opacity: 0.1;}
	100% {transform:rotate(0deg); opacity: 1;} 
}
@keyframes rotate-2 {
	0% { transform:rotate(0); opacity: 1;} 
	50% {transform:rotate(-360deg); opacity: 0.05;}
	100% {transform:rotate(0deg);  opacity: 1;} 
}

.main__info-bg .symbol-txt {position: absolute; top:10%; left:10%; width:50%; height:50%; background-color: #fff; display: flex; align-items: center; justify-content: 
center; opacity: 0; box-shadow: 0 0 5rem rgba(0, 50, 85, 0.6); padding:2rem;}
.main__info-bg .symbol-txt.aos-animate { opacity: 1; animation: zoomIn 0.7s linear both;}


@media (max-width: 768px) {
	.main__info-bg .symbol-txt {top:50%; left:50%; transform: translate(-50%, -50%) scale(0);}
	.main__info-bg .symbol-txt.aos-animate { opacity: 1; animation: none; transform: translate(-50%, -50%) scale(1);}
}




/*오시는 길*/
.location-wrap {position: relative; padding-top:var(--loca-padding);}
.location-map {height:75rem; overflow: hidden;}
.location-map .item {height:100%; opacity: 0;}
.location-map .item.aos-animate {animation:blur-zoom-in 0.8s linear;opacity: 1;}
.location-map iframe {width:100%; height:100%; border:0;}


.location-info {position: absolute; z-index: 1; top:0; right:var(--inner-padding); max-width:calc(100% - var(--inner-padding) * 2);}
.location-info .item-box {max-width: 70rem; padding:5rem 6rem; color:#fff;}
.location-info .item-box.nth-1 {background-color:#0094da;}
.location-info .item-box.nth-1 .txt {font-size:max(2.5rem, 20px); font-weight: 700;}

.location-info .item-box.nth-2 {background-color:#0968ac; display: flex;}

.location-info .item-box.nth-2 .item-list {display: flex; column-gap: 2.5rem; align-items: flex-start; flex-direction: column;}
.location-info .item-box.nth-2 .item-list + .item-list {margin-left: 6rem;}
.location-info .item-box.nth-2 .item-list .tit {flex-shrink: 0; font-size:max(1.6rem, 13px); font-weight: 700; display: flex; align-items: center; margin-top:0.2rem; gap:2.5rem;}
.location-info .item-box.nth-2 .item-list .tit::after {content: ''; display: none; width:4px; height:4px; border-radius: 50%; flex-shrink: 0; background-color:#fff;}
.location-info .item-box.nth-2 .item-list .txt {font-size:max(2rem, 16px); font-weight: 600; font-family: var(--font-pret); display: flex; gap:1rem 2rem; flex-direction: column; margin-top: 1rem;}
.location-info .item-box.nth-2 .item-list.tel .txt a + a {display: flex; align-items: center;}
.location-info .item-box.nth-2 .item-list.tel .txt a + a::before {content:''; display: block; width: 1px; height: 1.2rem; background-color: var(--color-white-a2); display: none;}
.location-info .item-box.nth-2 .item-list.email .txt {flex-wrap: wrap; row-gap: 1rem;}
.location-info .item-box.nth-2 .item-list.email .txt a {display: block; width:100%;}


@media (max-width: 1024px) {
	.location-map {height:60rem;}
	.location-info .item-box {max-width: 60rem; padding:4rem 4rem;}
}

@media (max-width: 768px) {
	.location-wrap {padding:0;}
	.location-map {height:50rem;}
	.location-info {position: static; max-width: none; margin: 0 var(--inner-padding) 3rem;}
	.location-info .item-box {max-width:none; padding:3rem;}
}
@media (max-width: 576px) {
	.location-info .item-box.nth-2 {flex-direction: column;}
	.location-info .item-box.nth-2 .item-list {row-gap: 0.5rem;}
	.location-info .item-box.nth-2 .item-list + .item-list {margin-top:2rem; margin-left: 0;}
	.location-info .item-box.nth-2 .item-list {flex-wrap: wrap;}
	.location-info .item-box.nth-2 .item-list .tit{flex-wrap: wrap; color:var(--color-sub1);}
	.location-info .item-box.nth-2 .item-list .tit::after {display: none;}
	.location-info .item-box.nth-2 .item-list .txt {width:100%; flex-wrap: wrap;}
	.location-info .item-box.nth-2 .item-list.tel .txt a{display: block; width: 100%;}
	.location-info .item-box.nth-2 .item-list.tel .txt a + a::before {display: none;}
}
/* 회사소개 : E */
/* ===================================================== */














/* ===================================================== */
/* ★★★제품설명영역 ★★★  : S */

.proview {--proview-padding:3rem;}
.proview strong {font-weight: 700;}

.proview-wrap {margin:0 var(--inner-padding); z-index: 1; position: relative;}
.proview-header {position: relative; background-color: #fff; padding:5rem 0 0 var(--proview-padding); margin-bottom:4rem;}
.proview-header .tit {position: absolute; z-index: -1;left:0; bottom:99%; padding:2rem 3rem; background-color: #fff; box-shadow: 0.5rem -0.5rem 2rem rgba(0, 0, 0, 0.3); font-size:2.5rem; font-weight: 700; color:var(--color-main);}

.proview-header .desc {font-size:2rem; font-weight: 700; color:#222; line-height: 1.4;}
@media (max-width: 768px){
	.proview {--proview-padding:0rem;}
}


.proview-contents {padding-left: var(--proview-padding);}


.procon {margin-bottom:8rem;}
.procon .procon-in {padding:3rem;}
.procon .tit {font-size:3rem; font-weight: 700; color:#222; margin-bottom:2rem;}



.procon .list-type1 li{position: relative; background-color: var(--color-main); border-radius: 2rem; padding:1rem 2rem 1rem 5rem; color: #fff; font-size:2rem; font-family: var(--font-pret); font-weight: 500; line-height: 1.3;}
.procon .list-type1 li + li {margin-top:0.5rem;}
.procon .list-type1 li::before {content:attr(data-num); display: flex; align-items: center; justify-content: center; text-align: center; width:3rem; height:3rem; background-color: #fff; font-size: max(1.7rem, 14px); color:#0868ac; font-weight: 800; border-radius: 50%; position: absolute; left:0.8rem; top:0.7rem;}


.procon .list-type2 li{position: relative; background-color: #efefef; border-radius: 2rem; padding:1rem 2rem 1rem 4rem; font-size:2rem; font-family: var(--font-pret); font-weight: 600; line-height: 1.3;}
.procon .list-type2 li + li {margin-top:0.5rem;}
.procon .list-type2 li::before {content:''; display: block; width:0.6rem; height:0.6rem; background-color: #222; border-radius: 50%; position: absolute; left:2rem; top:1.8rem;}


.procon .list-type3 li{position: relative; padding:0 0 0 1.2rem; font-size:max(1.8rem, 14px); font-family: var(--font-pret); font-weight: 600; line-height: 1.3;}
.procon .list-type3 li + li {margin-top:1rem;}
.procon .list-type3 li::before {content:''; display: block; width:0.6rem; height:2px; background-color: #666; position: absolute; left:0rem; top:0.9rem;}

.procon .list-type4 li{position: relative; padding:0 0 0 1.2rem; font-size:max(1.8rem, 14px); font-family: var(--font-pret); font-weight: 600; line-height: 1.3;}
.procon .list-type4 li + li {margin-top:1rem;}
.procon .list-type4 li::before {content:''; display: block; width:0.6rem; height:0.6rem; background-color: #222; border-radius: 50%; position: absolute; left:0rem; top:0.8rem;}




.procon .text-type1 {font-size:max(1.8rem, 14px); font-family: var(--font-pret); font-weight: 500;}
.procon .text-type1 p + p {margin-top:1rem;}

.procon .ico-type1 {display: flex; column-gap:1rem; row-gap: 0.5rem;}
.procon .ico-type1 + .ico-type1 {margin-top:1.5rem;}
.procon .ico-type1 .txt {flex-shrink: 0; max-width: 50%;}
.procon .ico-type1 .ico{display: inline-block; position: relative; padding-left:5rem;}
.procon .ico-type1 .ico::before {content: ''; display: block; width:4rem; height:2rem; background:url('../images/sub/ico_arrow02.png') no-repeat center/contain; position: absolute; top:0.1rem; left:0;}



@media (max-width: 768px){
	.procon .ico-type1 {flex-wrap:wrap;}
	.procon .ico-type1 .txt {flex-shrink: 0; max-width: 100%;}
	.procon .ico-type1 .ico::before {top:0;}
}
@media (max-width: 576px){
	.procon .list-type2 li::before {width:4px; height:4px; top:13px;}
	.procon .list-type3 li::before {width:4px; height:1px; top:7px;}
	.procon .list-type4 li::before {width:4px; height:4px; top:6px;}
	
}


@media (max-width: 1023px) {
	.tb__scroll {position: relative; padding-top:25px; margin-top:-2rem;}
	.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;}
	.table-type1 table { width:max(100%, 1000px);}
}

.table-type1 thead th{background-color:#222; padding:1.5rem 3rem; color:#fff; font-weight: 700; font-size: 2rem;}
.table-type1 thead th + th {border-left:1px solid #fff;}
.table-type1 tbody  {font-family: var(--font-pret); font-size:max(1.8rem, 14px); font-weight: 500;}
.table-type1 tbody th,
.table-type1 tbody td {text-align: left; padding:1.5rem 3rem; border-bottom: 1px solid #cfcfcf;} 
.table-type1 tbody td + td {border-left:1px solid #cfcfcf;}
.table-type1 tbody th {color:#222; font-weight: 700; background-color: #f5f5f5;}

/* ★★★제품설명영역 ★★★ : E */
/* ===================================================== */