/* 공통 */
.t_type1{font-size:36px; font-weight: 700; color:#043457; padding-left:35px; position: relative; display: flex; line-height: 1.2;}
.t_type1::before{position: absolute; left:0; top:50%; transform: translateY(-50%); content:''; width:15px; height:15px; background:#043457; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);}
.t_type1::after{position: absolute; left:5px; top:calc(50% + 3px); transform: translateY(-50%); content:''; width:15px; height:15px; background:#043457; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); opacity: .5;}

.btn_group2{display: flex;}
.btn_group2 a{display: inline-flex; font-size:18px; align-items: center; justify-content: center; padding:20px 30px; margin-right:20px; box-shadow: 7px 7px 20px rgba(0, 0, 0, .08); border-radius: 100px; color:#000; background:#fff;}
.btn_group2 a:last-child{margin:0;}
.btn_group2 a i{margin-right:10px; width:18px; height:18px; display: flex;}
.btn_group2 a i img{width:100%;}

@media(max-width:1440px){

}

@media(max-width:1024px){
    .btn_group2 a{ font-size:16px;padding:20px 30px; margin-right:20px; }

}

@media(max-width:768px){
    .btn_group2 a{ font-size:16px;padding:20px 30px; margin-right:10px; margin-bottom: 10px !important; }
    .btn_group2 {margin-bottom: -10px !important;}

}

@media(max-width:425px){

}

.bg_col_1{background:#fafafa;}
.bg_col_2{background:#043457;}
.bg_col_3{background:#656464;}

.ul_type1 li{position: relative; line-height: 1.6; margin-bottom:10px; padding-left:12px; font-size:20px; word-break: break-all;}
.ul_type1 li::before{position: absolute; left:0; top:13px; height:4px; width:4px; background:#043457; content:''; opacity: .5;}

.container_type1 {width:100%; padding:120px 0;}
.container_type1 .content_group{display: flex;}
.container_type1 .content{width:50%; margin-right:80px;}
.container_type1 .content:last-child{margin:0;}
.container_type1 .content_left{display: flex; flex-direction: column;}
.container_type1 .content_left h3{margin-bottom:20px; line-height: 1.4;}
.container_type1 .content_left p{line-height: 1.6; padding-left:35px; word-break: break-all;}
.container_type1 .content_left .btn_group2 {margin-top:80px; padding-left:30px;}
.container_type1 .content_right{display: flex; flex-direction: column;}
.container_type1 .content_right .img_box{width:100%; margin-bottom:20px;}
.container_type1 .content_right .img_box:last-child{margin:0;}

@media(max-width:1440px){
    .container_type1 {padding:80px 0;}

    .t_type1{font-size:32px; margin-bottom:20px}
    .t_type1::before{position: absolute; left:0; top:50%; transform: translateY(-50%); content:''; width:15px; height:15px; background:#043457; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);}
    .t_type1::after{position: absolute; left:5px; top:calc(50% + 3px); transform: translateY(-50%); content:''; width:15px; height:15px; background:#043457; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); opacity: .5;}
}

@media(max-width:1024px){
    .t_type1{font-size:32px; }
    .container_type1 .content_group{flex-direction: column;}
    .container_type1 .content_left{width: 100%;}
    .container_type1 .content{ margin-right:0; width: 100%; margin-bottom: 24px;}
    .container_type1 .content_left .btn_group2 {margin-top:20px; }
    .container_type1 .content_left p br{display: none;}
    .container_type1 .content_right .img_box img {width: 100%;}
    .container_type1 .content_right {flex-direction: row;}
    .container_type1 .content_right .img_box {margin-right: 10px;}

    .ul_type1 li{ font-size:18px;}
}

@media(max-width:768px){
    .t_type1{font-size:26px; padding-left:30px;}
    .container_type1 .content_left h3{margin-bottom:10px;}
    .container_type1 .content_left p{ padding-left:30px;}
    .t_type1::before{position: absolute; left:0; top:50%; transform: translateY(-50%); content:''; width:12px; height:12px; background:#043457; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);}
    .t_type1::after{position: absolute; left:5px; top:calc(50% + 3px); transform: translateY(-50%); content:''; width:12px; height:12px; background:#043457; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); opacity: .5;}
    .container_type1 {width:100%; padding:60px 0;}
    .btn_group2 a{ font-size:16px; padding:20px; }
    .container_type1 .content_right {flex-direction: column;}

}

@media(max-width:425px){
    .t_type1{font-size:22px; }
    .btn_group2 a{ font-size:14px; padding:20px; margin-right: 10px; }
    .ci .btn_group2 a{ font-size:12px; padding:20px 10px; margin-right: 10px; width: calc(50% - 5px);}
    .ci .btn_group2 a:last-child{ margin-right: 0; }
    .container_type1 .content_left .btn_group2 {padding-left: 0;}
}

.inner_top {position: relative; z-index: 1; }
/* .inner_top {margin-top:120px;} */
.inner_top .logo_bg1{position: absolute; display: flex; left:-80px; top:-60px; display: none !important;}
.inner_top .logo_bg2{position: absolute; display: flex; left:-80px; top:120px; display: none !important;}
.inner_top .top{position: relative; overflow: hidden;}
.inner_top .top span img:nth-child(2){display: none;}
.inner_top .top p{text-align: right; font-size:36px; font-weight: 300; color:#fff; line-height: 1.4; position: absolute; right:60px; bottom:60px;}
.inner_top .top p span{font-weight: 700; vertical-align: baseline;}


@media(max-width:1440px){
    .top p{text-align: right; font-size:32px; font-weight: 300; color:#fff; line-height: 1.4; position: absolute; right:60px; bottom:60px;}
}

@media(max-width:1024px){
    .inner_top .top p{text-align: right; font-size:26px; font-weight: 300; color:#fff; line-height: 1.4; position: absolute; right:40px; bottom:40px;}
    /* .inner_top .top {width: 100%; height: 280px;}
    .inner_top .top img {width: 100%; height: 100%;} */
}

@media(max-width:768px){
    .inner_top .top p{font-size:22px; right:30px; bottom:30px;}
    .inner_top .top span img:nth-child(1){display: none;}
    .inner_top .top span img:nth-child(2){display: block; margin: 0 auto;}

}

@media(max-width:425px){
    .inner_top .top p{font-size:18px;}
    .inner_top .top p br{ display: none;}
    /* .inner_top .top {width: 100%; height: 200px;} */
}


/* 0101 동일유리소개 */
.about_us .container1{padding-bottom:120px;}
.about_us .container1 .top_img{width:100%; margin-bottom:80px;}
.about_us .container1 .top_img img:nth-child(2){display: none;}
.about_us h2{font-size:40px; font-weight: 600; line-height: 1.4; text-align: center; position: relative; margin-bottom: 40px; color: #222; word-break: break-all;}
.about_us h2 span{vertical-align: baseline; font-weight: 700; color:#043457;}
/* .about_us .container1 h2::after{content:''; display: block; width:1px; height:80px; background:#043457; margin:40px auto;} */
.about_us .container1 p{text-align: center; line-height: 1.6; font-size:20px; color: #8d8d8d; word-break: break-all;}
.about_us .container2 {padding:120px 0; background:#fafafa;}
.about_us u{text-decoration: none; vertical-align: baseline; position: relative; color:#043457; font-weight: 700; z-index: 1; display: inline-flex;}
/* .about_us u::before{position: absolute; left:50%; bottom:0; transform: translate(-50%,0); content:''; width:calc(100% + 10px); height:15px; background:#dae1e6; z-index: -1;} */
.about_us .container2 p{margin-bottom:60px; font-size: 28px; color: #222; font-weight: 600; text-align: center; line-height: 1.4; word-break: break-all;}
.about_us .container2 p span{vertical-align: baseline; font-weight: 700; color:#043457;}
.about_us .container2 .content{display: flex; justify-content: space-between; padding:0 40px; position: relative; z-index: 1;}
.about_us .container2 .content:before{position: absolute; content: ""; height: 1px; background: #043457; top: 35%; left: 10%; transform: translateY(35%);border-top: 2px dotted #043457;background-color: #fff; height: 1px; width: 80%; }
.about_us .container2 .item{width:25%; display: flex; flex-direction: column; align-items: center; position: relative;}
/* .about_us .container2 .item:first-child:before{position: absolute; content: ""; height: 1px; background: #043457; top: 25%; left: 0;border-top: 2px dotted #043457;background-color: #fff; height: 1px; width: 400%; } */
.about_us .container2 .item:last-child:before{display: none;}
.about_us .container2 .item .img_box{margin-bottom:40px; max-width:250px; border-radius: 50%; overflow: hidden; border:2px solid #043457; position: relative; background:#fff;}
.about_us .container2 .item .img_box span{position: absolute; left:50%; top:calc(50% + 40px); transform: translate(-50%,-50%); content:''; font-size: 18px; color: #222; font-weight: 500;}
.about_us .container2 .item img{width:100%; transform: translateY(-20px);}
.about_us .container2 .text{font-size:24px; font-weight: 700; color:#222; display: flex; text-align: center;}
.about_us .container2 .text span{line-height: 1.4;}
.about_us .container2 .text span > span{font-size:20px; font-weight: 500; color:#666; line-height: 0;}


@media(max-width:1440px){
    .about_us .container1{padding-bottom:80px;}
    .about_us .container2{padding:80px 0;}
    .about_us .container2 .item{width:20%;}

    .about_us h2{font-size:40px; font-weight: 600; line-height: 1.4; text-align: center; position: relative; margin-bottom: 40px; color: #222;}
    .about_us .container1 p{text-align: center; line-height: 1.6; font-size:20px; color: #8d8d8d;}
    .about_us .container2 p{margin-bottom:60px; font-size: 28px; color: #222; font-weight: 600; text-align: center;}
    .about_us .container2 .text{font-size:24px; font-weight: 700; color:#222; display: flex; text-align: center;}

    .about_us .container1 p { width: 90%; margin: 0 auto;}
    .about_us .container1 p br{display: none;}

}

@media(max-width:1024px){
    .about_us h2{font-size:34px;}
    .about_us .container1 p{text-align: center; line-height: 1.6; font-size:18px; color: #8d8d8d;}
    .about_us .container2 p{margin-bottom:60px; font-size: 24px; color: #222; font-weight: 600; text-align: center;}
    .about_us .container2 .text{font-size:20px; font-weight: 700; color:#222; display: flex; text-align: center;}
    .about_us .container2 .text span > span{font-size:18px; }

    .about_us .container2 .content:before{ top: 30%; left: 10%; transform: translateY(30%);}

}

@media(max-width:768px){
    .about_us .container1 .top_img img:nth-child(1){display: none;}
    .about_us .container1 .top_img img:nth-child(2){display: block; margin: 0 auto;}

    .about_us .container1 .top_img {margin-bottom: 40px;}
    .about_us .container1{padding-bottom:60px;}
    .about_us .container2 {padding:60px 0;}
    .about_us .container2 .item .img_box{margin-bottom:20px;}

    .about_us h2{font-size:28px;}
    .about_us h2 br{display: none;}
    .about_us .container1 p{text-align: center; line-height: 1.6; font-size:18px; color: #8d8d8d;}
    .about_us .container2 p{margin-bottom:40px; font-size: 20px; color: #222; font-weight: 600; text-align: center;}
    .about_us .container2 .text{font-size:18px; font-weight: 700; color:#222; display: flex; text-align: center;}
    .about_us .container2 .text span > span{font-size:16px; }

    .about_us .container2 .content{flex-wrap: wrap;}
    .about_us .container2 .content:before{display: none;}
    .about_us .container2 .item{width:45%;}
    .about_us .container2 .item:nth-child(1),
    .about_us .container2 .item:nth-child(2){margin-bottom: 40px;}

}

@media(max-width:425px){
    .about_us h2{font-size:24px;}
    .about_us .container1 p{text-align: center; line-height: 1.6; font-size:16px; color: #8d8d8d;}

    .about_us .container1 p{width: 100%;}
    .about_us .container2 .item .img_box span{top:calc(50% + 30px); font-size: 14px;}
    .about_us .container2 .item img{transform: translateY(-10px) scale(1.2)}
    .about_us .container2 .item{width:48%;}

    .about_us .container2 .text{font-size:16px; font-weight: 700; color:#222; display: flex; text-align: center;}
    .about_us .container2 .text span > span{font-size:14px; }


}

/* 0103 Ci 소개 */
.ci{width:100%;}
.ci .container {position: relative; z-index: 1;}
.ci .container .logo_bg1{position: absolute; display: flex; left:-80px; top:-60px; opacity: 0.5;}
.ci .container .logo_bg2{position: absolute; display: flex; left:-80px; top:120px; opacity: 0.5;}
.ci .container .top{position: relative; overflow: hidden;}
.ci .container .top p{text-align: right; font-size:36px; font-weight: 300; color:#fff; line-height: 1.4; position: absolute; right:60px; bottom:60px;}
.ci .container .top p span{font-weight: 700;}
.ci .container6 .content_right .item{position: relative; padding:40px; margin-bottom:20px; color:#fff;}
.ci .container6 .content_right .item:last-child{margin:0;}
.ci .container6 .content_right .item h4{font-weight: 700; font-size:30px; margin-bottom:120px;}
.ci .container6 .content_right .item h5{font-weight: 700; margin-bottom:10px; font-size:20px; position: relative;}
.ci .container6 .content_right .item h5::before{position: absolute; left:0; top:-15px; content:''; width:30px; height:2px; background:#fff;}
.ci .container6 .content_right .item p{line-height: 1.4; font-size:20px; opacity: .8;}
.ci .container6 .content_right .item p b{vertical-align: baseline; font-weight: 700;}
.ci .container6 .content_right .item p span{vertical-align: baseline; margin-right:10px;}



@media(max-width:1440px){
    .ci .container .top p{text-align: right; font-size:32px; font-weight: 300; color:#fff; line-height: 1.4; position: absolute; right:60px; bottom:60px;}
    .ci .container6 .content_right .item h4{font-weight: 700; font-size:26px; margin-bottom:120px;}
    .ci .container6 .content_right .item h5{font-weight: 700; margin-bottom:10px; font-size:18px; position: relative;}
    .ci .container6 .content_right .item p{line-height: 1.4; font-size:18px; opacity: .8;}

}

@media(max-width:1024px){
    .ci .container .top p{text-align: right; font-size:26px; font-weight: 300; color:#fff; line-height: 1.4; position: absolute; right:40px; bottom:40px;}
    .ci .container6 .content_right .item h4{font-size:22px; margin-bottom:60px;}
    .ci .container6 .content_right .item h5{margin-bottom:10px; font-size:18px; position: relative;}
    .ci .container6 .content_right .item p{line-height: 1.4; font-size:18px; opacity: .8;}
  

    .ci .container6 .content_right .item{width: calc(50% - 5px); margin-right: 10px; margin-bottom: 0;} 
}


@media(max-width:768px){
    .ci .container .top p{font-size:22px; right:30px; bottom:30px;}
    .ci .container6 .content_right .item{width: 100%; margin-right: 0; margin-bottom: 20px;} 

    .ci .container6 .content_right .item {padding: 30px;}
    .ci .container6 .content_right .item h4{font-size:18px; margin-bottom:40px;}
    .ci .container6 .content_right .item h5{margin-bottom:10px; font-size:16px; position: relative;}
    .ci .container6 .content_right .item p{line-height: 1.4; font-size:16px; opacity: .8;}

}

@media(max-width:425px){
    .ci .container .top p{font-size:18px;}
    .ci .container6 .content_right .item h4{font-size:18px; margin-bottom:40px;}
    .ci .container6 .content_right .item h5{margin-bottom:10px; font-size:16px; position: relative;}
    .ci .container6 .content_right .item p{line-height: 1.4; font-size:16px; opacity: .8;}


}

/* 0104 조직도 */
.organization{width:100%;}
.organization .container{width:100%; display: flex; flex-direction: column;}
.organization .content{width:100%; display: flex; justify-content: center; padding-bottom:80px; position: relative;}
.organization .content .item{width:255px; text-align: center; position: relative; display: flex;}
.organization .content .item::before{position: absolute; left:50%; top:100%; transform: translate(-50%,0); content:''; width:1px; height:80px; background:#ddd;}
.organization .content .item span{width:100%; height:100%; display: flex; align-items: center; justify-content: center; font-size:26px; font-weight: 700; box-shadow: 10px 10px 20px rgba(0, 0, 0, .1); color:#fff; position: relative; z-index: 1; overflow: hidden;}
.organization .content1 .item span::before, .organization .content2 .item span::before, .organization .content3 .item span::before {position: absolute; left:0; top:50%; transform: translate(-50%,-50%)rotate(30deg); content:''; width:225px; height:300px; background:#fff; z-index: -1; opacity: .3;}
.organization .content4 .item span{font-size:20px; width:100%; height:100%;}
.organization .content1 .item{ height:120px; background:#043457;}
.organization .content2 .item{ height:100px; background:#3e6485;}
.organization .content3 .item{ height:100px; background:#8092a2;}
.organization .content3::after{position: absolute; left:50%; top:100%;; transform: translate(-50%,-50%); content:''; width:calc(100% - 255px); height:1px; background:#ddd;}
.organization .content4{justify-content: space-between; margin-top:80px;}
.organization .content4 .item::before{top:auto; bottom:100%;}
.organization .content4 ul {width:100%; display: flex; flex-direction: column;}
.organization .content4 ul li {height:80px; margin-bottom:40px;}
.organization .content4 ul li:last-child{margin:0;}
.organization .content4 ul li span{color:#043457 !important; border:1px solid #043457;}
.organization .content4 ul li:first-child span{background:#666; color:#fff !important; border:0;}

@media(max-width:1440px){
    .organization .content .item{width:220px;}
    .organization .content3::after{width:calc(100% - 220px);}

}

@media(max-width:1124px){
    .organization .content .item span{ font-size:22px; }
    .organization .content4 ul li {height:80px; margin-bottom:40px;} 
    /* .organization .content .item{width:200px;} */
    .organization .content4 .item{width: calc(25% - 10px);}
}

@media(max-width:768px){
    .organization .content{padding-bottom:40px;}
    .organization .content .item{width:80%; margin-bottom: 40px;}
    .organization .content4{ flex-direction: column; margin-top: 40px; }
    .organization .content4 ul li {height:80px; margin-bottom:20px;} 
    .organization .content4 .item{margin: 0 auto 60px;}
    .organization .content4 .item::before{display: none;}
    .organization .content3::after{display: none;}
    .organization .content .item::before{height: 130px;}

}

@media(max-width:425px){
    .organization .content .item{width:100%; }
    .organization .content {padding-bottom: 0;}
}

/* 0107사회공헌 */
.contribute .container2 {border-bottom:1px solid #ddd;}
.contribute .container2 .content_left ul{padding-left:35px;}
.contribute .container2 .content_left ul li{position: relative; line-height: 1.6; margin-bottom:20px; padding-left:12px; word-break: break-all;}
.contribute .container2 .content_left ul li::before{position: absolute; left:0; top:10px; height:4px; width:4px; background:#043457; content:''; opacity: .5;}

@media(max-width:1440px){

}

@media(max-width:1024px){

}

@media(max-width:768px){



}

@media(max-width:425px){

}

/* 0108사업장 안내 */
.workplace .container{display: flex; margin-bottom:80px; padding-bottom:80px; border-bottom:1px solid #ddd;}
.workplace .container:last-child{margin-bottom:120px; padding-bottom:0; border:0;}
.workplace .tit{width:25%;}
.workplace .content_map{display: flex; flex-direction: column; width:75%; border:1px solid #9baebc;}
.workplace .map_view{width:100%; height:340px;}
.workplace .info{width:100%; display: flex; background:#043457; position: relative; overflow: hidden;}
.workplace .info ul{padding:40px; background:rgba(255, 255, 255, .0); transition: all .3s ease;}
.workplace .info ul li{width:100%; font-size:18px; color:#fff; display: flex; margin-bottom:20px;}
.workplace .info ul li:last-child{margin:0;}
.workplace .info ul li .desc1{font-weight: 700; width:100px;}
.workplace .info ul li .desc2{font-weight: 300; opacity: .8; width:calc(100% - 100px); line-height: 1.3; word-break: break-all;}
.workplace .info i{position: absolute; right:40px; top:50%; transform: translate(0,-50%); width:80px; height:80px; border:1px solid #ddd; background:rgba(255, 255, 255, .15); box-shadow: 10px 10px 15px rgba(0, 0, 0, .2); border-radius: 50%; transition: all .3s ease; padding:10px;}
.workplace .info::before{position: absolute; left: -40px; top: 50%; transform: translate(-200%,-50%) rotate(30deg); content: ''; width: 60px; height: 200%; background: rgba(255, 255, 255, .5);} .workplace .info ul{width:100%; height:100%;}
.workplace .info::after{position: absolute; left: -60px; top: 50%; transform: translate(-200%,-50%) rotate(30deg); content: ''; width: 60px; height: 200%; background: rgba(255, 255, 255, .5);} .workplace .info ul{width:100%; height:100%;}
.workplace .content_map:hover .info::before{animation: glass2 500ms linear forwards; animation-delay: 300ms;}
 .workplace .content_map:hover .info::after{animation: glass2 500ms linear forwards; animation-delay: 330ms;}
@keyframes glass2 { from{transform: translate(-300%,-50%) rotate(30deg);} to{transform: translate(2500%,-50%) rotate(30deg);} }
.workplace .content_map:hover .info ul{padding:40px; background:rgba(255, 255, 255, .15);}
.workplace .content_map:hover .info i{box-shadow: 10px 10px 20px rgb(0, 153, 255,50%);}

@media(max-width:1440px){
    .workplace .container{display: flex; margin-bottom:80px; padding-bottom:80px; border-bottom:1px solid #ddd;}
    .workplace .container:last-child{margin-bottom:80px;}
    
}

@media(max-width:1024px){
    .workplace .container{flex-direction: column;}
    .workplace .content_map{width:100%;}
    .workplace .tit{width:100%;}

    .workplace .info ul li .desc1{font-weight: 700; width:auto; margin-bottom: 10px;}
    .workplace .info ul li .desc2{font-weight: 300; opacity: .8; width:80%;}
    .workplace .info ul li{flex-direction: column;}

}

@media(max-width:768px){
    .workplace .info i{width:60px; height:60px; }
    .workplace .info ul li{font-size:16px; margin-bottom:20px;}
    .workplace .info ul{padding:30px; background:rgba(255, 255, 255, .0); transition: all .3s ease;}
    .workplace .map_view{width:100%; height:400px;}
    .workplace .container{margin-bottom:60px; padding-bottom:60px;}
    .workplace .container:last-child{margin-bottom:60px;}


}

@media(max-width:425px){
    .workplace .info i{display: none;}
    .workplace .info ul li .desc2{font-weight: 300; opacity: .8; width:100%;}
    .workplace .content_map:hover .info ul{padding:30px; }


}

/* 0201 타임라인 */
.time_line .container{display: flex; justify-content: flex-end; position: relative; z-index: 1;}
.time_line .fixd_box{position: absolute; right:calc(50% + 80px); top:0; display: block; width:calc(50% - 80px); display: flex; z-index: 1;}
.time_line .fixd_box.on{position: fixed; top:100px;}
.time_line .tit_group{width:100%; text-align: right; padding-top:170px;}
.time_line .tit_group i{position: absolute; right:0; top:0; z-index: -1; opacity: .25;}
.time_line .tit_group .text_test_h2{font-size:45px; font-weight: 900; color:#000; margin-bottom:20px; text-align: right; border:0; background:transparent; padding:0; transition: all .3s ease;}
.time_line .tit_group p{font-size:20px; line-height: 1.6; word-break: break-all;}
.time_line .tit_group p span{vertical-align: baseline; color:#043457; font-weight: 700; display:block;}
.time_line .content{width:50%; position: relative;}
.time_line .content::before{position: absolute; left:0; top:0; transform: translate(-50%,0); content:''; width:2px; background:#e0e0e0; height:100%;}
.time_line .item_group{width:100%; display: flex; flex-direction: column; margin-bottom:80px; position: relative;}
.time_line .item_group::before{position: absolute; left:0; top:0; transform: translate(-50%,-50%); content:''; width:10px; height:10px; background:#043457; border-radius: 50%;}
.time_line .item_group:last-child{margin:0; border:0;}
.time_line .item{display: flex; flex-direction: column; padding:0 80px; margin-bottom:80px;}
.time_line .item .img_box{display: flex; align-items: center; justify-content: center; margin-bottom:20px;}
.time_line .item .img_box img{width:100%;}
.time_line .item ul{width:100%; display: flex; flex-direction: column;}
.time_line .item ul li{display: flex; align-items: center; margin-bottom:20px;}
.time_line .item ul li:last-child{margin:0;}
.time_line .item ul li .desc1{padding:6px 15px; background:#f90; border-radius: 100px; font-size:14px; margin-right:15px; color:#fff; display: flex; align-items: center; justify-content: center; box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);}
.time_line .item ul li .desc2{font-size:16px; font-weight: 500; color:#333; line-height: 1.4; word-break: break-all;}

@media(max-width:1640px){
    .time_line .tit_group .text_test_h2{font-size: 40px;}
}

@media(max-width:1440px){

}

@media(max-width:1024px){

}

@media(max-width:768px){

}

@media(max-width:425px){

}

/* 0303 R&D */
.rnd {margin-bottom: 120px;}
.rnd_button {text-align: center;}
.rnd .container2 {margin-top:120px;}
.rnd .container2 .content_group{width:100%; display: flex; margin-top:40px; margin-bottom:120px;}
.rnd .container2 .content_group > div{width:50%; margin-right:60px; display: flex; flex-direction: column;}
.rnd .container2 .content_group > div:last-child{margin:0;}
.rnd .container2 .content_group > div .img_box{margin-bottom:40px;}
.rnd .container2 .content_right .img_box{background: #f2f2f2;}
.rnd .rnd_box .rnd_box-wrap p{text-align: center; font-size:36px; font-weight: 300; color:#fff; line-height: 1.4; position: relative; text-shadow: 5px 5px 15px rgb(0 0 0 / 10%); word-break: break-all;}
.rnd .rnd_box .rnd_box-wrap span{font-weight: 700; vertical-align: baseline;}
.rnd .rnd_box .rnd_box-wrap {background: url(../images/contents/rnd-top-img.png) center no-repeat; background-size: cover; padding: 150px 0;}

.table_type1 table{font-size:18px; line-height: 1.4;}
.table_type1 table tr{border-bottom:1px solid #ddd;}
.table_type1 table th{background:#043457; padding:20px; color:#fff; border-right:1px solid rgba(255, 255, 255, .1);}
.table_type1 table td{padding:20px; border-right:1px solid rgba(0, 0, 0, .1);}
.table_type1 table td:last-child{border:0;}
.table_type1 table ul li{line-height: 1.4;}

@media(max-width:1440px){
    .rnd .container2 {margin-top:80px;}
    .rnd .container2 .content_group{margin-bottom:80px;}
    .rnd {margin-bottom: 80px;}
    .rnd .rnd_box .rnd_box-wrap p{font-size:32px; font-weight: 300; color:#fff; line-height: 1.4; }
    .rnd .rnd_box .rnd_box-wrap { padding: 100px 0;}

}

@media(max-width:1024px){
    .rnd .container2 .content_group{flex-wrap: wrap;}
    .rnd .container2 .content_group > div{width:100%; margin-right:0; margin-bottom: 40px;}
    .rnd .container2 .content_group > div .img_box{text-align: center;}
    .rnd .container2 .content_left .img_box img{width: 100%;}
    .rnd .container2 .content_group > div .img_box{margin-bottom:20px;}
    .table_type1 table{font-size:16px;}
    .rnd .rnd_box .rnd_box-wrap p{ font-size:26px; font-weight: 300; color:#fff; line-height: 1.4; }

}

@media(max-width:768px){
    .rnd {margin-bottom: 60px;}

    .rnd .container2 {margin-top:60px;}
    .rnd .container2 .content_group{margin-bottom:60px;}
    .rnd .container2 .content_group table{ display: revert !important; min-width:480px !important;}
    .rnd .container2 .content_group table > *, .rnd .container2 .content_group table tr, .rnd .container2 .content_group table tr > *{ display: revert !important; }
    .table_type1 table{font-size:14px;}

    .table_type1{overflow-x: scroll;width: 100%;}
    .table_type1 table{min-width: 800px;}

    .rnd .rnd_box .rnd_box-wrap p{font-size:22px; }
    .rnd .rnd_box .rnd_box-wrap span img:nth-child(1){display: none;}
    .rnd .rnd_box .rnd_box-wrap span img:nth-child(2){display: block; margin: 0 auto;}
    .rnd .rnd_box .rnd_box-wrap { padding: 80px 20px ;}
    .rnd .b_type2 span {margin-right: 20px;}
}

@media(max-width:425px){
    .rnd .rnd_box .rnd_box-wrap p{font-size:18px;}
    .rnd .rnd_box .rnd_box-wrap p br{ display: none;}

}



/* 0305 포트폴리오 */
.show-modal{position: fixed; left:0; top:0;  width:100%; height:100vh; background:rgba(0, 0, 0, .5); display: flex; align-items: center; justify-content: center; z-index: 10000;}
.show-modal .modal-content{max-width:1400px; width:100%; background:#fff; box-shadow: 5px 5px 10px rgba(0, 0, 0, .2); margin:0 auto; display: flex; padding:80px; position: relative;}
.show-modal .modal-content > div{width:50%; margin-right:80px;}
.show-modal .modal-content > div:last-child{margin:0;}
.close-button{position: absolute; right:0; top:0; width:80px; height:80px; z-index: 1; background:#043457; cursor: pointer; transition: all .3s ease;}
.close-button::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); content:''; width:30px; height:2px; background:#fff; transition: all .3s ease;}
.close-button::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); content:''; width:2px; height:30px; background:#fff; transition: all .3s ease;}
.close-button:hover::before, .close-button:hover::after{transform: translate(-50%,-50%) rotate(225deg);}
.show-modal .content_slide{display: flex; flex-direction: column; position: relative; width:50%;}
.show-modal .content_slide .swiper{overflow: hidden; width:100%;}
.show-modal .portfolio_view{margin-bottom:20px; min-height:350px;}
.show-modal .portfolio_view .swiper-slide{position: relative;}
.show-modal .portfolio_view .swiper-slide span{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:100%;}
.show-modal .portfolio_view .swiper-slide span img{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; }
.show-modal .portfolio_sum{min-height:100px;}
.show-modal .portfolio_sum .swiper-slide{height:100%; position: relative; opacity: .4; transition: all .3s ease;}
.show-modal .portfolio_sum .swiper-slide-thumb-active{opacity: 1;}
.show-modal .portfolio_sum .swiper-slide span{width:100%; height:100%; cursor: pointer;}
.show-modal .portfolio_sum .swiper-slide span img{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.show-modal .portfolio_sum .swiper-slide-active span img{filter: grayscale(0);}
.portfolio_modal .swiper-button-next, .portfolio_modal .swiper-button-prev{bottom:50px; top:auto; background-image: none; width:50px; height:50px;}
.portfolio_modal .swiper-button-next{right:0; margin:0; transform: translate(50%, 50%);}
.portfolio_modal .swiper-button-prev{left:0; margin:0; transform: translate(-50%, 50%);}
.show-modal .content_tit h2{font-size:36px; font-weight: 800; line-height: 1.3; color:#000; border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px; margin-top:20px;}
.show-modal .content_tit p{font-size:20px; line-height: 1.4; margin-bottom:60px; color:#000;}
.show-modal .content_tit ul{width:100%; display: flex; flex-direction: column; border-bottom:1px solid #ddd; padding-bottom:30px;}
.show-modal .content_tit ul li{display: flex; width:100%; margin-bottom:20px; font-size:18px;}
.show-modal .content_tit ul li:last-child{margin:0;}
.show-modal .content_tit ul li > span{display: inline-flex; line-height: 1.4;}
.show-modal .content_tit ul li .desc1{width:80px; margin-right:20px; position: relative; padding-left:12px; color:#043457; font-weight: 700; font-size:14px; transform: translateY(1.5px);}
.show-modal .content_tit ul li .desc1::before{position: absolute; content:''; left:0; top:8px; width:4px; height:4px; background:#043457; border-radius: 50%;}
.show-modal .content_tit ul li .desc2{width:calc(100% - 100px); font-weight: 500;}

@media(max-width:1440px){
    .show-modal .modal-content{max-width:90%; padding:60px; }
    .show-modal .content_tit h2{font-size:32px; padding-bottom:30px; margin-bottom:30px; margin-top:20px;}
    .show-modal .content_tit p{font-size:20px; }

}

@media(max-width:1024px){
    .show-modal .modal-content > div{width:50%; margin-right:40px;}
    .close-button{ width:60px; height:60px; }
    .show-modal .content_tit h2{font-size:28px; padding-bottom:20px; margin-bottom:20px; margin-top:20px;}
    .show-modal .content_tit p{font-size:18px; margin-bottom:50px;}
    .show-modal .portfolio_view{min-height: 250px;}
    .show-modal .content_tit ul li{font-size: 16px;}
    .show-modal .portfolio_sum{min-height:80px;}

}

@media(max-width:768px){
    .close-button{ width:40px; height:40px; }

    .show-modal .modal-content > div{ width: 100%; margin-right:0;}
    .show-modal .modal-content{ flex-wrap: wrap;}
    .show-modal .modal-content{padding: 60px 40px;}
    .show-modal .portfolio_view{min-height: 150px;}
    .show-modal .content_tit p{margin-bottom:40px;}
    .close-button::before{ width:20px; height:2px;}
    .close-button::after{width:2px; height:20px; }
    .portfolio_modal .swiper-button-next, .portfolio_modal .swiper-button-prev{ width:30px; height:30px; bottom: 40px;}

    .show-modal .content_tit h2{font-size:24px;}
}

@media(max-width:425px){
    .show-modal .content_tit h2{font-size:24px;}
    .show-modal .content_tit p{font-size: 16px}
    .show-modal .content_tit ul li{flex-direction: column;}
    .show-modal .content_tit ul li .desc2{width:100%; margin-top: 10px;}

}

/* 제품소개 */
.product_page .btn_group{display: flex;justify-content: center;}
.product_page .btn_group2 a{box-shadow: none; transition: all .3s ease; border: 1px solid #ddd;}
.product_page .btn_group2 a:hover{box-shadow: 7px 7px 20px rgba(0, 0, 0, .1);}
.product_page .btn_group2 a.on{box-shadow: 7px 7px 20px rgba(0, 0, 0, .1); background:#043457; color:#fff;}
.product_page .container1{margin-top:120px;}
.product_page .inner_top .logo_bg1{left:auto; right:-80px; opacity: .5;}
.product_page .inner_top .logo_bg2{left:auto; right:-80px; opacity: .5;}
.product_page .container2{ display: flex; padding-top:120px; padding-bottom: 120px;}
.product_page .container2 > div{width:50%; margin-right:80px;}
.product_page .container2 > div:last-child{margin:0;}
.product_page .container2 .t_type1{margin-bottom:40px;}
.product_page .container2 .ul_type1{padding-left:35px;}
.product_page .inner_top .text_group{position: absolute; left:0; bottom:0; padding:60px;}
.product_page .inner_top .text_group h2{display: flex; color:#fff; align-items: flex-end; padding-bottom:40px; position: relative;}
.product_page .inner_top .text_group h2::after{position: absolute; bottom:20px; width:100%; height:2px; background:#fff; content:''; transform: translateY(50%);}
.product_page .inner_top .text_group h2 .desc1{font-size:36px; font-weight: 700;}
.product_page .inner_top .text_group h2 .desc2{font-size:22px; transform: translateY(5px); font-weight: 300; margin-left:10px;}
.product_page .inner_top .text_group p{position: relative; text-align: left; right:auto; bottom:auto; font-size:22px; word-break: break-all;}
.product_page .inner_top .text_group p u{position: relative; z-index: 1; text-decoration: none; font-weight: 500; vertical-align: baseline; display: inline-flex; word-break: break-all;}
.product_page .inner_top .text_group p u::before{position: absolute; left:50%; bottom:0; transform: translate(-50%,0); content:''; width:calc(100% + 6.3px); height:10px; background:#fff; opacity: .5;}
.product_page .container_type2 {padding:120px 0; background: #fafafa;}
.product_page .container_type2 .text_group {width:100%; display: flex; border-bottom:1px solid #ddd; padding-bottom:60px; margin-bottom:60px;}
.product_page .container_type2 .text_group h3 {margin-bottom:20px; width:25%;}
.product_page .container_type2 .text_group p {line-height: 1.6; width:75%; font-size:20px; word-break: break-all;}
.product_page .container_type2 .content {display: flex;}
.product_page .container_type2 .content .t_group {width:25%;}
.product_page .container_type2 .content .table_type1 {width:75%; text-align: center;}
.product_page .container_type2 .content .table_type1 tbody tr th {background:#f2f2f2; color:#333;}
.product_page .container_type2 .text_group .t_group {
    margin-bottom: 20px;
    width: 25%;
}

@media(max-width:1440px){
    .product_page .inner_top .text_group{ padding:40px;}

}

@media(max-width:1024px){

}

@media(max-width:768px){
    .product_page .container2{ padding-top:80px; padding-bottom: 80px;}


}

@media(max-width:425px){
    .product_page .inner_top .text_group h2{ padding-bottom:20px;}
    .product_page .inner_top .text_group h2::after{bottom:10px;}

}

/* 040102 열선흡수 판유리 */
.product_page_0102 .container4{display: flex; }
.product_page_0102 .container4 .t_group{width:25%;}
.product_page_0102 .container4 .content{display: flex; width:75%;}
.product_page_0102 .container4 .content .item{width:33.3333%; margin-right:40px; padding: 60px; color:#fff; font-size:20px; font-weight: 500;}
.product_page_0102 .container4 .content .item:last-child{margin:0;}
.product_page_0102 .container4 .content .item:nth-child(1){background:#44a651;}
.product_page_0102 .container4 .content .item:nth-child(2){background:#4794d2;}
.product_page_0102 .container4 .content .item:nth-child(3){background:#834a20;}

/* 040103 무늬유리 */
.product_page_0103 .container4{display: flex; }
.product_page_0103 .container4 .t_group{width:25%;}
.product_page_0103 .container4 .content{width:75%;}
.product_page_0103 .container4 .content{display: flex;}
.product_page_0103 .container4 .content .item_group{width:100%; display: flex;}
.product_page_0103 .container4 .content .item{width:33.3333%; margin-right:40px; display: flex; flex-direction: column; border:1px solid #ddd; padding:30px;}
.product_page_0103 .container4 .content .item:last-child{margin:0;}
.product_page_0103 .container4 .content .img_box{flex-direction: column;}
.product_page_0103 .container4 .content p{margin-bottom:20px; font-size:20px; text-align: center; font-weight: 500; color:#333;}
.product_page_0103 .container4 .content .img_box span{width:100%; margin-bottom:20px; display: flex;}
.product_page_0103 .container4 .content .img_box span:last-child{margin:0;}
.product_page_0103 .container4 .content .img_box img{width:100%;}

/* 040201 복층유리 */
.product_page .container3 .group_type1{display: flex; width:100%; border-bottom:1px solid #ddd; padding-bottom:60px; margin-bottom:60px;}
.product_page .container3 .group_type1 .text_group{flex-direction: column; width:50%; justify-content: flex-start; border:0; padding:0; margin:0;}
.product_page .container3 .group_type1 .text_group p{padding-left:35px; width:100%; padding-right:80px;}
.product_page .container3 .group_type1 .item{width:50%; flex-direction: column;}
.product_page .container3 .group_type1 .item p{font-size:20px; font-weight: 500; color:#333; margin-bottom:20px;}
.product_page .container3 .group_type1 .item .img_box{display: flex;}
.product_page .container3 .group_type1 .item .img_box span{width:50%; margin-right:40px; padding:30px; border:1px solid #ddd;}
.product_page .container3 .group_type1 .item .img_box span:last-child{margin:0;}
.product_page .container3 .group_type1 .item .img_box img{width:100%;}

@media(max-width:425px){
    .product_page .container3 .group_type1 .item .img_box {flex-wrap: wrap;}
    .product_page .container3 .group_type1 .item .img_box span {width: 100%; margin: 0 0 20px;}
}

/* 040202 접합유리 */
.product_page_0202 .container3 .group_type1 .item_group{width:50%; display: flex;}
.product_page_0202 .container3 .group_type1 .item{margin-right:40px; padding:30px; border:1px solid #ddd;}
.product_page_0202 .container3 .group_type1 .item:last-child{margin:0;}
.product_page_0202 .container4{width:100%; border-bottom:1px solid #e1e1e1;}
.product_page_0202 .container4:last-child{border:0;}
.product_page_0202 .container4 h3{margin-bottom:40px;}
.product_page_0202 .container4 .content{width:100%; display: flex; padding:0 35px;}
.product_page_0202 .container4 .content > div{width:50%; margin-right:40px;}
.product_page_0202 .container4 .content > div:last-child{margin:0;}
.product_page_0202 .container4 .item{display: flex; flex-direction: column; padding:30px; border:1px solid #ddd; justify-content: space-between;}
.product_page_0202 .container4 .item h4{font-size:26px; font-weight: 700; color:#333; margin-bottom:20px;}
.product_page_0202 .container4 .item p{font-size:18px; font-weight: 400; color:#777; margin-bottom:40px; line-height: 1.5; word-break: break-all;}
.product_page_0202 .container4 .img_box{ display: flex;}
.product_page_0202 .container4 .img_box span{width:100%; display: flex; width:33.3333%; margin-right:20px; position: relative;}
.product_page_0202 .container4 .item .img_box span::before{position: absolute; padding:10px; background:rgba(0, 0, 0, .5);; width:100%; left:0; bottom:0; display: flex; font-size:14px; box-sizing: border-box; color:#fff;}
.product_page_0202 .container4 .img_box img{width:100%;}
.product_page_0202 .container4 .img_box span:last-child{margin:0;}
.product_page_0202 .container4 .item:nth-child(1) .img_box .img2::before{content:'玻璃樓梯';}
.product_page_0202 .container4 .item:nth-child(1) .img_box .img3::before{content:'學校窗口';}
.product_page_0202 .container4 .item:nth-child(2) .img_box .img2::before{content:'珠寶店櫥窗';}
.product_page_0202 .container4 .item:nth-child(2) .img_box .img3::before{content:'公寓陽台窗戶';}


/* 040203 강화유리 */
.product_page_0203 .t_type1 u{text-decoration: none; font-weight: 500; font-size:24px; vertical-align: baseline;}
.product_page_0203 .container3 {padding:120px 0; background:#fafafa;}
.product_page_0203 .container3 .content_group{display: flex;}
.product_page_0203 .container3 .content_group > div{width:50%; margin-right:80px;}
.product_page_0203 .container3 .content_group > div:last-child{margin:0;}
.product_page_0203 .container3 h3{margin-bottom:40px;}
.product_page_0203 .container3 ul{padding-left:35px;}
.product_page_0203 .container3 .content_right{display: flex; flex-direction: column;}
.product_page_0203 .container3 .content_right p{font-size:20px; padding:0 35px; line-height: 1.6; margin-bottom:40px;}
.product_page_0203 .container3 .content_right .item_group{padding:30px; border:1px solid #ddd; margin:0 35px;}
.product_page_0203 .container3 .content_right .item_group h4{font-size:26px; color:#333; margin-bottom:20px; font-weight: 700;}
.product_page_0203 .container3 .content_right .item{display: flex;}
.product_page_0203 .container3 .content_right .item span{width:33.3333%; margin-right:20px; position: relative; z-index: 1;}
.product_page_0203 .container3 .content_right .item span:last-child{margin:0;}
.product_page_0203 .container3 .content_right .item span img{width:100%;}
.product_page_0203 .container3 .content_right .item span::before{position: absolute; left:0; bottom:0; padding:10px; background: rgba(0, 0, 0, .5); box-sizing: border-box; width:100%; display: flex; color:#fff; font-size:14px;}
.product_page_0203 .container3 .content_right .item .img1::before{content:'透明玻璃';}
.product_page_0203 .container3 .content_right .item .img2::before{content:'钢化玻璃';}
.product_page_0203 .container3 .content_right .item .img3::before{content:'半钢化玻璃';}
.product_page .container4 {
    display: flex;
    padding-top: 120px ;
    padding-bottom: 120px ;
}
.product_page_0203 .container4 h3 {
    margin-bottom: 40px;
}


@media(max-width:1024px){
    .product_page_0203 .container3 h3 {margin-bottom: 20px;}
}

@media(max-width:768px){

}

@media(max-width:425px){
    .product_page_0203 .container3 .content_right .item {flex-wrap: wrap;}
    .product_page_0203 .container3 .content_right .item span {width: 100%; margin: 0 0 20px;}
}

/* 040204 곡유리 */
.product_page_0204 .container3{background:#fafafa;}
.product_page_0204 .container3 h3{margin-bottom:40px;}
.product_page_0204 .container3 .content{display: flex; padding:0 35px;}
.product_page_0204 .container3 .item{width:25%; margin-right:20px; display: flex;}
.product_page_0204 .container3 .item:last-child{margin:0;}
.product_page_0204 .container3 .item span{width:100%; position: relative;}
.product_page_0204 .container3 .item span::before{position: absolute; content:''; left:0; top:0; width:100%; padding:30px; box-sizing: border-box; font-size:20px; color:#333;}
.product_page_0204 .container3 .item:nth-child(1) span::before{content:'A Type';}
.product_page_0204 .container3 .item:nth-child(2) span::before{content:'B Type';}
.product_page_0204 .container3 .item:nth-child(3) span::before{content:'C Type';}
.product_page_0204 .container3 .item:nth-child(4) span::before{content:'S Type';}
.product_page_0204 .container3 .item img{width:100%;}
.product_page_0204 .container3 .t_group{display: flex; align-items: flex-end; justify-content: space-between;}
.product_page_0204 .container3 .t_group p{margin-right:35px; margin-bottom:40px; vertical-align: baseline; font-size:18px; font-weight: 500; color:#000;}
.product_page_0204 .container3 .t_group p span{margin-right:20px;}
.product_page_0204 .container3 .t_group p span:last-child{margin:0;}


/* 040301 열선반사유리 */
.product_page_0301 .container3{padding:120px 0; background:#fafafa;}
.product_page_0301 .container3 .t_group {margin-bottom:40px;}
.product_page_0301 .container3 .t_group h3{margin-bottom:40px;}
.product_page_0301 .container3 .t_group p{padding-left:35px; font-size:20px;}
.product_page_0301 .container3 .content_group{width:100%; padding: 0 35px; display: flex;}
.product_page_0301 .container3 .content_group > div{width:50%; margin-right:80px; border:1px solid #ddd; padding:40px; display: flex; flex-direction: column; justify-content: space-between;}
.product_page_0301 .container3 .content_group > div:last-child{margin:0;}
.product_page_0301 .container3 h4{font-size:26px; font-weight: 700; display: flex; align-items: flex-end; color:#333; margin-bottom:20px;}
.product_page_0301 .container3 h4 .en{font-size:18px; font-weight: 500; margin-left:20px; color:#888}
.product_page_0301 .container3 .content_group p{line-height: 1.6; font-size:20px;}
.product_page_0301 .container3 .content_group .text_group{margin-bottom:20px;}
.product_page_0301 .container3 .content_group .img_box{width:100%;}
.product_page_0301 .container3 .content_group img{width:100%;}
.product_page_0301 .container3 .table_type1{padding:0 35px; margin-top:80px;}
.product_page_0301 .container3 .table_type1 tbody th{background:#f2f2f2; color:#333;}
.product_page_0301 .container3 .table_type1 tbody td{line-height: 1.4;}
/* .product_page_0301 .container4{padding:120px 0;} */
.product_page_0301 .container4 h3{margin-bottom:40px;}
.product_page_0301 .container4 .content{padding:0 35px;}
.product_page_0301 .container4 ul{display: flex; flex-wrap: wrap; margin:0 -40px;}
.product_page_0301 .container4 ul li{width:calc(50% - 80px); margin:0 40px; margin-bottom:20px;}
.product_page_0301 .container5{background:#fafafa; }
.product_page_0301 .container5 .table_type1{margin-top:80px; padding:0 35px; text-align: center;}
.product_page_0301 .container5 .table_type1 tbody th{background:#f2f2f2; color:#333;}

@media(max-width:1440px){

}

@media(max-width:1024px){
    .product_page_0301 .container5 .table_type1{margin-top:40px; }

}

@media(max-width:768px){

}

@media(max-width:425px){

}

/* 040302 로이유리 */
.product_page_0302 .container3{padding:120px 0; background:#fafafa;}
.product_page_0302 .container3 .t_group h3{margin-bottom:40px;}
.product_page_0302 .container3 .t_group p{padding:0 35px; line-height: 1.6; font-size:20px;}
.product_page_0302 .container3 .content_group{margin-top:80px; padding:0 35px; display: flex;}
.product_page_0302 .container3 .content_left{width:50%; margin-right:80px; display: flex; flex-direction: column; padding-top:80px;}
.product_page_0302 .container3 .content_left .item{margin-bottom:80px;}
.product_page_0302 .container3 .content_left h4{font-size:26px; color:#333; margin-bottom:20px; font-weight: 700;}
.product_page_0302 .container3 .content_left h4 .en{font-size:18px; color:#666; margin-left:20px; font-weight: 500;}
.product_page_0302 .container3 .content_left p{line-height: 1.6; font-size:20px;  color:#333;}
.product_page_0302 .container3 .content_right{width:50%; border:1px solid #ddd; padding:40px;}
.product_page_0302 .container3 .content_right span{width:100%; position: relative; display: flex;}
.product_page_0302 .container3 .content_right span::after{position: absolute; left:40px; top:40px; content:'截面图'; font-size:20px; font-weight: 500; color:#333;}
.product_page_0302 .container3 .content_right img{width:100%;}
/* .product_page_0302 .container4{padding:120px 0;} */
.product_page_0302 .container4 h3{margin-bottom:40px;}
.product_page_0302 .container4 .content{padding:0 35px; margin:0 -40px;}
.product_page_0302 .container4 ul{display: flex; flex-wrap: wrap;}
.product_page_0302 .container4 li{width:calc(50% - 80px); margin:0 40px; margin-bottom:20px; }
.product_page_0302 .container5{padding:120px 0; background:#fafafa;}
.product_page_0302 .container5 .content{width:100%;}
.product_page_0302 .container5 h3{margin-bottom:40px;}
.product_page_0302 .container5 .table_type1 tbody th{background:#f2f2f2; color:#333;}
.product_page_0302 .container6{padding-top:120px; padding-bottom:120px;}
.product_page_0302 .container6 h3{margin-bottom:40px;}
.product_page_0302 .container6 h4{font-size:26px; font-weight: 700; color:#333; margin-bottom:20px;}
.product_page_0302 .container6 p {line-height: 1.6; font-size:20px;}
.product_page_0302 .container6 .content{display: flex; }
.product_page_0302 .container6 .item_group{margin: 0 -40px; display: flex; flex-wrap: wrap; padding:0 35px;}
.product_page_0302 .container6 .item{margin:0 40px; width:calc(50% - 80px); margin-bottom:80px; display: flex; flex-direction: column; justify-content: space-between;}
.product_page_0302 .container6 .item:nth-child(3),
.product_page_0302 .container6 .item:nth-child(4){margin-bottom:0;}
.product_page_0302 .container6 .img_box{margin-top:20px; border:1px solid #ddd; padding:30px; position: relative;}
.product_page_0302 .container6 .item:nth-child(3) .img_box::after{position: absolute; left:50%; bottom:2px; transform: translate(-50%,-50%); content:'*但是，结露现象根据室内温/湿度条件可能会有所不同。'; font-size:14px; color:#f30; width:100%; text-align: center;}
.product_page_0302 .container6 img{width:100%;}

@media(max-width:1440px){

}

@media(max-width:1024px){

}

@media(max-width:768px){
    .product_page_0302 .container3 .content_right span::after{left:20px; top:20px; font-size: 18px;}
    .product_page_0302 .container4 .content{padding:0; margin:0;}


}

@media(max-width:425px){
    .product_page_0302 .container3 .content_right span::after{left:10px; top:10px; font-size: 16px;}

}

/* 040303 스팬드럴유리 */
.product_page_0303 .container3{padding:120px 0; background:#fafafa;}
.product_page_0303 .container3 .table_type1{margin-top:40px; padding:0 35px; text-align: center;}
.product_page_0303 .container3 .table_type1 tbody th{background:#f2f2f2; color:#333;}
.product_page_0303 .container4 h3{margin-bottom:40px;}
.product_page_0303 .container4 {padding:120px 0;}
.product_page_0303 .container4 .content{display: flex; padding:0 35px; margin-bottom:80px;}
.product_page_0303 .container4 .content:last-child{margin:0;}
.product_page_0303 .container4 .content .title{width:25%;}
.product_page_0303 .container4 .content h5{font-size:26px; display: flex; vertical-align: baseline; font-weight: 700;}
.product_page_0303 .container4 .content h5 .desc2{font-weight: 400; margin-left:10px; opacity: .7;}
.product_page_0303 .container4 .item_group{display: flex; width:75%;}
.product_page_0303 .container4 .content .item{width:25%; margin-right:40px; border:1px solid #ddd; flex-grow: 1; position: relative; overflow: hidden;}
.product_page_0303 .container4 .content .item:last-child{margin:0;}
.product_page_0303 .container4 .content .item .color{padding:60px;}
.product_page_0303 .container4 .content .item p{font-size:18px; font-weight: 500; color:#000; padding:10px; display: flex; justify-content: space-between;}
.product_page_0303 .container4 .content .item p span{margin-top:5px; font-size:16px; opacity: .75;}
.product_page_0303 .container4 .content5 .item{z-index: 2; border:1px solid #ddd;}
.product_page_0303 .container4 .content5 .item .color{ position: relative; overflow: hidden; background:#fff;}
.product_page_0303 .container4 .content5 .item:nth-child(1) .color{background: rgba(255, 255, 255, 1);}
.product_page_0303 .container4 .content5 .item:nth-child(2) .color{background: rgba(255, 255, 255, .8);}
.product_page_0303 .container4 .content5 .item:nth-child(3) .color{background: rgba(255, 255, 255, .6);}
.product_page_0303 .container4 .content5 .item .color::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:250px; height:250px; background:url(../images/contents/040303-1.png) no-repeat center / 100%; z-index: -2;}
.product_page_0303 .container4 .content5 .item p{border-top:1px solid #ddd; background:#fff;}

/* 040401 투명방화유리 */
.product_page_0401 .container2 {flex-direction: column;}
.product_page_0401 .container2 > div{width:100%;}
.product_page_0401 .container2 .content_left{display: flex; flex-direction: column; margin-bottom:80px;}
.product_page_0401 .container2 .content_left h3{margin-bottom:30px;}
.product_page_0401 .container2 .content_left > div{width:100%;}
.product_page_0401 .container2 .content_left .group1{margin-bottom:60px;}
.product_page_0401 .container2 .content_left .group1 p{font-size:20px; line-height: 1.6; color:#333; padding:0 35px;}
.product_page_0401 .container2 .content_left .group2{display: flex; padding:0 35px;}
.product_page_0401 .container2 .content_left .group2 h4{font-size:26px; font-weight: 700; color:#333; margin-bottom:20px;}
.product_page_0401 .container2 .content_left .group2 > div{width:50%; margin-right:80px;}
.product_page_0401 .container2 .content_left .group2 > div:last-child{margin:0;}
.product_page_0401 .container2 .content_left .group2 ul{padding:0;}
.product_page_0401 .container2 .content_right ul{display: flex; flex-wrap: wrap; margin:0 -40px;}
.product_page_0401 .container2 .content_right ul li{width:calc(50% - 80px); margin: 0 40px;}
.product_page_0401 .container3 {padding:120px 0; background: #fafafa;;}
.product_page_0401 .container3 h3 {display: flex; align-items: flex-end;}
.product_page_0401 .container3 h3 .desc2{font-size:20px; vertical-align: baseline; color:#666; font-weight: 600; margin-left:20px;}
.product_page_0401 .container3 .content_group{flex-direction: column;}
.product_page_0401 .container3 .content{width:100%; margin-top:40px; display: flex;}
.product_page_0401 .container3 .content > div{width:50%; display: flex; margin-right:40px; justify-content: space-between; border:1px solid #ddd; padding:40px; box-sizing: border-box; background:#fff;}
.product_page_0401 .container3 .content > div:last-child{margin:0;}
.product_page_0401 .container3 .content .text_box{width:60%; margin-right:20px;}
.product_page_0401 .container3 .content h4{font-size:26px; font-weight: 700; color:#333; display: flex; align-items: flex-end; margin-bottom:40px;}
.product_page_0401 .container3 .content h4 .en{font-size:20px; margin-left:10px; color:#999;}
.product_page_0401 .container3 .content ul{width:100%;}
.product_page_0401 .container3 .content ul li{display: flex; font-size:16px; margin-bottom:15px; padding-left:13px; position: relative;}
.product_page_0401 .container3 .content ul li::before{position: absolute; left:0; top:7px; width:5px; height:1px; background:#333; content:'';}
.product_page_0401 .container3 .content ul li:last-child{margin:0;}
.product_page_0401 .container3 .content ul li .desc1{font-weight: 500; width:60px; margin-right:15px;}
.product_page_0401 .container3 .content ul li .desc2{width:calc(100% - 80px); line-height: 1.4;}
.product_page_0401 .container3 .content .img_box{width:40%;}
.product_page_0401 .container3 .content .img_box img{width:100%;}


/* 040402 자정유리*/
.product_page_0402 .container3 {padding-top:120px; padding-bottom:120px; background:#fafafa;}
.product_page_0402 .container3 h3{margin-bottom:40px;}
.product_page_0402 .container3 .table_type1{padding:0 35px; text-align: center;}
.product_page_0402 .container3 .table_type1 tbody th{background:#f2f2f2; color:#333;}
.product_page_0402 .container4 {display: flex; padding-top:120px; padding-bottom:120px;;}
.product_page_0402 .container4 .content{width:50%; margin-right:80px;}
.product_page_0402 .container4 .content:last-child{margin:0;}
.product_page_0402 .container4 h3{margin-bottom:40px;}
.product_page_0402 .container4 .img_box{width:100%; display: block;}
.product_page_0402 .container4 img{width:100%;}
.product_page_0402 .container4 ul{padding-left:35px;}

@media(max-width:1440px){

}

@media(max-width:1024px){
    .product_page_0402 .container3 {padding-top:60px; padding-bottom:60px;}
    .product_page_0402 .container4 {padding-top:60px; padding-bottom:60px;}

}

@media(max-width:768px){
    .product_page_0402 .container3 {padding-top:80px; padding-bottom:80px;}
    .product_page_0402 .container4 {padding-top:80px; padding-bottom:80px;}

}

@media(max-width:425px){

}

/* 040403 저철분유리 */
.product_page_0403 .container3{padding:120px 0; background:#fafafa;}
.product_page_0403 .container3 h3{margin-bottom:40px;}
.product_page_0403 .container3 .content{padding:0 35px; display: flex;}
.product_page_0403 .container3 .content .item{width:50%; margin-right:80px; padding:40px; border:1px solid #ddd; background:#fff;}
.product_page_0403 .container3 .content h4{font-size:26px; font-weight: 700; color:#333; margin-bottom:20px;}
.product_page_0403 .container3 .content .item:last-child{margin:0;}
.product_page_0403 .container3 .content .img_box{width:100%;}
.product_page_0403 .container3 .content img{width:100%;}

@media(max-width:1440px){

}

@media(max-width:1024px){
    .product_page_0403 .container3 .content h4{font-size:22px; }
    .product_page_0403 .container3 .content .item{padding:20px;}

}

@media(max-width:768px){
    .product_page_0403 .container3 .content h4{font-size:18px; }

}

@media(max-width:425px){

}
/* 040404 컬러유리 */
.product_page_0404 .container3{ background:#fafafa;}
.product_page_0404 .container3 h3{margin-bottom:40px;}
.product_page_0404 .container3 .table_type1{padding:0 35px; text-align: center;}
.product_page_0404 .container3 .table_type1 tbody th{background:#f2f2f2; color:#333;}


/* 040501 유리 */
.product_page_0501 .container2 .content{width:100%;}
.product_page_0501 .container3 {padding:120px 0; background:#fafafa;}
.product_page_0501 .container3 .content_group h3{margin-bottom:40px;}
.product_page_0501 .container3 .content_group h4{font-size:26px; font-weight: 700; color:#333; padding-left:35px; margin-bottom:20px;}
.product_page_0501 .container3 .content_group ul{width:100%; padding:0 35px;}
.product_page_0501 .container3 .content_group h4 .en{font-size:18px; margin-left:10px; color:#777;}
.product_page_0501 .container3 .table_type1{text-align: left; padding:0 35px; margin-top:40px;}
.product_page_0501 .container3 .table_type1 thead th{text-align: center;}
.product_page_0501 .container3 .table_type1 tbody th{background:#f2f2f2; color:#333;}
.product_page_0501 .container3 .ul_list2{padding:35px 0; margin-top:20px;}
.product_page_0501 .container3 .title_2{margin-top:80px;}
.product_page_0501 .container4{padding-top:120px; padding-bottom:120px; width:100%; flex-direction: column;}
.product_page_0501 .container4 h3{margin-bottom:40px;}
.product_page_0501 .container4 .content_group1{padding:40px; background:#eceaff; position: relative; margin-bottom:80px;}
.product_page_0501 .container4 .content_group1::after{position: absolute; left:50%; top:100%; transform: translate(-50%,50%) rotate(-90deg); content:''; width:40px; height:40px; clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%); background:#ddd;}
.product_page_0501 .container4 h5{font-size:18px; font-weight: 800; margin-bottom:20px; display: flex;}
.product_page_0501 .container4 h5 .desc1{font-weight: 700; color:#222; line-height: 1.5;}
.product_page_0501 .container4 h5 .desc2{font-weight: 400; color:#555; margin-left:20px;  line-height: 1.5;}
.product_page_0501 .container4 p{font-size:16px; font-weight: 500; color:#333; padding:10px; text-align: center;}
.product_page_0501 .container4 .content_group1 .content{width:100%; display: flex;}
.product_page_0501 .container4 .content_group1 .item{display: flex; flex-direction: column; width:20%; margin-right:20px;}
.product_page_0501 .container4 .content_group1 .item:last-child{margin:0;}
.product_page_0501 .container4 .content_group1 .img_box{width:100%;}
.product_page_0501 .container4 .content_group1 img{width:100%;}
.product_page_0501 .container4 .content_group2{margin-bottom:80px; position: relative; display: flex;}
.product_page_0501 .container4 .content_group2::after{position: absolute; left:50%; top:100%; transform: translate(-50%,50%) rotate(-90deg); content:''; width:40px; height:40px; clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%); background:#ddd;}
.product_page_0501 .container4 .content_group2 > div{width:50%; margin-right:80px; padding:40px; background:#c9e4ff; display: flex; flex-direction: column; position: relative;}
.product_page_0501 .container4 .content_group2 > div:last-child{margin:0;}
.product_page_0501 .container4 .content_group2 .content_left::after{position: absolute; left:100%; top:50%; transform: translate(50%,-50%) rotate(-180deg); content:''; width:40px; height:40px; clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%); background:#ddd;}
.product_page_0501 .container4 .content_group2 .item_group{display: flex; width:100%;}
.product_page_0501 .container4 .content_group2 .item{width:33.3333%; margin-right:20px;}
.product_page_0501 .container4 .content_group2 .item:last-child{margin:0;}
.product_page_0501 .container4 .content_group3 {padding:30px 40px; display: flex; margin-bottom:80px; position: relative;}
.product_page_0501 .container4 .content_group3::after{position: absolute; left:50%; top:100%; transform: translate(-50%,50%) rotate(-90deg); content:''; width:40px; height:40px; clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%); background:#ddd;}
.product_page_0501 .container4 .content_group3-1{background:#beecf5;}
.product_page_0501 .container4 .content_group3-2{background:#cbeee4;}
.product_page_0501 .container4 .content_group3-3:last-child{margin:0; background:#cee0ef;}
.product_page_0501 .container4 .content_group3:last-child::after{display: none;}
.product_page_0501 .container4 .content_group3 h5{margin:0;}

@media(max-width:1440px){

}

@media(max-width:1024px){
    .product_page_0501 .container3 .content_group h4{font-size:24px; font-weight: 700; color:#333; padding-left:35px; margin-bottom:10px;}
    .product_page_0501 .container3 .content_group h4 .en{font-size:16px; margin-left:10px; color:#777;}
    .product_page_0501 .container4 h3{margin-bottom:20px;}


}

@media(max-width:768px){
    .product_page_0501 .container3 .content_group h4{font-size:22px; font-weight: 700; color:#333; padding-left:30px; margin-bottom:20px;}

}

@media(max-width:425px){

}

/* 미션및비전 */
.mission .container{padding:120px 0; position: relative;}
.mission .container h3{font-size:40px; font-weight: 700; color:#333; width:20%;}
.mission .container1 {display: flex;}
.mission .container1 p{font-size:50px; font-weight: 400; text-align: center; width:100%; transform: translateX(-10%); word-break: break-all;}
.mission .container1 p span{vertical-align: baseline; font-weight: 700; color:#043457;}
.mission .container2{display: flex; background:#f2f2f2;}
.mission .container2 .group{display: flex;}
.mission .container2 h3{align-items: center; display: flex;}
.mission .container2 .content_group{width:100%; transform: translateX(-10%);}
.mission .container2 .content{width:100%; display: flex; flex-direction: column; align-items: center; transform: scale(0.8);}
.mission .container2 .content .img_box{display: flex; margin-bottom:20px;}
.mission .container2 .content .img_box img{width:100%;}
.mission .container2 .content .text_box{max-width:1024px; margin:0 auto; width:100%;}
.mission .container2 .content p{display: flex; padding:20px; border:1px solid #043457; border-radius: 100px; align-items: center;}
.mission .container2 .content p span{width:50%; text-align: center; font-size:24px;}
.mission .container2 .content p .desc1{padding:20px; background:#043457; color:#fff; border-radius: 100px; box-shadow: 7px 7px 15px rgba(0, 0, 0, .2);}
.mission .container3{padding:120px 0;}
.mission .container3 h3{margin-bottom:40px;}
.mission .container3 .img_box{display: flex; justify-content: center;}
.mission .container3 .img_box img{ width: 60%; margin: 0 auto; text-align: center;}
.mission .container3 .img_box:nth-child(3) {display: none; text-align: center;}

@media(max-width:1440px){
    .mission .container{padding:80px 0;}
    .mission .container3{padding:80px 0;}
    .mission .container h3{font-size:36px; font-weight: 700; color:#333; width:20%;}
    .mission .container1 p{font-size:40px; font-weight: 400; text-align: center; width:100%; transform: translateX(-5%);}
    .mission .container2 .content p span{width:50%; text-align: center; font-size:24px;}
    .mission .container2 .content_group{width:100%; transform: translateX(-5%);}

}

@media(max-width:1024px){
    .mission .container1,
    .mission .container2 .group{flex-direction: column;}
    .mission .container h3{font-size:32px; font-weight: 700; color:#333; width:20%; margin-bottom: 40px;}
    .mission .container1 p{font-size:36px; font-weight: 400; text-align: center; width:100%; transform: translateX(0);}
    .mission .container2 .content p span{width:50%; text-align: center; font-size:20px;}
    .mission .container2 .content_group{width:100%; transform: translateX(0);}
    .mission .container2 .content{transform: scale(0.9);}
    .mission .container3 .img_box img{ width: 80%;}

}

@media(max-width:768px){
    .mission .container h3{font-size:28px; }

    .mission .container1 p{font-size:32px; line-height: 1.3;}
    .mission .container2 .content p {flex-direction: column; border-radius: 60px;}
    .mission .container2 .content p .desc1 { width: 100%; margin-bottom: 20px;}

    .mission .container2 .content {transform: none;}
    .mission .container2 .content .img_box {margin-bottom: 10px; width: 90%;}

    .mission .container{padding:60px 0;}
    .mission .container3{padding:60px 0;}

    .mission .container3 .img_box:nth-child(2) {display: none;}
    .mission .container3 .img_box:nth-child(3) {display: block;}
    .mission .container3 .img_box img{ width: 40%;}


}

@media(max-width:425px){
    .mission .container h3{font-size:24px; }
    .mission .container3 .img_box img{ width:60%;}
    .mission .container1 p{font-size:28px; }
    .mission .container2 .content p span {width: 100%;}
}

/* 사업분야 */
.business .btn_group{display: flex;justify-content: center;}
.business .btn_group2 a{box-shadow: none; transition: all .3s ease; border: 1px solid #ddd;}
.business .btn_group2 a:hover{box-shadow: 7px 7px 20px rgba(0, 0, 0, .1);}
.business .btn_group2 a.on{box-shadow: 7px 7px 20px rgba(0, 0, 0, .1); background:#043457; color:#fff;}
.business .table_type1 tbody th{background:#f2f2f2; color:#333;}
.business .table_type1 td{line-height: 1.4;}

/* 030101 금속구조물창호공사 */
.business .container{padding-top:120px; padding-bottom:120px;}
.business030101 .container1 h3{margin-bottom:40px;}
.business030101 .container1 .content_group{display: flex;}
.business030101 .container1 .content_group > div{width:50%; margin-right:80px;}
.business030101 .container1 .content_group > div:last-child{margin:0;}
.business030101 .container1 .content {display: flex; flex-direction: column;}
.business030101 .container1 .content .group{margin-bottom:40px;}
.business030101 .container1 .content .group:last-child{margin:0;}
.business030101 .container1 .content ul{padding:35px; border:1px solid #ddd;}
.business030101 .container1 .content ul li{color:#333;}
.business030101 .container1 .content ul li:last-child{margin:0;}
.business030101 .container1 .content p{font-size:18px; line-height: 1.6; padding:20px 40px; background:#04345710; color:#043457; word-break: break-all;}
.business030101 .container1 .img_box img{width:100%;}
.business030101 h4{font-size:26px; font-weight: 700; color:#333; margin-bottom:20px;}
.business030101 .container2, .business030101 .container4 {background:#fafafa;}

@media(max-width:1640px){

}

@media(max-width:1440px){
    .business030101 .container1 .content_group > div{width:50%; margin-right:40px;}
    .business .container{padding-top:80px; padding-bottom:80px;}

}

@media(max-width:1024px){
    .business030101 .container1 .content_group > div{width:100%; margin-right:0;}
    .business030101 .container1 .content_group > div:last-child{display: none;}
    .business030101 .container1 .content ul{padding:30px;}
    .business030101 .container1 .content .group{margin-bottom:20px;}
    .business030101 .container1 .content p{font-size:16px; padding:20px 40px; }
    .business030101 h4{font-size:22px;}

}

@media(max-width:768px){
    .business .container{padding-top:60px; padding-bottom:60px;}
    .business030101 .container1 .content p{font-size:14px; padding:20px 40px; }
    .business030101 h4{font-size:18px;}


}

@media(max-width:425px){

}

/* 030102 시설물유지관리 */
.business030102 h3{margin-bottom:40px;}
.business030102 .container1 .content_group{display: flex;}
.business030102 .container1 .text_box{width:60%; margin-right:80px; padding:40px; border:1px solid #ddd;}
.business030102 .container1 ul li{margin-bottom:40px;}
.business030102 .container1 ul li::before{display: none;}
.business030102 .container1 p{color:#f30; line-height: 1.4; padding-left:35px; position: relative; word-break: break-all;}
.business030102 .container1 p::before{position: absolute; content:'※'; left:10px; top:0; font-size:16px;}
.business030102 .container1 .img_box{width:40%;}
.business030102 .container1 img{width:100%;}
.business030102 .container2 {background:#fafafa;}
.business030102 .container2 .content{display: flex; width:100%;}
.business030102 .container2 ul{ width:40%; margin-right:80px; padding-left:35px;}
.business030102 .container2 p{width:60%; font-size:16px; line-height: 1.6; border:1px solid #ddd; padding:40px; background:#fff; word-break: break-all;}
.business030102 .container4{background:#fafafa;}
.business030102 .container4 ul{padding:0 35px;}

@media(max-width:1440px){
    .business030102 .container1 .text_box{width:60%; margin-right:40px;}
}

@media(max-width:1024px){
    .business030102 .container1 .content_group > div{width:100%; margin-right:0;}
    .business030102 .container1 .content_group > div:last-child{display: none;}
    .business030102 .container1 .content ul{padding:30px;}
    .business030102 .container1 .content .group{margin-bottom:20px;}
    .business030102 .container2 .content{flex-wrap: wrap;}
    .business030102 .container2 ul{ width:100%; margin-bottom:20px; padding-left:35px;}
    .business030102 .container2 p{width:100%; font-size:16px; }
    .business030102 .container4 ul{padding:0 30px;}

}

@media(max-width:768px){
    .business .container{padding-top:60px; padding-bottom:60px;}
    .business030102 h4{font-size:22px;}
    .business030102 .container1 .content p{font-size:16px; padding:20px 40px; }
    .business030102 .container2 ul{ padding-left:30px;}
    .business030102 .container2 p{width:100%; font-size:16px; padding:30px; }
    .business030102 .container1 .text_box{padding:30px;}

}

@media(max-width:425px){

}

/* 030103 건축공사 */
.business030103 .container h3{margin-bottom:40px;}
.business030103 .container1 .grid{position: relative;}
.business030103 .container1 p{position: absolute; left:0; bottom:0; text-align: left; font-size: 22px; z-index: 1; padding:60px; color:#fff; line-height: 1.6; width:100%; word-break: break-all;}
.business030103 .container1 .img_box img:nth-child(2){display: none;}

@media(max-width:1440px){
    .business030103 .container1 p{ padding: 40px 80px;}

}

@media(max-width:1024px){
    .business030103 .container1 p{ font-size: 20px; padding: 30px 70px;}

}

@media(max-width:768px){
    .business030103 .container1 .img_box img:nth-child(1){display: none;}
    .business030103 .container1 .img_box img:nth-child(2){display: block;}
    .business030103 .container1 p{ font-size: 18px; padding: 30px 50px;}
    .business030103 .container1 p br{display: none;}

}

@media(max-width:425px){
    .business030103 .container1 p{ font-size: 16px; padding: 20px 40px;}

}

/* 030201*/
.business030201 h3{margin-bottom:40px;}
.business030201 .container2 .content{width:100%; display: flex; flex-wrap: wrap; padding:0 35px; margin:0 -30px -60px;}
.business030201 .container2 .item{width:calc(20% - 60px); display: flex; flex-direction: column; margin: 0 30px; margin-bottom:60px; position: relative; border-bottom:1px solid #ddd;}
.business030201 .container2 .item .img_box{width:100%; box-shadow: 10px 10px 0px #04345710; border:2px solid #043457; position: relative;}
.business030201 .container2 .item .img_box::after{position: absolute; right:0; top:50%; transform: translate(150%,-50%); content:''; width:30px; height:30px; background:url(../images/contents/process_dir.png) center no-repeat;}
.business030201 .container2 .item:nth-child(10) .img_box::after,.business030201 .container2 .item:nth-child(7) .img_box::after,.business030201 .container2 .item:nth-child(8) .img_box::after,.business030201 .container2 .item:nth-child(9) .img_box::after{ transform: translate(150%,-50%) rotate(180deg);}
.business030201 .container2 .item:nth-child(5) .img_box::after,
.business030201 .container2 .item:nth-child(6) .img_box::after,
.business030201 .container2 .item:nth-child(13) .img_box::after {display: none;}
.business030201 .container2 .item::after{position: absolute; left:50%; bottom:0; transform: translate(-50%,150%); content:''; width:30px; height:30px; background:url(../images/contents/process_dir.png) center no-repeat; display: none;}
.business030201 .container2 .item:nth-child(5)::after, .business030201 .container2 .item:nth-child(10)::after{display: block; transform: translate(-50%,150%) rotate(90deg);}
.business030201 .container2 .item img{width:100%;}
.business030201 .container2 p{display: flex; flex-direction: column; text-align: center; padding:20px; box-sizing: border-box; height:100%; word-break: break-all;}
.business030201 .container2 .desc1{font-size:20px; font-weight: 700; color:#043457; margin-bottom:10px;}
.business030201 .container2 .desc2{line-height: 1.4;}

/* 추가 */
.business030201 .container2 .item:nth-child(1) {order: 1;}
.business030201 .container2 .item:nth-child(2) {order: 2;}
.business030201 .container2 .item:nth-child(3) {order: 3;}
.business030201 .container2 .item:nth-child(4) {order: 4;}
.business030201 .container2 .item:nth-child(5) {order: 5;}
.business030201 .container2 .item:nth-child(6) {order: 10;}
.business030201 .container2 .item:nth-child(7) {order: 9;}
.business030201 .container2 .item:nth-child(8) {order: 8;}
.business030201 .container2 .item:nth-child(9) {order: 7;}
.business030201 .container2 .item:nth-child(10) {order: 6;}
.business030201 .container2 .item:nth-child(11) {order: 11;}
.business030201 .container2 .item:nth-child(12) {order: 12;}
.business030201 .container2 .item:nth-child(13) {order: 13;}

@media(max-width:1440px){
    .business030201 .container2 .content{padding:0; justify-content: flex-end; margin: 0 auto;}
    .business030201 .container2 .item{width:calc(25% - 60px); margin: 0 30px; margin-bottom:60px; position: relative; border-bottom:1px solid #ddd;}

    /* 아래 */
    .business030201 .container2 .item:nth-child(4)::after, 
    .business030201 .container2 .item:nth-child(5)::after, 
    .business030201 .container2 .item:nth-child(12)::after, 
    .business030201 .container2 .item:nth-child(8)::after{display: block; transform: translate(-50%,150%) rotate(90deg);}
    
    .business030201 .container2 .item:nth-child(5)::after, 
    .business030201 .container2 .item:nth-child(10)::after{display: none;}
    

    .business030201 .container2 .item:nth-child(9) .img_box::after,
    .business030201 .container2 .item:nth-child(10) .img_box::after{display: block; transform: translate(150%,-50%) rotate(0); }

    /* 우 */
    .business030201 .container2 .item:nth-child(4) .img_box::after,
    .business030201 .container2 .item:nth-child(5) .img_box::after,
    .business030201 .container2 .item:nth-child(12) .img_box::after,
    .business030201 .container2 .item:nth-child(13) .img_box::after {display: none;}
    
    .business030201 .container2 .item:nth-child(6) .img_box::after,
    .business030201 .container2 .item:nth-child(7) .img_box::after,
    .business030201 .container2 .item:nth-child(8) .img_box::after{ display: block; transform: translate(150%,-50%) rotate(180deg);}

    .business030201 .container2 .item:nth-child(5) {order: 8;}
    .business030201 .container2 .item:nth-child(6) {order: 7;}
    .business030201 .container2 .item:nth-child(7) {order: 6;}
    .business030201 .container2 .item:nth-child(8) {order: 5;}
    .business030201 .container2 .item:nth-child(9) {order: 9;}
    .business030201 .container2 .item:nth-child(10) {order: 10;}
    .business030201 .container2 .item:nth-child(11) {order: 11;}
    .business030201 .container2 .item:nth-child(12) {order: 12;}
    .business030201 .container2 .item:nth-child(13) {order: 13;}
    
}

@media(max-width:1024px){
    .business030201 .container2 .desc1 {font-size: 18px;}
    .business030201 .container2 .content{padding:0; justify-content: flex-start;}
    .business030201 .container2 .item{width:calc(33.33% - 60px); margin: 0 30px; margin-bottom:60px; position: relative; border-bottom:1px solid #ddd;}

    /* 아래 */
    .business030201 .container2 .item:nth-child(3)::after, 
    .business030201 .container2 .item:nth-child(5)::after, 
    .business030201 .container2 .item:nth-child(6)::after, 
    .business030201 .container2 .item:nth-child(9)::after, 
    .business030201 .container2 .item:nth-child(12)::after{display: block; transform: translate(-50%,150%) rotate(90deg);}
    
    .business030201 .container2 .item:nth-child(4)::after, 
    .business030201 .container2 .item:nth-child(5)::after, 
    .business030201 .container2 .item:nth-child(8)::after, 
    .business030201 .container2 .item:nth-child(10)::after{display: none;}
    
    .business030201 .container2 .item:nth-child(7) .img_box::after,
    .business030201 .container2 .item:nth-child(8) .img_box::after,
    .business030201 .container2 .item:nth-child(9) .img_box::after{display: block; transform: translate(150%,-50%) rotate(0); }

    /* 우 */
    .business030201 .container2 .item:nth-child(3) .img_box::after,
    .business030201 .container2 .item:nth-child(4) .img_box::after,
    .business030201 .container2 .item:nth-child(9) .img_box::after,
    .business030201 .container2 .item:nth-child(10) .img_box::after,
    .business030201 .container2 .item:nth-child(12) .img_box::after,
    .business030201 .container2 .item:nth-child(13) .img_box::after {display: none;}
    
    .business030201 .container2 .item:nth-child(5) .img_box::after,
    .business030201 .container2 .item:nth-child(11) .img_box::after,
    .business030201 .container2 .item:nth-child(12) .img_box::after,
    .business030201 .container2 .item:nth-child(6) .img_box::after{ display: block; transform: translate(150%,-50%) rotate(180deg);}

    .business030201 .container2 .item:nth-child(4) {order: 6;}
    .business030201 .container2 .item:nth-child(5) {order: 5;}
    .business030201 .container2 .item:nth-child(6) {order: 4;}
    .business030201 .container2 .item:nth-child(7) {order: 7;}
    .business030201 .container2 .item:nth-child(8) {order: 8;}
    .business030201 .container2 .item:nth-child(9) {order: 9;}
    .business030201 .container2 .item:nth-child(10) {order: 12;}
    .business030201 .container2 .item:nth-child(11) {order: 11;}
    .business030201 .container2 .item:nth-child(12) {order: 10;}
    .business030201 .container2 .item:nth-child(13) {order: 13;}
}

@media(max-width:768px){
    .business030201 .container2 .item .img_box::after{transform: translate(150%,-50%) scale(0.8); }

    .business030201 .container2 .item{width:calc(50% - 60px); margin: 0 30px; margin-bottom:60px; position: relative; border-bottom:1px solid #ddd;}
    .business030201 .container2 .content{padding:0; justify-content: flex-start;}

    /* 아래 */
    .business030201 .container2 .item:nth-child(2)::after, 
    .business030201 .container2 .item:nth-child(4)::after, 
    .business030201 .container2 .item:nth-child(5)::after, 
    .business030201 .container2 .item:nth-child(6)::after, 
    .business030201 .container2 .item:nth-child(8)::after, 
    .business030201 .container2 .item:nth-child(10)::after, 
    .business030201 .container2 .item:nth-child(12)::after{display: block; transform: translate(-50%,150%) rotate(90deg) scale(0.8);}
    
    .business030201 .container2 .item:nth-child(3)::after,
    .business030201 .container2 .item:nth-child(5)::after,
    .business030201 .container2 .item:nth-child(9)::after{display: none;}
    
    /* 우 */
    .business030201 .container2 .item:nth-child(2) .img_box::after,
    .business030201 .container2 .item:nth-child(3) .img_box::after,
    .business030201 .container2 .item:nth-child(6) .img_box::after,
    .business030201 .container2 .item:nth-child(7) .img_box::after,
    .business030201 .container2 .item:nth-child(10) .img_box::after,
    .business030201 .container2 .item:nth-child(11) .img_box::after,
    .business030201 .container2 .item:nth-child(12) .img_box::after{display: none;}
    
    
    .business030201 .container2 .item:nth-child(4) .img_box::after,
    .business030201 .container2 .item:nth-child(5) .img_box::after,
    .business030201 .container2 .item:nth-child(8) .img_box::after,
    .business030201 .container2 .item:nth-child(12) .img_box::after{ display: block; transform: translate(150%,-50%) rotate(180deg) scale(0.8);}

    .business030201 .container2 .item:nth-child(5) .img_box::after,
    .business030201 .container2 .item:nth-child(9) .img_box::after{display: block; transform: translate(150%,-50%) rotate(0) scale(0.8); }


    .business030201 .container2 .item:nth-child(3) {order: 4;}
    .business030201 .container2 .item:nth-child(4) {order: 3;}
    .business030201 .container2 .item:nth-child(5) {order: 5;}
    .business030201 .container2 .item:nth-child(6) {order: 6;}
    .business030201 .container2 .item:nth-child(7) {order: 8;}
    .business030201 .container2 .item:nth-child(8) {order: 7;}
    .business030201 .container2 .item:nth-child(9) {order: 9;}
    .business030201 .container2 .item:nth-child(10) {order: 10;}
    .business030201 .container2 .item:nth-child(11) {order: 12;}
    .business030201 .container2 .item:nth-child(12) {order: 11;}
    .business030201 .container2 .item:nth-child(13) {order: 13;}
}

@media(max-width:425px){
    .business030201 .container2 .item{width:100%; margin: 0 30px; margin-bottom:60px; position: relative; border-bottom:1px solid #ddd;}
    .business030201 .container2 .content{padding:0; margin: 0 auto;}

    /* 아래 */
    .business030201 .container2 .item:nth-child(1)::after, 
    .business030201 .container2 .item:nth-child(2)::after, 
    .business030201 .container2 .item:nth-child(3)::after, 
    .business030201 .container2 .item:nth-child(4)::after, 
    .business030201 .container2 .item:nth-child(5)::after, 
    .business030201 .container2 .item:nth-child(6)::after, 
    .business030201 .container2 .item:nth-child(7)::after, 
    .business030201 .container2 .item:nth-child(8)::after, 
    .business030201 .container2 .item:nth-child(9)::after, 
    .business030201 .container2 .item:nth-child(10)::after, 
    .business030201 .container2 .item:nth-child(77)::after, 
    .business030201 .container2 .item:nth-child(12)::after{display: block; transform: translate(-50%,150%) rotate(90deg);}
    
    /* 우 */
    .business030201 .container2 .item:nth-child(1) .img_box::after,
    .business030201 .container2 .item:nth-child(2) .img_box::after,
    .business030201 .container2 .item:nth-child(3) .img_box::after,
    .business030201 .container2 .item:nth-child(4) .img_box::after,
    .business030201 .container2 .item:nth-child(5) .img_box::after,
    .business030201 .container2 .item:nth-child(6) .img_box::after,
    .business030201 .container2 .item:nth-child(7) .img_box::after,
    .business030201 .container2 .item:nth-child(8) .img_box::after,
    .business030201 .container2 .item:nth-child(9) .img_box::after,
    .business030201 .container2 .item:nth-child(10) .img_box::after,
    .business030201 .container2 .item:nth-child(11) .img_box::after,
    .business030201 .container2 .item:nth-child(12) .img_box::after{display: none;}
    
    



    .business030201 .container2 .item:nth-child(3) {order: 4;}
    .business030201 .container2 .item:nth-child(4) {order: 3;}
    .business030201 .container2 .item:nth-child(5) {order: 5;}
    .business030201 .container2 .item:nth-child(6) {order: 6;}
    .business030201 .container2 .item:nth-child(7) {order: 8;}
    .business030201 .container2 .item:nth-child(8) {order: 7;}
    .business030201 .container2 .item:nth-child(9) {order: 9;}
    .business030201 .container2 .item:nth-child(10) {order: 10;}
    .business030201 .container2 .item:nth-child(11) {order: 12;}
    .business030201 .container2 .item:nth-child(12) {order: 11;}
    .business030201 .container2 .item:nth-child(13) {order: 13;}
}

/* 030202 금속창호*/
.business030202 h3{margin-bottom:40px; font-size:36px;}
.business030202 .img_box{margin-bottom:80px;}
.business030202 .content{display: flex; position: relative;}
.business030202 .title{ margin-right:80px; width:40%; position: absolute; left:0; top:0;}
.business030202 .item_group{ display: flex; flex-direction: column; width:100%; margin-bottom:-80px;}
.business030202 .group{width:100%; display: flex; justify-content: flex-end;}
.business030202 .item {position: relative; width:25%; max-width:250px; margin-left:80px; margin-bottom:80px; border:2px solid #043457; box-shadow: 10px 10px 0 #04345710;}
.business030202 .item::after{position: absolute; right:0; top:50%; transform: translate(150%,-50%); content:''; width:40px; height:40px; background:url(../images/contents/process_dir.png) center no-repeat;}
.business030202 .group:nth-child(1) .item:nth-child(4):after{left:50%; top:100%; transform: translate(-50%,50%) rotate(90deg);}
.business030202 .group:nth-child(2) .item::after{transform: translate(150%,-50%) rotateY(180deg);}
/* .business030202 .group:nth-child(2) .item:nth-child(4):after{display: none;} */
.business030202 .group:nth-child(2) .item:nth-child(1):after{display: none;}
.business030202 .item img{width:100%; transform: translateY(+20px);}
.business030202 .item p{position: absolute; left:50%; top:40px; transform: translate(-50%,0); content:''; font-size:24px; color:#222;}


.business030202 .group:nth-child(2) .item:nth-child(1){order: 4;}
.business030202 .group:nth-child(2) .item:nth-child(2){order: 3;}
.business030202 .group:nth-child(2) .item:nth-child(3){order: 2;}
.business030202 .group:nth-child(2) .item:nth-child(4){order: 1}

@media(max-width:1440px){
    .business030202 .title{ width:100%; }
    .business030202 h3{font-size:32px;}
    .business030202 .item {width:25%; max-width:200px; margin-left:80px; margin-bottom:80px; border:2px solid #043457; box-shadow: 10px 10px 0 #04345710;}

    .business030202 .item img{width:100%; transform: translateY(+20px) scale(0.8);}

}

@media(max-width:1240px){
    .business030202 .title{ width:100%; position: relative;}
    .business030202 .content{flex-direction: column;}

}

@media(max-width:1024px){
    .business030202 .group:nth-child(1) .item:nth-child(1){margin-left: 0;}
    .business030202 .group:nth-child(2) .item:nth-child(4){margin-left: 0;}
    .business030202 .item {width:25%; margin-left:80px; margin-bottom:80px; }
    .business030202 .item p{position: absolute; left:50%; top:30px; transform: translate(-50%,0); content:''; font-size:20px; color:#222;}

}

@media(max-width:768px){
    .business030202 .group{flex-wrap: wrap; justify-content: center;}
    .business030202 .item p { font-size: 18px; top: 20px;}

    .business030202 h3{padding-left:30px; font-size:26px;}
    .business030202 .item {width:calc(50% - 40px); max-width: 500px;}
    .business030202 .item::after{position: absolute; right:0; top:50%; transform: translate(150%,-50%) scale(0.8); content:''; width:40px; height:40px; background:url(../images/contents/process_dir.png) center no-repeat;}

    .business030202 .group:nth-child(1) .item:nth-child(2):after,
    .business030202 .group:nth-child(2) .item:nth-child(2):after{left:50%; top:100%; transform: translate(-50%,50%) rotate(90deg);}

    .business030202 .group:nth-child(2) .item:nth-child(1):after{display: block; transform:translate(150%,-50%) rotateY(360deg);}
    .business030202 .group:nth-child(1) .item:nth-child(4)::before{position: absolute; right:0; top:50%; transform: translate(150%,-50%); content:''; width:40px; height:40px; background:url(../images/contents/process_dir.png) center no-repeat; transform: translate(150%,-50%) rotateY(180deg);}
    
    .business030202 .group:nth-child(1) .item:nth-child(4),
    .business030202 .group:nth-child(2) .item:nth-child(4),
    .business030202 .group:nth-child(2) .item:nth-child(2),
    .business030202 .group:nth-child(2) .item:nth-child(1){margin-left: 0;}

    .business030202 .group:nth-child(2) .item:nth-child(2){margin-left: 80px;}

    .business030202 .group:nth-child(1) .item:nth-child(1){order: 1;}
    .business030202 .group:nth-child(1) .item:nth-child(2){order: 2;}
    .business030202 .group:nth-child(1) .item:nth-child(3){order: 4;}
    .business030202 .group:nth-child(1) .item:nth-child(4){order: 3;}

    .business030202 .group:nth-child(2) .item:nth-child(1){order: 1;}
    .business030202 .group:nth-child(2) .item:nth-child(2){order: 2;}
    .business030202 .group:nth-child(2) .item:nth-child(3){order: 4;}
    .business030202 .group:nth-child(2) .item:nth-child(4){order: 3;}
    

}

@media(max-width:425px){
    .business030202 .item p { font-size: 16px; top: 20px;}
    .business030202 .item {width:calc(50% - 20px); max-width: 500px; margin-left: 40px;margin-bottom: 40px;}
    .business030202 .group:nth-child(2) .item:nth-child(2){margin-left: 40px;}

    .business030202 .group:nth-child(1) .item:nth-child(4):after{left:50%; top:90%; transform: translate(-50%,50%) rotate(90deg) scale(0.8);}

    .business030202 .group:nth-child(1) .item:nth-child(2):after,
    .business030202 .group:nth-child(2) .item:nth-child(2):after{left:50%; top:90%; transform: translate(-50%,50%) rotate(90deg) scale(0.8);}

    .business030202 .group:nth-child(2) .item:nth-child(1):after{display: block; right: 10%; transform:translate(150%,-50%) rotateY(360deg) scale(0.8);}
    .business030202 .group:nth-child(1) .item:nth-child(4)::before{position: absolute; right:10%; top:50%; transform: translate(150%,-50%); content:''; width:40px; height:40px; background:url(../images/contents/process_dir.png) center no-repeat; transform: translate(150%,-50%) rotateY(180deg) scale(0.8);}

    .business030202 .group:nth-child(2) .item::after{right: 10%; transform: translate(150%,-50%) rotateY(180deg)  scale(0.8);}
    .business030202 .group:nth-child(2) .item:nth-child(3):after{display: none;}
}


.list_title {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    position: relative;
    margin-bottom: 40px;
    color: #222; line-height: 1.4;
    word-break: break-all;
}

@media(max-width:1440px){

}

@media(max-width:1024px){
    .list_title {font-size: 26px;}
}

@media(max-width:768px){

}

@media(max-width:425px){
    .list_title {font-size: 22px;}

}


.rnd .b_type2{height:60px; padding:20px; border-radius: 60px; background:#fff;display: inline-flex; align-items: center; min-width:60px; justify-content: center; transition: all .3s ease; overflow: hidden; box-shadow: 5px 5px 15px rgba(0, 0, 0, .1); margin-top: 60px;}
.rnd .b_type2:hover {background:#043457;}
.rnd .b_type2 span{margin-right:40px; transition: all .3s ease;transition: all .3s ease; color:#000;}
.rnd .b_type2:hover span{ color:#fff;}
.rnd .b_type2 i{width:15px; height:15px; position: relative; transition: all .3s ease;}
.rnd .b_type2:hover i{transform: rotate(360deg);}
.rnd .b_type2 i::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:1px; background:#000;}
.rnd .b_type2 i::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:1px; height:100%; background:#000;}
.rnd .b_type2:hover i::before,.b_type2:hover i::after{background:#fff;}

@media(max-width:1440px){

}

@media(max-width:1024px){

    .rnd .b_type2{height:50px; min-width:50px; justify-content: center; align-items: center;}
    
}

@media(max-width:768px){
    .rnd .b_type2{height:40px; min-width:40px; margin-top: 40px;}
    .rnd .b_type2 i{left:4px;}
    .rnd .b_type2 span{margin-right:20px; transition: all .3s ease;transition: all .3s ease; color:#000;}

}

@media(max-width:425px){

}