.inner{width:1600px; margin:0 auto;}
.con{width:1600px; margin:0 auto;}


@media (max-width:1600px){
	.inner{width:100%; padding:0 1rem;}
	.con{width:100%; padding:0 1rem;}
}

/*고객사 현황*/
.logo-list {display:flex;gap:2.5rem;flex-wrap:wrap;}
.logo-list > li {width:calc((100% - (2.5rem * 4)) / 5);background:#fff;height:5rem;border-radius:0.5rem;display:flex;justify-content:center;align-items:center;padding:0 1rem;}
.logo-list > li img {max-width:100%;max-height:100%;}

.board-btn {margin-top:1.5rem;text-align:right;}
.board-btn a{display: inline-block;height: 2.75rem;line-height: 2.75rem;border: 1px solid #fff;border-radius: 2.5rem;background: #fff url(/images/default/content/board-arrow-on.svg) no-repeat center right +1rem;font-size: 0.8rem;color: #000 !important;text-align: left;width: 7.5rem;padding: 0 2rem 0 1rem; transition-duration: 0.3s;}
.board-btn a:hover{background: #000 url(/images/default/content/board-arrow.svg) no-repeat center right +1rem;
    color: #fff !important;transition-duration: 0.3s;
    box-shadow: none;border:1px solid #fff;}

.logo-bottom {height:29rem;background:url(/images/default/content/logo-bottom.png)no-repeat center center;background-size:cover;display:flex;justify-content:center;align-items:center;margin-top:6rem;}
.logo-bottom strong {display:block;color:#fff;font-size:2.25rem;font-weight:700;text-align:center;}
.logo-bottom .more-btn{width: 11rem;height: 3rem;border-radius: 2.5rem;border: 1px solid #fff;align-items: center;display: flex;color: #fff;padding: 0 0.75rem;font-size: 0.8rem;justify-content: space-between;transition-duration: 0.3s;margin:0 auto;margin-top:2.5rem;}
.logo-bottom .more-btn span{width: 2.5rem;height: 1.4rem;border-radius: 2.5rem;background: #FF5500 url(/images/default/main/arrow-right.svg) no-repeat center center;display: block;transition-duration: 0.3s;}

.logo-bottom .more-btn:hover{background:#FF5500;border:1px solid #FF5500;transition-duration: 0.3s;}
.logo-bottom .more-btn:hover span {background:#F92307 url(/images/default/main/arrow-right.svg)no-repeat center center;transition-duration: 0.3s;}


@media (max-width:1030px){
	.logo-list{gap:1.5rem;}
	.logo-list > li{width: calc((100% - (1.5rem * 4)) / 5); }
}
@media (max-width:767px){
	.logo-list{gap:1.5rem;}
	.logo-list > li{width: calc((100% - (1.5rem * 2)) / 3); }
	.logo-bottom strong{font-size:1.75rem;}
}
@media (max-width:500px){
	.logo-list > li{width: calc((100% - (1.5rem * 1)) / 2); }
	.logo-bottom{height:25rem;}
}

/*공통*/
.tit-zone {font-size:2.25rem;color:#fff;font-weight:600;}
.tit-zone span {transition: all 1.0s;transition-delay: 1.0s;background: linear-gradient(90deg, #FF5500, #FF5500 50%, rgba(255, 255, 255, 0.2) 0);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;}

.tit-zone.go span {background-position: 0% !important;}
@media (max-width:1030px){
	.tit-zone {font-size:1.75rem;}
}




/*인사말*/
.since-tit {font-size:1.5rem;color:#fff;font-weight:700;font-family:'Oswald';padding-top:4.5rem;position:relative;margin-top:1.5rem;}
.since-tit:before{content:'';position:absolute;width:2px;height:3rem;background:#fff;left:50%;top:0;transform:translateX(-50%);}
.greeting-txt {font-size:1rem;color:#fff;margin-top:4rem;}
.ceo-txt {font-size:1rem;margin-top:4rem;color:#fff;}
.signature {font-size:1.3rem;color:#fff;font-weight:700;margin-top:0.5rem;}
.greeting{background:#000 url(/images/default/content/greeting-img.png)no-repeat center bottom;padding-bottom:2.75rem;}

/*연혁*/
.history{position:relative;}
.history:after{content:'';display:block;}
.history-percent-bar{position:absolute;width:5px;height:100%;background:rgba(255,255,255,0.2);left:50%;top:0;transform:translateX(-50%);}
.history-percent-bar .percent-bar-child {position: absolute;content: "";width: 100%;height: 100%;background-color: #FF5500;z-index: 1;border-radius: 2px 2px 0 0;transition: all 0.3s;}
.history .point {position:absolute;width:3.3rem;height:3.3rem;border-radius:50%;background:#FF5500 url(/images/default/content/history-point.svg)no-repeat center center;background-size:cover;left:50%;transform:translate(-50%,0);bottom:-3.3rem;z-index:1;background-size:0.95rem;box-shadow: 0 10px 25px rgb(255 85 0 / 30%);
}



.history {position:relative;}
.history .history-point{ position:absolute;left:0;}
.history .history-box {display:flex;justify-content:center;position:relative;}


.history .history-box:not(:last-child){padding-bottom:10rem;}
.history .history-box > div.year {width:50%;text-align:right;padding-right:4.5rem;font-size:3.5rem;color:#fff;font-weight:700;font-family:'Oswald';line-height:1;}
.history .history-box > ul{width:50%;padding-left:4.5rem;}
.history .history-box > ul li {display:flex;gap:1.1rem;font-size:1rem;}
.history .history-box > ul li .month {color:#FF5500;font-weight:700;}
.history .history-box > ul li p{color:rgba(255,255,255,0.6);}
.history .history-box > ul li:not(:last-child){margin-bottom:1rem;}

@media (max-width:1030px){
	.history .history-point img{width:7.5rem;}
}
@media (max-width:767px){
	.history .history-box{flex-direction:column;}
	.history .history-box > div.year{width:100%;padding-left:3rem;text-align:left;padding-right:0;margin-bottom:1.5rem;}
	.history .history-box > ul{width:100%;padding-left:3rem;}
	.history .history-box:not(:last-child){padding-bottom:5rem;}
	.history .history-box > div.year{font-size:2.5rem;}
	.history-percent-bar {left:1rem;}
	.history .point{width:2.5rem;height:2.5rem;bottom:-2.5rem;}
	.history .history-point img{display:none;}


}

/*조직도*/
.org .org01 {width:9.5rem;height:9.5rem;border:1px solid #FF5500;border-radius:50%;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center;}
.org .org01 span {position:relative;z-index:1;font-size:1.15rem;color:#fff;font-weight:700;}
.org .org01:before{content:'';position:absolute;width:8rem;height:8rem;background:#FF5500;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);}
.org .org02{margin-top:3.5rem;position:relative;z-index:1;}
.org .org02 ul {display:flex;gap:4rem;justify-content:center;margin-left:-15.5rem;position:relative;}
.org .org02 ul:before{content:'';position:absolute;width:1px;height:13.5rem;left:calc(50% + 7.75rem);top:-3.5rem;background:rgba(255,255,255,0.3);}
.org .org02 ul li {width:11.5rem;height:4rem;border:3px solid #9F9F9F;display:flex;justify-content:center;align-items:center;font-size:1.15rem;color:#9F9F9F;font-weight:700;text-align:center;border-radius:0.5rem;background:#0C0805;}
.org .org02 ul li.on {border:3px solid #FF5500;color:#FF5500;position:relative;z-index:1;}
.org .org02 ul li.on:before{content:'';position:absolute;width:4rem;height:1px;background:rgba(255,255,255,0.3);left:calc(-4rem - 3px);top:50%;}


.org .org03 {display:flex;gap:4.5rem;justify-content:center;}
.org .org03 ul {width:19rem;margin-top:6rem;position:relative;}
.org .org03 ul li {display:flex;justify-content:center;align-items:center;height:4rem;border:1px solid #9F9F9F;border-radius:10px;color:#9F9F9F;font-size:1rem;position:relative;text-align:center;}
.org .org03 ul:after{content:'';position:absolute;width:1px;height:2.7rem;top:-2.7rem;left:50%;background:rgba(255,255,255,0.3);}
.org .org03 ul li.point{border:1px solid #222;background:#222222;position:relative}
.org .org03 ul li.point:after{content:'';position:absolute;width:0.5rem;height:0.5rem;border:2px solid #222;border-radius:50%;background:#fff;left:50%;top:0;transform:translate(-50%,-50%);}
.org .org03 ul li.point span {font-size:1rem;color:#fff;font-weight:700;}
.org .org03 ul li:not(:last-child){margin-bottom:0.75rem;}
.org .org03 ul:nth-child(2):after {display:none;}

.org .org03 ul:before{content:'';position:absolute;width:100%;height:1px;top:-2.7rem;background:rgba(255,255,255,0.3);left:50%;}
.org .org03 ul:nth-child(2):before{left:0;}
.org .org03 ul:nth-child(1):before{width:calc(50% + 4.5rem);}
.org .org03 ul:nth-child(3):before{width:calc(50% + 4.5rem);left:-4.5rem;}


@media (max-width:767px){
	.org .org02 ul{margin-left: 0; }
	.org .org02 ul:before{left:50%;}
	.org .org02 ul li{width:calc((100% - 4rem) / 2);}
	.org .org03{gap:1.5rem;}
	.org .org03 ul {width:calc((100% - (1.5rem * 2)) / 3);}
	.org .org03 ul:nth-child(1):before{width: calc(50% + 1.5rem);}
	.org .org03 ul:nth-child(3):before{width: calc(50% + 1.5rem);
    left: -1.5rem;}

}

/*오시는길*/

.map-cont {background:#222222;border-radius:1rem;padding:2.75rem 2.2rem;display:flex;justify-content:space-between;    align-items: center;margin-bottom:1.5rem;}
.map-cont .left{display:flex;gap:3.25rem;}
.map-cont .left strong {font-size:1.3rem;color:#FF5500;font-weight:700;padding-left:1.15rem;position:relative;}
.map-cont .left strong:before{content:'';position:absolute;width:0.9rem;height:1.05rem;background:url(/images/default/content/map-icon.svg)no-repeat center center;background-size:cover;left:0;top:0.5rem;}
.map-cont .left ul li {font-size:1rem;display:flex;}
.map-cont .left ul li b{font-weight:700;color:rgba(255,255,255,0.6);width:5rem;}
.map-cont .left ul li p{flex:1;color:#fff;}
.map-cont .right{display:flex;gap:0.75rem;}
.map-cont .right a {display:flex;width:9rem;height:2.75rem;border-radius:5px;background:#393939;color:#fff;justify-content:center;align-items:center;gap:0.45rem;transition-duration: 0.3s;}
.map-cont .right a i {width:0.65rem;height:0.65rem;background:url(/images/default/content/naver-icon.svg)no-repeat center center;background-size:cover;display:inline-block;transition-duration: 0.3s;}
.map-cont .right a.kakao-btn i{width:0.7rem;height:0.95rem;background:url(/images/default/content/kakao-icon.svg)no-repeat center center;background-size:cover;transition-duration: 0.3s;}
.map-cont .right a:hover{background:#02B43A;color:#fff;transition-duration: 0.3s;} 
.map-cont .right a.kakao-btn:hover{background:#FFFFFF;color:#000;transition-duration: 0.3s;} 
.map-cont .right a.kakao-btn:hover i {width:0.7rem;height:0.95rem;background:url(/images/default/content/kakao-icon-on.svg)no-repeat center center;background-size:cover;transition-duration: 0.3s;}

.root_daum_roughmap_landing {width:100% !important;height:21.5rem !important;border-radius:1rem;overflow:hidden;}
.root_daum_roughmap .wrap_map {height:100% !important;}
.root_daum_roughmap .cont{display:none;}

.map-list > div{padding:5rem 0;}
.map-list > div:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.2)}
.map-list > div:first-child{padding-top:0;}
.map-list > div:last-child{padding-bottom:0;}

@media (max-width:1100px){
	.map-cont{padding:1.5rem; flex-direction:column;align-items: flex-start;}
	.map-cont > div {width:100%;}
	.map-cont .right{justify-content: flex-end;margin-top:1.5rem;}
}
@media (max-width:767px){
	.map-cont .left{flex-direction:column;gap:1rem;}
	.map-list > div{padding:3rem 0;}
}
@media (max-width:500px){
	.map-cont .left ul li{flex-direction:column;}
	.map-cont .right a {width:calc((100% - 0.75rem) / 2)}

}

/*사업분야 탭*/
.business-tab {width:41.5rem;height:3.75rem;border-radius:2.5rem;display:flex;margin:0 auto;background:#222222;padding:0.6rem 0.9rem;margin-top:4rem;margin-bottom:7.5rem;}
.business-tab.business-tab-big {width:44.5rem;}

.business-tab > li {width:calc(100% / 5);height:100%;}
.business-tab > li a {display:flex;justify-content:center;align-items:center;height:100%;font-size:1rem;font-weight:700;color:rgba(255,255,255,0.6);text-align:center;}
.business-tab > li a.on {background:#FF5500;color:#fff;border-radius:1.5rem;}
.business-tab > li a:hover{color:#fff;}

.business-cont h3.tit{font-size:2.25rem;color:#fff;font-weight:700;text-align:center;padding-bottom:2.5rem;display:none;}
.business-cont h3.tit span {font-size:1.5rem;display:block;}
.business-cont .cont-box {display:flex;gap:8rem;}
.business-cont .cont-box .tit {font-size:2rem;font-weight:700;color:#fff;display:none;}
.business-cont .cont-box .cont {flex:1;}
.business-cont .cont-box .cont p {font-size:1rem;color:rgba(255,255,255,0.6);text-align:center;}
.business-cont .cont-box .cont .img-list{margin-top:2.5rem;display:flex;gap:2.25rem;}
.business-cont .cont-box .cont .img-list img {width:calc((100% - 2.25rem) / 2);}

@media (max-width:1400px){
	.business-cont .cont-box{gap:3rem;}
}
@media (max-width:1030px){
	.business-tab{margin-bottom:5rem;}
}
@media (max-width:767px){
	.business-tab{width:100%;}
	.business-cont .cont-box{flex-direction:column;gap:1.5rem;padding-top:3.5rem;}
	.business-cont .cont-box .cont .img-list{margin-top:1.5rem;gap:1.5rem;}
	.business-cont .cont-box .cont .img-list img {width: calc((100% - 1.5rem) / 2);}
	.business-cont h3.tit{font-size:2rem;}
	.business-cont .cont-box .tit{font-size:1.75rem;}
}

@media (max-width:500px){
	.business-tab {width:calc(100% + 2rem);margin-left:-1rem;border-radius:0;  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
  gap:1rem;}
  	.business-tab.business-tab-big{width:100%;margin-left:0;border-radius:1.5rem;  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
  gap:1rem;}
	.business-tab > li {width:auto;}
	.business-tab > li a {padding:0 0.75rem;}
}

/*사업분야 - 사업별*/
.industry-top{display:flex;align-items:center;gap:3.5rem;padding:1.5rem;background:#222222;border-radius:1rem;}
.industry-top .txt-box{flex:1;}
.industry-top .txt-box strong {font-size:2.25rem;color:#fff;font-weight:700;}
.industry-top .txt-box p{font-size:1rem;color:rgba(255,255,255,0.6);margin-top:2.5rem;}
.industry-top .txt-box p b{color:#fff;}

@media (max-width:1600px){
	.industry-top{gap:1.5rem;align-items: flex-start;}
	.industry-top > div {width:50%;}
	.industry-top > div img {max-width:100%;}
	.industry-top .txt-box p{margin-top:1.5rem;font-size:0.9rem;}

	.industry-top > div.img-box {width:40%;}
	.industry-top .txt-box strong{font-size:1.75rem;}
}
@media (max-width:800px){
	.industry-top{flex-direction:column;}
	.industry-top > div{width:100%;}
	.industry-top > div.img-box{width:100%;}
}


.industry-reason{padding:7rem 0 5.5rem 0;border-top:1px solid rgba(255,255,255,0.2);margin-top:7rem;}
.industry-reason > .tit {font-size:2rem;color:#fff;font-weight:700;}
.industry-reason > .tit span {color:#FF5500;}

.industry-reason .reason-list {display:flex;gap:2.5rem;flex-wrap:wrap;margin-top:2.75rem;}
.industry-reason .reason-list > div{width:calc((100% - 2.5rem) / 2);border:6px solid #222;border-radius:1rem;}

.industry-reason .reason-list > div .list-tit{background:#222;padding:1.2rem 2.2rem;color:#fff;font-size:1.15rem;font-weight:700;display:flex;gap:0.4rem;}
.industry-reason .reason-list > div .list-tit span {width:1.5rem;height:1.5rem;border:1px solid #FF5500;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:0.8rem;font-weight:700;color:#FF5500;font-weight:700;}
.industry-reason .reason-list > div .list-cont {padding:2rem 2.2rem;font-size:1rem;color:rgba(255,255,255,0.6);font-weight:600;}
.industry-reason .reason-list > div .list-cont br{display:none;}
@media (max-width:1600px){
	.industry-reason .reason-list > div .list-cont br{display:none;}
}
@media (max-width:1200px){
	.industry-reason .reason-list > div .list-cont{padding:1rem;font-size:0.9rem;}
	.industry-reason .reason-list > div .list-tit{padding:1rem;}
	.industry-reason .reason-list{gap:1.5rem;}
	.industry-reason .reason-list > div{    width: calc((100% - 1.5rem) / 2);}

}

@media (max-width:1030px){
	.industry-reason {padding:5rem 0 5rem;margin-top:5rem;}
}
@media (max-width:767px){
	.industry-reason .reason-list > div .list-tit{ flex-direction:column;}
}
@media (max-width:500px){
	.industry-reason .reason-list > div{width:100%;}
}



.industry-skill {padding-top:6.5rem;border-top:1px solid rgba(255,255,255,0.2);}
.industry-skill h3.tit {font-size:2rem;color:#fff;font-weight:700;}
.industry-skill .skill-tab {display:flex;margin-top:3rem;}
.industry-skill .skill-tab li {width:calc(100% / 3);padding-bottom:0.65rem;color:rgba(255,255,255,0.6);font-weight:700;font-size:0.9rem;text-align:center;border-bottom:2px solid rgba(0555,255,255,0.2);cursor:pointer;}
.industry-skill .skill-tab li.on {color:#FF5500;border-bottom:2px solid #FF5500}

.industry-skill .skill-box {background:#222;border-radius:1rem;margin-top:4rem;padding:1.5rem;display:flex;align-items:center;gap:3rem;
}
.industry-skill .skill-box .skill-top-txt{flex:1;}
.industry-skill .skill-box .skill-top-txt strong{font-size:1.5rem;color:#fff;font-weight:700;}
.industry-skill .skill-box .skill-top-txt p {color:rgba(255,255,255,0.6);font-weight:600;margin-top:2.5rem;}

.industry-skill .skill-bottom-list {display:flex;gap:2.25rem;flex-wrap:wrap;margin-top:2.5rem;}
.industry-skill .skill-bottom-list > li {width:calc((100% - 2.25rem) / 2);border:6px solid #222;border-radius:1rem;display:flex;padding:1rem;align-items:center;gap:2rem;}
.industry-skill .skill-bottom-list > li p {font-size:0.9rem;color:rgba(255,255,255,0.6);font-weight:600;flex:1;}

@media (max-width:1030px){
	.industry-skill{padding-top:5rem;}
}


.industry-reference{padding-top:7rem;border-top:1px solid rgba(255,255,255,0.2);margin-top:7rem;}
.industry-reference h3{font-size:2rem;color:#fff;font-weight:700;}
.reference-list{gap:2.4rem;display:flex;margin-top:2.5rem;}
.reference-list > li  {width:calc((100% - (2.4rem * 3)) / 4);border-radius:0.5rem;overflow:hidden;}
.reference-list > li .img-box{position:relative;padding-top:77.675%;overflow:hidden;}
.reference-list > li .img-box > span {position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover !important;}
.reference-list > li:hover .img-box > span {transition: filter 0.3s ease;filter: blur(5px);transition-duration: 0.3s;transform: scale(1.1);}
.reference-list > li .img-box:after{content: '';display: block;position: absolute;background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));height: 5rem;width: 100%;left: 0;bottom: 0;z-index: 1;}

.reference-list > li:hover .hover-bx {opacity:1;}
.reference-list > li .txt-box{background:#222;padding:2rem 1.5rem}
.reference-list > li .txt-box p{font-weight:600;color:#fff;font-size:1rem;}


@media (max-width:1600px){
	.industry-skill .skill-box {gap:1.5rem;}
	.industry-skill .skill-box > div {width:50%;}
	.industry-skill .skill-box > div.skill-top-img {width:40%;}
	.industry-skill .skill-box > div.skill-top-img img {max-width:100%;}
	.industry-skill .skill-box .skill-top-txt p{margin-top:1.5rem;}
}
@media (max-width:1250px){
	.industry-skill .skill-bottom-list > li{gap:1rem;}
	.industry-skill .skill-bottom-list > li img {width:50%;}
}
@media (max-width:1030px){
	.reference-list{gap:1rem;}
	.reference-list > li {    width: calc((100% - (1rem * 3)) / 4);}
	.industry-reference{padding-top:5rem;margin-top:5rem;}
}


@media (max-width:800px){
	.industry-skill .skill-box{flex-direction:column;}
	.industry-skill .skill-box > div {width:100%;}
	.industry-skill .skill-box > div.skill-top-img {width:100%;}
}
@media (max-width:767px){
	.industry-skill .skill-bottom-list > li{width:100%;}
	.industry-skill .skill-bottom-list > li img{width:40%;}
	.reference-list{flex-wrap:wrap;}
	.reference-list > li {    width: calc((100% - (1rem * 1)) / 2);}
	.reference-list > li .txt-box{padding:1rem;}
}

/*제품*/
.product-list {display:flex;gap:4rem;}
.product-list > a {background:#222222;border-radius:0.75rem;position:relative;width:calc((100% - 8rem) / 3);}
.product-list > a:after{content:'';position:absolute;width:3rem;height:3rem;background:#FF5500 url(/images/default/main/more-icon.svg)no-repeat center center;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;}
.product-list > a:hover:after{opacity:1;}
.product-list > a:hover{background:#fff;}
.product-list > a .txt-box {padding:3rem 3rem 0 3rem}
.product-list > a .txt-box strong {font-size:1.75rem;color:#fff;font-weight:700;display:block;}
.product-list > a .txt-box span {font-size:0.8rem;color:#FF5500;font-weight:600;display:block;margin-top:0.6rem;}
.product-list > a:hover .txt-box strong{color:#000}

.product-list > a .img-box {margin-top:1.5rem;}
.product-list > a .img-box img {max-width:100%;}

@media (max-width:1400px){
	.product-list{gap:1.5rem;}
	.product-list > a {width:calc(100% - (4rem * 2rem)) / 3);}
	.product-list > a .txt-box{padding:1.5rem 1.5rem 0 1.5rem;}
	.product-list > a .txt-box strong{font-size:1.5rem;}
}

@media (max-width:767px){
	.product-list { flex-direction:column;}
	.product-list > a .img-box{text-align:center;}
}

/*제품 뷰페이지*/
.product-view {display:flex;gap:4rem;background:#222222;border-radius:0.5rem;padding:3rem;}
.product-view > div {width:50%;}
.product-view > div.img-box {overflow:hidden;width:42%;}
.product-view > div.img-box .swiper-slide img {max-width:100%;}
.product-view > div.txt-zone {flex:1;}
.product-view > div.txt-zone .tit {padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,0.5);}
.product-view > div.txt-zone .tit span {font-size:0.8rem;color:#FF5500;font-weight:600;display:block;}
.product-view > div.txt-zone .tit strong{font-size:1.75rem;color:#fff;font-weight:700;display:block;margin-top:0.75rem;line-height:1;}
.product-view > div.txt-zone .cont {padding-top:2.5rem;  color: rgba(255, 255, 255, 0.6);}
.product-view > div.txt-zone .cont .txt{font-size:1rem;font-weight:600;color:rgba(255,255,255,0.6);}
.product-view > div.txt-zone .cont ul.view-cont {padding-bottom:2.5rem;border-bottom: 1px solid rgba(255, 255, 255, 0.5);gap:1.25rem;flex-direction:column;display:flex;}
.product-view > div.txt-zone .cont ul.view-cont li {font-size:1rem;font-weight:600;color:rgba(255,255,255,0.6);}
.product-view > div.txt-zone .cont ul.view-cont li span {width:4.25rem;color:#fff;font-weight:700;display:inline-block;}
.txt-tit {padding-top:2.5rem;display:inline-block;font-size:1rem;color:#fff;font-weight:700;padding-bottom:0.75rem;}

.product-view > div.txt-zone .btn-list {display:flex;gap:0.75rem;margin-top:2.5rem;border-top:1px solid rgba(255,255,255,0.5);padding-top:2.5rem;}
.product-view > div.txt-zone .btn-list a {width:11rem;height:3rem;border-radius:5px;font-size:0.8rem;font-weight:600;color:#fff;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;border:2px solid rgba(255,255,255,0.2);}
.product-view > div.txt-zone .btn-list a i.purchase {width:0.9rem;height:0.9rem;background:url(/images/default/content/purchase-icon.svg)no-repeat center center;background-size:cover;}
.product-view > div.txt-zone .btn-list a i.catalog {width:0.9rem;height:0.9rem;background:url(/images/default/content/catalog-icon.svg)no-repeat center center;background-size:cover;}


.product-view > div.img-box .thum-slide {margin-top:1rem;}
.product-view > div.img-box .thum-slide .swiper-slide{border-radius:5px;overflow:hidden;}
.product-view > div.img-box .thum-slide .swiper-slide.swiper-slide-thumb-active {border:3px solid #FF5500}

.product-view > div.img-box .thum-slide .swiper-slide{height:3.75rem;position:relative;}
.product-view > div.img-box .thum-slide .swiper-slide:before{content:'';position:absolute;width:100%;height:50%;bottom:0;left:0;background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);}
.product-view > div.img-box .thum-slide .swiper-slide img {width:100%;object-fit:cover;height:100%;}

.product-view > div.img-box .big-Swiper .swiper-slide{border-radius:10px;overflow:hidden;position:relative;}
.product-view > div.img-box .big-Swiper .swiper-slide:after{content:'';position:absolute;width:100%;height:50%;bottom:0;left:0;background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);}
.product-view > div.img-box .big-Swiper .swiper-slide img {width:100%;}

.product-cont {padding-top:5rem;color:#fff !important;}
.product-cont h3.tit {color:#fff;font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:2.5rem;}
.product-cont img {max-width:100%;}

.product-list-btn {text-align:center;}
.product-list-btn a {width:9rem;height:3rem;border-radius:2.5rem;border:1px solid #fff;display:flex;justify-content:center;align-items:center;color:#fff;margin:0 auto;margin-top:
2.5rem;}

@media (max-width:1500px){
	.product-view {padding:1.5rem;gap: 1.5rem;align-items: flex-start;}
}
@media (max-width:767px){
	.product-view {flex-direction: column;gap: 1.5rem;}
	.product-view > div.img-box{width:100%;}
	.product-view > div{width:100%;}
.product-view > div.txt-zone .tit{padding-bottom:1.5rem;}
}
@media (max-width:500px){
	.product-view > div.txt-zone .btn-list a{width:calc((100% - 0.75rem) / 2);}
	.product-view > div.txt-zone .tit{padding-bottom:1rem;}
	.product-view > div.txt-zone .cont{padding-top:1rem;}
	.product-view > div.txt-zone .btn-list{padding-top:1rem;margin-top:1rem;}
}


.contact-con .form-box {display:flex;}

.contact-con .contact-list-con {width:37.25rem;margin:0 auto;}
.contact-con .contact-list-con .contact-list {}
.contact-con .contact-list-con .contact-list > div:not(:last-child) {margin-bottom:0.75rem;}
.contact-con .contact-list-con .contact-list .form-box{display:flex;}
.contact-con .contact-list-con .contact-list .form-box .box-input {width:32.5rem;}
.contact-con .contact-list-con .contact-list .form-box .box-label{flex:1;color:#fff;font-weight:600;height: 3rem;
display: flex;align-items: center;}
.contact-con .contact-list-con .contact-list .form-box .box-label span {color:#FF5500;font-weight:600;}
.contact-con .contact-list-con .contact-list .form-box .box-input input {background:#222222;border-radius:8px;height:60px;border:1px solid #222222;color:#fff;}
.contact-con .contact-list-con .contact-list .form-box .box-input input::placeholder{color:rgba(255,255,255,0.3);}

.contact-con .contact-list-con .email-bx {display:flex;gap:0.5rem;}
.contact-con .contact-list-con .email-bx input,
.contact-con .contact-list-con .email-bx select{flex:1;}
.contact-con .contact-list-con textarea{height:6.95rem;background:#222;border:1px solid #222;border-radius:8px;}
.contact-con .contact-list-con select{    background: #222 url(/images/default/main/sel-w.svg) no-repeat right +10px center;border-radius:8px;border:1px solid #222;color:#fff;height:60px;}

.contact-con .form-btn{text-align:center;margin-top:2.5rem;}
.contact-con .form-btn button {width:9rem;height:3rem;background:inherit;border:1px solid #fff;border-radius:2.5rem;color:#fff;text-align:left;padding:0 0.75rem;cursor:pointer;position:relative;font-family: 'Pretendard Variable';font-size:0.8rem;}
.contact-con .form-btn button:after{content:'';position:absolute;width:2.5rem;height:1.4rem;border-radius:2.5rem;background:#FF5500 url(/images/default/main/arrow-right.svg)no-repeat center center;right:0.7rem;top:50%;transform:translateY(-50%);}

.contact-con .form-btn button:hover{background:#FF5500;border:1px solid #FF5500;transition-duration: 0.3s;}
.contact-con .form-btn button:hover:after{background:#F92307 url(/images/default/main/arrow-right.svg)no-repeat center center;transition-duration: 0.3s;}

.agree-box {border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);margin:0 auto;margin-top:2.5rem;padding:1rem 0;display:flex;justify-content:space-between;width:37.5rem;}
.agree-box a {color:rgba(255,255,255,0.6);font-size:0.8rem;font-weight:600;     text-decoration : underline;  text-underline-position : under;}

.agree-box input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;width: 1.25rem; height: 1.25rem; border: 1px solid #444; border-radius: 4px; position: relative; vertical-align: middle; margin-right: 8px; cursor: pointer; background-color: #444444; transition: border-color 0.2s, background-color 0.2s; }
.agree-box input[type="checkbox"]::after {content:'';position:absolute;width:1rem;height:1rem;background:url(/images/default/content/check-icon.svg)no-repeat center center;background-size:cover;left:50%;top:50%;transform:translate(-50%,-50%); opacity: 1; }
.agree-box input[type="checkbox"]:checked { border-color: #FF5500; background-color: #FF5500; }
.agree-box input[type="checkbox"]:checked::after { opacity: 1; background:url(/images/default/content/check-icon-on.svg)no-repeat center center;background-size:cover;}
.agree-box label {color:#fff;font-weight:600;}
.contact-img img {max-width:100%;}



@media (max-width:1600px){
	.contact-con .contact-list-con .contact-list .form-box .box-label {width:15%;flex:auto;}
	.contact-con .contact-list-con{gap:1rem;}
}
@media (max-width:1030px){
	.ctn7{padding-top:5rem;}
}

@media (max-width:767px){
	.contact-con .contact-list-con .contact-list{width:100%;}
	.contact-con .contact-list-con{flex-direction: column-reverse;}
	.contact-con .contact-list-con .contact-list .form-box .box-input{width:90%}
	.contact-con .contact-list-con{width:100%;padding:0 1rem;}
	.agree-box{width:calc(100% - 2rem);padding:1rem;margin-left:1rem;}
}
@media (max-width:500px){
	.contact-con .contact-list-con .contact-list .form-box{display:block;}
	.contact-con .contact-list-con .contact-list .form-box .box-label{width:100%;}
	.contact-con .contact-list-con .contact-list .form-box .box-input{width:100%;}
	.contact-con .contact-list-con select{width:100%;flex:auto !important;}
	.contact-con .contact-list-con .email-bx{flex-wrap:wrap;}

}

:root{
    --transition-custom2: all 0.8s ease-in-out;
	}


	.popUp {position:fixed;width:500px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999;background:#fff;border-radius:1rem;overflow:hidden;display:none;}
.popUp .pop-tit {padding:2rem 1rem 1.45rem 1rem;font-size:1.15rem;color:#000;text-align:center;background:#F8F8F8}

.popUp .pop-con {padding:1.2rem 1.75rem 2rem 1.75rem;}
.popUp .pop-con ul li {font-size:0.9rem;color:#222;}
.popUp .pop-con ul li:not(:last-child){margin-bottom:10px;}
.popUp .pop-btn {width:7.5rem;height:2.75rem;border-radius:2.5rem;background:#000;color:#fff;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-top:1.6rem;font-size:0.8rem;cursor:pointer;}


.popUp .pop-con strong {font-size:1.15rem;color:#000;font-weight:700;text-align:center;display:block;}
.registerpopUp{padding:3rem 1.75rem 2rem 1.75rem;}
.registerpopUp .pop-con{padding:0;}

@media (max-width:500px){
	.popUp {width:90%;}
}

.list-btn-wrap{text-align:center;display:flex;justify-content:center;margin-top:2.5rem;}
.list-btn-wrap a {width:9rem;height:3rem;border-radius:2.5rem;border:1px solid #fff;color:#fff;font-size:0.8rem;display:flex;justify-content:center;align-items:center;}

.ctn01{display:flex;gap:2.5rem;}
.ctn01 > div {width:calc((100% - 5rem) / 3);background:#222222;border-radius:1rem;padding:2.2rem ;display:flex; flex-direction:column;justify-content:space-between;

}
.ctn01 > div img {display:block;margin-left:auto;}

.ctn01 > div .r-txt {font-size:0.9rem;font-weight:700;color:#FF5500}
.ctn01 > div .txt {font-size:1rem;color:#fff;margin-top:0.75rem;}

@media (max-width:767px){
	.ctn01 {flex-direction:column;gap:1rem;}
	.ctn01 > div{width:100%;}
}


.ctn02 {margin-top:10rem;}
.fx-box{display:flex;}
.fx-box .left {width:20rem;}
.fx-box .left h3 {font-size:2rem;font-weight:700;color:#fff;}
.fx-box .right {width:calc(100% - 20rem);}
.fx-box .right .factory-tit {font-size:1.15rem;color:#fff;font-weight:700;}
.fx-box .right .img-list {margin-top:1rem;display:flex;gap:1rem;}
.fx-box .right .img-list img {width:calc((100% - (1rem * 3)) / 4);}

.fx-box .right .factory-box {padding:2.5rem 0;}
.fx-box .right .factory-box:first-child{padding-top:0;border-bottom:1px solid rgba(255,255,255,0.2);}
.fx-box .right .factory-box:last-child{padding-bottom:0;}
.fx-box .right .factory-box ul{margin-top:2.5rem;}
.fx-box .right .factory-box ul li{display:flex;gap:0.75rem;;align-items:center;
}
.fx-box .right .factory-box ul li span {width:2.8rem;height:1.8rem;border:1px solid #FF5500;border-radius:5px; color:#FF5500;display:flex;justify-content:center;align-items:center;font-size:0.9rem;}
.fx-box .right .factory-box ul li p {font-size:1rem;color:rgba(255,255,255,0.6);flex:1;}
.fx-box .right .factory-box ul li:not(:last-child){margin-bottom:0.75rem;}

@media (max-width:1400px){
	.fx-box .left{width:30%;}
	.fx-box .right{width:70%;}
}

@media (max-width:1030px){
	.ctn02 {margin-top:5rem;}
}


.ctn03 {margin-top:10rem;}
.ctn03 .right  ul{border-top:1px solid rgba(255,255,255,0.5);}
.ctn03 .right  ul li {display:flex;border-bottom:1px solid rgba(255,255,255,0.2);}
.ctn03 .right  ul li:nth-child(2n){background:#222222;}
.ctn03 .right  ul li > div{width:calc((100% - 12.75rem) / 2);font-size:1rem;color:rgba(255,255,255,0.6);text-align:center;padding:0.5rem 1rem;}
.ctn03 .right  ul li > div:last-child {width:12.75rem}
.ctn03 .right  ul li.tit > div{font-size:1rem;color:#fff;font-weight:700;}


.ctn04 {padding-top:10rem;}
.ctn04 .right {border-top:1px solid rgba(255,255,255,0.6);}
.ctn04 .right > div {display:flex;border-bottom:1px solid rgba(255,255,255,0.5)}
.ctn04 .right > div:nth-child(2n) {background:#222;}
.ctn04 .right > div .tit{width:12.6rem;display:flex;font-size:1.15rem;font-weight:700;color:#FF5500;justify-content:center;align-items:center;}
.ctn04 .right > div .list-box {width:calc(100% - 12.6rem);padding:1.25rem;}
.ctn04 .right > div .list-box  ul li {font-size:0.9rem;color:rgba(255,255,255,0.6);}
.ctn04 .right > div .list-box  ul li span {color:#fff;}
.ctn04 .right > div .list-box  ul li:not(:last-child){margin-bottom:0.75rem;}

@media (max-width:1030px){
	.ctn03 {margin-top:5rem;}
	.ctn04 {padding-top:5rem;}
}
@media (max-width:767px){
	.fx-box{flex-direction:column;gap:1.5rem;}
	.fx-box .left {width:100%;}
	.fx-box .right{width:100%;}

}

@media (max-width:500px){
	.ctn03 .right ul li > div {width:calc(100% / 3) !important;}
	.ctn04 .right > div{flex-direction:column;}
	.ctn04 .right > div .tit{width:100%;padding: 1.5rem 1rem 0 1rem;text-align:left;justify-content: flex-start;}
	.ctn04 .right > div .list-box{width:100%;padding:1rem 1rem;}
	.fx-box .right .img-list {flex-wrap:wrap;}
	.fx-box .right .img-list img{    width: calc((100% - (1rem * 1)) / 2);}

}