/** 사업영역 ------------------------------- **/

.intro-item { margin-bottom: 8.3333rem; } 
.intro-item>p { margin-bottom: 2.7778rem; font-size: 1.6667rem; font-family: var(--montserrat); font-weight: var(--bold); text-transform: uppercase; } 

.intro-item__box { display: grid; grid-template-columns: 1fr 1fr; gap: 6.1111rem; width: 100%; padding: 2.1111rem 0 2.7778rem; border-bottom: 1px solid rgba(13, 13, 13, .1); } 

.intro-item__box img { width: 100%; } 

.intro-item__title { font-size: 2.3333rem; font-family: var(--montserrat); font-weight: var(--bold); } 

.intro-item__info-b { margin: 2.7778rem 0 1.6667rem; font-size: 1.4444rem; font-weight: var(--bold); } 

.intro-item__info-r { line-height: 2rem; } 

.txt-logo { grid-row: 1 / -1; align-self: flex-end; font-size: 4.4444rem; font-family: var(--montserrat); font-weight: var(--extraBold); color: #E4E4E4; } 

.business-link { display: flex; gap: 9.0556rem; } 
.business-link__box { display: grid; grid-template-columns: 1fr; gap: 0.8889rem; width: 100%; } 
.btn_business-link { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 2.6667rem 3.3333rem; font-size: 1.4444rem; font-weight: var(--bold); background: rgba(255, 255, 255, .5); } 
.btn_business-link::after { content: ""; display: inline-flex; width: 3rem; height: 3rem; background: url(/assets/images/sub/btn_rolling.svg) no-repeat center / contain; } 
@media screen and (max-width:1024px){
 .business-link { display: grid; gap: 1.1111rem; } 
 .intro-item__box { grid-template-columns: 1fr; gap: 1.1111rem; padding: 2.1111rem 0.5556rem 2.7778rem; } 
 }
@media screen and (max-width:640px){
 .intro-item { margin-bottom: 5.3333rem; } 
 .intro-item__box { grid-template-columns: 1fr; gap: 1.1111rem; padding: 2.1111rem 0.5556rem 2.7778rem; } 
 .intro-item__text { padding-right: 12px; text-align: center; } 
 .intro-item__title { font-size: 1.4rem; } 
 .intro-item__info-r,
 .intro-item__info-b  { text-align: center;} 
 p.intro-item__info-b  { 
    font-size: 1.3rem; font-weight: var(--semiBold);
} 
 .intro-item__info-r br { display: none; } 
 .txt-logo { display: none; } 
 .business-link__box { display: flex; margin-top:2.5rem;} 
 .btn_business-link { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 1rem; font-size: 1rem; font-weight: var(--bold); background: rgba(255, 255, 255, .5); } 
 .btn_business-link strong { line-height: 1.4rem; } 


 .eng .business-link__box { display: flex; flex-direction: column; margin-top:6rem;} 
 }
 

/* 반도체 */
.tech_info { margin-bottom: 8.3333rem; background:url(/assets/images/sub/bg_tech-list.png) no-repeat center /cover , #000; color: var(--white); } 
.tech_info > div { padding: 8.8889rem 1.1111rem; } 
.tech_info > div >p { margin-bottom: 4.4444rem; font-size: 1.3333rem; font-weight: var(--medium); line-height: 2.2222rem; } 
.tech_info > div >p .br_hide-w { display: none; } 
.tech_info >div>p .br_hide { display: block; } 

.ald_list__box > p { margin-bottom: 1.9444rem; font-size: 3.8889rem; font-family: var(--montserrat); font-weight: var(--bold); } 

.ald_list { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1111rem 1.6111rem; } 

.ald_list li { display: flex; align-items: center; gap: 1.8333rem; padding: 1.9444rem 2.4444rem; font-family: var(--montserrat); font-weight: var(--medium); background: rgba(100, 100, 100, .3); } 
.ald_list li:last-child { grid-column: 1 / -1; display: flex; justify-content: center; background: #2A543D; } 
.ald_list__num { font-size: 0.7778rem; } 

.ald_list__txt { font-size: 1.2222rem; } 
.slide__intro-item { margin-bottom: 16.8889rem; } 


@media (max-width:1400px){
 .tech_info >div>p .br_hide { display: none; } 
 }
@media (max-width:1024px){
    .top_text p.lg{ font-size: 2rem; line-height: 3rem; } 
 .tech_info >div>p .br_hide { display: none; } 
 .top_text__semi p.sm br { display: none; } 
 .tech_info > div >p .br_hide-w { display: block; } 
 }
@media (max-width:640px){
 .top_text p.lg{ font-size: 1.6rem; line-height: 2.4rem; } 
 .top_text p.sm { font-size: 1.2rem; line-height: 2rem; } 
 .tech_info { margin-bottom: 5rem; } 
 .tech_info > div >p { font-size: 1.1rem; line-height: 2rem; } 
 .tech_info > div { padding: 5rem 1.111rem; } 
 .ald_list { grid-template-columns: 1fr; gap: 1.1111rem 1.6111rem; } 
 .ald_list__box > p { font-size: 2.8rem; } 
 .ald_list__txt { line-height: 1.6rem; } 
 .intro-item>p { margin-bottom: 0; font-size: 1rem; } 
 .intro-item__info-b { margin-top: 1.8889rem; font-size: 1.2rem; line-height: 1.8rem; } 
 .intro-item__info-r { line-height: 1.6rem; } 
 .slide__intro-item { margin-bottom: 8rem; } 
 .top_text__display p.sm br { display: none; } 
 .top_text__display p.lg br { display: none; } 
 }


/* 반도체 슬라이드 */
.swiper__box { padding: 1.9444rem; } 
.semiconductor_swiper .swiper-slide { width: 640px; opacity: 0; } 
.semiconductor_swiper.swiper-3d { perspective: 21.1111rem; } 
.semiconductor_swiper .swiper-slide img { justify-self: center; object-fit: cover; transition: .4s; } 
.semiconductor_swiper .swiper-slide div { display: flex; justify-content: center; align-items: center; margin-left: 0.5556rem; width: 100%; height: 100%; } 
.semiconductor_swiper .swiper-slide img ,
.semiconductor_swiper .swiper-slide-prev img ,
.semiconductor_swiper .swiper-slide-next img { opacity: .4; } 
.semiconductor_swiper .swiper-slide-active img { opacity: 1; } 
.semiconductor_swiper .swiper-slide-prev ,
.semiconductor_swiper .swiper-slide-next,
.semiconductor_swiper .swiper-slide-active { opacity: 1; } 
.semiconductor_swiper .swiper-slide-prev ,
.semiconductor_swiper .swiper-slide-next{
    cursor: pointer;
}
.semiconductor_swiper .swiper-button-next,
.semiconductor_swiper .swiper-button-prev { top: 46%; width: 68px; height: 68px; border-radius: 25px; } 
.semiconductor_swiper .swiper-button-next { right: 0.1111rem; background: url(/assets/images/main/arrow_next_green.svg) no-repeat center , #fff; } 
.semiconductor_swiper .swiper-button-prev { left: 0.1111rem; background: url(/assets/images/main/arrow_prev_green.svg) no-repeat center, #fff; } 
.semiconductor_swiper .swiper-button-prev::after,
.semiconductor_swiper .swiper-button-next::after { display: none; }  

/* 디스플레이 슬라이드 */
.swiper__box { padding: 1.9444rem; } 
.display_swiper .swiper-slide { width: 640px; opacity: 0; } 
.display_swiper .swiper-wrapper {padding: 12px 0;} 
.display_swiper.swiper-3d { perspective: 21.1111rem; } 
.display_swiper .swiper-slide img { justify-self: center;   height: 390px;  border-radius: 30px;  object-fit: cover;  box-shadow: 10px 10px 6px 0px rgb(0 0 0 / 4%); transition: .4s; } 
.display_swiper .swiper-slide div { display: flex; justify-content: center; align-items: center; margin-left: 0.5556rem; width: 100%; height: 100%; } 
.display_swiper .swiper-slide img ,
.display_swiper .swiper-slide-prev img ,
.display_swiper .swiper-slide-next img { opacity: .4; } 
.display_swiper .swiper-slide-active img { opacity: 1; } 
.display_swiper .swiper-slide-prev ,
.display_swiper .swiper-slide-next,
.display_swiper .swiper-slide-active { opacity: 1; } 
.display_swiper .swiper-slide-prev ,
.display_swiper .swiper-slide-next{
    cursor: pointer;
}
.display_swiper .swiper-button-next,
.display_swiper .swiper-button-prev { top: 46%; width: 68px; height: 68px; border-radius: 25px; } 
.display_swiper .swiper-button-next { right: 0.1111rem; background: url(/assets/images/main/arrow_next_green.svg) no-repeat center , #fff; } 
.display_swiper .swiper-button-prev { left: 0.1111rem; background: url(/assets/images/main/arrow_prev_green.svg) no-repeat center, #fff; } 
.display_swiper .swiper-button-prev::after,
.display_swiper .swiper-button-next::after { display: none; } 



.intro_item_swiper .intro-item__title { padding-top: 1.6667rem; } 
.intro_item_swiper ul { position: relative; padding:5.5556rem 0; } 
.intro_item_swiper ul li { position: absolute; top:0; left:0; right:0; opacity: 0; transition: all 0.4s; } 
.intro_item_swiper ul li div { border-bottom: 1px solid rgba(100, 100, 100, .4); padding:1.1111rem 0 3.8889rem; } 
.intro_item_swiper ul li div:first-child { text-align: center; } 
.intro_item_swiper ul li.active { opacity: 1; } 
.intro_item_swiper ul li { display: block; } 

@media (max-width:1024px){
 .display_swiper.swiper-3d ,
 .semiconductor_swiper.swiper-3d { perspective: 9rem; } 
 }
@media (max-width:640px){
 .swiper__box { padding: 1.9444rem 0; } 
 .display_swiper .swiper-slide ,
 .semiconductor_swiper .swiper-slide { width: 100%; padding: 0rem; } 
 .display_swiper.swiper-3d ,
 .semiconductor_swiper.swiper-3d { perspective: none; } 
 .display_swiper .swiper-slide div { display: flex; justify-content: center; align-items: center; margin-left: 0.5rem; width: 100%; height: 100%; } 
 .display_swiper .swiper-slide-prev img ,
 .display_swiper .swiper-slide-next img, 
 .semiconductor_swiper .swiper-slide-prev img ,
 .semiconductor_swiper .swiper-slide-next img { opacity: 0; } 
 .intro_item_swiper ul li div { border-bottom: 1px solid var(--gray-200); padding:0 0 1.8889rem; } 
 .intro_item_swiper .intro-item__title { padding-top: 1.6rem; line-height: 1.6rem;} 
 .display_swiper .swiper-button-next,
 .display_swiper .swiper-button-prev,
 .semiconductor_swiper .swiper-button-next,
 .semiconductor_swiper .swiper-button-prev { position: static; top: 10%; width: 3rem; height: 3rem; margin-top: 0; } 
 .display_swiper .swiper-button-next,
 .semiconductor_swiper .swiper-button-next { background: url(/assets/images/sub/ico_arrow_next_green.png) no-repeat center } 
 .display_swiper .swiper-button-prev,
 .semiconductor_swiper .swiper-button-prev { background: url(/assets/images/sub/ico_arrow_prev_green.png) no-repeat center } 
 .btn_swiper-box { position: relative; display: flex; justify-content: center; gap: 1.6667rem; } 
 }
/* 태양광 */
.top_text__solar .br_hide-w { display: none; } 
.top_text__solar .br_hide { display: block; } 
@media (max-width:1200px){
 .top_text__solar .br_hide { display: none; } 
 }
@media (max-width:640px){
 .top_text__solar .br_hide-w { display: none; } 
 .top_text__solar .br_hide { display: none; } 
 }


 /* 사업영역 도메인 분리 */
 /* 사업소개 작업물 회사소개로 이동 240719*/
 #business_intro.business_wrap{padding: 0;}

 /* 사업소개 */
 #business_intro.sub_section { padding-bottom: 0; } 
 #business_intro .sub_visual.bg_business::before { background-position: top -11.1111rem center;}
 #business_intro .slogun_area .sm { margin-top: 6.0625rem; font-size: 1.25rem; font-weight: 300; line-height: 1.8; } 
 #business_intro .business_intro_box { position: relative; display: flex; align-items: center; justify-content: flex-start; height: 100vh; } 


 #business_intro .business_intro_box { transition: .6s; } 
 #business_intro .business_intro_box.no1 { background: url(/assets/images/sub/bg_business_01.jpg)no-repeat center / cover; } 
 #business_intro .business_intro_box.no2 { background: url(/assets/images/sub/bg_business_02.jpg)no-repeat center / cover; } 
 #business_intro .business_intro_box.no3 { background: url(/assets/images/sub/bg_business_03.jpg)no-repeat center / cover; } 

 #business_intro .business_list ul .jusung_no1, 
 #business_intro .business_list ul .jusung_no2, 
 #business_intro .business_list ul .jusung_no3 { display: none; } 
 #business_intro .business_list ul li.active { display: block; } 
 
 
 #business_intro .business_list ul li .text_box { color: #fff; padding: 0 0 0 8.8889rem;} 
 #business_intro .business_list ul li .text_box .text_box_title { font-weight: 300; line-height: 1.4; font-size: 1.6667rem ; } 
 #business_intro .business_list ul li .text_box .text_box_info { margin-top: 2.5rem; font-weight: 600; line-height: 1.4; font-size:2.8889rem; } 
 #business_intro .business_list ul li .text_box .text_box_sub_info { margin-top: 6.7222rem; font-weight: 300; line-height: 1; font-size: 1.1111rem; } 
 #business_intro .business_link_box { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } 
 #business_intro .business_link_box ul { display: grid; justify-items: end; gap: 0.625rem; } 
 #business_intro .business_link_box ul li { width: 14.375rem; color: #fff; background-color: rgba(0, 0, 0, .3); transition: .4s;cursor: pointer;} 
 #business_intro .business_link_box ul li a { display: flex; align-items: center; width: 100%; padding: 1.5625rem 2.375rem; font-weight: 600; font-size: 1.1111rem; } 
 #business_intro .business_link_box ul li.active { color: #000; background-color: #fff; } 

.slide-top { animation: slide-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } 

@keyframes slide-top { 
 0% { transform: translateY(3rem); opacity: 0; } 
 100% { transform: translateY(0); opacity: 1; } 
 }



 @media screen and (max-width:1500px) {
  #business_intro .business_link_box {top: auto; bottom: 10%;  left: 50%; transform: translate(-50% , 10%);}
  #business_intro .business_link_box ul{display: flex; align-items: center; justify-content: center;}
  #business_intro .business_link_box ul li{background-color: rgba(255, 255, 255, .3);}
  #business_intro .business_link_box ul li a{  justify-content: center;}
  #business_intro .business_list ul li .text_box .text_box_sub_info{margin-top: 3.5rem;}
 }

 @media screen and (max-width:1300px) {
  .text_box_info .m_hide{display: none;}
 }
 @media screen and (max-width:1024px) {
  #business_intro .sub_visual.bg_business::before { background-position: top -6.6667rem left 40%; background-size: cover;}
  #business_intro .business_list ul li .text_box { color: #fff; padding: 0 16px;} 
  #business_intro .business_list ul li .text_box .text_box_info{font-size: 2rem;}
  #business_intro .business_link_box ul li a{pointer-events: none;}
  #business_intro .business_link_box ul li.active a.active{pointer-events:auto ;}
 }
 @media screen and (max-width:640px) {
  #business_intro .business_intro_box{height: 80vh; align-items: flex-start; padding-top: 2.7778rem;}
  #business_intro.sub_section .title_position{width: 100%; top: 7rem; transform: translateX(-50%);}
  #business_intro .business_link_box ul li a{padding: 1rem;}
  #business_intro .business_list ul li .text_box .text_box_title { font-size: 1rem; } 
  #business_intro .business_list ul li .text_box .text_box_info{font-size: 1.8rem;}
  #business_intro .business_list ul li .text_box .text_box_sub_info{margin-top: 1.6rem; font-size: 1.2rem; line-height: 1.4;}
  #business_intro .business_link_box {width: 100%; padding: 0 16px; }
  #business_intro .business_link_box ul {gap: 0.2rem; }

  #business_intro .sub_visual.bg_business::before{ background-position: 45% 0}
 }