@charset "utf-8";

/* 반응형 재정의 : footer 넓이*/
.res_wrap{position:relative;width:1500px;margin:0 auto;}

@media screen and (max-width:1540px){
	.res_wrap{width:94%;margin:0 auto;}
}


/* 이하 main */

.section{position:relative;height:100vh;overflow:hidden;}
.wrap_inner{position:relative;width:100%;max-width:1500px;margin:0 auto;height:100%;}

@media screen and (max-width:1600px) {
.wrap_inner{width:94%;margin:0 auto;}
}
@media screen and (max-width:1000px) {
.section{height:auto;overflow:hidden;}
}
@media screen and (max-width:768px) {
.wrap_inner{width:92%;margin:0 auto;}
}
@media screen and (max-width:480px) {
.wrap_inner{width:auto;margin:0 15px;}
}


#section1{background-color:#000;}
#section1 .typo1{position:absolute;top:50%;left:0;width:100%;opacity:0.9;transform:translateY(-100px);text-align:center;font-size:100px;line-height:70px;font-weight:900;color:#00b0aa;z-index:100;}
#section1 .typo1 span{display:inline-block;}
#section1 .typo2{position:absolute;top:50%;left:0;width:100%;opacity:0.8;transform:translateY(5px);text-align:center;font-size:52px;line-height:1.0;font-weight:700;color:#fff;z-index:100;}
#section1 .typo2 span{display:inline-block;}
#section1 .typo3{position:absolute;top:50%;left:0;width:100%;opacity:0.8;transform:translateY(90px);text-align:center;font-size:18px;line-height:30px;font-weight:400;color:#fff;padding:0 20px;z-index:100;}
#section1 .cover{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#000;z-index:3;opacity:0.05;}
#intro_movie{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;}
#movie_wrap{position:absolute;bottom:0;left:50%;width:110%;height:110%;transform:translateX(-50%);z-index:5;}
#main_movie{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:5;}
#main_movie {
   --clip:0%;
  clip-path: circle(var(--clip));
}
#section1 .scroll{position:absolute;bottom:40px;right:50px;z-index:10;}


@media screen and (max-width:1000px) {
#section1{height:600px;}
#section1 .typo1{transform:translateY(-70px);font-size:80px;line-height:65px;}
#section1 .typo2{transform:translateY(20px);font-size:30px;}
#section1 .typo3{opacity:0.8;transform:translateY(60px);font-size:18px;line-height:30px;}

#section1 .scroll{display:none;}
}

@media screen and (max-width:600px) {
#section1{height:400px;}
#section1 .typo1{transform:translateY(-40px);font-size:52px;line-height:40px;}
#section1 .typo2{opacity:0.9;transform:translateY(15px);font-size:16px;}
#section1 .typo3{opacity:0.9;transform:translateY(40px);font-size:15px;line-height:24px;letter-spacing:-1px;}

#section1 .scroll{display:none;}
}



#section2{background:url(/img/main/bg_company.jpg) no-repeat 0 bottom;background-size:cover;}
#section2 .section_wrap{position:absolute;top:50%;left:50%;width:100%;max-width:1500px;height:auto;transform:translate(-50%, -50%);z-index:2;}
#section2 .wrap_inner{display:flex;flex-wrap:wrap;flex-shrink:0;}
#section2 .wrap_inner .title_wrap{width:57%;margin-right:3%;color:#fff;}
#section2 .wrap_inner .title_wrap .f_metro{font-size:71px;line-height:60px;font-weight:800;letter-spacing:-1px;text-indent:-3px;padding:0 0 25px;}
#section2 .wrap_inner .title_wrap .exp{font-size:20.4px;line-height:1.7;font-weight:400;letter-spacing:-0.4px;opacity:0.85;}
#section2 .wrap_inner .title_wrap .exp span.blind1000 br{display:inline;}
#section2 .wrap_inner .title_wrap .link{margin-top:70px;display:flex;flex-wrap:wrap;flex-shrink:0;}
#section2 .wrap_inner .title_wrap .link li{width:100%;max-width:165px;text-align:center;background:url(/img/main/company_line.png) no-repeat 0 center;}
#section2 .wrap_inner .title_wrap .link li a{display:block;font-size:17px;font-weight:600;color:#fff;line-height:22px;padding:108px 0 20px;}
#section2 .wrap_inner .title_wrap .link li:nth-child(1) a{background:url(/img/main/company_icon1.png) no-repeat center 20px;}
#section2 .wrap_inner .title_wrap .link li:nth-child(2) a{background:url(/img/main/company_icon2.png) no-repeat center 20px;}
#section2 .wrap_inner .title_wrap .link li:nth-child(3) a{background:url(/img/main/company_icon3.png) no-repeat center 20px;}
#section2 .wrap_inner .title_wrap .link li:nth-child(4) a{background:url(/img/main/company_icon4.png) no-repeat center 20px;}
#section2 .wrap_inner .title_wrap .link li:hover,
#section2 .wrap_inner .title_wrap .link li:hover + li{background:none;}
#section2 .wrap_inner .title_wrap .link li:hover a{background-color:rgba(0, 164, 158, 0.5);border-radius:17px;}
#section2 .wrap_inner .movie{width:40%;padding-top:220px;}
#section2 .wrap_inner .movie a.img{display:block;position:relative;border-radius:20px;overflow:hidden;box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.4);}
#section2 .wrap_inner .movie a.img span{display:block;position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%, -50%);font-size:0;
background:url(/img/main/company_movie_btn.png) no-repeat center center;z-index:2;}
#section2 .wrap_inner .movie a.img:hover span{background:url(/img/main/company_movie_btn_on.png) no-repeat center center;}
#section2 .wrap_inner .movie a.img:hover img{opacity:0.6;}
#section2 .wrap_inner .movie .exp{margin:20px 0 0;text-align:center;font-weight:500;font-size:14.2px;color:#fff;text-transform:uppercase;opacity:0.75;}

@media screen and (max-width:1300px) {
#section2 .wrap_inner .title_wrap .exp span.blind1000 br{display:none;}
#section2 .wrap_inner .title_wrap .link{margin-top:40px;}
#section2 .wrap_inner .title_wrap .link li{max-width:130px;}
#section2 .wrap_inner .title_wrap .link li a{display:block;font-size:17.2px;line-height:24px;padding:88px 0 20px;}
#section2 .wrap_inner .title_wrap .link li a{background-size:60px auto !important;}
}
@media screen and (max-width:1000px) {
#section2 .section_wrap{position:relative;top:auto;left:auto;transform:translate(0, 0);padding:120px 0;}
#section2 .wrap_inner .title_wrap{width:100%;margin-right:0;text-align:center;}
#section2 .wrap_inner .title_wrap .f_metro{font-size:50px;line-height:40px;letter-spacing:-1px;text-indent:0px;padding:0 0 25px;}
#section2 .wrap_inner .title_wrap .exp{font-size:18.4px;}

#section2 .wrap_inner .title_wrap .link{margin:70px auto 0;max-width:630px;}
#section2 .wrap_inner .title_wrap .link li{width:23.5%;margin-right:2%;max-width:none;background:none;}
#section2 .wrap_inner .title_wrap .link li:last-child{margin-right:0;}
#section2 .wrap_inner .title_wrap .link li a{font-size:17.0px;line-height:22px;padding:88px 0 20px;background-color:rgba(255,255,255,0.1) !important;border-radius:17px;}
#section2 .wrap_inner .title_wrap .link li:hover a{background-color:rgba(0, 164, 158, 0.5) !important;}

#section2 .wrap_inner .movie{width:100%;max-width:630px;margin:0 auto;padding-top:70px;}
}
@media screen and (max-width:600px) {
#section2 .section_wrap{padding:90px 0;}
#section2 .wrap_inner .title_wrap .f_metro{font-size:40px;line-height:34px;padding:0 0 15px;}
#section2 .wrap_inner .title_wrap .exp{font-size:16.4px;}
#section2 .wrap_inner .title_wrap .exp br{display:inline;}

#section2 .wrap_inner .title_wrap .link{margin:40px auto 0;}
#section2 .wrap_inner .title_wrap .link li{width:48%;margin:0 4% 4% 0;}
#section2 .wrap_inner .title_wrap .link li:nth-child(2n){margin-right:0;}

#section2 .wrap_inner .movie{padding-top:15px;}
#section2 .wrap_inner .movie a.img span{width:80px;height:80px;background-size:100% 100%;}
#section2 .wrap_inner .movie a.img:hover span{background-size:100% 100%;}
#section2 .wrap_inner .movie .exp{margin:15px 0 0;font-size:12.4px;}
}


#section3{background:url(/img/main/bg_business.jpg) no-repeat 0 bottom;background-size:cover;}
#section3 .section_wrap{position:absolute;top:50%;left:50%;width:100%;max-width:1500px;transform:translate(-50%, -50%);z-index:2;color:#222;}
#section3 .section_wrap .title{text-align:center;}
#section3 .section_wrap .title .f_metro{font-size:71px;line-height:60px;font-weight:800;letter-spacing:-1px;padding:0 0 20px;}
#section3 .section_wrap .title .exp{font-size:20.4px;line-height:1.7;font-weight:400;letter-spacing:-0.6px;opacity:0.85;}

#section3 .section_wrap .biz{position:relative;margin-top:90px;width:100%;height:480px;}
#section3 .section_wrap .biz a{display:block;position:absolute;height:215px;width:27%;border-radius:24px;overflow:hidden;box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);transition-duration:0.3s;}
#section3 .section_wrap .biz a.biz01{top:0;left:0;background:url(/img/main/biz01.jpg) no-repeat center center;background-size:cover;}
#section3 .section_wrap .biz a.biz02{bottom:0;left:0;background:url(/img/main/biz02.jpg) no-repeat center center;background-size:cover;}
#section3 .section_wrap .biz a.biz03{top:0;left:50%;width:39%;height:100%;transform:translateX(-50%);background:url(/img/main/biz03.jpg) no-repeat center center;background-size:cover;}
#section3 .section_wrap .biz a.biz04{top:0;right:0;background:url(/img/main/biz04.jpg) no-repeat center center;background-size:cover;}
#section3 .section_wrap .biz a.biz05{bottom:0;right:0;background:url(/img/main/biz05.jpg) no-repeat center center;background-size:cover;}
#section3 .section_wrap .biz a>div{position:relative;padding:35px;height:100%;background-color:rgba(0,0,0,0);transition-duration:0.3s;}
#section3 .section_wrap .biz a>div h4{font-size:25px;font-weight:700;color:#fff;line-height:28px;}
#section3 .section_wrap .biz a>div p{opacity:0;font-size:17px;font-weight:500;color:#fff;line-height:1.4;margin-top:35px;transition-duration:0.3s;}
#section3 .section_wrap .biz a>div p span.line{display:block;width:35px;border-top:2px solid rgba(255,255,255,0.7);padding-bottom:20px;margin-top:25px;}
#section3 .section_wrap .biz a>div span.btn{opacity:0;position:absolute;right:60px;bottom:35px;display:block;width:46px;height:17px;background:url(/img/main/btn_more.png) no-repeat 0 0;background-size:100% auto;transition-duration:0.3s;}

#section3 .section_wrap .biz a.biz03>div{padding:45px;}
#section3 .section_wrap .biz a.biz03>div h4{font-size:37px;padding-bottom:10px;}
#section3 .section_wrap .biz a.biz03>div p{font-size:22px;font-weight:400;}
#section3 .section_wrap .biz a>div span.btn_more{bottom:45px;}

#section3 .section_wrap .biz a.selected{box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.5);}
#section3 .section_wrap .biz a.selected>div{background-color:rgba(0,0,0,0.6);}
#section3 .section_wrap .biz a.selected>div p{opacity:1;margin-top:15px;}
#section3 .section_wrap .biz a.selected>div span.btn{opacity:1;right:35px;}

@media screen and (max-width:1400px) {
#section3 .section_wrap .biz a>div p{display:none;}
}

@media screen and (max-width:1000px) {
#section3 .section_wrap{position:relative;top:auto;left:auto;transform:translate(0, 0);padding:120px 0;}
#section3 .wrap_inner .title{width:100%;margin-right:0;text-align:center;}
#section3 .wrap_inner .title .f_metro{font-size:50px;line-height:40px;letter-spacing:-1px;text-indent:0px;padding:0 0 25px;}
#section3 .wrap_inner .title .exp{font-size:18.4px;}

#section3 .section_wrap .biz{width:100%;max-width:630px;height:auto;margin:70px auto 0;font-size:0;}
#section3 .section_wrap .biz a{position:relative;display:inline-block;vertical-align:top;height:180px;width:48.5%;margin:0 3% 3% 0;border-radius:20px;}
#section3 .section_wrap .biz a.biz01{top:auto;left:auto;}
#section3 .section_wrap .biz a.biz02{bottom:auto;left:auto;}
#section3 .section_wrap .biz a.biz03{top:auto;left:auto;width:100%;height:220px;transform:translateX(0);}
#section3 .section_wrap .biz a.biz04{top:auto;right:auto;margin-right:0;}
#section3 .section_wrap .biz a.biz05{bottom:auto;right:auto;margin-right:0;}
#section3 .section_wrap .biz a>div{padding:30px;}
#section3 .section_wrap .biz a>div h4{font-size:23px;}
#section3 .section_wrap .biz a>div p{display:none;}
#section3 .section_wrap .biz a>div span.btn{opacity:1;bottom:30px;right:30px;width:36px;height:13px;}

#section3 .section_wrap .biz a.biz03>div{padding:30px;}
#section3 .section_wrap .biz a.biz03>div h4{font-size:23px;}

#section3 .section_wrap .biz a.selected{box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);}
#section3 .section_wrap .biz a.selected>div{background-color:rgba(0,0,0,0);}
#section3 .section_wrap .biz a.selected>div span.btn{right:30px;}
}

@media screen and (max-width:600px) {
#section3 .section_wrap{padding:90px 0;}
#section3 .wrap_inner .title .f_metro{font-size:40px;line-height:34px;padding:0 0 15px;}
#section3 .wrap_inner .title .exp{font-size:16.4px;padding:0 20px;}

#section3 .section_wrap .biz{margin:30px auto 0;}
#section3 .section_wrap .biz a{height:100px;border-radius:15px;}
#section3 .section_wrap .biz a.biz03{height:160px;}
#section3 .section_wrap .biz a>div{padding:17px;}
#section3 .section_wrap .biz a>div h4{font-size:19px;line-height:20px;}
#section3 .section_wrap .biz a>div span.btn{bottom:20px;right:17px;width:24px;height:9px;}

#section3 .section_wrap .biz a.biz03>div{padding:17px;}
#section3 .section_wrap .biz a.biz03>div h4{font-size:24px;line-height:26px;}

#section3 .section_wrap .biz a.selected>div span.btn{right:17px;}
}



#section4{background-color:#fff;padding:170px 0 120px;}
#section4 .wrap_inner{min-height:930px;}
#section4 .news{display:flex;flex-wrap:wrap;flex-shrink:0;}
#section4 .news .title{width:47%;margin-right:6%;}
#section4 .news .title .t_eng{font-size:18px;line-height:1.5;font-weight:700;color:#333;}
#section4 .news .title .t_kor{font-size:46px;line-height:1.2;font-weight:700;color:#222;letter-spacing:-2px;padding:30px 0 70px;margin-left:-4px;}
#section4 .news .title .tab{display:flex;flex-shrink:0;}
#section4 .news .title .tab li{position:relative;width:140px;line-height:17px;padding:12px 0;text-align:center;font-size:18px;color:#222;font-weight:600;background-color:#f2f4f9;border-radius:40px;margin-right:8px;cursor:pointer;}
#section4 .news .title .tab li:hover{opacity:0.5;}
#section4 .news .title .tab li.selected{color:#fff;background-color:#0da49f;}
#section4 .news .title .tab li:first-child span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#section4 .news .title .tab li:last-child{margin-right:0;}
#section4 .news .recent{width:47%;}
#section4 .news .recent li{background-color:#fff;border-radius:25px;overflow:hidden;margin-bottom:60px;box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);}
#section4 .news .recent li a{display:block;display:flex;flex-shrink:0;}
#section4 .news .recent li a .text{width:55%;padding:30px 30px 0 32px;}
#section4 .news .recent li a .text .category{font-size:16.4px;color:#0c948f;line-height:20px;font-weight:700;}
#section4 .news .recent li a .text .subject{font-size:24.2px;color:#222;line-height:34px;font-weight:700;height: 68px;overflow: hidden;margin:40px 0 20px;}
#section4 .news .recent li a .text .date{font-size:16.2px;color:#acacac;line-height:20px;font-weight:400;}
#section4 .news .recent li a .img{width:45%;position:relative;height:250px;}
#section4 .news .recent li a .img img{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%);object-fit:cover;}
#section4 .news .recent li a:hover{opacity:0.6;}
#section4 .link{position:absolute;bottom:60px;left:0;width:100%;max-width:490px;}
#section4 .link .link1{}
#section4 .link .link1 li{margin:0 0 4% 0;}
#section4 .link .link1 li a{display:block;line-height:86px;font-size:20.4px;font-weight:600;color:#222;letter-spacing:-0.6px;padding-left:30px;background-color:#f2f4f9;border-radius:12px;}
#section4 .link .link1 li a img{vertical-align:middle;transform:translateY(0px);margin-right:3px;}
#section4 .link .link1 li a:hover{background-color:#e3e5eb;}
#section4 .link a.link2{display:block;min-height:177px;border-radius:12px;overflow:hidden;padding:25px 0 0 0;background:url(/img/main/link2_bg.png) no-repeat 0 center #d4eaf0;}
#section4 .link a.link2 .link2_wrap{float:right;padding-right:70px;}
#section4 .link a.link2 .t1{font-size:25.4px;color:#222;line-height:28px;font-weight:700;padding-top:10px;}
#section4 .link a.link2 .t2{font-size:16.8px;color:#444;line-height:22px;font-weight:500;padding:10px 0 20px;}
#section4 .link a.link2:hover{opacity:0.6;}


@media screen and (max-width:1380px) {
#section4 .news .title .t_kor{font-size:44px;line-height:1.3;padding:30px 0 50px;margin-left:-3px;}
}
@media screen and (max-width:1160px) {
#section4 .link{width:46%;max-width:none;}
}
@media screen and (max-width:1000px) {
#section4{padding:120px 0;}
#section4 .wrap_inner{min-height:none;max-width:630px;}

#section4 .news .title{width:100%;margin-right:0%;}
#section4 .news .title .t_eng{font-size:18px;line-height:1.5;font-weight:700;color:#333;}
#section4 .news .title .t_kor{font-size:40px;line-height:1.3;letter-spacing:-2px;padding:20px 0 40px;margin-left:-3px;}
#section4 .news .title .tab{justify-content:center;}
#section4 .news .title .tab li{width:155px;margin-right:10px;}
#section4 .news .title .tab li:last-child{margin-right:0;}
#section4 .news .recent{width:100%;margin-top:70px;}
#section4 .news .recent li{border-radius:25px;margin-bottom:40px;box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);}
#section4 .news .recent li a .text{width:55%;padding:30px 30px 0 32px;}
#section4 .news .recent li a .text .category{font-size:16.4px;}
#section4 .news .recent li a .text .subject{font-size:23.4px;height: 68px;margin:40px 0 20px;}
#section4 .news .recent li a .text .date{font-size:16.2px;}
#section4 .news .recent li a .img{width:45%;height:250px;}

#section4 .link{position:relative;bottom:auto;left:auto;width:100%;margin-top:30px;}
}
@media screen and (max-width:600px) {
#section4{padding:90px 0;}
#section4 .news .title{width:100%;margin-right:0%;}
#section4 .news .title .t_eng{font-size:16px;}
#section4 .news .title .t_kor{font-size:29px;line-height:1.3;letter-spacing:-2px;padding:15px 0 40px;margin-left:-2px;}
#section4 .news .title .tab li{width:100px;font-size:16px;line-height:16px;margin-right:4px;letter-spacing:-1px;}
#section4 .news .recent{margin-top:40px;}

#section4 .news .recent li{border-radius:15px;margin-bottom:20px;box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.2);}
#section4 .news .recent li a .text{width:60%;padding:15px 20px 15px 20px;}
#section4 .news .recent li a .text .category{font-size:15px;}
#section4 .news .recent li a .text .subject{font-size:18px;line-height:26px;height:52px;margin:10px 0 5px;}
#section4 .news .recent li a .text .date{font-size:14.2px;}
#section4 .news .recent li a .img{width:40%;height:auto;}

#section4 .link{margin-top:15px;}
#section4 .link .link1 li a{line-height:76px;font-size:17.4px;padding-left:24px;}
#section4 .link .link1 li a img{width:34px;margin-right:0px;}
#section4 .link a.link2{min-height:165px;padding:20px 0 0 0;}
#section4 .link a.link2 .link2_wrap{padding-right:20px;}
#section4 .link a.link2 .t1{font-size:21px;padding-top:7px;}
#section4 .link a.link2 .t2{font-size:15.4px;padding:10px 0 20px;}
}











/* 메인 팝업존 */
.popup_zone {width:100%;height:100%;text-align:center;position:fixed;left:0;top:0;z-index:20000}
.popup_zone .kgb {width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:20001}
.popup_zone .popup_wrap {width:480px;border-radius:15px 15px 0 0;transform:translate(-50%,-50%);position:fixed;left:50%;top:50%;z-index:20002;overflow:hidden}
.popup_zone .popup_wrap .pop_slide {height:645px;background: #fff;font-size:0;line-height:0;overflow:auto;}
.popup_zone .popup_wrap .slide_img {display:inline-block;float:left;}
.popup_zone .popup_wrap .slide_img a {display:block}
.popup_zone .popup_wrap .slide_img img {max-width:100%}
.popup_zone .popup_wrap .pop_paging {width:67px;line-height:30px;color:#888;border-radius:15px;background-color:#fff;position:absolute;right:12px;top:12px}
.popup_zone .popup_wrap .pop_paging .current {color:#222;font-weight:400}
.popup_zone .popup_wrap .pop_paging .total {}
.popup_zone .popup_wrap .pup_button {display:flex;flex-wrap:nowrap;background-color:#fff;border-radius:0 0 15px 15px;overflow:hidden}
.popup_zone .popup_wrap .pup_button a {width:50%;color:#222;font-size:16px;font-weight:400;line-height:71px}
.popup_zone .popup_wrap .pup_button a:hover {background-color:#f9f9f9}
.popup_zone .popup_wrap .pup_button a.bt_close {}
.popup_zone .popup_wrap .pup_button a.bt_close::before {display:inline-block;float:left;width:1px;height:15px;content:"";background-color:#ccc;position:relative;top:calc(50% - 6px)}
.popup_zone .popup_wrap .pup_button a.bt_today_close {}

/*슬라이드 동그라미 아이콘*/
.popup_zone .slick-dots {display:none !important;}

@media screen and (max-width:960px){
    .popup_zone .popup_wrap {width:480px}
    .popup_zone .popup_wrap .pop_slide {height:600px}
}
@media screen and (max-width:768px){
    .popup_zone .popup_wrap {width:420px}
    .popup_zone .popup_wrap .pop_slide {height:525px}
    .popup_zone .popup_wrap .pup_button a {font-size:15px;line-height:58px}
}
@media screen and (max-width:480px){
    .popup_zone .popup_wrap {width:300px}
    .popup_zone .popup_wrap .pop_slide {height:375px}
    .popup_zone .popup_wrap .pup_button a {line-height:54px}
}