/* 메인 슬라이드 */
.idx_vis{ width: 100%; position: relative;}
.slider-wrap {  width: 100%; position: relative;}
.slider-wrap .mvisual { width: 100%; height: 800px; background-position: center top;  background-repeat: no-repeat;  background-size: cover; position: relative;}
.slider-wrap .mvisual::after { display: block; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; top: 0px; left: 0px;}
.slider-wrap .mvisual01 {  background-image: url(../img/main/visual01.jpg);}
.slider-wrap .mvisual02 {  background-image: url(../img/main/visual02.jpg);}
.slider-wrap .mvisual03 {  background-image: url(../img/main/visual03.jpg);}
/*페이지 전환시 깜빡거림 현상 방지*/
.slick-slider .slick-track,
.slick-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;
}
.idx_vis .main_text{ width: 100%; position: absolute; top: 50%; left: 50%; margin-left: -50%; transform: translateY(-55%); z-index: 2; text-align: center;}
.idx_vis .main_text h3{ font-weight: normal; font-weight: 700; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; color: #fff; 
  text-shadow: 0 0 15px rgba(0,0,0,.2);}
.idx_vis .main_text h1{ font-weight: normal; font-weight: 700; font-size: 70px; color: #fff; line-height: 1.2; text-shadow: 0 0 15px rgba(0,0,0,.2); margin: 30px 0 30px 0;}
.idx_vis .main_text p{ font-weight: 500; font-size: 22px; color:#fff; line-height: 1; padding: 10px 20px; border-radius: 30px; display: inline-block; background: #3592CE;
background: linear-gradient(113deg, rgba(53, 146, 206, 1) 0%, rgba(86, 182, 160, 1) 100%);}

.idx_vis .slick-dots { position: absolute;  bottom: auto; bottom: 60px; left: 50%; margin-left: -35px; display: flex; z-index: 22 !important; }
.idx_vis .slick-dots li { margin: 0 6px;}
.idx_vis .slick-dots li > button { width: 15px; height: 15px; border-radius: 50%; text-indent: -9999px; background-color: transparent; border: 2px solid #fff; }
.idx_vis .slick-dots li.slick-active > button { background-color: #fff; }

@media screen and (max-width: 1023px) {
  .slider-wrap .mvisual { height: 500px;}
  .idx_vis .main_text h3{ font-size: 15px;}
  .idx_vis .main_text h1{ font-size: 45px;}
  .idx_vis .main_text p{ font-size: 16px;}
  .idx_vis .slick-dots { bottom: 30px; }
  .idx_vis .slick-dots li > button { width: 12px; height: 12px;}
}
@media screen and (max-width: 767px) {
  .slider-wrap .mvisual { height: 400px;}
  .idx_vis .main_text { width: 90%; margin-left: -45%;}
  .idx_vis .main_text h3{ font-size: 13px;}
  .idx_vis .main_text h1{ font-size: 30px;}
  .idx_vis .main_text h1 br{ display: none;}
  .idx_vis .main_text p{ font-size: 15px; line-height: 1.2; padding: 8px 10px;}
  .idx_vis .slick-dots li > button { width: 12px; height: 12px;}

  [data-aos] {
    pointer-events: auto !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/*cont02*/
.cont02{ padding:130px 0;}
.cont02_in{ width: 68%; margin: 0 auto;}
.ct02_txt{ text-align: center; margin-bottom: 80px;}
.ct02_txt h2{ font-size: 13px; font-weight: normal; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: #ddd; margin-top: 20px; display: none;}
.ct02_txt h1{ font-size: 55px; font-weight: normal; font-weight: 600; color: #3c362d; letter-spacing: -2px; margin: 30px 0 30px 0;}
.ct02_txt h1 span{ font-size: 40px; font-weight: normal; font-weight: 300; display: block;}
.ct02_txt h1 strong{ color: #3592CE; font-weight: normal; font-weight: 700;}
.ct02_txt p{ font-size: 18px; line-height: 1.6; font-weight: 400; color: #bbb;}
.ct02_box ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.ct02_box li{ width: 300px; position: relative; border: 1px solid #ddd;}
.ct02_box li .num{ width: 40px; height: 40px; line-height: 36px; border-radius: 10px; text-align: center; font-size: 30px; color: #fff;
font-weight: 300; position: absolute; top: 170px; left: 50%; transform: translateX(-50%); z-index: 2; background: #3592CE;
background: linear-gradient(113deg, rgba(53, 146, 206, 1) 0%, rgba(86, 182, 160, 1) 100%);}
.ct02_box li .img{ display: block; height: 190px; overflow: hidden; position: relative;}
.ct02_box li .img img{ width: 100%; transition: all 0.5s;}
.ct02_box li h1{ font-size: 28px; font-weight: 700; color: #333; text-align: center; margin-top: 40px;}
.ct02_box p{ font-size: 14px; font-weight: 300; color: #999; line-height: 1.6; text-align: center; padding: 10px 20px 30px 20px;}
.ct02_box li a:hover .img img{ transform: scale(1.2); transition: all 0.5s;}
@media screen and (max-width: 1780px) {
  .cont02_in{ width: 80%;}
  .ct02_box ul{ justify-content:center; gap: 30px;}
}
@media screen and (max-width: 1627px) {
  .cont02_in{ width: 100%;}
}
@media screen and (max-width: 1355px) {
  .cont02_in{ width: 100%;}
}
@media screen and (max-width: 1304px) {
  .ct02_box ul{ gap: 30px;}
  .ct02_box li{ width: 260px;}
  .ct02_box li .img{ height: 170px;}
  .ct02_box li .num{ top: 150px;}
}
@media screen and (max-width: 1144px) {
  .ct02_box ul{ gap: 20px;}
  .ct02_box li{ width: 225px;}
  .ct02_box li .img{ height: 145px;}
  .ct02_box li .num{ top: 125px;}
}
@media screen and (max-width: 1023px) {
  .cont02{ padding: 100px 0;}
  .ct02_txt{ margin-bottom: 50px;}
  .ct02_txt h3 img{ width: 50px;}
  .ct02_txt h1{ font-size: 40px;}
  .ct02_txt h1 span{ font-size: 33px;}
  .ct02_txt p{ font-size: 16px;}
  .ct02_box ul{ gap: 20px;}
}
@media screen and (max-width: 974px) {
  .ct02_box ul{ gap: 30px;}
  .ct02_box li{ width: 300px;}
  .ct02_box li .img{ height: 190px;}
  .ct02_box li .num{ top: 170px;}
}
@media screen and (max-width:767px) {
  .cont02{ padding: 60px 0;}
  .ct02_txt h3 img{ width: 40px;}
  .ct02_txt h1{ font-size: 30px; margin: 20px 0 20px 0;}
  .ct02_txt h1 span{ font-size: 25px;}
  .ct02_txt p{ font-size: 15px;}
  .ct02_box li h1{ font-size: 25px;}
}

/*cont05*/
.cont05{ width: 100%; height: 700px; background: url(../img/main/cont03_bg.jpg) no-repeat center center / cover;}
.ct05_txt{ text-align: center; padding-top: 180px;}
.ct05_txt h2{ font-size: 18px; font-weight: normal; font-weight: 400; color: rgba(255,255,255,.5); letter-spacing: 3px; text-transform: uppercase;}
.ct05_txt h1{ font-size: 70px; font-weight: normal; font-weight: 700; line-height: 1.1; color: #fff; letter-spacing: 0px; text-transform: uppercase;  margin: 30px 0 40px 0;}
.ct05_txt p{ font-size: 18px; line-height: 1.8; font-weight: 300; color: rgba(255,255,255,.9);}
.dc_btn{ margin: 50px auto 0 auto; width: 230px;}
.dc_btn > a{ display: block; border: 1px solid #fff; line-height: 55px; text-align: center; font-size: 20px; color: #fff; transition: all .3s;}
.dc_btn > a:hover{ font-weight: bold; transition: all .3s; border-color: transparent; background: #3592CE;
background: linear-gradient(113deg, rgba(53, 146, 206, 1) 0%, rgba(86, 182, 160, 1) 100%);}
@media screen and (max-width: 1023px) {
  .cont05{ height: 500px;}
  .ct05_txt{ padding-top: 90px;}
  .ct05_txt h2{ font-size: 16px;}
  .ct05_txt h1{ font-size: 50px; margin: 20px 0 30px 0;}
  .dc_btn{ margin: 40px auto 0 auto; width: 190px;}
  .dc_btn > a{ line-height: 45px; font-size: 18px;}
}
@media screen and (max-width: 767px) {
  .cont05{ height: 400px;}
  .ct05_txt{ padding: 80px 3% 0 3%;}
  .ct05_txt h2{ font-size: 15px;}
  .ct05_txt h1{ font-size: 30px;}
  .ct05_txt p{ font-size: 15px;}
  .dc_btn{ margin: 30px auto 0 auto; width: 160px;}
  .dc_btn > a{ line-height: 40px; font-size: 16px; color: #fff; font-weight: bold; border: none; background: #3592CE;
background: linear-gradient(113deg, rgba(53, 146, 206, 1) 0%, rgba(86, 182, 160, 1) 100%);}
  .dc_btn > a:hover{}
}

/*cont04*/
.cont04{ padding: 130px 0;}
.cont04_in{ width: 1400px; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; overflow: hidden;}
.cont04_info{ width: 50%; text-align: center;}
.cont04_info h1{ font-weight: normal; font-weight: 700; font-size: 35px;}
.cont04_info h1 > span{ color: #3592CE;}
.cont04_info h2{ font-size: 22px; line-height: 1.6; margin: 20px 0;}
.cont04_info .time_box{ margin-top: 50px; padding-top: 50px; border-top: 1px solid #666; text-align: left; display: flex; justify-content: center; flex-wrap: wrap; }
.cont04_info h4{ font-weight: normal; font-weight: 700; font-size: 30px; color: #3592CE; font-weight: 700; margin-right: 100px;}
.cont04_info h4 > span{ font-weight: 400; font-size: 18px; color: #333; display: block; margin-top:7px;}
.cont04_info dl{ display: flex; font-size: 20px; font-weight: 600; color: #222; margin-bottom: 10px;} 
.cont04_info dt{ width: 100px;}
.cont04_info h5{ font-size: 18px; color: #fff; line-height: 50px; display: inline-block; padding: 0 30px; border-radius: 50px; background-color: #008083; margin-top: 10px;}
.cont04_info h5 > strong{ color: #E5DA7F;}
.cont04 .cont04_map{ width: 50%; padding-right: 5%;}
.cont04 .cont04_map .wrap_map{ /*border-radius: 30px; overflow: hidden;*/}
.cont04 .cont04_map .cont{ display: none;}

@media screen and (max-width: 1550px) {
  .cont04_in{ width: 95%; }
  .cont04_info{ padding-right: 2%;}
}
@media screen and (max-width: 1023px) {
  .cont04{ padding: 100px 0;}
  .cont04_in{ width: 85%; }
  .cont04_info{ width: 100%;}
  .cont04 .cont04_map{ width: 100%; padding-right: 0; margin-bottom: 30px;}
  .cont04 .cont04_map .wrap_map{ height: 300px !important;}
}
@media screen and (max-width:767px) {
  .cont04{ padding: 60px 0;}
  .cont04_in{ width: 90%;}
  .cont04_info h1{ font-size: 25px;}
  .cont04_info h2{ font-size: 18px; line-height: 1.2;}
  .cont04_info .time_box{ margin-top: 30px; padding-top: 30px;}
  .cont04_info h4{ font-size: 25px; margin-right: 20px; margin-bottom: 30px; text-align: center;}
  .cont04_info h4 > span{ font-size: 18px;}
  .cont04_info dl{ font-size: 17px; } 
  .cont04_info dt{ width: 90px;}
  .cont04_info dd{ width: calc(100% - 70px);}
  .cont04_info h5{ width: 100%; text-align: center; line-height: 50px; padding: 0 20px; font-size: 16px;}
  .cont04 .cont04_map .wrap_map{ height: 200px !important; border-radius: 20px;}
}
@media screen and (max-width:400px) {
  .cont04_info h4{ margin-right: 0;}
  .cont04_info dl{ font-size: 18px; } 
}