/* main homepage */
.main_banner{font-size:0; background:#000;}
.main_banner .swiper-slide{}
.main_banner .swiper-slide>img{width:100%;}
.main_banner .swiper-slide .text_box{position:absolute; right:2%; bottom:5%; z-index:9; overflow:hidden; text-align:right;}
.main_banner .swiper-slide .text_box img{height:20px;}
.main_banner .main_text{position:absolute; top:50%; left:4%; transform:translateY(-50%); z-index:2; width:44%; max-width:880px;}
.main_banner .main_text img{width:100%;}
.main_banner .main_link{position:absolute; top:50%; right:2%; transform:translateY(-50%); z-index:2;}
.main_banner .main_link li{text-align:right; padding-bottom:10px;}
.main_banner .main_link li a{font-size:18px; font-weight:500; color:#fff; transition:all 0.4s;}
.main_banner .main_link li a:hover{color:#888;}

@keyframes scaleIng{
  100%{transform:scale(1); opacity:0.2;}
  0%{transform:scale(1.2); opacity:0.6;}
}

.main_brand{text-align:center; _padding:60px 0; background:#0c0c0c; position:relative;}
.main_brand .text_box{position:absolute; text-align:left;}
.main_brand .text_box p{font-size:19px; color:#fff; font-weight:500;}
.main_brand .text_box a{color:#fff; font-size:18px; display:inline-block; padding:10px 30px; margin-top:30px; border:1px solid #fff; transition:all 0.4s;}
.main_brand .text_box img{width:200px; padding-bottom:15px;}
.main_brand .img_box{width:100%;}
.main_brand .img_box img{width:70%;}
.main_brand .text_box.top{top:10%; left:0;}
.main_brand .text_box.bottom{bottom:10%; right:0;}
.main_brand .text_box p.large{font-size:54px; font-weight:600; line-height:1.3;}
.main_brand .text_box p.middle{font-size:40px;}
.main_brand .text_box p.small{font-size:28px;}

.main_brand.banner{padding:100px 0;}
.main_brand.banner .img_box img{width:60%;}
.main_brand.banner .text_box p.large{font-size:54px; line-height:normal;}
.main_brand.banner .text_box p.middle{font-size:64px; font-weight:700;}

.main_vision{position:relative; background:#000; padding:80px 0;}
.main_vision .bg{background:url(../assets/img/vision_bg.png) no-repeat bottom center / contain; width:80%; height:100%; position:absolute; right:0; bottom:0; opacity:0.4;}
.main_vision .text_box{}
.main_vision .text_box .eng{}
.main_vision .text_box .kor{padding-top:30px;}
.main_vision .text_box p.large{color:#fff; font-size:54px; font-weight:600; line-height:1.2;}
.main_vision .text_box p.middle{color:#fff; font-size:28px; line-height:1.6;}


.main_business{padding:80px 0; position:relative; background:#090909;}
.main_business .container{display:flex; justify-content:space-between; flex-flow:wrap;}
.main_business .container .item_box{width:49%; height:400px; margin-bottom:2%; overflow:hidden; border:1px solid #333; cursor:pointer; transition:all 0.4s;}
.main_business .container .item_box:hover{border:1px solid #888;}
.main_business .container .item_box img{width:100%; height:100%; transition:all 0.4s;}
.main_business .container .item_box:hover img{transform:scale(1.04);}

.main_project{background:#090909; padding:60px 0;}
.main_project .container{display:flex; flex-flow:wrap; justify-content:space-between;}
.main_project .container .row{width:100%; height:450px; display:flex; justify-content:space-between;}
.main_project .container .row .item_box img{width:100%; height:100%;}
.main_project .container .row .item_box.first{width:60%; box-sizing:border-box; border:1px solid #333; padding:0.5%;}
.main_project .container .row .item_box.second{width:40%; box-sizing:border-box; border:1px solid #333; padding:0.5%;}
.main_project .container .row.first .item_box.first{border-bottom:0; border-right:0;}
.main_project .container .row.first .item_box.second{border-bottom:0;}
.main_project .container .row.second .item_box.second{border-right:0;}

.main_contact{width:100%; padding:80px 0; background:#090909;}
.main_contact .container{display:flex; justify-content:space-between; text-align:center;}
.main_contact .container .item_box{width:50%; border-right:1px solid #333; display:flex; flex-flow:column; height:135px; justify-content:space-between; padding:25px 0; position:relative;}
.main_contact .container .item_box:last-child{border-right:none;}
.main_contact .container .item_box i{font-size:48px; color:#fff;}
.main_contact .container .item_box b{font-size:19px; color:#999; font-weight:500;}
.main_contact .container .item_box p{font-size:18px; font-weight:500; color:#fff;}
.main_contact .container .item_box span{font-size:13px; font-weight:400; color:#888; position:absolute; bottom:-1%; width:100%;}
.main_contact .contact_map iframe{margin:30px 0;}
.main_contact img{padding-top:50px; width:100%;}

.main_product{width:100%; padding:80px 0 100px 0; background:#000;}
.main_product .swiper-button-prev, .main_product .swiper-container-rtl, .main_product .swiper-button-next{color:#fff;}
.main_product .container .item_box{box-sizing:border-box; padding:30px; box-shadow: rgba(255, 255, 255, 0.3) 0px 2px 4px 0px inset; border:1px solid #555; transition:all 0.4s;}
.main_product .container .item_box:hover{border:1px solid #aaa;}
.main_product .container .item_box .img_box{width:100%; height:350px;}
.main_product .container .item_box .img_box img{width:100%;}
.main_product .container .item_box .text_box{}
.main_product .container .item_box .text_box h2{font-size:18px; font-weight:500; text-align:center; color:#fff;}
.main_product .container .item_box .text_box p{font-size:15px; color:#aaa; line-height:1.7; padding-top:15px;}

.main_value{background:#000; padding:100px 0; position:relative;}
.main_value .main{text-align:center;}
.main_value .main img{width:200px;}
.main_value .main h2{color:#fff; font-size:44px;}
.main_value .cat .row{padding:25px 0; border-top:1px solid #333; display:flex; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.main_value .cat .row:first-child{border-top:none;}
.main_value .cat .row .left{width:20%; height:100%;}
.main_value .cat .row .right{width:80%;}
.main_value .cat .row span{color:#fff; font-size:25px; font-weight:600; position:relative; padding-left:20px; margin-bottom:30px;}
.main_value .cat .row span::before{content:''; position:absolute; width:6px; height:6px; border-radius:50%; background:#fff; top:50%; left:0; transform:translateY(-50%);}
.main_value .cat .row.business span{width:100%;}
.main_value .cat .row .right h3{font-size:22px; color:#fff; font-weight:500; text-align:center;}
.main_value .cat .row.vision .right h3{font-size:25px; padding-right:170px; font-weight:500;}
.main_value .cat .row.mission .right h3{font-size:19px; padding-right:170px;}
.main_value .cat .row .right p{color:#aaa; line-height:1.8; padding-top:30px;}

.main_value .cat .row .item_box{width:49.5%; display:flex; align-items:center; justify-content:space-between; padding-top:15px;}
.main_value .cat .row .item_box .img_box{width:40%; height:350px; border:1px solid #aaa; box-sizing:border-box; position:relative;}
.main_value .cat .row .item_box .img_box .bg{position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.15);}
.main_value .cat .row .item_box .img_box img{width:100%; height:100%;}
.main_value .cat .row .item_box .text_box{width:100%; box-sizing:border-box; padding:20px; height:210px; border:1px solid #333; transition:all 0.4s;}
.main_value .cat .row .item_box .text_box:hover{border:1px solid #aaa;}
.main_value .cat .row .item_box .text_box p.large{color:#fff; font-size:25px; font-weight:500; padding-bottom:15px; transition:all 0.4s;}
.main_value .cat .row .item_box .text_box p.small{color:#666; font-size:15px; font-weight:300; line-height:1.6; transition:all 0.4s;}
.main_value .cat .row .item_box .text_box .link{margin-top:15px;}
.main_value .cat .row .item_box .text_box .link a{color:#666; font-size:15px; font-weight:400; padding-right:10px; transition:all 0.4s;}
.main_value .cat .row .item_box .text_box .link a:hover{color:#aaa;}
.main_value .cat .row .item_box .text_box:hover p.large{color:#eee;}
.main_value .cat .row .item_box .text_box:hover p.small{color:#aaa;}

.popup{width:23%; height:45%; position:fixed; left:5%; top:10%; background:#eee; display:block; z-index:9;}
.popup.close{display:none;}
.popup .header_bar{height:30px; position:relative; padding:10px 0; text-align:right; border:1px solid #555; background:#000;}
.popup .header_bar p{font-size:18px; font-weight:600; color:#fff; text-align:center;}
.popup .header_bar p i{padding-right:10px;}
.popup .header_bar .close_box{position:absolute; right:2%; top:50%; transform:translateY(-50%); padding:0 8px; cursor:pointer;}
.popup .header_bar .close_box i{font-size:24px; color:#fff;}
.popup .img_box{width:100%; height:100%; box-sizing:border-box; border:1px solid #555; border-top:0; overflow-y:scroll;}
.popup .img_box::-webkit-scrollbar{width:12px; background:#fff;}
.popup .img_box::-webkit-scrollbar-thumb{background:#000; border-radius:10px; background-clip:padding-box; border:2px solid transparent;}
.popup .img_box::-webkit-scrollbar-track{background:#fff;}
.popup .img_box .link{position:relative;}
.popup .img_box .link img{width:100%; box-sizing:border-box;}
.popup .img_box .link a{width:60%; height:1%; position:absolute; left:50%; bottom:2.4%; transform:translateX(-50%);}
.popup .bottom_button{width:100%; position:absolute; bottom:-19.5%; box-sizing:border-box; border:1px solid #555; background:#fff;}
.popup .bottom_button a{width:100%; display:block; background:#000; color:#fff; font-size:14px; font-weight:600; text-align:center; padding:10px 0;}
.popup .today_close{position:absolute; right:0; bottom:-26.5%;}
.popup .today_close a{color:#aaa; font-size:13px;}

.popup.second{left:30%;}
.popup .header_bar.drag{cursor:move;}