@charset "utf-8";
/* Main Visual */

.main_wrap{overflow: hidden; padding-top:  104px;}
.mv_sec{overflow: hidden; position: relative;width: 100%; height: 740px; }
.mv_sec .item{width: 100%; height: 740px; position: relative; overflow: hidden;  max-height:740px;}
.mv_sec .item .mv_img{position: absolute; left: 0; top: 0; width: 100%; height: 740px; transition:5s; overflow: hidden !important; transform:scale(1); background: url(../../images/main/mv_1.jpg) top center no-repeat;}

.mv_sec .mv02 .mv_img{background: url(../../images/main/mv_2.jpg) top center no-repeat;}
.mv_sec .mv03 .mv_img{background: url(../../images/main/mv_3.jpg) top center no-repeat;}
.mv_sec .mv04 .mv_img{background: url(../../images/main/mv_4.jpg) top center no-repeat;}
.mv_sec .active .mv_img{transform:scale(1.1) rotate(.001deg); }
/* .mv_sec .active .mv01 .mv_img{transform:scale(1.1) rotate(.001deg); } */

/*메인 타이틀 */
.m_txt{width: 100%; margin: 0 auto;  box-sizing: border-box;  text-align: center; display: table; width: 100%; height: 100%;}
.m_txt .mt_c{display: table-cell; vertical-align: middle; padding-bottom: 62px;}
.m_txt h3{position: relative; font-size: 60px; line-height: 1.25; font-weight: 700; color: #fff;  box-sizing: border-box; margin-bottom: 20px; letter-spacing: 0;} 
.m_txt p{position: relative; font-size: 40px; line-height: 1.25; color: #fff; letter-spacing: 0; font-weight: 400; letter-spacing: 0;}   
.scroll_d{position: absolute; left: 0; bottom: 0; text-align: center; z-index: 50; width: 100%;}
.scroll_d span{position: relative; padding-bottom: 70px; color: #fff;font-weight: 700; display: block; letter-spacing: 0.1em; text-align: center; display: block; font-size: 15px; line-height: 15px; animation-duration:1.7s;  animation-name: scb; animation-iteration-count: infinite;} 
.scroll_d span:after{position: absolute; content:''; width: 2px; height: 23px; background: #fff; left: 50%; top:-38px; margin-left: -1px;}
.mv_sec .owl-theme .owl-nav{max-width:1300px; margin: 0 auto; position: absolute;  left: 50%; top: 50%; width: 100%; transform:translate(-50%, 0); margin-top: 37px;}
.mv_sec .owl-theme .owl-nav [class*=owl-]{position: absolute; left: 0; width: 66px; height: 24px; background: url(../../images/main/mv_pre.png) center no-repeat; text-indent: -99999px; margin-left: -169px; transition:.3s;}
.mv_sec .owl-theme .owl-nav .owl-next{left: auto; right: 0; background: url(../../images/main/mv_nex.png) center no-repeat; margin-left: 0; margin-right: -169px;}
.mv_sec .owl-theme .owl-nav .owl-prev:hover{margin-left: -180px;}
.mv_sec .owl-theme .owl-nav .owl-next:hover{margin-right: -180px;}

.mv_sec .owl-nav.disabled+.owl-dots {position: absolute; left: 0; bottom: auto; bottom: 41px;  width: 100%; text-align: center;box-sizing: border-box; margin-top: 0;}
.mv_sec .owl-theme .owl-dots .owl-dot{width: 8px ;height: 8px; margin: 0; padding: 0; margin-right: 13px;	display: inline-block;}
.mv_sec .owl-theme .owl-dots .owl-dot:last-child{margin-right: 0;}
.mv_sec .owl-dots .owl-dot span{position: relative;width: 8px; height: 8px; box-sizing: border-box; background: #fff; opacity: 0.3; border: 2px solid #fff;	transition:.3s;  margin: 0; display: block; vertical-align: middle; margin-right: 20px;}
.mv_sec .owl-dots .owl-dot.active span, .mv_sec .owl-dots .owl-dot:hover span{background: #fff; transition:.3s; opacity: 1; background: rgba(255,255,255,0);}

/*메인효과 비쥬얼 효과*/
.active .m_txt span{opacity: 1;}
.active .m_txt h3{animation-duration: 1.3s; animation-name: m1; }
.active .m_txt p{ animation-duration: 1.3s;  animation-name: m2; }
@keyframes m1 {0% {opacity: 0; top:50px } 100% {opacity: 1; top:0px}}
@keyframes m2 {0% {opacity: 0; top:-50px;} 100% {opacity: 1; top:0px;}}



/*메인 컨텐츠*/
.m_tit_box span{display: block; font-size: 18px; line-height: 1; color: #00a1ba; font-weight: 700; margin-bottom: 12px;}
.m_tit_box h2{font-size: 45px; line-height: 1; color: #303030; font-weight: 700;}

.mcnt1{margin: 117px auto 132px !important;	}
.mcnt1 ul li{float: left; width: 23.86%; margin-right: 1.52%;}
.mcnt1 ul li:last-child{margin-right: 0;}
.mcnt1 ul li .tbx{padding-left: 21px; position: relative; margin-bottom: 42px;}
.mcnt1 ul li .tbx:before{position: absolute; content:''; width: 5px; height: 42px; background: #00a1ba; left: 0; top: 3px;}
.mcnt1 ul li.li2 .tbx:before{background: #9ede59;}
.mcnt1 ul li.li3 .tbx:before{background: #596b6c;}
.mcnt1 ul li.li4 .tbx:before{background: #31d2c5;}
.mcnt1 ul li h3{font-size: 18px; line-height: 1; color: #303030; font-weight: 700; transition:.3s; margin-bottom: 5px;}
.mcnt1 ul li p{font-size: 16px; color: #606060; }
.mcnt1 ul li:hover h3{color: #00a1ba;}
.mcnt1 ul li.li2:hover h3{color: #9ede59;}
.mcnt1 ul li.li3:hover h3{color: #596b6c;}
.mcnt1 ul li.li4:hover h3{color: #31d2c5;}
.mcnt1 ul li .ibw{box-shadow:5px 5px 30px rgba(0,0,0,0.1); }
.mcnt1 ul li .ibx{overflow: hidden; position: relative; }
.mcnt1 ul li .ibx img{transform:scale(1); transition:.6s;}
.mcnt1 ul li:hover .ibx img{transform:scale(1.2);}
.mcnt1 ul li .ibx:after{position: absolute; content:''; width: 100%; height: 100%; background: #00a1ba; opacity: 0; left: 0; top: 0; transition:.3s;}
.mcnt1 ul li.li2 .ibx:after{background: #9ede59; }
.mcnt1 ul li.li3 .ibx:after{background: #596b6c; }
.mcnt1 ul li.li4 .ibx:after{background: #31d2c5; }
.mcnt1 ul li:hover .ibx:after{opacity: 0.5;}

.mcnt2{position: relative; background: url(../../images/main/mcnt2_1.jpg) center no-repeat; text-align: center; padding: 120px 0; height: 830px; box-sizing: border-box;}
.mcnt2_owl{margin-top: 50px !important; }
.mcnt2 .mcnt3_0{width: 265px; margin: 0 auto;}
.mc_icn{position: relative; width: 265px; height: 257px;  text-align: center; ; text-align: center; z-index: 10;}
.mc_icn:before{position: absolute; content:''; width: 265px; height: 257px; background: url(../../images/main/mcnt3_0.png) center no-repeat; left: 0; top: 0; z-index: -1;}
.mc_icn_r:before{transform:rotate(180deg)}

.mc_icn span{display: block; font-size: 21px; line-height: 1; color: #fff; text-align: center; font-weight: 500; padding-top: 174px;	}
.mc_icn img{width: auto !important; text-align: center; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-64%)}
.mct_txt{text-align: center; margin-top: 6px;} 
.mct_txt h4{font-size: 16px; line-height: 1.625; font-weight: 400; color: #606060;}
.mct_txt h4 br{display: none;}

.por{position: absolute; left: 50%; bottom: 120px; transform:translate(-50%, 0%); width: 250px;}
.more_b{position: relative; margin: 0 auto;width: 250px; height: 75px; background: #fff; box-shadow:0px 0px 20px rgba(0,0,0,0.1); }
.more_b:before{position: absolute; content:''; width: 10px; height: 10px; background: #9ede59; left: 0; top: 0; transition:.8s;}
.more_b:after{position: absolute; content:''; width: 10px; height: 10px; background: #02a2b9; right: 0; bottom: 0; transition:.8s;}
.more_b a{position: relative; font-size: 16px; color: #303030;  font-weight: 700; text-align: center; line-height: 75px;}
.more_b a:after{position: absolute; content:''; display: block; width: 100%; height: 75px; background: url(../../images/main/mcnt_bth.png) center no-repeat; left: 0; top: 0; z-index: 100; opacity: 0; transition:.8s; }
.more_b:hover:before{left: 100%; opacity: 0;}
.more_b:hover:after{right: 100%; opacity: 0;}
.more_b:hover a:after{opacity: 1;}

.mcnt2 .owl-carousel .owl-stage-outer,
.mcnt2 .owl-carousel, .mcnt2 .owl-carousel .owl-item{position: static !important; }
.mcnt2 .owl-carousel .owl-nav .owl-next, .mcnt2 .owl-carousel .owl-nav .owl-prev{text-indent: -9999999px;margin: 0; padding: 0; width: 88px; height: 88px; border-radius: 50%; background: #fff; position: absolute; transition:.3s;}
.mcnt2 .owl-carousel .owl-nav .owl-prev{left: 100px; top: 50%; margin-top: -44px;}
.mcnt2 .owl-carousel .owl-nav .owl-prev:before{position: absolute; content:''; width: 88px; height: 88px; background: url(../../images/main/mcnt_pre.png) center no-repeat; left: 0px; top: 0px; transition:.3s;}
.mcnt2 .owl-carousel .owl-nav .owl-prev:after{position: absolute; content:''; width: 88px; height: 88px; background: url(../../images/main/mcnt_pre_h.png) center no-repeat; left: 0px; top: 0px; opacity: 0; transition:.3s;}
.mcnt2 .owl-carousel .owl-nav .owl-prev:hover{background: #5d6f6f;}
.mcnt2 .owl-carousel .owl-nav .owl-next:hover{background: #5d6f6f;}
.mcnt2 .owl-carousel .owl-nav .owl-prev:hover:before{opacity: 0;}
.mcnt2 .owl-carousel .owl-nav .owl-prev:hover:after{opacity: 1;}
.mcnt2 .owl-carousel .owl-nav .owl-next{right: 100px; top: 50%; margin-top: -44px;}
.mcnt2 .owl-carousel .owl-nav .owl-next:before{position: absolute; content:''; width: 88px; height: 88px; background: url(../../images/main/mcnt_nex.png) center no-repeat; right: 0px; top: 0px; transition:.3s;}
.mcnt2 .owl-carousel .owl-nav .owl-next:after{position: absolute; content:''; width: 88px; height: 88px; background: url(../../images/main/mcnt_nex_h.png) center no-repeat; right: 0px; top: 0px; opacity: 0; transition:.3s;}
.mcnt2 .owl-carousel .owl-nav .owl-next:hover:before{opacity: 0;}
.mcnt2 .owl-carousel .owl-nav .owl-next:hover:after{opacity: 1;}

.mcnt3_wrap{width: 100%; position: relative; z-index: 10; height: 460px; margin-top: -1px;}
.mcnt3_wrap:before{position: absolute; content:'';  width: 50%; height: 460px; background: url(../../images/main/mcbg_031.jpg) center no-repeat; left: 0; top: 0; }
.mcnt3{ position: relative; z-index: 10; overflow: hidden;height: 100%;}
.mcnt3 .lbx{width: 50%; text-align: left;  display: table; table-layout: fixed; height: 100%;}
.mcnt3 .lbx .tbw{display: table-cell; width: 100%;height: 100%; vertical-align: middle; padding-top: 14px;	}
.tbw .tit_bn{position: relative; padding-left: 35px;}
.tbw .tit_bn:before{position: absolute; content:''; width: 5px; height: 45px; background: #fff; left: 0; top: 0;}
.tbw .tit_bn span{display: block; font-size: 18px; line-height: 1; color: #fff; font-weight: 500; margin-bottom: 10px;}
.tbw .tit_bn h4{font-size: 45px; line-height: 1; color: #fff; font-weight: 700; margin-left: -2px;}
.mcnt3 .lbx p{font-size: 16px; line-height: 1.625; color: #fff; margin-top: 20px; letter-spacing: -0.02em;}
.mcnt3 .lbx p a{color: #fff;}
.mcnt3_wrap .rbx{width: 50%; position: absolute; top: 0; right: 0; z-index: 10;}
.mcnt3_wrap .root_daum_roughmap{height: 460px !important; padding: 0 !important; width: 100% !important;}
.mcnt3_wrap .root_daum_roughmap .wrap_map{height: 460px;}
.ft_sub1 ul{width: 50%;}
.mcnt3_wrap .rbx iframe{width: 100% !important; height: 610px !Important; overflow: hidden;}
.place-desc-large{display: none !important;}
.goole-map {width: 100%;overflow: hidden;}
.goole-map iframe {margin-top: -150px;}