.header_wrap { position:relative; width:100%; overflow:visible; height:300px; background:url(../img/sub_title_bg.png) no-repeat left top; background-size:100% 100%; }
.main.header_wrap { background:none; width:100%; position:fixed; top:0; left:0; height:70px; z-index:9999; }
.main.header_wrap.on { background:#060e1d }
.header_wrap .nav_wrap { width:100%; height:70px; clear:both; border-bottom:1px solid #fff; }
.header_wrap .nav_wrap .wrap { width:1600px; margin: 0 auto; }
.header_wrap .nav_wrap .logo_box,
.header_wrap .nav_wrap .main_nav { float:left; height:70px; }
.header_wrap .nav_wrap .util_box { float:right; height:70px; }
.header_wrap .nav_wrap .main_nav { width:calc(100% - 400px); }


.header_wrap .title_wrap {  }
.header_wrap .nav_wrap .logo_box img { width:120px; height:auto;}
.header_wrap .nav_wrap .logo_box { width:200px; padding: 14px 0 0 0; }
.header_wrap .nav_wrap .util_box { width:200px; padding: 20px 0; }
.nav_wrap .main_nav { position:relative; }
.nav_wrap .main_nav > li { float:left; margin-right:60px; position:relative; }
.nav_wrap .main_nav > li > a { display:block; height:100%; font-size:17px; font-weight:bold; line-height:70px }

.header_wrap .nav_wrap .util_box .select_wrap { float:left; }
.header_wrap .nav_wrap .main_nav .sub_nav li a { font-size:16px; }

.nav_wrap .main_nav > li:nth-child(4) .sub_nav {/*  left:26% */ }
.nav_wrap .main_nav > li:nth-child(5) .sub_nav {/*  left:42% */ }

.main_center { width:100%; height:100vh;position:relative;  }
.main_center .iframe_wrap { width:100%; height:100vh; overflow:hidden; position:relative; z-index:2 }
.main_center .iframe_wrap iframe { width:100%; height:100%; position: absolute; top:0; left:0; }
.main_center .iframe_layer { width:100%; height:100vh; position:absolute; left:0; top:0; z-index:5; }




.sub_title_wrap { width:1600px; margin: 0 auto; overflow:hidden; text-align:center; padding: 60px 0 0 0 }
.sub_title_wrap > h2 { font-family: 'Play', sans-serif; color:#fff; font-size:40px; font-weight:bold;  }
.sub_title_wrap > p { font-size:14px; color:#fff; opacity:.5; letter-spacing: -1px; }

.cate_wrap { width:1200px; max-width:1200px; height: 60px; box-shadow:0 0 20px 0 rgba(0,0,0,0.2); position:absolute; bottom:-30px; left:50%;  transform: translateY(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); background: #fff url(../img/cate_bg.png) no-repeat left center; background-size:60px 60px; padding-left:60px; }
.cate_wrap .inner { width:100%; height:100%; }
.cate_wrap .inner > ul { width:100%;  height:100%; background:#fff; }
.cate_wrap .inner > ul > li { width:160px; float:left;  overflow:hidden; border-right:1px solid #dddddd; background:#fff; }
.cate_wrap .inner > ul > li a { display:block; width: 100%; height:60px; line-height:60px; padding-left:20px;  color:#333; font-size:14px; position:relative; }
.cate_wrap .inner > ul > li a img { display:block; width:12px; position:absolute; right:10px; top:50%; transform:translateY(-50%) }
.cate_wrap .inner > ul > li:first-child { border-left:1px solid #ddd; }
.cate_wrap .inner .cate1 { width:100%; overflow:hidden; background:#fff; }
.cate_wrap .inner > ul > li .cate1_box { width:100%; overflow:hidden; background:#fff; }




.select_wrap { width: 70px; height:30px; }
.select_wrap select { width:100%; height:30px; border:1px solid #fff; color:#fff;  appearance:none; -webkit-appearance:none; -moz-appearance:none; background: transparent url(../img/select_arrow_down.png) no-repeat 90% center; background-size: 12px auto; padding: 0 0 0 5px;  }
.select_wrap select::-ms-expand { display:none; }
.select_wrap select option { background:#060e1d }






.nav_wrap .main_nav > li a:hover {  }

.nav_bg { width:100%; height: 70px; background:#061436; position:fixed; top:71px; left:0; z-index:99; display:none; }
.nav_bg.on { display:block; }

.header_wrap .nav_wrap .main_nav .sub_nav { display:none; width:1200px; height:100%; position:absolute; top:70px; left:0; z-index:100 }
.header_wrap .nav_wrap .main_nav .sub_nav li { float:left; margin-right:30px; line-height: 70px; }
.header_wrap .nav_wrap .main_nav .sub_nav li a { color:#fff; }
.header_wrap .nav_wrap .main_nav > li:hover .sub_nav { display:block; }

.header_wrap .nav_wrap .main_nav > li:nth-child(3) .sub_nav {  transform:translateX(0); }




.cate_wrap .inner > ul > li.search { width:calc(100% - 320px); height:100%; border:none; }
.cate_wrap .inner > ul > li.search form { width:100%; height:100%; }
.cate_wrap .inner > ul > li.search .search_wrap { width:100%; height:100%; position:relative; }
.cate_wrap .inner > ul > li.search .search_wrap input[type=text] { width:100%; height: 100%; border:none; outline:none; padding: 0 70px 0 10px; }
.cate_wrap .inner > ul > li.search .search_wrap .searchBtn { width: 60px; height:60px; position:absolute; right:0; top:0; border:none; outline:none; background:url(../img/search_icon.png) no-repeat center center; background-size:25px auto; cursor:pointer; }



.cate_wrap .depth1 .cate1,
.cate_wrap .depth2 .cate2 { width:100%; height:60px;; }

.cate_wrap .depth1 .cate1 .select_wrap { width:100%; height:100%; overflow:hidden; }
.cate_wrap .depth1 .cate1 .select_wrap select { padding: 0 0 0 10px; height:100%; border:none; color:#333; background:#fff url(../img/sub_cate_arrow_down.png) no-repeat 95% center; background-size:11px auto; }
.cate_wrap .depth1 .cate1 .select_wrap select option { background:#fff; }

.cate_wrap .depth2 .cate2 .select_wrap { width:100%; height:100%; overflow:hidden; }
.cate_wrap .depth2 .cate2 .select_wrap select { padding: 0 0 0 10px; height:100%; border:none; color:#333; background:#fff url(../img/sub_cate_arrow_down.png) no-repeat 95% center; background-size:11px auto; }
.cate_wrap .depth2 .cate2 .select_wrap select option { background:#fff; }





.main_wrap { width:100%; overflow:hidden;  }
.main_wrap .main_visual_wrap { width:100%; height:100%; overflow:hidden; position:relative; z-index:-1 }
.main_wrap .main_visual_wrap video { width:100%; }
.main_wrap .main_center {  }
.main_wrap .slide2 { background:url(../img/media_bg.jpg) no-repeat center bottom; padding: 70px 0 } 
.main_wrap .title { width:1600px; margin: 0 auto; padding: 80px 0; }
.main_wrap .title h2 { font-family: 'Play', sans-serif; font-size:50px; color:#fff; font-weight:600; padding: 20px 0; position:relative; }
.main_wrap .slide2 .title h2::before { content:''; display:block; width:30px; height:5px; background:#fff; position:absolute; left:0; top:0;  }
.main_wrap .slide2 .title p { color:#fff; opacity:.4; font-size:16px; }
.slide3_wrap { position:relative; width:100%; height:100vh; }
.main_wrap .slide3 {  }
.main_wrap .slide3 .title_bg { position:absolute; left:0;top:0; z-index:-1; width:35vw; height:100%; background:url(../img/global_tech_bg.jpg) no-repeat left center; background-size: auto 100%; padding: 100px 0; }

.main_wrap .slide3.on { margin-top:70px; }
.main_wrap .slide3 .title { width:1600px; margin: 0 auto; }
.main_wrap .slide3 .title h2 { line-height: 45px;  }
.main_wrap .slide3 .title p { font-size:16px; color:#fff; text-shadow: 3px 5px 5px rgba(0,0,0,0.2); }
.slide3_wrap .right_board { width:65vw; position: absolute; right:0; z-index:1; padding-left:80px; top:90px; }
.slide3_wrap .right_board > h2 { font-family: 'Play', sans-serif; font-weight:600; font-size:46px; color:#333; margin-bottom:60px; }
.slide3_wrap .right_board .swiper-slide {  }
.slide3_wrap .right_board .swiper-slide .top_img { width:100%; overflow:hidden; }
.swiper-slide .top_img img { width:100%; }  
.main_wrap .section_v { right:auto; left: 50px; z-index:999 }
.main_wrap .section_v > .swiper-pagination-bullet { opacity:1; margin: 0 0 30px 0; width:20px; height:20px; border-radius:20px; border:1px solid transparent; background:transparent; position:relative; }
.main_wrap .section_v > .swiper-pagination-bullet::before { content:''; display:none; width:100%; height:100%; border-radius:20px; border:1px solid #fff; position:absolute; top:50%; left:50%;transform:translate(-50%, -50%); }
.main_wrap .section_v > .swiper-pagination-bullet::after { content:''; display:block; width:5px; height:5px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50%;  }  
.main_wrap .section_v > .swiper-pagination-bullet-active::before { display:block; }
.main_wrap .con_slide_wrap .swiper-container, 
.main_wrap .board_slide_wrap .swiper-container { padding: 0 0 90px 0; }
.main_wrap .con_slide_wrap .con_slide_title { color:#fff; font-size:20px; width:100%; overflow:hidden; margin: 10px 0 0 0; text-overflow:ellipsis; white-space:nowrap; }
.main_wrap .con_slide_wrap .conSlide1 { width:100%; overflow:hidden; margin: 50px 0 0 0; text-align:left; }
.main_wrap .board_slide_wrap .top_img img { max-width:365px; }

.main_wrap .con_slide_wrap .top_img { font-size:0;  border:10px solid transparent; }


.main_wrap .con_slide_wrap .swiper-slide-active .top_img, 
.main_wrap .con_slide_wrap .swiper-slide:hover .top_img { border:10px solid #65bc45; box-sizing:border-box; transition:.2s; }

.con_slide_wrap .slide_control {  }
.con_slide_wrap .slide_control 
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, 
.swiper-button-next:after, .swiper-container-rtl .swiper-button-next:after, 
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ content:''; display:none;  }
.prev1, .next1 { top:auto; margin-top:0; bottom:0 }
.prev1 {  width: 20px; height:20px; background:url(../img/conSlidePrev.png) no-repeat left center; left:0; background-size: 13px auto; }
.next1 {  width: 20px; height:20px; background:url(../img/conSlideNext.png) no-repeat left center; left: 40px; background-size: 13px auto; }
.con_slide_wrap .swiper-pagination-bullet-active, 
.con_slide_wrap .swiper-pagination-bullet { background:transparent; }

.board_slide_wrap .prev2, 
.board_slide_wrap .next2 { z-index:99; bottom:0; width:20px; height:15px; }




.board_slide_wrap .board_title { color:#333; width:100%; overflow:hidden; margin: 20px 0 10px 0; font-size:22px; font-weight:600; max-width:95%; text-overflow:ellipsis; white-space:nowrap; }

.board_slide_wrap .board_con { width:100%; height:50px; overflow:hidden; color:#333; font-size:14px; margin-bottom:10px; }

.board_slide_wrap .board_date { color:#999; font-family: 'Play', sans-serif; font-size:14px; font-weight:600; } 

.board_slide_wrap .swiper-slide-active .board_date, 
.board_slide_wrap .swiper-slide:hover .board_date{ color:#65bc45; transition:.2s; }

.board_slide_wrap .prev2, 
.board_slide_wrap .next2 { top:auto; bottom:0; transform:translate(0,0) }
.board_slide_wrap .prev2 { left:80px; background:url(../img/prev2.png) no-repeat left center; background-size:13px auto; }
.board_slide_wrap .next2 { right:auto; left: 100px; background:url(../img/next2.png) no-repeat right center; background-size:13px auto; }
.board_slide_wrap .prev2:hover { background:url(../img/prev2_on.png) no-repeat left center; background-size:13px auto }
.board_slide_wrap .next2:hover { background:url(../img/next2_on.png) no-repeat right center; background-size:13px auto }





.main_visual_wrap { width:100%; height:100%; }
.main_visual_wrap img { width:100%; }
.main_wrap { width:100%; height:100vh; position:relative; }
.section_wrap { width:100%; height:100vh; }


.swiper-wrapper { }
.swiper-slide.slide1, 
.swiper-slide.slide2,
.swiper-slide.slide3 { height:100vh; overflow:hidden; }

.slide4 { width:100%; height:210px; overflow:hidden; position:absolute; bottom:-100%; left:0 }



.swiper-slide.slide1 { background-color:#08122f; }




/* main slide */
.main_slide_pc { width:100vw; height:100vh; }
.main_slide_pc .swiper-container, 
.main_slide_pc .swiper-wrapper { width:100%; height:100%; }

.main_slide_pc .swiper-slide { width:100%; height:100%; }
.main_slide_pc .ms1 { background:url(../img/main_bg_01.png) no-repeat center center; background-size:cover; }
.main_slide_pc .ms2 { background:url(../img/main_bg_01.png) no-repeat center center; background-size:cover; }
.main_slide_pc .ms3 { background:url(../img/main_bg_01.png) no-repeat center center; background-size:cover; }









.con_wrap { width:1600px; margin: 0 auto; overflow:hidden; padding: 53px 0 90px 0 }
.con_wrap .con_top { width:1200px; margin: 0 auto; height:60px; }
.con_wrap .con_top ul { width:100%; height:100%; }
.con_wrap .con_top li { float:left; width:16.666%; text-align:center; position:relative; line-height:60px; }
.con_wrap .con_top li::after { content:''; width:1px; height:15px; background:#bbbbbb;  position:absolute; right:0; top:50%; transform:translateY(-50%);  }
.con_wrap .con_top li:last-child::after { display:none; }
.con_wrap .con_top li a { display:inline-block; width:100%; height:100%; font-size:14px; color:#666666; position:relative; }
.con_wrap .con_top li a::before { content:''; display:block; width:0; height:2px; background:#65bc45; position:absolute; left:0; bottom:0; right:0; margin: 0 auto; transition:.3s; }
.con_wrap .con_top li:hover a::before { width:100%; }
.con_wrap .con_top li.on a::before { width:100%; }



.company .con_top { max-width:1000px;  }
.company .con_top li { width:20%; }



.con_wrap .con_top {  }
.con_wrap .con_title { width:100%; overflow:hidden; padding: 50px 0; }
.con_wrap .con_title h4 { text-align:center; font-size:50px; font-family: 'Play',sans-serif; color:#333333; }
.con_wrap .con_box { max-width:1200px; margin:0 auto; text-align:center; }

.video_wrap {display:none;} /* 210201 추가(진입/새로고침 시 레이어팝업 관련 깜빡이고 사라지는 현상 수정) */

/* 210220 수정 */
.video_wrap, .vid { overflow-y: scroll; position:fixed; top:0; left:0; z-index:1000; background:#161616; width:100%; height:100%; } 

/* .video_wrap, .vid { overflow-y: scroll; position:fixed; top:0; left:0; z-index:1000; background:#161616; width:100%; height:100%; } */
.video_wrap .inner, 
.vid .inner { width: 900px; position:absolute; top: 3%; left:50%;  background:#fff; transform:translate(-50%, 0%); text-align:center; padding: 55px; }
.video_wrap .inner .iframe_wrap, 
.vid .inner .iframe_wrap { width:100%; height:0; padding-top: 6%; padding-bottom:50.25%; position:relative; margin: 0 auto; }
.video_wrap .inner .iframe_wrap iframe, 
.vid .inner .iframe_wrap iframe { width:100%; height:100%; position:absolute; top:0; left:0; }
.video_wrap .video_title, 
.vid .video_title { width:100%; overflow:hidden; position:relative; padding:0 0 20px 0; text-align:left; font-size:24px; color:#333; font-weight: 400; letter-spacing:-1px; }

/* 210221 수정 */ 
.popClose { display:inline-block; width:36px; height:36px; position:absolute; right:0; top:0; }

/* .popClose { display:inline-block; width:22px; height:22px; position:absolute; right:0; top:0; } */
.popClose img { width:100%; height:auto; }







.con_wrap .con_title { padding: 50px 0 20px 0 }
.company .con_box > p { text-align:center; font-family: 'Play', sans-serif; font-weight:600; color:#65bc45; font-size:18px; height:90px; position:relative; }
.company .con_box > p::after { content:''; display:block; width:1px; height: 30px; background:#65bc45; position:absolute; bottom: 13px; left:50%; transform:translateX(-50%); }
.company .con_box > p::before { content:''; display:block; width:7px; height: 7px; border-radius:50%; opacity:.3; background:#65bc45; position:absolute; bottom: 0; left:50%; transform:translateX(-50%); }


.history  { background:url(../img/history_bg.png) no-repeat right 60%; background-size: 280px auto; }
.history .box { width:100%; overflow:hidden; margin-bottom:80px; }
.history .y2019 { padding-bottom:520px; background:url(../img/history_year2019_bg.png) no-repeat 80% 60%; background-size: 700px auto; }
.history .y2018 { }
.history .text_box { width:100%; overflow:hidden; }
.history .text_box h5 { font-family:'Play', sans-serif; font-size:40px; font-weight:600; color:#333; padding: 10px 0; text-align:left; position:relative; }
.history .text_box h5::after { content:''; display:block; width:8px; height:8px; background:#65bc45; position:absolute; left:0; top:0; }
.history .box ul { width:100%; overflow:hidden; text-align:left; }
.history .box ul li { float:left; width:50%; overflow:hidden; margin-bottom:25px; }
.history .box ul li p { width:100%; overflow:hidden; color:#333; position:relative; padding: 0 0 0 12px; font-size:20px }
.history .box ul li p::before { content:''; display:block; width:4px; height:4px; border-radius:50%; background:#65bc45; position:absolute; left:0; top: 50%; transform:translateY(-50%) }
.history .box ul li span { font-size:16px; font-family: 'Play', sans-serif;; display:block; width:100%; overflow:hidden; color:#999; padding-left:10px; }


.con_wrap.intro { width:100%; padding-bottom:0; }
.con_wrap.intro .con_box { width:100%; max-width:100%; }
.intro_box { width:100%; overflow:visible; margin: 50px 0 100px 0; position:relative; }
.intro_box > h5 { font-size: 36px; color:#333; margin-bottom:20px; }
.intro_box > p { width:100%; font-size:16px; color:#666; }
.intro_box .icon_carousel { width:100%; overflow:hidden; margin:50px 0 0 0; padding: 60px 0 90px 0; background:#f6f6f6; text-align:center; }
.intro_box .icon_carousel li { display:inline-block; width:185px; height:185px; background:#fff; margin: 0 15px 0 0; padding-top: 110px; box-shadow:1px 3px 15px rgba(0,0,0,0.1);  }
.intro_box .icon_carousel li:last-child { margin:0 }
.intro_box .icon_carousel li:nth-child(1) { background:url(../img/intro_planning_img.png) no-repeat center 50px; }
.intro_box .icon_carousel li:nth-child(2) { background:url(../img/intro_design_img.png) no-repeat center 50px; }
.intro_box .icon_carousel li:nth-child(3) { background:url(../img/intro_development_img.png) no-repeat center 50px; }
.intro_box .icon_carousel li:nth-child(4) { background:url(../img/intro_installation_img.png) no-repeat center 50px; }
.intro_box .icon_carousel li:nth-child(5) { background:url(../img/intro_construction_img.png) no-repeat center 50px; }
.intro_box .icon_carousel li:nth-child(6) { background:url(../img/intro_delivery_img.png) no-repeat center 50px; }
.intro_box .icon_carousel li span { font-family: 'Play', sans-serif; color:#333; font-weight:600; }

.intro .button_wrap { width:100%; overflow:hidden; text-align:center; padding: 10px 0; position:absolute; bottom: -35px; }
.intro .button_wrap .dlBtn { display:inline-block;  width:235px; height:50px; line-height:50px; padding: 0 0 0 30px; background:#fff url(../img/intro_download_img.png) no-repeat 20px center; box-shadow: 1px 3px 15px rgba(0,0,0,0.1); color:#333; font-size:16px; }
.intro .button_wrap .dlBtn:hover { transition:.2s; box-shadow: 1px 3px 15px rgba(0,0,0,0.2);}

.intro .con_title h4 { margin-bottom:10px; } 
.intro .con_title p { color:#666; font-size:16px; }

.intro .biz_box { width:100%; overflow:hidden; padding: 50px 0; background:#f6f6f6; margin: 30px 0 0 0; position:relative; }
.intro .biz_box .bg_text { position:absolute; bottom:0; right:0; padding: 0 50px 0 0; }
.intro .biz_box .bg_text p { font-size:116px; color:#333; opacity:.1; font-weight:900; font-family:'Play', sans-serif; }


.intro .biz_box .wrap { width:1200px; margin: 0 auto; }

.intro .biz_box .wrap > div { float:left; overflow:hidden; height: 400px; }

.intro .biz_box .video_list { width:400px; padding-right:100px; text-align:left; }
.intro .biz_box .video_frame { width:500px; position:relative;  }

.intro .biz_box .video_list > p { width:100%; height:40px; border-bottom:2px solid #333; color:#333; font-weight:600; font-size:27px; font-family:'Play', sans-serif; }
.intro .biz_box .video_list ul { width:100%; height:calc(100% - 40px); overflow:hidden; }
.intro .biz_box .video_list ul li { width:100%; height:60px; line-height:60px; border-bottom: 1px solid #ddd; }
.intro .biz_box .video_list ul li a { color:#333; font-family: 'Play', sans-serif; font-weight:600; }
.intro .biz_box .video_list ul li span { display:inline-block; width:25px; height:25px; margin-right:10px; text-align:center; line-height:23px; border:1px solid #ddd; border-radius:50%; font-size:13px; }
.intro .biz_box .video_list ul li.on span { border:1px solid #65bc45; color:#65bc45; }
.intro .biz_box .video_list ul li.on a { color:#65bc45;  }

.intro .biz_box .video_list ul li:hover span { border:1px solid #65bc45; color:#65bc45; transition:.2s; }
.intro .biz_box .video_list ul li:hover a { color:#65bc45; transition:.2s; }


.intro .biz_box .wrap .video_frame { overflow:visible; width:calc(100% - 400px); margin-bottom:50px; text-align:left; }



.intro .biz_box .video_frame .title { position:absolute; left:20px; top:-20px; padding-left:20px; width:260px; height:40px; font-family:'Play', sans-serif; color:#fff; background:#65bc45; line-height:40px; text-align:left; z-index:3;}
.intro .biz_box .video_frame .videos { width:100%;}
.intro .biz_box .video_frame .iframe_wrap { width:100%; height:0; padding-bottom:56.25%; position:relative; }
.intro .biz_box .video_frame .videos iframe { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; }


.intro .biz_box .video_frame .iframe_wrap:nth-child(4) .title { width: 310px; }



/* license */
.license_box { width:100%; overflow:hidden; }
.license_box ul { width:100%; overflow:hidden;  }
.license_box li { float:left; width:calc(25% - 15px); margin: 0 20px 20px 0; min-height:250px; }
.license_box li:nth-child(4n) { margin: 0 0 20px 0; }
.license_box li > div { width:100%; overflow:hidden; }
.license_box li .img_box { border:1px solid #ddd; }
.license_box li .img_box img { width:100%; }
.license_box li .txt_box .tit { font-size:14px; text-align:left; margin-top:10px; min-height:50px; }









/* project */
.project_box { width:100%; overflow:hidden; }
.project_box > ul { width:100%; overflow:hidden; margin-top:100px; }
.project_box > ul > li { width:100%; overflow:hidden; margin-bottom:50px; }
.project_box > ul > li > div { float:left; overflow:hidden; height:100%; }
.project_box > ul > li.right > div { float:right; }
.project_box > ul > li .project_thumb { padding-right:30px; width:600px; }
.project_box > ul > li.right .project_thumb { padding: 0 0 0 30px; }
.project_box > ul > li .project_thumb .img_box { width:100%; height:100%; overflow: hidden; }
.project_box > ul > li .project_thumb .img_box > img { width:100%; }
.project_box > ul > li .iframe_wrap { width:100%; height:0; position:relative; padding-bottom:56.25%; }
.project_box > ul > li .iframe_wrap iframe { width:100%; height:100%; position:absolute; top:0; left:0; }
.project_box > ul > li .txt_wrap { width:calc(100% - 600px); text-align:left; }
.project_box > ul > li.right .txt_wrap { text-align:right; }
.project_box .date { font-size:28px; color:#ccc; font-family: 'Play', sans-serif; font-weight:600; }
.project_box .project_nm { font-size:28px; color:#333; letter-spacing:-1px; }
.project_box .client_nm { font-size:18px; }
.project_box .txt_wrap { position:relative; width:100%; height:100%; }
.project_box .txt_box {/*  position:absolute; bottom:0;  */}







/* organization */
.company .con_title p { text-align:center; margin: 20px 0 50px 0; font-size:16px; color:#666; }
.company .con_box { width:100%; overflow:hidden; }
.company .con_box .circle_wrap { width:400px; height:400px; overflow:visible; margin: 150px auto 100px; background:#fafafa; border:1px solid #ddd; border-radius:50%; }
.company .con_box .circle_wrap ul { position:relative; width:100%; height:100%; overflow:visible;   }
.company .con_box .circle_wrap ul::after { content:'CEO'; font-family:'Play', sans-serif; display:block; width:130px; height:130px; background:#65bc45; color:#fff; font-weight:600; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); line-height:130px; border-radius:50%; }
.company .con_box .circle_wrap .circles { position:absolute; width:130px; height:130px; border-radius:50%; border:5px solid #ddd; overflow:visible; }
.company .con_box .circle_wrap .circle1 { top:-70px; left:50%; transform:translateX(-50%); }
.company .con_box .circle_wrap .circle2 { top: 15%; right:-70px; }
.company .con_box .circle_wrap .circle3 { bottom:-25px; right: 5px; }
.company .con_box .circle_wrap .circle4 { bottom:-25px; left: 5px }
.company .con_box .circle_wrap .circle5 { top: 15%; left:-70px;}

.company .con_box .circle_wrap .circle1 { background:#fff url(../img/organization_video_ico.png) no-repeat center center; background-size: 35px auto; }
.company .con_box .circle_wrap .circle2 { background:#fff url(../img/organization_3d_ico.png) no-repeat center center; background-size: 35px auto; }
.company .con_box .circle_wrap .circle3 { background:#fff url(../img/organization_tech_ico.png) no-repeat center center; background-size: 35px auto; }
.company .con_box .circle_wrap .circle4 { background:#fff url(../img/organization_development_ico.png) no-repeat center center; background-size: 35px auto; }
.company .con_box .circle_wrap .circle5 { background:#fff url(../img/organization_design_ico.png) no-repeat center center; background-size:25px auto;}

.company .con_box .circle_wrap .circles::after { position:relative; color:#333; font-size: 18px; }
.company .con_box .circle_wrap .circle1::after { content:'영상사업부'; bottom:45px; }
.company .con_box .circle_wrap .circle2::after { content:'3D 사업부'; left:115px; top:38px }
.company .con_box .circle_wrap .circle3::after { content:'기술부'; left:115px; top:40px; }
.company .con_box .circle_wrap .circle4::after { content:'개발부'; right:115px; top:40px; }
.company .con_box .circle_wrap .circle5::after { content:'디자인부'; right:115px; top:38px }

.company .con_box.eng_box .circle_wrap .circle1::after { content:'Video Business Department'; display:block; width:200%; right:50%;bottom:45px; }
.company .con_box.eng_box .circle_wrap .circle2::after { content:'3D Business Department'; display:block; width:200%; left:115px; top:38px }
.company .con_box.eng_box .circle_wrap .circle3::after { content:'Technical Department'; display:block; width:200%;left:115px; top:40px; }
.company .con_box.eng_box .circle_wrap .circle4::after { content:'Development Department'; display:block; width:200%; right:205%; top:40px; }
.company .con_box.eng_box .circle_wrap .circle5::after { content:'Design Department'; display:block; width:200%; right:185%; top:38px; }





.company .etc_department { width:100%; overflow:hidden; }
.company .etc_department ul { width:450px; margin: 50px auto; padding: 15px 0; border:1px solid #ddd; text-align:center; background:#fafafa; border-radius:50px; }
.company .eng_box .etc_department ul { width:800px; }
.company .etc_department ul li { display:inline-block;padding: 10px 17px; background:#fff; border:1px solid #ddd; border-radius:25px;  }
.company .etc_department ul li .ico { display:inline-block; width:20px; height:20px; position:relative; top:3px; margin-right:3px;  }
.company .etc_department ul li:nth-child(2) { margin: 0 5px; }
.company .etc_department ul li:nth-child(1) .ico { background:url(../img/organization_management_ico.png) no-repeat center center; background-size: 18px auto; }
.company .etc_department ul li:nth-child(2) .ico { background:url(../img/organization_overseas_ico.png) no-repeat center center; background-size: 18px auto; }
.company .etc_department ul li:nth-child(3) .ico { background:url(../img/organization_plan_ico.png) no-repeat center center; background-size: 18px auto; }


.company .map_box { width:100%; overflow:hidden; }
.company .map_box:first-child { margin: 50px 0; padding-bottom:50px; position:relative; }
.company .map_box:first-child::after { content:''; display:block; width:95%; height:1px; background:#ddd; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.company .map_box > div { float:left; width:50%; }
.company .map_box .address { position:relative; padding: 20px 50px 0 20px;  }
.company .map_box .address::before { content:''; width:2px; height:50px; background:#ddd; display:block; position:absolute; left:0; top:40px }
.company .map_box .address .wrap { text-align:left; }
.company .map_box .address .company_nm { font-size:24px; margin-bottom:20px;  }
.company .map_box .address .table_wrap { width:100%; overflow:hidden; }
.company .map_box .address .table_wrap table { width:100%; table-layout:fixed; border-collapse:collapse; }
.company .map_box .address .table_wrap table th { width:100px; }
.company .map_box .address .table_wrap table th,
.company .map_box .address .table_wrap table td { padding: 10px 0; font-size:18px; }

.company .map_box .map iframe { width:100%; }  







/* media */
.product .con_box .thumbs { width:100%; overflow:hidden; margin: 100px 0 50px 0;  }
.product .con_box .thumbs > li { float:left; width:calc(50% - 15px); min-height:430px; margin: 0 30px 30px 0; position:relative; }
.product .con_box .thumbs > li:nth-child(even) { margin: 0 0 30px 0; }
.product .con_box .thumbs p.txt_box { text-align:left; margin: 5px 0 10px 0; width:100%; overflow:hidden; }
.product .con_box .thumbs p.txt_box > span { display:block; }
.product .con_box .thumbs p.txt_box .tit { font-weight:600; font-family:'Play', sans-serif; font-size: 20px; }
.product .con_box .thumbs p.txt_box .year { color:#999; font-size:14px;}
.product .con_box .thumbs > li a { position:relative; }

.product .con_box .thumbs > li a i { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:58px; color:#fff }
.product .con_box .thumbs .img_box { width:100%; overflow:hidden; position:relative; max-height:320px;  }
.product .con_box .thumbs .img_box img { width:100%; min-height:320px; }
.product .con_box .thumbs > li a:hover i { color:#65bc45; transition:.2s; }






/* 게시판 */


.con_box .board { width:100%; overflow:hidden; text-align:left; }
.con_box .board .top_info { width:100%; overflow:hidden; margin: 20px 0 50px 0; padding: 0 0 10px 0; font-size:14px; color:#666; border-bottom:1px solid #333; }
.con_box .board .top_info span { font-family: 'Play', sans-serif; font-weight:600; font-size:18px; color:#333; }

.con_box .board .list { width:100%; overflow:hidden; }
.con_box .board .list > ul {}
.con_box .board .list > ul > li { width:100%; overflow:hidden; border-bottom:1px solid #ddd; }
.con_box .board .list > ul > li:last-child { border-bottom:none; }
.con_box .board .list > ul > li .thumb, 
.con_box .board .list > ul > li .content { float:left; overflow:hidden; }

.con_box .board .list > ul > li .thumb { width: 560px; padding: 50px; }
.con_box .board .list > ul > li .content { width:calc(100% - 560px); padding: 50px 50px 50px 0; }
.con_box .board .list > ul > li .thumb img { width:100%; max-width:460px; min-width:200px; }


.con_box .board .list li .content .date { color:#999; font-size:14px; }
.con_box .board .list li .content .board_tit { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 27px; color:#333; margin: 15px 0; }
.con_box .board .list li .content .board_con { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; color:#666; }
.con_box .board .list li .content .moreBtn { display:inline-block; margin: 30px 0 0 0; color:#fff; width:100px; height:35px; font-size:14px; padding: 0 0 0 15px; line-height:35px; background:#333 url(../img/more_icon.png) no-repeat 70% center; }




.con_box .board .board_view { width:100%; overflow:hidden; margin: 20px 0 50px 0; }
.con_box .board_view .board_top { width:100%; overflow:hidden; padding: 0 15px;  border-top:1px solid #333; border-bottom:1px solid #ddd; position:relative; }

.con_box .board_view .board_top .board_tit, 
.con_box .board_view .board_top .date { float:left; overflow:hidden; /* line-height:70px */; padding: 15px 0; } 

.con_box .board_view .board_top .board_tit { width:auto; max-width:80%; overflow:hidden; padding-right:20px; font-size:27px; color:#333; font-weight:400;  }
.con_box .board_view .board_top .date { min-width:100px;; font-size:15px; color:#999; position:absolute; top:50%; transform:translateY(-50%); right: 15px; }
.con_box .board_view .board_con { width:100%; overflow:hidden; padding: 50px 15px; }



.con_box .board .board_btn { width:100%; overflow:hidden; position:relative; height:100px; }


.con_box .board .board_btn > a { display:inline-block; font-weight:600; position:absolute; top:50%; transform:translateY(-50%) }
.con_box .board .board_btn .prev { padding: 0 0 0 22px; background:url(../img/board_prev_ico.png) no-repeat left center; background-size:17px auto; font-size: 14px; color:#999; left:0 }
.con_box .board .board_btn .next { padding: 0 22px 0 0; background:url(../img/board_next_ico.png) no-repeat right center; background-size:17px auto; font-size: 14px; color:#999; right:0 }
.con_box .board .board_btn .list { left:50%; transform:translate(-50%, -50%); background:#333; color:#fff; width:100px; text-align:center; font-weight:400; border-radius:20px; padding: 10px 0; font-size:14px; opacity:.9; }
.con_box .board .board_btn .list:hover { opacity:1; transition:.2s; }
.con_box .board_con img { max-width:100%; }


.notice .con_box .board .top_info { margin-bottom:10px; }


.board .board_list,
.board .board_list ul,
.board .board_list li { width:100%; overflow:hidden;}
.board .board_list ul {  }
.board .board_list li { height:65px; border-bottom: 1px solid #ddd;  }
.board .board_list li > div { float:left; }

.board .board_list li .num, 
.board .board_list li .date { width:100px; line-height:65px; text-align:center; }
.board .board_list li .subject { width:calc(100% - 200px); padding:6px 15px;  }
.board .board_list li .num span {  font-size:28px; color:#ccc; font-family:'Play', sans-serif; font-weight:600; }
.board .board_list li .date { font-size:14px; }
.board .board_list li .subject .subject_box { width:100%; height:100%; padding: 0 10px;  }
.board .board_list li .subject .subject_box a { color:#333; font-size:16px; font-weight:600; display:inline-block; max-width:95%; height:100%; line-height:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.board .board_list li .subject .subject_box p { font-size:16px; color:#666; max-width:95%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }



.board .board_view .file_box { width:450px; height:40px; line-height:40px; border:1px solid #ededed; background:#ededed; padding: 0 15px;  }
.board .board_view .file_box a { color:#111; font-size:16px; font-weight:600; }
.board .board_view .file_box i { float:right; font-size:18px; line-height:40px; }


.form_box, 
.form_box .inquiry, 
.form_box .inquiry ul, 
.form_box .inquiry ul li { width:100%; overflow:hidden; }


.form_box { margin: 70px 0 }
.form_box form { max-width:500px; margin: 0 auto; }


.inquiry .input_wrap { width:100%; height:50px;  }
.inquiry .input_wrap .li_label, 
.inquiry .file_wrap .li_label, 
.inquiry .textarea_wrap .li_label { display:block; float:left; width:100px; height:100%; line-height:50px; text-align:left; padding-left:10px; }
.inquiry .input_wrap input[type=text] { width:calc(100% - 100px); padding: 0 10px; height:100%; border:none; outline:none; }
.inquiry .input_wrap { border-bottom:1px solid #ddd; }

.inquiry .file_wrap, 
.inquiry .textarea_wrap { width:100%; overflow:hidden; padding: 10px 0; border-bottom:1px solid #ddd; }
.inquiry .file_wrap .help { width:100%; overflow:hidden; font-size:12px; }
.inquiry .file_wrap input[type=file] { position:absolute; width:0; height:0; overflow:hidden; border:0; padding:0; }
.inquiry .file_wrap label { display:inline-block; border-radius:5px; color:#fff; background:#333; width:100px; height:35px; line-height:35px; float:left; cursor:pointer; }
.inquiry .file_wrap .upload-name { display:inline-block; height:35px; border:1px solid #ddd; float:left;width:calc(100% - 210px); padding: 0 10px; margin-left:10px; outline:none; }
.inquiry .textarea_wrap textarea { width:calc(100% - 100px); height:150px; padding: 10px; resize:none; outline:none; border:1px solid #ccc; }
.inquiry .agree_box { width: 100%; overflow:hidden; padding: 15px 10px; margin-bottom:50px; }
.inquiry .agree_box textarea { width:100%; height:100px; padding:10px; background:#ededed; resize:none; outline:none; border:1px solid #ccc; }

.submit_btn { background:#333; color:#fff; font-size:18px; padding: 10px 20px; border:none; border-radius:5px; }
.openPops > li { float:left; width:50%; padding: 20px; }


/* 홍보자료 게시판 */
.ad_list { width:100%; overflow:hidden; }
.ad_list > li { float:left; width:calc(25% - 15px); margin: 0 20px 20px 0; }
.ad_list > li:nth-child(4n) { margin: 0 0 20px 0; }

.ad_list > li .top_img { width:100%; overflow:hidden; position:relative; }
.ad_list > li .top_img img { width:100%;  }
.ad_list > li .top_img .xi-search { position:absolute; bottom:10px; right:10px; color:#fff; }
.ad_list > li .txt_box { width:100%; overflow:hidden; margin: 10px 0 0 0 }
.ad_list > li .txt_box .tit { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; margin-bottom:8px; }
.ad_list > li .txt_box > a { display:inline-block; width:100%; overflow:hidden; height:40px; line-height:40px; padding: 0 10px; border:1px solid #ddd; font-size:14px; color:#666 }
.ad_list > li .txt_box > a i { float:right; line-height:40px; }
.ad_list > li .txt_box > a:hover { border:1px solid #999; }


/* board paging */
.paging { max-width:800px; margin: 0 auto; padding: 50px 0; text-align:center; }
.paging_wrap { }
.paging .page { display:inline-block; width:40px; height:40px; background:#fff; font-size:17px; text-align:center; color:#333; overflow:hidden; margin:0;  line-height:40px; border: 1px solid #ddd; }
.paging .page:nth-child(7) {/*  border-right:1px solid #ddd; */ }
.paging .page.start { border:1px solid #ddd; background: #fff url(../img/page_start.png) no-repeat center center; margin-right:5px; }
.paging .page.prev { border:1px solid #ddd; background: #fff url(../img/page_prev.png) no-repeat center center; margin-right:10px; }
.paging .page.end { border:1px solid #ddd; background: #fff url(../img/page_end.png) no-repeat center center; margin-left:5px; }
.paging .page.next { border:1px solid #ddd; background: #fff url(../img/page_next.png) no-repeat center center; margin-left:10px; }
.paging .page:hover { border:1px solid #333; transition:.2s; }
.paging .page.on { background-color:#333; color:#fff; border:1px solid #333; }


/* top */
/*
.toTop { display:inline-block; width: 45px; height:45px; position:fixed; bottom:10px; right:10px; z-index:999; background:#000000 url(../img/top_new2.png) no-repeat center center; background-size: 13px auto; transition: all 0.2s; } */

/* 2021.02.20 수정*/
.toTop { display:inline-block; width: 45px; height:45px; position:fixed; bottom:10px; right:10px; z-index:999; background:#00d1ca url(../img/top_new2.png) no-repeat center center; background-size: 13px auto; transition: all 0.2s; }

.toTop:hover { border-radius: 50%; }
.toTop i { font-size:45px; }


/* footer styling */
.f_wrap { width:100%; overflow:hidden; background:#1b1b1b;  }
.f_wrap .inner { width:1280px; margin: 0 auto; }
.f_wrap .inner > ul { width:100%; overflow:hidden; padding: 20px 0; border-bottom:1px solid #1c2433; }
.f_wrap .inner > ul li { float:left; margin-right:20px; }
.f_wrap .inner > ul li a { color:#bbbbbb; font-size:14px; font-weight:600; letter-spacing:-1px; }
.f_wrap .inner .address_wrap { width:100%; overflow:hidden; padding: 20px 0 0 0; }
.f_wrap .inner .address_wrap > div { float:left; }
.f_wrap .inner .address_wrap .f_logo { width:300px; }
.f_wrap .inner .address_wrap .f_logo img { max-width: 225px; opacity:.2; }
.f_wrap .inner .right_address { width:calc(100% - 300px);}
.f_wrap .inner .right_address > div { width:100%; overflow:hidden; }
.f_wrap .inner .right_address .top {  }
.f_wrap .inner .right_address .top > p { float:left; width:50%; color:#6d6f73; font-size:12px; position:relative; }
.f_wrap .inner .right_address .top > p b { color:#bbb; }

.f_wrap .inner .right_address .top > p:first-child .space { padding-right:20px; }
.f_wrap .inner .right_address .top > p:last-child .space { padding-right:10px; }



.f_wrap .inner .right_address .top > p:last-child::before { content:''; width:1px; height:12px; background:#202125; position:absolute; left:8px; top:50%; transform:translateY(-50%) }
.f_wrap .inner .right_address .top > p:last-child { text-align:right; }
.f_wrap .inner .right_address .bottom { padding: 20px 0 }
.f_wrap .inner .right_address .bottom p {color:#6d6f73;  float:left; padding: 0 15px; font-size:12px; position:relative; }
.f_wrap .inner .right_address .bottom a {color:#6d6f73;  font-size:12px; }
.f_wrap .inner .right_address .bottom p.after, 
.f_wrap .inner .right_address .bottom p.copy { padding-left:0; }
.f_wrap .inner .right_address .bottom p.after::after { content:''; width:1px; height:12px; background:#202125; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%) }
.f_wrap .inner .right_address .bottom p.after.center { padding-left:15px; }
.f_wrap .inner .right_address .bottom p.copy { padding-top:20px; width:100%; }







/* 2021-01-14 new stylesheet due to new design */
/* header */
/* .head_wrap { width:100%;  position: absolute; top:0; left:0; z-index: 999; padding: 10px 0 0 0; } */
.head_wrap .wrap { width:1280px; margin: 0 auto; position:relative; }
.head_wrap .logo { float:left; max-width:220px; overflow:hidden; }
.head_wrap .logo h1 { width:100%; }
.head_wrap .logo img { width:100%; }
.head_wrap .nav_btn { float:right; display:block; position:relative; width:22px; height:28px; z-index:999; top:20px; overflow:hidden; } 
.head_wrap .nav_btn > span { display:inline-block; width: 100%; height:2px; background:#fff; position:absolute; right:0;  transition:.2s; }
.head_wrap .nav_btn .first { top:7px }
.head_wrap .nav_btn .second { top:14px }
.head_wrap .nav_btn .third { width:16px; top:21px; }
.head_wrap .nav_btn { top:4px; }
.head_wrap .nav_btn.on .first { transform:rotate(45deg); top:auto; bottom:14px; }
.head_wrap .nav_btn.on .second { transform:rotate(-45deg); top:auto; bottom:14px; }
.head_wrap .nav_btn.on .third{ left:-100%; }
.head_wrap .nav_box { position:absolute; right:0; z-index:999 }
.head_wrap .nav_box ul { max-width:100px; padding-top: 50px; text-align:right; display:none; }
.head_wrap .nav_box li { margin-bottom:5px; }
.head_wrap .nav_box li a { color:#fff; font-size:18px; font-weight:600; letter-spacing: -0.5px; }
.head_wrap { width:100%; padding: 10px 0; background:#fff; }
.head_wrap .nav_box li a{}
.head_wrap .logo { position:relative; bottom:8px; }







/* index - visual */
.main_set .section_set .swiper-pagination-bullet {  }
.main_set .section_set .swiper-pagination-bullet-active { background:#00d1ca !important }
.main_set .swiper-slide .text_box { max-width:1280px; width:100%;  overflow:hidden; position:absolute; top:calc(50% - 80px); left:50%; transform:translate(-50%, -50%); z-index:10; }
.main_set .swiper-slide .text_box .text_inner { position:relative; text-align: center; }
.main_set .swiper-slide .text_box p { line-height: 86px; font-size:72px; font-weight:600; color:#fff; }
.main_set .swiper-slide .text_box p.light { color:#a4a4a4; font-size:17px; font-weight:300; letter-spacing: 2px; margin: 10px 0 55px 0; }
.main_set .swiper-slide a.play { display:inline-block; width:180px; height:50px; text-align:center; line-height:48px; border:1px solid #fff; color:#fff; font-size:17px; font-weight:600; letter-spacing:0.5px; }



.main_intro, .main_work { width:100%; height:100vh; overflow:hidden; }
.main_intro .wrap, .main_work .wrap, .main_news .wrap { width:1280px; margin: 0 auto; }
.main_intro > .wrap > div { float:left; width:50%;  height:100%; }
.main_intro .wrap { width:1280px;  padding: 5% 40px; height:100%; }
.main_work, .main_news { background:#161616; }



.main_intro > .wrap {  }
.main_intro > .wrap .left { margin-top: 5%; }
.main_intro > .wrap .left h2 { font-size:56px;  color:#333; letter-spacing: 0.5px; position:relative; line-height:60px }
.main_intro > .wrap .left h2 span { font-weight:300; letter-spacing: 2px; }
.main_intro > .wrap .left h2::before { content:''; width:80px; height:80px; background:#e4f6f4; border-radius:50%; display:block; position:absolute; left:-30px; top:-10px; z-index:-1; }
.main_intro > .wrap .left .paragraph { width:100%; overflow:hidden; margin: 50px 0; color:#555; font-size: 20px; font-weight:300; letter-spacing: -0.5px; line-height:33px; }
.main_intro .hash { width:100%; overflow:hidden; margin-bottom: 70px; }
.main_intro .hash span { padding-right:6px; color:#00d1ca; font-weight:600; font-size:20px; letter-spacing: -1px;  }
.main_intro .download { width:100%; overflow:hidden; }
.main_intro .download a { display: inline-block; width:249px; height:50px; border:1px solid #6f6f6f; color:#333; font-size:16px; text-align:center; line-height:46px; }
.main_intro .download a:first-child { margin-right:31px; }
.main_intro .download span.ico { display:inline-block; margin-left:8px; width:13px; height:13px; background:url(../img/download_ico.png) no-repeat center center; background-size: 100% auto; }


.main_intro > .wrap .right { position:relative; }
.main_intro > .wrap .right video { position:absolute; top:50%; left:54%; transform:translate(-50%, -50%); width:450px; max-width:450px; }




.main_work .wrap { width:1280px;  padding: 5% 0; height:100%; }
.main_work .wrap .top { width:100%; overflow:hidden; margin-bottom: 50px; }
.main_work .wrap .top span { display:block; line-height: 60px; font-size: 50px; }
.main_work .wrap .top span:first-child { font-weight:100; color:#ffffff; letter-spacing: -3px; }
.main_work .wrap .top span:last-child { font-weight:600; color:#00d1ca; letter-spacing: -3px; }

.main_news { width:100%; overflow:hidden; }
.main_news .wrap { width:1280px;  padding: 5% 0 30px 0; height:100%; overflow:hidden; }


.main_news .news_wrap { width:100%; overflow:hidden; }
.main_news .news_wrap .news_box { padding-bottom:50px; }
.main_news .news_wrap .news_box ul {} 
.main_news .news_wrap .news_box li { width:100%; overflow:hidden;  margin-bottom:20px; }
.main_news .news_wrap .news_box li a { display:inline-block; width:100%; overflow:hidden; padding: 20px 50px; background:#333333; border-radius:5px; transition:.2s; }
.main_news .news_wrap .news_box li:last-child { margin:0; }
.main_news .news_wrap .news_box li .date { font-size:12px; }
.main_news .news_wrap .news_box li a p { color:#adadad }
.main_news .news_wrap .news_box li a p.subject { color:#fff; font-size:23px; font-weight:600; margin: 5px 0; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main_news .news_wrap .news_box li .content { overflow: hidden; font-size:14px; font-weight:200; line-height:20px; text-overflow: ellipsis; white-space: nowrap; }
.main_news .news_wrap .news_box li a:hover { background:#0ab09d; transition:.2s; }
.main_news .news_wrap .news_box li a:hover .content, 
.main_news .news_wrap .news_box li a:hover .date { color:#fff; }
.main_news .swiper-button-prev { top:auto; bottom:0; background:url(../img/main_news_prev.png) no-repeat center center; }
.main_news .swiper-button-next { top:auto; bottom:0; background:url(../img/main_news_next.png) no-repeat center center; }


.layer_wrap { width:100%; height:100%; overflow-y:scroll; position:fixed; top:0; left:0; background:#1f1f1f; z-index:1000; display:none; }
.layer_wrap .wrap { max-width:1280px; margin: 0 auto; padding: 5% 0; overflow:hidden; height:100%; }
.layer_wrap .wrap .top { width:100%; overflow:hidden; padding-bottom:15px; border-bottom:1px solid #676767; position:relative; }
.layer_wrap .wrap .board_con { width:100%; overflow:hidden; padding: 60px 40px; color:#676767; border-bottom:1px solid #676767 }
.layer_wrap .wrap .board_con p > img { object-fit: cover; }
.layer_wrap .wrap .top .subject { width:90%; overflow:hidden; color:#00d1ca; font-size:32px; font-weight:600; margin-bottom:10px; }
.layer_wrap .wrap .top .date { color:#727272; font-size: 14px; }

.layer_wrap .board_btn { width:100%; padding: 30px 0 0 0; overflow:hidden; text-align:center; }
.layer_wrap .board_btn a { color:#cfcfcf; padding: 0 20px; opacity:.6; transition:.2s; }
.layer_wrap .board_btn a:first-child { background:url(../img/board_view_prev.png) no-repeat left center;  }
.layer_wrap .board_btn a:last-child { background:url(../img/board_view_next.png) no-repeat right center;  }
.layer_wrap .board_btn a:hover { opacity:1; transition:.2s; }


/* 210221 수정*/

.layer_wrap .pop_close { display:block; z-index:1000; width:36px; height:36px; background:url(../img/close_gray_thin.png) no-repeat center center; background-size:cover; position:absolute; right:0; top:0; }

/* .layer_wrap .pop_close { display:block; z-index:1000; width:30px; height:30px; background:url(../img/close_gray_thin.png) no-repeat center center;  position:absolute; right:0; top:0; } */


.layer_wrap .top h3 { position:relative; color:#00d1ca; font-weight:600; font-size:34px; padding: 10px 30px }
.layer_wrap .top h3::before { content:''; display:block; width:60px; height:60px; border-radius:50%; background:#314341; position:absolute; left:2px; top:50%; transform:translateY(-50%); z-index:-1; }
.layer_wrap.contact .wrap .top { border-bottom:none; }
.contact form { width:100%; overflow:hidden; }
.contact .form_wrap { width:100%; overflow:hidden; }
.contact .form_wrap .left, 
.contact .form_wrap .right { float:left; width:50%; overflow:hidden; min-height:375px; max-height:375px; }
.contact .form_wrap .left { padding-right:60px; }




.contact li { overflow:hidden; width:100%; margin: 0 0 15px 0 }
.contact .left li div.input_wrap { float:left; width:calc(50% - 10px); overflow:hidden; }

.contact .left li div.input_wrap:first-child { margin-right:20px; }
.contact .left li div.input_wrap input { width:100%; }
.contact li input[type=text] { height:45px; padding: 0 10px; width:100%; background:#eaeaea; border:none; }
.contact li p { color:#cfcfcf; margin-bottom:10px; font-size:15px; width:100%; height:25px; }


 
.contact input { outline:none; }
.contact .terms { width:100%; overflow:hidden; margin: 10px 0 0 0; background:#eaeaea; font-size:13px; color:#565656; padding: 25px 40px; height:145px; overflow:hidden; overflow-y:auto; }
.contact textarea { width:100%; height:236px; background:#eaeaea; border:none; resize:none; outline:none; padding: 10px; height:240px; }






.main_video { width:100%; height:100%; overflow:hidden; }
.main_video .vid_wrap { width:auto; height:100%; position:relative; }
.main_video video { width:1920px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }


.swiper_btn_wrap { width:100%;  text-align:right; }
.swiper_btn_wrap .slide_btn,
.swiper_btn_wrap .slide_counter {  display:inline-block;  height:50px; line-height:50px; overflow:hidden; float:right; }
.swiper_btn_wrap .slide_counter { color:#fff; margin-left:10px; }

.swiper_btn_wrap .slide_btn > div { position:static; float:left; height:100%;  }
.main_news .swiper-button-prev { margin-right:10px; }
.swiper_btn_wrap .slide_btn .swiper-button-prev,
.swiper_btn_wrap .slide_btn .swiper-button-next { margin-top: 0 !important; color:transparent; outline:0; }

.agree_box { width:100%; padding: 20px 0; border-bottom:1px solid #444; overflow:hidden;}
.agree_box input[type=checkbox] { position:absolute; left:-999em; }
.agree_box label { cursor:pointer; color:#cfcfcf; font-size:15px; }
.agree_box .chk_mark { display:inline-block; width:15px; height:15px; background:#eaeaea; border-radius:50%; margin-right:5px; position:relative; top:2px; }
.agree_box input:checked + .chk .chk_mark { background:#00d1ca; }  

.contact .contact_btn { width:100%; overflow:hidden; padding: 20px 0 0 0; }
.contact .contact_btn button { float:right; width:220px; height:45px; border:1px solid #6f6f6f; background:transparent; color:#fff; font-size:16px; letter-spacing:-0.5px; }
.main_work .btn_wrap { width:100%; overflow:hidden; padding-top:50px; text-align:center !important; }
.main_work .btn_wrap a { width:220px; height:45px; display:inline-block; line-height:43px; border:1px solid #6f6f6f; text-align:center; color:#fff;  }
.main_work .btn_wrap a span { padding-right:5px; }

.main_set .swiper-slide, .main_set .swiper-container { height:100%; }
.main_set .section_set .img_box  { height:100%; }

/* 210221 수정 */
.main_set .section_set .img_box > img { height:100%; width:100%; object-fit: cover; }

/* .main_set .section_set .img_box > img { height:100%; min-width:1920px; object-fit: cover; } */

.work { width:100%; min-height: 900px; overflow:hidden; background:#161616; }

.work_wrap { width:1280px; overflow:visible; margin: 0 auto; }
.work_wrap .top { width:100%; overflow:visible; padding-bottom:40px; }
.work_wrap .top h3 > b { display: block; font-size: 34px; color:#00d1ca; font-weight:500; position:relative; /* padding: 10px 0; */ }
.work_wrap .top h3 span { padding-right: 20px; color:#ACACAC; font-size:15px; font-weight:100 }
.work_wrap .top h3 > b::before { content:''; display:block; width:60px; height:60px; background:rgba(0, 209, 202, .2); position:absolute; left:-25px; top:50%; transform:translateY(-50%); border-radius:50%; }
/* .work_wrap .top h3 span i { font-size:15px; color:#00d1ca; padding-right:5px; } */
.work_wrap .popClose { top: 20px; }

/* 210219 수정 */
/* .work_thumbs { width:100%; overflow:hidden; }
.work_thumbs .item { float:left; width:calc(33.333% - 20px); overflow:hidden; margin: 0 30px 30px 0; position:relative; border-radius:5px; }
.work_thumbs .item:nth-child(3n) { margin-right: 0; } */

.work-thumbs-wrap { overflow:hidden; }
.work-thumbs-wrap .work_thumbs { display:flex; flex-wrap:wrap; margin-top:-30px; margin-left:-30px; }
.work-thumbs-wrap .work_thumbs .item { width:calc(100% / 3); padding-left:30px; margin-top:30px; }

.work-thumbs-wrap .work_thumbs .item a { display:block; height:100%; position:relative; }
/* // 210219 수정 */

.work_thumbs .item .img_wrap { width:100%; overflow:hidden; border-radius:5px;}
.work_thumbs .item .img_wrap img { width:100%; object-fit:cover; }
.work_thumbs .item .text { width:100%; overflow:hidden; position:absolute; bottom:5px; left:0; z-index:5; padding: 40px; }
.work_thumbs .item .text p { transition:.2s; color:#fff; font-size:24px; line-height:34px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:none; }
.work_thumbs .item .text i { font-size: 45px; color:#fff; padding-bottom:10px; transition:.2s; transform:translateX(-100%); display:none; }

/* 210220 수정 */
.work_thumbs .item .overlay { width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:2; transition:.2s; border-radius:5px;}

/* .work_thumbs .item .overlay { width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:2; transition:.2s; } */
.work_thumbs .item:hover .overlay { background:rgba(15, 92, 83, 0.8); transition:.2s; }
.work_thumbs .item:hover .text i, 
.work_thumbs .item:hover .text p { display:block; transform:translateX(0); transition:.2s; }


.work_wrap .btn_wrap { width:100%; overflow:hidden; padding: 60px 0; text-align:center; }
.work_wrap .btn_wrap .more_btn { display:inline-block; width:220px; height:45px; border:1px solid #6f6f6f; line-height:43px; text-align:center; color:#fff; font-size:16px; }
.video_wrap .inner, .vid .inner { background:transparent; overflow:visible; }
.video_wrap .video_title,
.vid .video_title { width:100%; overflow:visible;padding: 20px 50px 20px 0; position:relative; font-weight: 600; color:#00d1ca; }


/* .video_wrap .video_title::before, 
.vid .video_title::before { content:''; display:block; width:60px; height:60px; background:rgba(0, 209, 202, .2); position:absolute; left:-25px; top:41%; transform:translateY(-50%); border-radius:50%; } */
.video_desc { width:100%; overflow:hidden; padding: 47px 0 75px 0; }
.video_desc p { color:#cfcfcf; text-align:left; }
.video_desc p.title { position:relative; padding-top:15px; }
.video_desc p.title::before { content:''; display:block; width:30px; height:2px; background:#efefef; position:absolute; left:0; top:0; }

.work_thumbs .item { font-size:0; }

.work_thumbs .img_box { font-size:0; }







/* footer */
.f_wrap .inner { padding: 30px 0; border-top:1px solid #2e2e2e }
.f_wrap .inner > div:nth-child(2) { margin-bottom:10px; }

.f_wrap .top { width:100%; overflow:hidden;  margin-bottom:20px; }
.f_wrap .top > div { float:left; }

.f_wrap .top .f_logo { width:80px; overflow:hidden; }
.f_wrap .top .f_logo img { max-width:80px; }

.f_wrap .top .f_sns { margin-left: 20px; }
.f_wrap .top .f_sns ul {  }
.f_wrap .top .f_sns li { float:left; margin: 0 15px 0 0 }
.f_wrap .top .f_sns li a { color:#cfcfcf; font-size:14px; font-weight:600; }
.f_wrap .top .f_sns .facebook { font-size:0; width: 25px; height:25px;  }

.f_wrap .top .youtube { font-size:0; width: 100px; height:25px; display:inline-block; float:right; }
.f_wrap .top .youtube { background:url(../img/youtube_ico.png) no-repeat right center; }
.f_wrap .top .youtube:hover { background-image:url(../img/youtube_on.png); }

.f_wrap .top .f_sns li:hover a { color:#0ab09d; transition:.2s; } 
.f_wrap .top .f_sns .facebook a{ display:inline-block; width:100%; height:100%; font-size:0;   }
.f_wrap .top .f_sns .facebook a { background:url(../img/facebook_ico.png) no-repeat center center; background-size: 20px auto; }
.f_wrap .top .f_sns .facebook a:hover { background-image:url(../img/facebook_on.png);background-size: 20px auto;  }

.f_wrap .f_line { width:100%; overflow:hidden;  }
.f_wrap .f_line span { color:#6d6f73; font-size:13px; display:inline-block; float:left; padding: 0 10px 0 0; }
.f_wrap .f_line span.title { font-weight:600; color:#c3c3c3; }
.f_wrap .f_line span img.ico { position:relative; top:4px; }

/* .f_wrap .f_line span a { font-size:0; float:right; display:inline-block; width:20px; height:20px; background:url(../img/map_ico.png) no-repeat center center; }
.f_wrap .f_line span a:hover { background-image:url(../img/map_on.png); } */

.f_wrap p.copy { color:#cfcfcf; font-size:13px; width:100%; overflow:hidden; margin: 15px 0 0 0; font-weight:300 }

.f_wrap .f_block { width:100%; overflow:hidden; }
.f_wrap .f_block .f_line { float:left; width:50%; overflow:hidden; }
.f_wrap .f_block .f_line p.title { font-weight:600; color:#c3c3c3; font-size:13px; }

.f_wrap .contact_list { width:100%; overflow:hidden; }



/* 2021-01-21 first quality assurance */
.head_wrap { height:75px; padding: 18px 0 0 0; background:#080808; }
.head_wrap .nav_box ul { padding-top: 80px; }

.main_set .swiper-pagination-bullet { width:12px; height:12px; background:#fff; opacity:1; margin: 0 14px !important;   }
.main_set .swiper-container-horizontal>.swiper-pagination-bullets { bottom:120px; }
.main_set .swiper-slide .text_box { top: 45%; }
.main_set .swiper-slide .text_box p { letter-spacing:-3px; }

.main_intro > .wrap .left { position:relative; margin:0; width:calc(100% - 600px); margin-top:8%; }
.main_intro > .wrap .left .inner {  }
.main_intro > .wrap .right { width:600px;  }
.main_intro > .wrap .right video { width:100%; border-radius:30px; max-width:550px; }

.work_thumbs .item .text p.year { min-height:22px; }
.work_thumbs .item .img_wrap img { object-fit:cover; height:100%; }  

.video_wrap .inner, .vid .inner { width:1280px; }
.video_wrap .video_title, .vid .video_title { font-size:40px; padding: 20px 50px 44px 0 }
.work_wrap .btn_wrap { padding: 50px 0 }

.layer_wrap .wrap { overflow:visible; }
.layer_wrap.contact .wrap .top { overflow:visible; }
.layer_wrap.contact .wrap .top h3 { overflow:visible; padding: 10px 30px 10px 0 }
.layer_wrap .top h3::before { left:-20px; }
.layer_wrap .pop_close { top: 20px; }

.contact li.required p span { color:#00d1ca; }

.layer_wrap.board { overflow-y:auto; }
.layer_wrap .board_btn { padding-bottom:50px; }
.layer_wrap .wrap .board_con { color:#cfcfcf }

.f_wrap { background:#161616; }

.main_news .news_wrap .news_box li a { padding: 25px 55px; }

.swiper_btn_wrap { margin-top:10px; }
.main_work .btn_wrap { padding-top: 30px; }
.main_intro .download a:first-child { margin-right:15px; }

/* 210221 수정 */
.video_pop .popClose{ top:23px; }

/* .video_pop .popClose{ top:15px; } */
.layer_wrap .pop_close { top: 7px }
.layer_wrap.contact .pop_close { top: 20px; }

/* 2021-01-26 */
.main_overlay { width:100%; height:100vh; position:absolute; top:0; left:0; z-index:9; background:rgba(0,0,0,0.2); }
.video_wrap .inner, .vid .inner { width:1500px; padding:0; }
.f_wrap span.address { position:relative; bottom:4px; }

.map_layer {  }
.map_layer .wrap {  }
.map_layer .inner { width:100%; overflow:visible; height:100%; }
.map_layer .map_title { width:100%; overflow:hidden; font-size:28px; color:#00d1ca; font-weight:600; margin-bottom:30px; position:relative; }
.map_layer .map_box { width:100%; overflow:hidden; height:455px; margin-bottom: 55px; }
.map_layer .map_box .left,
.map_layer .map_box .right { float:left; overflow:hidden; height:100%; }
.map_layer .map_box .right { width:500px; background:#303030; }
.map_layer .map_box .left { width:calc(100% - 500px); }

.map_layer .map_box .left .iframe_box { width:100%; overflow:hidden; }
.map_layer .map_box .left .iframe_box iframe { width:100%; }
.map_layer .map_box .right .text_box { padding: 35px 0 0 40px }
.map_layer .map_box .right .branch_nm { color:#cfcfcf; margin-bottom:10px; font-size:15px; font-weight:600; }
.map_layer .map_box .right .branch_addr { color:#8b8a8a; margin-bottom:20px; font-size:14px; font-weight:300; }
.map_layer .map_box .right .tel { color:#8b8a8a; line-height:25px; font-size:14px; font-weight:300; }

.map_layer .branch_nm .ico { position:relative; top:4px; left:4px; display:inline-block; width:20px; height:20px; background:url(../img/map_on.png) no-repeat center center; background-size: 20px auto; }

/* 2021-02-02 */
.work_thumbs .item .overlay_title { overflow: hidden; position: absolute; top: 50%; left: 50%; z-index: 5; /* width: 100% */; transform: translate(-50%, -50%); }
.work_thumbs .item .overlay_title h4 { overflow: hidden; width: 100%; line-height: 49px; font-size: 44px; font-weight: 800; text-align: center; text-overflow: ellipsis; white-space: nowrap; color: #fff; opacity: 40%; transition: all 0.2s; }
.work_thumbs .item:hover .overlay_title h4 { display: none; }
.google-map {width: 100%;overflow: hidden;}
.google-map iframe {margin-top: -199px;}

/* 2021-02-03 */
/* .work_wrap .top h3 a:hover .span { font-weight: bold; color: #fff; }
.work_wrap .top h3 .category_on { font-weight: bold; color: #fff; } */

/* needs to be deleted  */
.board_con .iframe_wrap, .board_con .img_box { text-align:center; width:100%; overflow:hidden; padding: 20px 0; }

/* i.e */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	 
    
}