@charset "utf-8";

/********************************************************
■ Side Menu : 사이드 메뉴
********************************************************/
#sub-visual {display: flex;flex-direction: column;align-items: center;position: relative;}z
.sub-visual__img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.sub-visual__img img {width: 100%;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.sub-visual__cont {width: 100%;height: 100%;z-index: 1;position: relative;}
.sub-visual__cont .sub-visual__type{width: 100%; height: 100%;}

/* typeb */
.sub-visual__cont .typea__content{height: 660px;}
.sub-visual__cont .typea__content .cinner{max-width:1200px;height: 100%;}
.sub-visual__cont .typea__content .cinner {display: flex;flex-direction:column;justify-content:center;padding: 200px 0;}
.sub-visual__cont .typea__title {padding-bottom: 90px;}
.sub-visual__cont .typea__title .tit {font-size: 3.50em;font-weight: 700;color: #000;text-transform: uppercase;line-height: 1.2;}

.sub-visual__cont .typea__menulist {padding-left: 20px;}
.sub-visual__cont .typea__menu {height: 100%;}
.sub-visual__cont .typea__menu .cinner{width: 90%; height: 100%; margin: 0 auto;}


/* depth1 */
.sub-visual__cont .typea_menu__depth1 {width: 100%; height: 100%;}
.sub-visual__cont .typea_menu__depth1 .sm-ul1 {} 
.sub-visual__cont .typea_menu__depth1 .sm-li1 {position: relative;} 
.sub-visual__cont .typea_menu__depth1 .sm-li1.active .typea_menu__depth2{display: block;}
.sub-visual__cont .typea_menu__depth1 .sm-a1 {display: none;}

/* depth2 */
.sub-visual__cont .typea_menu__depth2{height: 100%;display: none;}
.sub-visual__cont .typea_menu__depth2 .sm-ul2 {display: flex; gap: 0 60px;flex-wrap: wrap;}
.sub-visual__cont .typea_menu__depth2 .sm-ul2 .sm-li2{position: relative;}
.sub-visual__cont .typea_menu__depth2 .sm-ul2 .sm-li2:nth-child(2) .typea_menu__depth3{left:-230px;}
.sub-visual__cont .typea_menu__depth2 .sm-a2 {display:inline-block;color: #aaa;font-size: 1.10em;font-weight: 500;text-align: left;border-bottom: 1px solid #fff;line-height: 1;} 
.sub-visual__cont .typea_menu__depth2 .sm-a2:hover{color: var(--color-blue);}
.sub-visual__cont .typea_menu__depth2 .sm-li2.active .sm-a2 {font-weight:700;color: #000;text-decoration: underline;}

/* depth3 */
.sub-visual__cont .typea_menu__depth3{margin-top: 15px;}
.sub-visual__cont .sm-li2 .typea_menu__depth3{display: none;position: absolute;left: 0;top: 100%;z-index:1;white-space: nowrap;}
.sub-visual__cont .sm-li2.active .typea_menu__depth3{display: block;}
.sub-visual__cont .sm-li2.active .typea_menu__depth3>ul{display: flex;align-items:center;gap: 0 40px;background: #000;border-radius: 100px;height: 50px;padding: 0 60px;}
.sub-visual__cont .typea_menu__depth3 .sm-li3{line-height: 1.2;}
.sub-visual__cont .typea_menu__depth3 .sm-li3::after{content: '';}
.sub-visual__cont .typea_menu__depth3 .sm-a3 {font-size:1.10em; font-weight: 600; color:#aaa; line-height: 1;position: relative;}
.sub-visual__cont .typea_menu__depth3 .sm-a3::after{content: '';width: 1px;height: 50%;background: #aaa;position: absolute;right: -20px;top: 50%;transform: translateY(-50%);}
.sub-visual__cont .typea_menu__depth3 .sm-li3:last-child .sm-a3::after{display: none;}
.sub-visual__cont .typea_menu__depth3 .sm-a3:hover{color:#fff;} 
.sub-visual__cont .typea_menu__depth3 .sm-li3.active{position: relative;}
.sub-visual__cont .sm-li3.active .typea_menu__depth4{display: block;left: 50%;transform: translateX(-50%);}
.sub-visual__cont .typea_menu__depth3 .sm-li3.active .sm-a3 {color:#fff;font-weight: 700;}

/* depth4 */
.sub-visual__cont .typea_menu__depth4{margin-top:25px;padding: 0;display: none;position: absolute;left:0;top: 100%;}
.sub-visual__cont .typea_menu__depth4>ul{display: flex;align-items: center;gap: 0 40px;}
.sub-visual__cont .typea_menu__depth4 .sm-a4{font-size:1.10em; font-weight:600; color: #aaa; position: relative;}
.sub-visual__cont .typea_menu__depth4 .sm-a4::after{content: '';width: 1px;height: 50%;background: #aaa;position: absolute;right: -20px;top: 50%;transform: translateY(-50%);}
.sub-visual__cont .typea_menu__depth4 .sm-li4:last-child .sm-a4::after{display: none;}
.sub-visual__cont .typea_menu__depth4 .sm-a4:hover{color:#000;}
.sub-visual__cont .typea_menu__depth4 .sm-li4.active .sm-a4{color:#000;font-weight: 700;}
[class*=typea_menu__depth] a { transition: .35s;}


@media all and (max-width: 1699px){
	.sub-visual__cont .typea__content .cinner{max-width: 100%;}
}
@media all and (max-width: 1499px){
	.sub-visual__cont .typea__content{height: auto;}
	.sub-visual__cont .typea__content .cinner{padding:200px 0 150px 0;}
	.sub-visual__cont .typea__title{padding-bottom:40px;}
	.sub-visual__cont .typea__content{}
	.sub-visual__cont .typea_menu__depth2 .sm-ul2{gap: 0;}
	.sub-visual__cont .typea_menu__depth2 .sm-li2{display: none;}
	.sub-visual__cont .typea_menu__depth2 .sm-li2.active{display: block;width: 100%;}	
	.sub-visual__cont .typea_menu__depth2 .sm-a2{color: #fff !important;background: #000;padding: 5px 20px;border-radius: 50px;text-decoration: none !important;}
	.sub-visual__cont .sm-li2 .typea_menu__depth3{white-space: normal;}
	.sub-visual__cont .sm-li2.active .typea_menu__depth3>ul{flex-wrap: wrap;height: auto;padding: 15px 50px;gap: 10px 40px;background:transparent;padding: 0;border-radius: 0;gap: 0;}
	.sub-visual__cont .sm-li2 .typea_menu__depth3{position: unset;}
	.sub-visual__cont .typea_menu__depth3 .sm-li3{width:100%;padding:10px;border-bottom: 1px solid #ddd;}
	.sub-visual__cont .typea_menu__depth3 .sm-a3::after{display: none;}
	.sub-visual__cont .typea_menu__depth3 .sm-li3.active{border-bottom: 1px solid #000;}
	.sub-visual__cont .typea_menu__depth3 .sm-li3.active .sm-a3{color: #000;}
	.sub-visual__cont .typea_menu__depth3 .sm-a3{display: block;font-size: 1.00em;}
	.sub-visual__cont .typea_menu__depth3 .sm-a3:hover{color: #000;}
	.sub-visual__cont .typea_menu__depth4{/*display: none !important;*/position: unset;margin-top: 10px;transform: none !important;}
	.sub-visual__cont .typea_menu__depth4 .sm-a4{font-size: 18px;}
	.sub-visual__cont .typea_menu__depth4 .sm-li4.active .sm-a4{color:#fff;font-weight: 700;background: #000;}
}
@media all and (max-width: 1024px){
	.sub-visual__cont .typea__content .cinner{padding: 200px 0 100px 0 !important;}	
	.sub-visual__cont .typea_menu__depth3 .sm-li3{padding: 10px 0;}
	.sub-visual__cont .typea_menu__depth4{border-top: 1px solid #000;padding: 10px 10px 0 10px;}
	.sub-visual__cont .typea_menu__depth4>ul{flex-direction: column;align-items: start;gap: 5px 0;}	
	.sub-visual__cont .typea_menu__depth4 .sm-a4::after{display: none;}
}
@media all and (max-width: 768px){
	.sub-visual__cont .typea__title .tit{font-size: 3.20em;}
	.sub-visual__cont .typea__menulist{padding-left: 0;}
}
@media all and (max-width: 640px){
	.sub-visual__cont .typea__title .tit{font-size: 3.00em;}
	.sub-visual__cont .typea_menu__depth3 .sm-li3{width: 100%;}
	.sub-visual__cont .typea_menu__depth3 .sm-li3:nth-child(2){border-top: inherit;}
	.sub-visual__cont .typea_menu__depth3 .sm-li3:nth-child(odd){border-right:0;}
}
@media all and (max-width: 500px){
	.sub-visual__cont .typea__title .tit{font-size: 2.70em;}
	.sub-visual__cont .typea__content .cinner{padding: 150px 0 60px 0 !important;}
}
@media all and (max-width: 440px){
	.sub-visual__cont .typea__title .tit{font-size: 2.50em;}
}








/* typeb */
.sub-visual__cont .typeb__content{width:100%;height: 100vh;position: relative;margin-bottom: 70px;transform: scale(0.8);border-radius: 50px;overflow: hidden;}
.sub-visual__cont .typeb__content::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.07);}
.sub-visual__cont .typeb__content .cinner{max-width:1400px;height: 100%;}
.sub-visual__cont .typeb__content .typeb__title p span{display: inline-block;}

/* 서브배너 이미지 시작 */
/* 회사소개 */
.sub-visual__cont .typeb__content.company{background: url('/local/en/theme/BS4-Basic/img/sub/img-company_bg01.png') no-repeat center / cover;}
.sub-visual__cont .typeb__content.company .typeb__title{display: block;top: 25%;padding-bottom:0;gap: 0;bottom: unset;}

/* ceo인사말 */
.sub-visual__cont .typeb__content.ceo{background: url('/local/en/theme/BS4-Basic/img/sub/img-company_bg02.png') no-repeat center / cover;}
.sub-visual__cont .typeb__content.ceo .typeb__title{gap: 150px;top: 25%;padding-bottom:0;bottom: unset;}
.sub-visual__cont .typeb__content.ceo .typeb__title .typb__maintit h2{margin-bottom: 40px;}

/* 연혁 */
.sub-visual__cont .typeb__content.history{background: url('/local/en/theme/BS4-Basic/img/sub/img-company_bg03.png') no-repeat center / cover;}
.sub-visual__cont .typeb__content.history .typeb__title .typb__maintit{width: 100%;color: #000;}
.sub-visual__cont .typeb__content.history .typeb__title .typb__subtit p{color: #fff;}
.sub-visual__cont .typeb__content.history .typeb__title .typb__subtit p > span{color: #000;}

/* 글로벌네트워크 */
.sub-visual__cont .typeb__content.global_network{background: url('/local/en/theme/BS4-Basic/img/sub/img-company_bg04.png') no-repeat center / cover;margin-bottom: 0;}
.sub-visual__cont .typeb__content.global_network .typeb__title{}
.sub-visual__cont .typeb__content.global_network .typeb__title .typb__maintit{width: 100%;}

/* 오시는길 */
.sub-visual__cont .typeb__content.location{background: url('/local/en/theme/BS4-Basic/img/sub/img-company_bg05.png') no-repeat center / cover;}
.sub-visual__cont .typeb__content.location::before{background: rgba(0,0,0,0.15);}
.sub-visual__cont .typeb__content.location .typeb__title{}
.sub-visual__cont .typeb__content.location .typeb__title .typb__maintit{width: 100%;}

/* PR */
.sub-visual__cont .typeb__content.PR{background: url('/local/en/theme/BS4-Basic/img/sub/img-company_bg06.png') no-repeat center / cover;}
.sub-visual__cont .typeb__content.PR::before{background: rgba(0,0,0,0.2);}
.sub-visual__cont .typeb__content.PR .typeb__title{}
.sub-visual__cont .typeb__content.PR .typeb__title .typb__maintit{width: 100%;}

/* 기업부설연구소 */
.sub-visual__cont .typeb__content.research{background: url('/local/en/theme/BS4-Basic/img/sub/img-technical_bg01.png') no-repeat center / cover;}
.sub-visual__cont .typeb__content.research::before{background: rgba(0,0,0,0.2);}

/* 인증서 */
.sub-visual__cont .typeb__content.certificate{background: url('/local/en/theme/BS4-Basic/img/sub/img-technical_bg02.png') no-repeat center / cover;}
.sub-visual__cont .typeb__content.certificate::before{background: rgba(0,0,0,0.2);}

/* 수상 */
.sub-visual__cont .typeb__content.prize{background: url('/local/en/theme/BS4-Basic/img/sub/img-technical_bg03.png') no-repeat center / cover;}
.sub-visual__cont .typeb__content.prize::before{background: rgba(0,0,0,0.2);}
/* 서브배너 이미지 끝 */



/* 서브배너 타이틀 */
.sub-visual__cont .typeb__content .typeb__title{width:100%;display: flex;flex-direction:column;justify-content: space-between;align-items: end;position: absolute;left:0;bottom: 0;padding-bottom: 100px;gap: 70px;}
.sub-visual__cont .typeb__content .typeb__title .typb__maintit{color: #fff;text-align: left;width: 100%;}
.sub-visual__cont .typeb__content .typeb__title .typb__maintit h2{font-size: 3.00em;font-weight:700;margin-bottom: 40px;}
.sub-visual__cont .typeb__content .typeb__title .typb__maintit p{font-weight: 600;}
.sub-visual__cont .typeb__content .typeb__title .typb__maintit p span.mo{display: inline;padding-left: 0;}
.sub-visual__cont .typeb__content .typeb__title .typb__subtit{}
.sub-visual__cont .typeb__content .typeb__title .typb__subtit p{font-size: 2.00em;font-weight: 600;color: #000;line-height: 1.2;word-break: keep-all;}
.sub-visual__cont .typeb__content .typeb__title .typb__subtit p > span {position: absolute;top: 0;left: 0;color: #fff;width: 0%;height: 100%;overflow: hidden;white-space: nowrap; pointer-events: none;transition: none;}

@media all and (max-width:1400px){
	.sub-visual__cont .typeb__content.ceo .typeb__title{gap: 100px;}
}
@media all and (max-width:1200px){
	.sub-visual__cont .typeb__content .typeb__title .typb__maintit h2{font-size: 2.70em;}
	.sub-visual__cont .typeb__content .typeb__title .typb__subtit p{font-size: 1.70em;}
}
@media all and (max-width:1024px){
	.sub-visual__cont .typeb__content .typeb__title .typb__maintit h2{margin-bottom: 50px;}
	.sub-visual__cont .typeb__content .typeb__title .typb__maintit p br{display: none;}
	.sub-visual__cont .typeb__content .typeb__title .typb__maintit p span.mo{display: block;padding-top:10px;}
	.sub-visual__cont .typeb__content .typeb__title .typb__subtit p{font-size: 1.50em;color: #fff;}
	.sub-visual__cont .typeb__content .typeb__title .typb__subtit p > span{display: none;}
	.sub-visual__cont .typeb__content.history .typeb__title .typb__subtit p{color: #000;}
}
@media all and (max-width:768px){
	.sub-visual__cont .typeb__content .typeb__title .typb__maintit h2{margin-bottom: 30px;font-size: 2.50em;}
}
@media all and (max-width:640px){
	.sub-visual__cont .typeb__content{height:700px;padding: 100px 0;}
	.sub-visual__cont .typeb__content::before{background: rgba(0,0,0,0.1);}
	.sub-visual__cont .typeb__content .typeb__title{position: unset;padding-bottom: 0;height: 100%;gap: 40px;}
	.sub-visual__cont .typeb__content.ceo .typeb__title{flex-direction: column-reverse;gap:60px;}
	.sub-visual__cont .typeb__content .typeb__title .typb__maintit h2{margin-bottom: 20px;}
	/* .sub-visual__cont .typeb__content .typeb__title .typb__subtit p{text-align: right;} */
	.sub-visual__cont .typeb__content .typeb__title .typb__subtit p b{color: #fff;}
}
@media all and (max-width:500px){
	.sub-visual__cont .typeb__content.ceo,
	.sub-visual__cont .typeb__content.PR{height:100%;}
	
}
@media all and (max-width:440px){
	.sub-visual__cont .typeb__content .typeb__title .typb__maintit h2{font-size: 2.30em;}
	.sub-visual__cont .typeb__content .typeb__title .typb__subtit p{font-size: 1.30em;}
}
/* 서브배너 타이틀 끝 */



/* 제품페이지 메뉴 */
.page__contents{position: relative;}
.sub-page__menu{position: absolute;left: 0;top: 50px;z-index: 100;width: 100%;}
.sub-page__menu .cnavi__list{justify-content: end;letter-spacing: 1px;}

@media all and (max-width:1399px){
	.sub-page__menu{top: 50px;}
	.sub-page__menu .cnavi__list [class*=cn-dl] .list li {padding: 10px;}
}
@media all and (max-width:700px){
	.sub-page__menu .cnavi__list [class*=cn-dl]{min-width: 120px;}
	.sub-page__menu .cn-dl3{display: none !important;}
}
@media all and (max-width:500px){
	/* .sub-page__menu {display: none;} */
}

/* 서브배너 type_b 메뉴 시작 */
.typeb__menulist{position: absolute;left: 0;top:130px;z-index: 100;width: 100%;}
.typeb__menu{margin:0 65px;}
#cnavi {}
#cnavi .home {flex: 0 0 auto;display: flex;justify-content: center;align-items: center;}
#cnavi .home > img {max-width: 33px;}
.cnavi-in {}
.cnavi__list {display: flex;align-items: center;gap: 0 20px;height: 100%;}
.cnavi__list [class*=cn-dl] {display: flex;align-items: center;min-width: 150px;height: 100%;position: relative;}
.cnavi__list [class*=cn-dl] dt {display: flex;align-items: center;width: 100%;height: 100%;position: relative;gap: 0 20px;}
.cnavi__list [class*=cn-dl] dt > .arrow{font-size: 12px;}
/* .cnavi__list [class*=cn-dl] dt > .arrow {display: block;width: 10px;height: 10px;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(135deg);position: absolute;top: 4px;right: 0;margin: auto;cursor: pointer;} */
.cnavi__list [class*=cn-dl]:has(.list.open) dt > .arrow {transform: rotate(-180deg);}
.cnavi__list [class*=cn-dl] .tit {display: flex;align-items: center;width: 100%;height: 100%;color: #000;font-size: 16px;font-weight: 500;}
.cnavi__list [class*=cn-dl] .list {width: 100%;max-height: 0;overflow: hidden;background: #fff;position: absolute;top: 35px;left: 0;z-index: 999;transition: max-height 0.35s ease-in-out, border 0.4s ease-in-out;box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
.cnavi__list [class*=cn-dl] .list.open {border-width: 1px;}
.cnavi__list [class*=cn-dl] .toggle-list{overflow: hidden;max-height: 0;transition: max-height 0.35s ease-in-out;}
.cnavi__list [class*=cn-dl] .list li {padding: 10px 15px;}
.cnavi__list [class*=cn-dl] .list a {display: block;color: #333;font-size: 16px;font-weight: 500;transition: .35s;}
.cnavi__list [class*=cn-dl] .list li a:hover,
.cnavi__list [class*=cn-dl] .list li a:focus{color:var(--color-blue);font-weight: 600;}
.cnavi__list [class*=cn-dl] .list li.active a {color: #fff;font-weight: 600;line-height: 1.2;}
.cnavi__list [class*=cn-dl] .list li.active {background: var(--color-blue);}
.cnavi__list [class*=cn-dl] .list li.active i{color: #fff;}
@media all and (max-width:1499px){
	.typeb__menu{margin: 0 50px;}
}
@media all and (max-width:1399px){
	.typeb__menu{margin: 0 30px;}
}
@media all and (max-width:1024px){
	.typeb__menulist{top: 100px;}
}

@media all and (max-width:640px){
	.typeb__menulist{top: 100px;}
	.typeb__menu{margin: 0 20px;}
	.cnavi__list{gap: 0 15px;}
	.cnavi__list [class*=cn-dl]{min-width: 120px;}
	.cnavi__list [class*=cn-dl] dt{gap: 0 10px;}
	.cnavi__list [class*=cn-dl] .tit{font-size: 15px;}
	.cnavi__list [class*=cn-dl] .list a{font-size: 14px;}
}
/* 서브배너 type_b 메뉴 끝 */