@charset "utf-8";
.slick-track {
  will-change: transform;
  transform: translateZ(0); /* 강제 하드웨어 가속 */
    transition: 1s;
}

.slider .slick-track,
.slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 10ms;
}


button {border:0; background:none;}


#hd {background:none;}
#hd .gnb_1da { color:#fff;}
#hd_btn .tel {color:#fff;}
.menu-icon , .menu-icon:before , .menu-icon:after {background:#fff;}


.language .btn { color:#fff; border-color:rgba(255,255,255,0.3);}
.language .btn:before {background-position:left top;}


.fixed #hd {background:#fff;}
.fixed #hd .gnb_1da { color:#000;}
.fixed #hd_btn .tel {color:#000;}
.fixed .menu-icon , .fixed .menu-icon:before , .fixed .menu-icon:after {background:#000;}

.fixed .language .btn { color:#000; border-color:rgba(0,0,0,0.3);}
.fixed .language .btn:before {background-position:left -17px;}


.cont_main { word-break: keep-all;}
.cont_main .visual {position:relative; overflow:hidden; height:calc(100vh); background:#000;}
.cont_main .visual .txt {position:absolute; left:0; top:0; right:0; bottom:0; display:flex; text-align:center; justify-content: center; align-items: center; z-index:29; background:rgba(0,0,0,0.3); color:#fff; flex-direction: column; animation:video01 2s ease-in-out backwards;}
.cont_main .visual .txt h2 { font-size:68px; margin-bottom:20px; animation:v_txt01 1s ease-in-out backwards; animation-delay: 1s; }
@keyframes v_txt01{
	0%{  opacity:0; transform: translateY(-30px); filter:blur(3px);}
    100%{opacity:1; transform: translateY(0px); filter:blur(0);}
}

.cont_main .visual .txt p {font-size:35px; padding-bottom:40px;animation:v_txt02 1s ease-in-out backwards; animation-delay: 1s; }
@keyframes v_txt02{
	0%{  opacity:0; transform: translateY(30px); filter:blur(3px);}
    100%{opacity:1; transform: translateY(0px); filter:blur(0);}
}
.cont_main .visual .box {height:calc(100vh - 100px); overflow:hidden; object-fit: cover;  }

.cont_main .visual .box video { position:absolute; left:0; top:0; right:0; bottom:0; object-fit: cover; width:100%; height:100%;}



.cont_main .m_box { padding:130px 0 160px;}
.cont_main .m_tit {text-align:center; font-size:62px; margin:80px 0; word-break: keep-all;}
.cont_main .m_tit:before {content:''; display:block; width:50px; height:2px; background:#1b89dc; margin:0 auto 20px;}
.cont_main .m_txt { font-size:22px; text-align:center; margin:60px 0 30px 0; line-height:1.4; word-break: keep-all; }

.cont_main .m1 h1 {text-align:center; font-size:68px; letter-spacing:-0.02em;}
.cont_main .m1 h1:after {content:''; display:block; width:1px; height:200px; background:#2791dd; margin:40px auto; }
.cont_main .m1 {position:relative; overflow:hidden; padding-bottom:200px;}
.cont_main .m1 .m_tit:before {display:none;}
.cont_main .m1 ul {display:flex; max-width:1520px; justify-content: space-between; margin:0 auto;}
.cont_main .m1 ul li {width:30%;}
.cont_main .m1 ul li .img {display:block; overflow:hidden; position:relative;}
.cont_main .m1 ul li .img:before {content:''; display:block; width:12px; height:12px; background:url(../images/main/plus.png) no-repeat; position:absolute; right:30px; bottom:30px; z-index:2; transition: 0.3s;}
.cont_main .m1 ul li img {width:100%; transition: 0.3s; display:block;}
.cont_main .m1 ul li a:hover img {transform: scale(1.1);}
.cont_main .m1 ul li a:hover .img:before {transform: rotate(180deg);}
.cont_main .m1 ul li .tit {display:block; margin:40px 0 17px; font-size:24px; font-weight:bold; color:#1b89dc;}
.cont_main .m1 ul li .txt {display:block; line-height:1.4; font-size:18px; word-break: keep-all;}
.cont_main .ani_txt {font-size:120px; color:#f8f8f8; font-weight:bold; letter-spacing: -0.03em; position:absolute; left:60%; bottom:-20px; line-height:1; white-space: nowrap;}



.cont_main .m2 {background:#fafafa; padding-bottom:120px; display:none;}
.cont_main .m2 .slider_box { width:100%; overflow:hidden; }
.cont_main .m2 .slider_box .s_box2 { width:160%; margin-left:-30%; }
.cont_main .m2 .slider_box .item a img {padding:0; transform: scale(0.86); transition: 0.3s; opacity:.6; border-radius:10px;}
.cont_main .m2 .slider_box .slick-current .item a img {transform: scale(1); opacity:1;}
.cont_main .m2 .slider_box .item a {display:block; overflow:hidden; border-radius:10px; position:relative;}
.cont_main .m2 .slider_box .item a .txt {position:absolute; left:60px; top:60px; color:#fff; z-index:13; transform: scale(0.86); transition: 0.6s; transition-delay: 0.3s; opacity:0;}
.cont_main .m2 .slider_box .slick-current .item a .txt {transform: scale(1);  opacity:1;}
.cont_main .m2 .slider_box .item a .txt h3 {font-size:28px; margin-bottom:10px;}
.cont_main .m2 .slider_box .item a .txt p {font-size:20px;}
.cont_main .m2 .slider_box .item img {width:100%;}
.cont_main .m2 .nav {display:flex; justify-content: center; margin-top:36px;}
.cont_main .m2 .nav .dots ul {display:flex; margin:0 40px; gap:20px; margin-top:-3px;}
.cont_main .m2 .nav .dots ul button {display:block; background:#fff; width:38px; height:38px; border-radius:50%;  text-align:center; line-height:24px; border:1px solid #eee; transition: 0.3s;}
.cont_main .m2 .nav .dots ul .slick-active button {background:#1b89dc; color:#fff; border-color:#1b89dc;}


.cont_main .m3 {padding:0; border-top:1px solid #f2f2f2;}

.cont_main .m3 ul { display:flex; max-width:1520px; margin:0 auto; border-left:1px solid #f2f2f2; }
.cont_main .m3 ul li {width:100%;position:relative;  border-right:1px solid #f2f2f2;}
.cont_main .m3 ul li:hover {z-index:3;}
.cont_main .m3 ul li a {display:block;  padding:100px 40px; text-align:center; transition: 0.3s;  position:relative; }
.cont_main .m3 ul li a:hover {  border-color:#fff;  z-index:2; }
.cont_main .m3 ul li a:after {content:''; display:block; width:103px; height:103px; background:url(../images/main/ico01.png) no-repeat; margin:50px auto 0; transition: 0.3s;}

.cont_main .m3 ul li:nth-child(2) a:after {background-image:url(../images/main/ico02.png);}
.cont_main .m3 ul li:nth-child(3) a:after {background-image:url(../images/main/ico03.png);}
.cont_main .m3 ul li a:hover:after {transform: rotateY(180deg);}
.cont_main .m3 ul li a h3 {font-size:28px; margin-bottom:24px; transition: 0.3s;}
.cont_main .m3 ul li a p {font-size:19px; color:#555; line-height:1.4; word-break: keep-all;}
.cont_main .m3 ul li a:hover h3 {color:#1b89dc;}


.cont_main .m4 {padding:0; background:#f8f8f8; height:200vh;}
.cont_main .m4 > .inr {height:100vh; position:sticky; top:0; padding-top:140px; overflow:hidden;}
.cont_main .m4 .tit {max-width:1520px; margin:0 auto 60px;}
.cont_main .m4 .tit h3 {font-size:42px;}
.cont_main .m4 .tit p { font-size:20px; color:#555; margin-top:10px;}
.cont_main .m4 .earth {height:680px; background:url("../images/main/earth.png") no-repeat center top; position:relative; opacity:0; transform: translateY(100px);}
.cont_main .m4 .earth .box {position:absolute; left:50%; top:0px;  width:60px;  }
.cont_main .m4 .earth .box:before {content:''; display:block; position:absolute; left:50%; bottom:60px; width:1px; background:#999; height:100px;}
.cont_main .m4 .earth .box a {position:absolute; left:50%; top:0; display:inline-block; white-space: nowrap; padding:0px 20px 0px 18px; line-height:46px; border-radius:4px; background:#444; color:#fff; transform: translateX(-50%); z-index:3; transition:0.3s;}
.cont_main .m4 .earth .box.n1 a:before , .cont_main .m4 .earth .box.n2 a:before {content:''; display:inline-block; width:12px; height:12px; background:url(../images/main/plus.png) no-repeat; margin-right:10px; transition: 0.3s;}
.cont_main .m4 .earth .box a:hover:before {transform: rotate(180deg);}
.cont_main .m4 .earth .box a span {opacity:.7; margin-left:6px;}
.cont_main .m4 .earth .box a:hover {cursor:default;}
.cont_main .m4 .earth .box.n1 a:hover , .cont_main .m4 .earth .box.n2 a:hover {cursor:pointer;}
.cont_main .m4 .earth .box .point { width:60px; height:60px; position:relative; text-align:center; margin-top:146px;}
.cont_main .m4 .earth .box .point:before {content:''; display:block; width:16px; height:16px; position:absolute; left:50%; top:50%; margin:-8px 0 0 -8px; border-radius:50%; background:#aaa;}
.cont_main .m4 .earth .box .point:after {content:''; display:block; width:56px; height:56px; position:absolute; left:2px; top:2px; border-radius:50%; background:#aaa; opacity:0; animation:map01 3s ease-in-out infinite; }
@keyframes map01{
	0%{ opacity:0; transform:scale(0);}
    70%{ opacity:.15;}
    99%{ opacity:0; transform:scale(1);}
    100%{ opacity:0; transform:scale(0);}
}


.cont_main .m4 .earth .box .point em:after {content:''; display:block; width:56px; height:56px; position:absolute; left:2px; top:2px; border-radius:50%; background:#888; opacity:0; animation:map01 3s ease-in-out infinite; animation-delay:0.6s; }
.cont_main .m4 .earth .box .point em:before {content:''; display:block; width:56px; height:56px; position:absolute; left:2px; top:2px; border-radius:50%; background:#888; opacity:0; animation:map01 3s ease-in-out infinite; animation-delay:1.1s; }

.cont_main .m4 .earth .box .point img { position:relative; z-index:3; }


.cont_main .m4 .earth .box.n1 {margin:-30px 0 0 -104px;}
.cont_main .m4 .earth .box.n1 a , .cont_main .m4 .earth .box.n1:before , .cont_main .m4 .earth .box.n1 .point:before , .cont_main .m4 .earth .box.n1 .point:after ,
.cont_main .m4 .earth .box.n1 .point em:after , .cont_main .m4 .earth .box.n1 .point em:before
{background:#007bd8;}

.cont_main .m4 .earth .box.n2 a , .cont_main .m4 .earth .box.n2:before , .cont_main .m4 .earth .box.n2 .point:before , .cont_main .m4 .earth .box.n2 .point:after ,
.cont_main .m4 .earth .box.n2 .point em:after , .cont_main .m4 .earth .box.n2 .point em:before
{background:#007bd8;}



.cont_main .m4 .earth .box.n1 a:hover , .cont_main .m4 .earth .box.n2 a:hover {filter:brightness(1.2);}

.cont_main .m4 .earth .box.n2 { margin:100px 0 0 -37px; }
.cont_main .m4 .earth .box.n2:before {width:130px; height:1px; bottom:30px; left:30px;}
.cont_main .m4 .earth .box.n2 a { transform: none; left:160px; top:50%; transform: translateY(-50%);}
.cont_main .m4 .earth .box.n2 .point {margin:0;}

.cont_main .m4 .earth .box.n3 { margin:80px 0 0 -189px;  }
.cont_main .m4 .earth .box.n3:before { height:37px;}
.cont_main .m4 .earth .box.n3:after {content:''; display:block; width:200px; height:1px; background:#999; position:absolute; right:30px; top:23px; }
.cont_main .m4 .earth .box.n3 a {left:-280px; margin:0; transform: none;}
.cont_main .m4 .earth .box.n3 .point {margin:60px 0 0 0;}

.cont_main .m4 .earth .box.n4 { margin:168px 0 0 -132px;}
.cont_main .m4 .earth .box.n4:before { height:44px; bottom:initial; top:30px; }
.cont_main .m4 .earth .box.n4:after {content:''; display:block; width:200px; height:1px; background:#999; position:absolute; left:30px; top:73px; }
.cont_main .m4 .earth .box.n4 a {left:180px; top:50px; margin:0; transform: none;}
.cont_main .m4 .earth .box.n4 .point {margin:0;}


.cont_main .m4 .earth .box.n5 { margin:218px 0 0 -236px; }
.cont_main .m4 .earth .box.n5:before { height:84px; bottom:initial; top:30px;}
.cont_main .m4 .earth .box.n5:after {content:''; display:block; width:200px; height:1px; background:#999; position:absolute; left:30px; top:113px; }
.cont_main .m4 .earth .box.n5 a {left:140px; top:90px; margin:0; transform: none;}
.cont_main .m4 .earth .box.n5 .point {margin:0;}


.cont_main .m4 .earth .box.n6 { margin:248px 0 0 -356px;  }
.cont_main .m4 .earth .box.n6:before { height:100px; bottom:initial; top:30px;}
.cont_main .m4 .earth .box.n6 a {top:106px;}
.cont_main .m4 .earth .box.n6 .point {margin:0;}


.cont_main .m4 .earth .box.n7 { margin:148px 0 0 -766px; }
.cont_main .m4 .earth .box.n7:before { height:110px;}
.cont_main .m4 .earth .box.n7:after {content:''; display:block; width:200px; height:1px; background:#999; position:absolute; left:30px; top:113px; }
.cont_main .m4 .earth .box.n7 a {left:80px; top:90px; margin:0; transform: none;}
.cont_main .m4 .earth .box.n7 .point {margin:223px 0 0;}


.cont_main .m4 .earth .box.n8 {margin:110px 0 0 564px;  }
.cont_main .m4 .earth .box.n8 .point {margin:110px 0 0;}


.root_daum_roughmap .cont {display:none;}



.m_layer {position:fixed; display:flex; align-items: center; justify-content: center; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:111111111111; visibility:hidden; opacity:0; transition: 0.3s;}
.m_layer.on { visibility: visible; transform: scale(1); opacity:1;}
.m_layer .inr {width:1100px; height:calc(100vh - 140px); overflow-y:auto; background:#fff; padding:60px; position:relative; opacity:0; transform:scale(1.2); filter:blur(10px); transition: 0.6s ease-in-out; }
.m_layer.on .inr {transform:scale(1); filter:blur(0px); opacity:1;}
.m_layer .inr .btn_close {position:absolute; right:60px; top:60px; transition: 0.3s; padding-bottom:4px; }
.m_layer .inr .btn_close:hover {transform: rotate(180deg);}
.m_layer .inr .btn_close i {font-size:36px; transition: 0.3s;}
.m_layer .inr .btn_close:hover i {color:#007bd8;}
.m_layer .inr .root_daum_roughmap  {width:100% !important;}
.m_layer .inr h2 {font-size:28px; margin-bottom:24px;}
.m_layer .inr h2:after {content:''; display:block; width:32px; height:1px; background:#007bd8; margin-top:14px;}
.m_layer .inr ul { margin-bottom:40px;}
.m_layer .inr ul li {margin:6px 0;}


.mobile_map {display:none;}


@media (max-width: 1600px){
    

}



@media (max-width: 1559px){
    
    .cont_main .m1 ul {margin:0 20px;}
    
    .cont_main .m_box {padding:100px 0;}
    .cont_main .m_tit {font-size:42px;}
    .cont_main .m_txt {font-size:21px; margin-bottom:50px;}
    .cont_main .m1 ul li .tit {font-size:22px; margin:25px 0 15px;}
    .cont_main .m3 , .cont_main .m4 {padding:0;}
    .cont_main .m3 ul li a {padding:80px 30px;}
    
    .cont_main .m2 .slider_box .s_box2 { width:200%; margin-left:-50%; }
    .cont_main .m2 .slider_box .item a img {transform: scale(0.9);}
    
    .cont_main .m4 > .inr {padding-top:100px;}
    
    .cont_main .m4 .tit {margin:0 0 -40px 30px;}



/* add */
.cont_main .m_tit {margin: 80px 0;}
.cont_main .m_txt {margin: 80px 0;}
.cont_main .m4 .earth {background: url(../images/main/earth.png) center bottom no-repeat;background-size:1500px;}
.cont_main .m1 ul {margin: 0 60px;}
.cont_main .m4 .earth .box.n1{margin: 90px 0 0 -84px;}
.cont_main .m4 .earth .box.n2{margin: 216px 0 0 -30px;}
.cont_main .m4 .earth .box.n3{margin: 190px 0 0 -169px;}
.cont_main .m4 .earth .box.n4{margin: 288px 0 0 -102px;}
.cont_main .m4 .earth .box.n5{margin: 318px 0 0 -196px;}
.cont_main .m4 .earth .box.n6{margin: 338px 0 0 -280px;}
.cont_main .m4 .earth .box.n7{margin: 198px 0 -30px -606px;}
.cont_main .m4 .earth .box.n8{margin: 210px 0 0 443px;}





}


@media (max-width: 1279px){
    
    .cont_main .m2 .slider_box .item a .txt {top:40px; left:40px;}
    .cont_main .m2 .slider_box .item a .txt h3 {font-size:20px;}
    .cont_main .m2 .slider_box .item a .txt p {font-size:16px;}
    
    .cont_main .m3 ul li a {padding:50px 15px;}
    .cont_main .m3 ul li a h3 {font-size:24px; margin-bottom:16px;}
    .cont_main .m3 ul li a p {font-size:17px;}
    .cont_main .m3 ul li a:after {width:70px; height:70px; background-size:cover; margin-top:30px;}
    
    .cont_main .m4 .earth { transform: scale(0.8) !important; width:calc(140%); margin-left:-20%;}
    
    
}


@media (max-width: 1023px){
    
   
    .cont_main .visual {height:68vw; background-size:cover;}
    .cont_main .visual .box {height:68vw;}
    .cont_main .visual .txt h2 {font-size:48px; margin-bottom:16px;}
    .cont_main .visual .txt p {font-size:22px; word-break: keep-all;}
    
    .cont_main .m1 ul {gap:30px;}
    .cont_main .m1 ul li {width:33.3333%;}
    .cont_main .m1 ul li .tit {font-size:20px;}
    .cont_main .m1 ul li .txt {font-size:17px;}
    
    
    .m_layer .inr {height:100vh;}
    
    .cont_main .m3 ul {display:block; border:0;}
    .cont_main .m3 ul li {width:100%; border:0;}
    .cont_main .m3 ul li a:after {width:50px; height:50px; background-size:cover; margin-top:30px;}
    
    
   .cont_main .m4 .earth { transform: scale(0.66) !important; width:calc(170%); margin-left:-35%; margin-top:-100px;}
    .cont_main .m4 .tit h3 {font-size:32px;}
}

@media (max-width: 767px){
    

    .index #logo a {
    background: url(/theme/ins/images/common/logo.png) no-repeat left -18px;
    text-indent: -999px;
    background-size: auto 36px; width:120px; height:18px;
    }
    .index .fixed #logo a {background-position:left top;}
    .cont_main .visual .txt h2 {font-size:32px; margin-bottom:10px;}
    .cont_main .visual .txt p {font-size:18px; word-break: keep-all; padding:0 20px 20px;}
    
    
    
    .cont_main .m_box {padding:60px 0px 70px;}
    .cont_main .m_box h1 {font-size:30px; line-height:1.1; padding:0 20px;}
    .cont_main .m1 h1:after {display:none;}
    .cont_main .m_tit {font-size:28px; margin-bottom:30px;}
    .cont_main .m_tit:before {width:32px; margin-bottom:12px;}
    .cont_main .m_txt {font-size:17px; margin-bottom:30px; margin-top:30px; padding:0 20px;}
    
    .cont_main .m1 ul {display:block; }
    .cont_main .m1 ul li {width:auto;}
    .cont_main .m1 ul li + li {margin-top:30px;}
    .cont_main .m1 ul li .tit {font-size:19px; margin:20px 0 12px;}
    
   
    
    .cont_main .ani_txt {font-size:80px; bottom:-12px; color:rgba(0,0,0,0.02);}
    
    
    .cont_main .m2 .slider_box .s_box2 { width:280%; margin-left:-90%; }
    .cont_main .m2 .slider_box .item a img {transform: scale(0.96);}
    .cont_main .m2 .nav .dots ul {gap:10px; margin:0 24px;}
    .cont_main .m2 .nav .dots ul button {width:28px; height:28px; font-size:14px;}
    .cont_main .m2 .nav button img {width:20px;}
    .cont_main .m2 .slider_box .item a .txt {left:20px; top:20px;}
    .cont_main .m2 .slider_box .item a .txt h3 {font-size:16px; margin-bottom:3px;}
    .cont_main .m2 .slider_box .item a .txt p {font-size:13px;}
    
    .cont_main .m_box.m3 {padding:0;}
    .cont_main .m3 ul {display:block;}
    .cont_main .m3 ul li {width:100%; border:0; border-bottom:1px solid #eee;}
    .cont_main .m3 ul li:last-child {border:0;}
    .cont_main .m3 ul li a {padding:50px 26px;}
    .cont_main .m3 ul li a:after {width:50px; height:50px; margin-top:30px;}
    .cont_main .m1 ul li .img:before {right:20px; bottom:20px;}
    
    
     .cont_main .m4 {height:auto; background:#fafafa !important; padding:0; position:relative;}
    .cont_main .m4 > .inr {height:auto; background:none !important; padding:0;}
    .cont_main .m4 .earth {display:none;}
    .cont_main .m4 .tit { margin:0; position:absolute; left:30px; top:30px; color:#fff; z-index:3;}
    .cont_main .m4 .tit h3 {font-size:28px; color:#fff;}
    .cont_main .m4 .tit p {font-size:15px; color:#fff; margin-top:6px; opacity:.75;}
    .mobile_map {display:block; position:relative;}
    .mobile_map:before { content:''; display:block; position:absolute; left:0; right:0; top:0; height:150px; background:linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 100%);}
    .mobile_map img {width:100%;}
    .m_layer {display:block !important; opacity:1; position:initial;visibility:visible; background:none;}
    .m_layer + .m_layer {padding-bottom:60px;}
    .m_layer .inr {opacity:1; transform: scale(1); filter:none; width:auto; height:auto !important; overflow:auto; padding:40px 30px 0;}
    .m_layer .inr .btn_close {display:none;}
    
    
    .cont_main .m4 {padding:0;}
    .cont_main .m4 .tit {left:20px; top:24px;}
    .cont_main .m4 .tit h3 {font-size:22px;}
    .cont_main .m4 .tit p {font-size:13px;}
    .m_layer + .m_layer {padding-bottom:45px;}
    .m_layer .inr {padding:30px 20px 0;}
    .mobile_map:before {opacity:.85; height:90px;}
    .m_layer .inr h2 {font-size:18px; margin-bottom:12px;}
    .m_layer .inr h2:after {width:24px; margin-top:8px;}
    .m_layer .inr ul {margin-bottom:25px;}
    .m_layer .inr ul li {margin:6px 0; font-size:15px;}
    .m_layer .root_daum_roughmap .wrap_map {height:220px !important;}
    .m_layer iframe {height:260px !important;}
}