@charset "UTF-8";

/* main_visual */
.main_visual { overflow: hidden;}
.main_visual .item {height: 1000px;background-position: top center;}
.main_visual .text{position: absolute;max-width: 1400px;left: 50%;margin-left: -600px;margin-top: 330px;text-align: left;}
.main_visual .img {left:50%;bottom:0;position: absolute;right: 0;margin-left: -190px;width: 963px;}
.main_visual .owl-item img {width: auto;}
.main_visual .text h2{font-size: 100px;color: #fff;animation-delay:.0s;font-weight: 800;line-height: 1.1; font-family: 'tmonmon'}
.main_visual .text h2 + h2 {animation-delay:.3s;}
.main_visual .text h3{color: #314384;font-size: 55px;font-weight: 800;line-height: 1.2;margin-bottom: 10px;animation-delay:.6s;}
.main_visual .text h3 > span {display: inline-block;width: 63px;height: 63px;line-height: 63px;background: #acc64f;text-align: center; color:#fff;}
.main_visual .text h3 > span + span {background:#1483c4;}
.main_visual .text h3 > span + span + span  {background:#224187}
.main_visual .text h3 > span + span + span + span {background:#1483c4}
.main_visual  .text > p {animation-delay:.9s;color: #eee;font-size: 24px;margin-top: 40px;}

.main_visual .active .text h2 , .main_visual .active .text p, .main_visual .active .text h3{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
.main_visual  .active  img{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
.main_visual .owl-carousel .owl-dots {position: absolute;bottom: 80px;text-align: center;left: 50%;margin-left: -600px;}
.main_visual .owl-carousel .owl-dot {width: 15px;height: 15px;border-radius:10px;background: #fff;display:  inline-block;margin: 0 5px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.main_visual .owl-carousel .owl-dot.active {width: 60px;background: #a2c742;}
.main_visual .right .owl-carousel .owl-dots {text-align: left;left: 100px;}
.main_visual .owl-carousel .owl-nav {position: absolute;top: 50%;margin-top: -35px;width:  100%;}
.main_visual .owl-carousel .owl-nav button.owl-next, .main_visual .owl-carousel .owl-nav button.owl-prev{ width: auto; height: auto; background: none;}
.main_visual .owl-carousel .owl-nav button.owl-next::before,  .main_visual .owl-carousel .owl-nav button.owl-prev::before {content: "\E82A";font-family: 'icon_font';font-size: 50px;color: #fff;}
.main_visual .owl-carousel .owl-nav button > span {display: none;}
.main_visual .owl-carousel .owl-nav button.owl-next::before{content: "\E82E";}
.main_visual .owl-carousel .owl-nav button.owl-prev{left: 50%;position: absolute;margin-left: -700px;}
.main_visual .owl-carousel .owl-nav button.owl-next{position: absolute;right: 50%;margin-right: -700px;}
.main_visual .three .text {left: 50%;right: auto;margin-left: -600px;text-align: left;}

.main_visual .visual_3 h3{color:#fff}

/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {

}
/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  .main_visual {margin-top:60px}
  .main_visual .item {height: 500px;background-size: cover;}
  .main_visual .img {width: 100%;margin:0;/* left: 50%; *//* margin-left: -170px; */left: 70px;}
  .main_visual .owl-item img{width: 543px;max-width: 10000px;}
  .main_visual .text{margin-left: 0;left: 0;margin-top: 160px;text-align: center;width: 100%;}
  .main_visual .text h2{font-size: 44px;}
  .main_visual .text h3{font-size: 25px;margin-top: 10px;line-height: 1.4;}
  .main_visual .text h3 > span{width: 30px;height: 30px;line-height: 30px;}
  .main_visual .text > p{font-size: 18px;margin-top: 10px;}
  .main_visual .owl-carousel .owl-dots{left: 0;margin: 0;bottom: 30px;width: 100%;}
  .main_visual .visual_2 .text {margin-top: 30px;text-align:center; width:100%; left:0}
  .main_visual .visual_2 .img{left: 50%;margin-left: -126px;bottom: 7px;width: 400px;}
  .main_visual .visual_2 .img img{width: 250px;}
  .main_visual .visual_3 .text{margin-top: 100px;text-align: center;width: 100%;left: 0;}
  .main_visual .visual_3 .text {margin-top: 30px;text-align:center; width:100%; left:0}
  .main_visual .visual_3 .img{left: 50%;margin-left: -215px;bottom: -100px;width: 480px;}
  .main_visual .visual_3 .img img{width: 480px;}

}

/* about */
.about {padding:80px 0; max-width: 1200px; margin:0 auto;}
.about > ul {overflow: hidden;}
.about img {border-radius: 100%;}
.about > ul > li {padding-right: 40px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.about > ul > li:nth-child(2) {padding-left: 30px;padding-right: 10px;}
.about > ul > li:last-child {text-align: right;padding: 0;}
.about > ul > li h5 {font-weight: 600;color: #3d3d3d;margin-top: 30px;}
.about > ul > li h4 {font-weight: 800;color: #3d3d3d;border-bottom: 1px solid #c4c4c4;padding-bottom: 20px;margin-bottom: 30px;}
.about > ul > li p {line-height:1.6em}
.about > ul > li  ul > li {font-size: 1.1em;}
.about > ul > li  ul > li::before {content: '우';background: #a2c742;font-family: 'NanumSquare';display: inline-block;font-weight: 800;color: #fff;width: 40px;height: 40px;text-align: center;line-height: 38px;margin-bottom: 10px;border-radius: 100%;margin-right: 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;font-size: 1.1em;letter-spacing: 0;}
.about > ul > li  ul > li:nth-child(2)::before{content: '가';background: #1483c4;padding-top: 3px;}
.about > ul > li  ul > li:nth-child(3)::before{content: '주';background: #224187;padding-top: 2px;}

/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {

}
/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  .about{padding: 50px 0;text-align: center;}
  .about > ul > li{width: 100% !important;padding: 0 15px;}
  .about > ul > li:nth-child(2){padding: 40px 15px 0;}
  .about > ul > li:last-child{display: none;padding: 0 15px;}
  .about > ul > li ul{width: 200px;margin: 0 auto;}
  .about > ul > li ul > li{text-align:left;}
  .about > ul > li h5{margin-top: 0;}
  .about > ul > li h4{margin-bottom: 15px;padding-bottom: 10px;}
}


/* banner */
.banner{/* margin-bottom:150px; */}
.banner > ul {overflow:hidden}

.banner li{position: relative;}
.banner li  > a {text-align: center;position: absolute;width: 100%;top: 50%;margin-top: -100px;}
.banner li  > a h4 {color:#fff;font-weight: 800;}
.banner li  > a h6 {color:#fff}
.banner li  > a h4::before {content:'\E83D';color: #748928;font-family: 'icon_font';display:block;width: 100px;height: 100px;border-radius: 100%;background: #fff;font-size: 1.3em;font-weight: 100;line-height: 100px;margin: 0 auto 30px;}
.banner li:nth-child(2)  > a h4::before{content:'\E8BE';color: #466a6d;}
.banner li:nth-child(3)  > a h4::before{content:'\E8C0';color: #355383;}
.banner li:nth-child(4)  > a h4::before{content:'\E8BF';color: #423564;}

/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {

}
/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  .banner{/* margin-bottom: 80px; */}
  .banner .four li {width:50% !important;}
  .banner .four li img {display:block;}
  .banner li > a h4::before{width: 60px;height: 60px;line-height: 60px;font-size: 1.5em;margin-bottom: 15px;}
  .banner li > a{margin-top: -63px;}
}


/* issue */
.issue {padding:120px 0; max-width: 1200px; margin:0 auto;}
.issue .sub_title h2{margin-top: 0;font-size: 36px;padding: 0;padding-bottom: 20px;}
.issue .sub_title::before, .issue .sub_title::after, .issue .sub_title h2:before{width:60px;bottom: 0;top: auto;}
.issue > ul {display: flex;margin-top: -80px;}
.issue > ul li {margin-top: 15px}
.issue .sub_title{margin-bottom: 20px;}
.issue .sub_title::before, .issue .sub_title::after, .issue .sub_title h2:before{width: 60px;}
.issue .sub_title::after{margin-left: -30px;}
.issue .sub_title::before{margin-left: -90px;}
.issue .sub_title h2:before{margin-left: 30px;}
/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {

}
/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  .issue{padding:60px 15px;}
  .issue > ul{margin-top:-20px}
  .issue .sub_title{margin-bottom:10px}
  .issue .sub_title h2{font-size: 26px;padding-bottom: 10px;}
  .issue .sub_title::before, .issue .sub_title::after, .issue .sub_title h2:before{width: 40px;}
  .issue .sub_title::after{margin-left: -20px;}
  .issue .sub_title::before{margin-left: -60px;}
  .issue .sub_title h2:before{margin-left: 20px;}
}