body {
  display: flex;
  width: 100%    
}
#wrap{
  overflow: hidden;
  display: flex;
  width: 100%;
  flex-direction: column;
  min-height: 100vh
}
#ct {
  flex: 1 0 auto;
  width: 100%;
}
#lnb {
  position: fixed;
  top: 60%;
  right: 30px;
  z-index: 100;
  transform: translateY(-50%);
}
@media all and (max-width:1400px) {
  #lnb {
    display: none;
  }
}
#lnb::after {
  position: absolute;
  content:'';
  top: 30px;
  right: 1px;
  height:70%;
  width:1px;
  background-color: rgba(255,255,255,0.5);
  
}
#lnb .nav-link {
  position: relative;
  display: block;
  width: 4px;
  height: 4px;
  margin: 50px 0;
  padding: 0;
  border-radius: 100%;
  border: 2px solid #fff;
  background: none;
  font-size: 20px;
  outline: 0;
}
#lnb .nav-link.active::after {
  position:absolute;
  left:-10px;
  top:-10px;
  content: '';
  width:16px;
  height:16px;
  border:2px solid #fff;
  border-radius: 50%;
}

#lnb span{
  position: absolute;
  top: 50%;
  right: 10px;
  margin-right: 11px;
  white-space: nowrap;
  line-height: 1;
  transform: translateY(-50%);
  opacity: 0.5;
  transition: opacity .4s;
  font-weight: 500;
  color: #fff;
  font-size:1.4rem;
}
#lnb .active span{
  opacity: 1
}
[data-theme="black"] #lnb button span {
  color:#333;
}
[data-theme="black"] #lnb::after {
  background-color: rgba(0,0,0,0.5);
}
[data-theme="black"] #lnb .nav-link {
  border: 2px solid #000;
}
[data-theme="black"] #lnb .nav-link.active::after {
  border:2px solid #000;
}

#rnb {
  position: fixed;
  top: 45%;
  left: 30px;
  z-index: 100;
  transform: translateY(-50%);  
  width:40px;
}
@media all and (max-width:1400px) {
  #rnb {
    display: none;
  }
}
#rnb .rnb-link {
  position: relative;
  height:40px;
  /* width:40px; */
  width:130px;
  text-align: left;
  white-space: nowrap;
  border:1px solid #fff;
  padding:12px;
  overflow: hidden;
  margin:8px 0;
  transition:.3s;
  font-size:1.1rem;
}
#rnb .rnb-link span {
  display: inline-block;
}
#rnb .rnb-link span.arrow {
  position:absolute;
  top:13px;
  right:10px;
  width:29px;
  height:7px;
  background-repeat: no-repeat;
  background-image: url(../../images/main/rnb_arrow_w.png);
  background-position: center center;
}
@media all and (max-width:1400px) {
  #rnb .rnb-link {
    background-color: rgba(0,0,0,0.2);
  }
}
/* #rnb .rnb-link:nth-child(1)::before {
  content:'K';
  color:#fff;  
}
#rnb .rnb-link:nth-child(2)::before {
  content:'E';
  color:#fff;  
}
#rnb .rnb-link:nth-child(3)::before {
  content:'C';
  color:#fff;  
}
#rnb .rnb-link:nth-child(4)::before {
  content:'C';
  color:#fff;  
} */

#rnb .rnb-link:nth-child(1)::before {
  /* content:'E'; */
  color:#fff;  
}
#rnb .rnb-link:nth-child(2)::before {
  /* content:'C'; */
  color:#fff;  
}
#rnb .rnb-link:nth-child(3)::before {
  /* content:'C'; */
  color:#fff;  
}
#rnb .rnb-link span {
  color:#fff;
  /* display: none; */
}
/* #rnb .rnb-link:hover {
  position: relative;
  width:220px;
  text-align: left;
}
#rnb .rnb-link:hover span {
  display: inline-block;
}
#rnb .rnb-link:hover span.arrow {
  position:absolute;
  top:13px;
  right:10px;
  width:29px;
  height:7px;
  background-repeat: no-repeat;
  background-image: url(../../images/main/rnb_arrow_w.png);
  background-position: center center;
}
#rnb .rnb-link:hover:before {
  display: none;
} */
[data-theme="black"] #rnb .rnb-link {
  border:1px solid #333;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1);
  -moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1); 
  box-shadow: 0px 0px 0px 1px rgba(255,255,255,1);
}
[data-theme="black"] #rnb .rnb-link span {
  color:#333;
  text-shadow: 1px 1px 1px #fff;
}
[data-theme="black"] #rnb .rnb-link:before {
  color:#333;
  text-shadow: 1px 1px 1px #fff;
}
[data-theme="black"] #rnb::after {
  background-color: rgba(0,0,0,0.5);
}
[data-theme="black"] #rnb .nav-link {
  border: 2px solid #000;
}
[data-theme="black"] #rnb .nav-link.active::after {
  border:2px solid #000;
}
[data-theme="black"] #rnb .rnb-link:hover span.arrow {
  position:absolute;
  top:13px;
  right:10px;
  width:29px;
  height:7px;
  background-repeat: no-repeat;
  background-image: url(../../images/main/rnb_arrow_b.png);
  background-position: center center;
}

[data-target="#ft"] {
  width: 0;
  height: 0;
  visibility: hidden;
  margin: 0;
}
.is-wheel .main-section {
  height: 100vh;  
}
@media all and (max-width:1400px) {
  .is-wheel .main-section {
    height: auto;
  }
}
.main-section {
  position: relative;
  font-size: 1.056rem;
}


.main-visual {
  position: relative;
  background-color:#000;
  overflow:hidden;
}
.main-about {
  background-color:#fff;
}
@media all and (max-width:1400px) {
  .main-about{
    padding-bottom:100px;
  }
}
@media all and (max-width:460px) {
  .main-about{
    padding-bottom:50px;
  }
}
.main-conference {
  background-color:#fff;
  display: flex;
  align-items: flex-end;
}
.main-service{
  background:linear-gradient(1deg, #DCE0F2 0%, #AEAFDF 100%)
}
@media all and (max-width:1400px) {
  .main-service{
    padding-bottom:60px;
  }
}
.main-support {
  background-color:#fff;
}
@media (min-width: 1200px){
  .is-wheel {
      overflow: hidden;
  }
}

.main-visual .swiper-slide {
  position: relative;
  width:100vw;
}
@media all and (max-width:1400px) {
  .main-visual .swiper-slide {
    height:auto;
  }
}
.main-visual .swiper-slide .slogan {  
  position: absolute;
  top:300px;
  left:50%;
  transform: translateX(-50%);
  width:100%;
  z-index: 2;
}
@media all and (max-width:1400px) {
  .main-visual .swiper-slide .slogan {  
    top:200px;
  }
}
@media all and (max-width:1100px) {
  .main-visual .swiper-slide .slogan {  
    top:180px;
  }
}
@media all and (max-width:880px) {
  .main-visual .swiper-slide .slogan {  
    top:120px;
  }
}
@media all and (max-width:640px) {
  .main-visual .swiper-slide .slogan {  
    top:90px;
  }
}
@media all and (max-width:480px) {
  .main-visual .swiper-slide .slogan {  
    top:70px;
  }
}
.main-visual .swiper-slide .slogan .kr {  
  font-size:7.4rem;
  color:#fff;
  font-weight:100;
  text-align: center;
  line-height: 1.2em;
  padding-top:110px;
  background-repeat: no-repeat;
  background-position: center top;
}
@media all and (max-width:1400px) {
  .main-visual .swiper-slide .slogan .kr {  
    font-size:5.4rem;
    padding-top:90px;
    background-size: 500px;
  }
}
@media all and (max-width:1100px) {
  .main-visual .swiper-slide .slogan .kr {  
    font-size:3.4rem;
    padding-top:60px;
    background-size: 320px;
  }
}
@media all and (max-width:880px) {
  .main-visual .swiper-slide .slogan .kr {  
    font-size:2.4rem;
    padding-top:40px;
    background-size: 260px;
  }
}
@media all and (max-width:640px) {
  .main-visual .swiper-slide .slogan .kr {  
    font-size:1.8rem;
    padding-top:30px;
    background-size: 220px;
  }
}
@media all and (max-width:480px) {
  .main-visual .swiper-slide .slogan .kr {  
    font-size:1.6rem;
    padding-top:26px;
    background-size: 200px;
  }
}
.main-visual .swiper-slide .slogan .kr .bold {  
  font-weight: 600;
}
.main-visual .swiper-slide .slogan .en {  
  font-size:1.3rem;
  color:#fff;
  font-weight:400;
  text-align: center;
  margin-top:30px;
  letter-spacing: 1.1rem;
}
@media all and (max-width:1400px) {
  .main-visual .swiper-slide .slogan .en {  
    font-size:1.1rem;
  }
}
@media all and (max-width:1100px) {
  .main-visual .swiper-slide .slogan .en {  
    font-size:0.9rem;
  }
}
@media all and (max-width:880px) {
  .main-visual .swiper-slide .slogan .en {  
    font-size:0.7rem;
    letter-spacing: 0.8rem;
  }
}
@media all and (max-width:640px) {
  .main-visual .swiper-slide .slogan .en {  
    display: none;
  }
}
.main-visual .swiper-slide img {
  width:100%;
}
@media all and (max-width:1400px) {
  .main-visual .swiper-slide img {
    bottom:auto;
    top:0;
  }
}
.main-visual .swiperControlWrap {
  width: 190px;
  position: absolute;
  bottom: 10.83vw;
  left:50%;
  transform: translateX(-50%);
  z-index: 6;
}
.main-visual .swiper-pagination {
  display: inline-block;
  width: auto;
  position: relative;
  bottom: 0;
  text-align: left;
  font-size: 0;
  margin-left:30px;
}
.main-visual .swiper-pagination span {
  display: inline-block;
  width: 20px;
  font-size: 1.2rem;
  color: #ededed;
}
.main-visual .swiper-pagination span:last-of-type {
   margin-left: 60px; 
   text-align: right; 
}
.main-visual .swiper-time {
  width: 60px;
  height: 2px;
  position: absolute;
  top: 5px;
  left: 50px;
  background: #040404;
}
.main-visual .swiper-time span {
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.main-visual .swiper-time.on span {
  -webkit-animation: in-out 5s ease-out;
  animation: in-out 5s ease-out;
}
.main-visual .playStop {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 46px;
  background: url(../../images/main/pause_icon.png) center center no-repeat;
  cursor: pointer;
}
.main-visual .playStop.on {
  background-image: url(../../images/main/play_icon.png);
}

@-webkit-keyframes in-out { from { width: 0; }
	to { width: 100%; } }

@keyframes in-out { from { width: 0; }
	to { width: 100%; } }

.main-visual .swiper-button-next, 
.main-visual .swiper-button-prev {
  width:10px;
  height:10px;
  bottom:0;
  top:auto;
}
.main-visual .swiper-button-next:after, 
.main-visual .swiper-button-prev:after {
  font-size:1.2rem;
  color:#c9c6c6;
}
.main-visual .swiper-button-next, 
.main-visual .swiper-rtl .swiper-button-prev {
  right: 30px;
  left: auto;
}
.main-visual .swiper-button-prev, 
.main-visual .swiper-rtl .swiper-button-next {
  left: 0px;
  right: auto;
}

/* about KREN */
.main-about .title {
  font-size:6.4rem;
  color:#000;
  font-weight:200;
  padding-top:160px;
  text-align: center;
}
@media all and (max-width:780px) {
  .main-about .title {   
    padding-top:100px;
  }
}
@media all and (max-width:460px) {
  .main-about .title {
    font-size:4.4rem;    
  }
}
.main-about .title .bold {
  font-weight:600;
}
.main-about .stit {
  font-size:1.8rem;
  color:#000;
  font-weight:200;
  padding-top:26px;
  text-align: center;
}
.main-about .about-wrap {
  margin-top:80px;
  height:520px;
  background-image:url(../../images/main/about_bg.jpg);
  background-repeat: no-repeat;
  background-position: center 60px;
}
@media all and (max-width:1400px) {
  .main-about .about-wrap {
    position:relative;
    height:auto;
    background-color: #3a3d82;
    background-position: center bottom 60px;
  }
  .main-about .about-wrap:before {
    position:absolute;
    top:0;
    content:'';
    width:100%;
    height:60px;
    background-color: #fff;
    z-index:0;
  }
  .main-about .about-wrap:after {
    position:absolute;
    bottom:0;
    content:'';
    width:100%;
    height:60px;
    background-color: #fff;
    z-index:0;
  }
}
.main-about .about-wrap .inner {
  position: relative;
  width:1348px;
  margin:0 auto;
  display: flex;
  height: 100%;
  z-index: 1;
}
@media all and (max-width:1400px) {
  .main-about .about-wrap .inner {
    flex-direction: column;
    align-items: center;
    width:100%;
  }
}
@media all and (max-width:460px) {
  .main-about .about-wrap .inner {
    padding:0 20px;
  }
}
.main-about .about-wrap .inner .cont {
  width:230px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: .4s;
  cursor: pointer;
}
@media all and (max-width:1400px) {
  .main-about .about-wrap .inner .cont {
    height: 400px;
    border-top:1px dashed rgba(255,255,255,0.6);
  }
}

.main-about .about-wrap .inner .cont .tit {
  padding-top:80px;
  width:100%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center bottom 40px;
  font-size:1.8rem;
  color:rgba(255,255,255,0.4);
}
.main-about .about-wrap .inner .cont .count {
  position: relative;
  margin-top:20px;
  padding-top:20px;
  width:100%;
  text-align: center;  
  font-size:5.2rem;
  color:#fff;
  font-family: 'lato';
}
.main-about .about-wrap .inner .cont .count:before {
  position:absolute;
  top:0;
  left:50%;
  transform: translateX(-50%);
  content:'';
  width:26px;
  height:2px;
  background-color: #fff;
}
.main-about .about-wrap .inner .cont .division {
  font-size:1.8rem;
  color:#fff;
  font-weight:200;
  margin-top:16px;
}
.main-about .about-wrap .inner .cont .txt {
  font-size:2.0rem;
  color:#fff;
  font-weight:200;
  padding:30px 30px;
  line-height: 1.4em;
  text-align: center;
  margin-top:60px;
  display: none;
}
@media all and (max-width:460px) {
  .main-about .about-wrap .inner .cont .txt {
    font-size:1.6rem;
  }
  .main-about .about-wrap .inner .cont .txt br {
    display: none;
  }
}
.main-about .about-wrap .inner .cont.num1 .tit {
  background-image: url(../../images/main/about_icon01.png);
}
.main-about .about-wrap .inner .cont.num2 .tit {
  background-image: url(../../images/main/about_icon02.png);
}
.main-about .about-wrap .inner .cont.num3 .tit {
  background-image: url(../../images/main/about_icon03.png);
}
.main-about .about-wrap .inner .cont.num4 .tit {
  background-image: url(../../images/main/about_icon04.png);
}
.main-about .about-wrap .inner .cont.num5 .tit {
  background-image: url(../../images/main/about_icon05.png);
}
.main-about .about-wrap .inner .cont.on {
  width:428px;
  height:520px;
}
@media all and (max-width:1400px) {
  .main-about .about-wrap .inner .cont.on {
    border-top:0;
  }
  .main-about .about-wrap .inner .cont.on + .cont {
    border-top:0;
  }
}
@media all and (max-width:460px) {
  .main-about .about-wrap .inner .cont.on {
    width:100%;
    height:460px;
  }
}
.main-about .about-wrap .inner .cont.on .tit {
  font-size:2.8rem;
  color:rgba(255,255,255,1.0);
  padding-top:130px;
  background-position: center bottom 60px;
}
@media all and (max-width:460px) {
  .main-about .about-wrap .inner .cont.on .tit {
    font-size:2.0rem;
  }
}
.main-about .about-wrap .inner .cont.on .count {
  font-size:10rem;
  margin-top:30px;
}
@media all and (max-width:460px) {
  .main-about .about-wrap .inner .cont.on .count {
    font-size:7rem;
  }
}
.main-about .about-wrap .inner .cont.on .txt {
  display: block;
}
.main-about .about-wrap .inner .cont.on {
  background-repeat: no-repeat;
  background-position: center top;
}
@media all and (max-width:460px) {
  .main-about .about-wrap .inner .cont.on {
    background-size: auto 360px;
  }
}
.main-about .about-wrap .inner .cont.num1.on {
  background-color: #08AC7A;
  background-image: url(../../images/main/about_bg01.jpg);
}
.main-about .about-wrap .inner .cont.num2.on {
  background-color: #C85935;
  background-image: url(../../images/main/about_bg02.jpg);
}
.main-about .about-wrap .inner .cont.num3.on {
  background-color: #785AA4;
  background-image: url(../../images/main/about_bg03.jpg);
}
.main-about .about-wrap .inner .cont.num4.on {
  background-color: #CCBA47;
  background-image: url(../../images/main/about_bg04.jpg);
}
.main-about .about-wrap .inner .cont.num5.on {
  background-color: #5FA4BE;
  background-image: url(../../images/main/about_bg05.jpg);
}

/* conferance, education, community 안내 */
.main-conference .mySwiper2 {
  position: relative;
  width:100vw;
  height:calc(100% - 100px);
}
.main-conference .swiper-slide {  
  width:100vw;
  height:100%;
  display: flex;
}
@media all and (max-width:1400px) {
  .main-conference .swiper-slide {  
    flex-direction: column;
    align-items: center;
  }
}
.main-conference .swiper-slide .image {
  position: relative;
  width:50%;
  background-repeat: no-repeat;
  background-position: center center;
}
@media all and (max-width:1400px) {
  .main-conference .swiper-slide .image {
    height:700px;
    width:700px;
  }
}
@media all and (max-width:700px) {
  .main-conference .swiper-slide .image {
    height:100vw;
    width:100vw;
  }
}
.main-conference .swiper-slide .image.num01 {
  background-image: url(../../images/main/conference_img01.jpg);
}
.main-conference .swiper-slide .image.num02 {
  background-image: url(../../images/main/conference_img02.jpg);
}
.main-conference .swiper-slide .image.num03 {
  background-image: url(../../images/main/conference_img03.jpg);
}
.main-conference .swiper-slide .image span {
  position:absolute;
  bottom:100px;
  left:50%;
  transform: translateX(-50%);
  font-size:4.8rem;
  color:rgba(255,255,255,0.2);
  font-weight: 500;
  letter-spacing: 3.4rem;
  padding-left:3.4rem;
}
@media all and (max-width:1400px) {
  .main-conference .swiper-slide .image span {
    font-size:4.0rem;
  }
}
@media all and (max-width:700px) {
  .main-conference .swiper-slide .image span {
    font-size:2.8rem;
    letter-spacing: 2.0rem;
    padding-left:2.0rem;
  }
}
@media all and (max-width:420px) {
  .main-conference .swiper-slide .image span {
    font-size:2.0rem;
  }
}
.main-conference .swiper-slide .info-wrap {
  padding:120px 130px 0;
  width:50%;
}
@media all and (max-width:1400px) {
  .main-conference .swiper-slide .info-wrap {
    width:700px;
    padding:60px 60px 60px;
  }
}
@media all and (max-width:700px) {
  .main-conference .swiper-slide .info-wrap {
    width:100%;
    padding:60px 30px 60px;
  }
}
@media all and (max-width:460px) {
  .main-conference .swiper-slide .info-wrap {
    padding:30px 30px 60px;
  }
}

.main-conference .swiper-slide .info-wrap .division {
  display: inline-block;
  font-size:1.3rem;
  color:#fff;
  font-weight:500;
  padding:16px 40px;
  background-color: #000;
}
.main-conference .swiper-slide .info-wrap .info-l {
  font-size:6.0rem;
  color:#000;
  font-weight:200;
  margin-top:30px;
  line-height: 1.2em;
}
@media all and (max-width:580px) {
  .main-conference .swiper-slide .info-wrap .info-l {
    font-size:4.0rem;
  }
}
@media all and (max-width:420px) {
  .main-conference .swiper-slide .info-wrap .info-l {
    font-size:3.2rem;
  }
}
.main-conference .swiper-slide .info-wrap .info-l .bold {
  font-weight:600;
}
.main-conference .swiper-slide .info-wrap .info-s {
  font-size:2.0rem;
  color:#000;
  font-weight:300;
  margin-top:30px;
  line-height: 1.4em;
}
@media all and (max-width:580px) {
  .main-conference .swiper-slide .info-wrap .info-s {
    font-size:1.6rem;
  }
}
@media all and (max-width:420px) {
  .main-conference .swiper-slide .info-wrap .info-s br {
    display: none;
  }
}

.main-conference .swiper-slide .info-wrap .link {
  display: inline-block;
  font-size:1.6rem;
  color:#000;
  font-weight:600;
  margin-top:120px;
  padding-right:40px;
  background-repeat: no-repeat;
  background-image: url(../../images/main/icon_arrow.png);
  background-position: right center;
}
@media all and (max-width:460px) {
  .main-conference .swiper-slide .info-wrap .link {
    margin-top:70px;
  }
}
.main-conference .arrow-button-wrap {
  position:absolute;
  left:calc(50% + 130px);
  bottom:100px;
  width:160px;
  height:80px;
}
@media all and (max-width:1400px) {
  .main-conference .arrow-button-wrap {    
    bottom:60px;
  }
}
@media all and (max-width:700px) {
  .main-conference .arrow-button-wrap {    
    left:auto;
    right:0;
  }
}
@media all and (max-width:580px) {
  .main-conference .arrow-button-wrap {    
    width:100px;
    bottom:20px;
  }
}
@media all and (max-width:460px) {
  .main-conference .arrow-button-wrap {        
    bottom:auto;
    top:103vw;
  }
}
.main-conference .swiper-button-next, 
.main-conference .swiper-button-prev {
  width: 80px;
  height: 80px;
  border:1px solid #000;
  background-color: #fff;
}
@media all and (max-width:580px) {
  .main-conference .swiper-button-next, 
  .main-conference .swiper-button-prev {
    width: 50px;
    height: 50px;
  }
}
.main-conference .swiper-button-next:after, 
.main-conference .swiper-button-prev:after {
  font-size:3.0rem;
  color:#000;  
}
.main-conference .swiper-button-prev, 
.main-conference .swiper-rtl .swiper-button-next {
  left: 1px;
  right: auto;
}
.main-conference .swiper-button-next, 
.main-conference .swiper-rtl .swiper-button-prev {
  right: 0;
  left: auto;
}

/* Our Service */
.main-service .title {
  font-size:6.4rem;
  color:#000;
  font-weight:200;
  padding-top:160px;
  text-align: center;
}
@media all and (max-width:460px) {
  .main-service .title {
    font-size:4.4rem;
  }
}
.main-service .title .bold {
  font-weight:600;
}
.main-service .stit {
  font-size:1.8rem;
  color:#000;
  font-weight:200;
  padding-top:26px;
  text-align: center;
  font-family: 'noto sans kr';
}
.main-service .service-wrap {
  position: relative;
  height:543px;
  margin-left:320px;
  margin-top:70px;
  overflow: hidden;
  width: 1920px;
}
@media all and (max-width:1400px) {
  .main-service .service-wrap {
    height:auto;
    margin:0 auto;   
    margin-top:70px; 
    width:575px;
  }
}
.main-service .service-wrap .serviceSwiper {
  position:absolute;
  left:0;
  top:0;
  width:575px;
  height:543px;
  background:linear-gradient(1deg, #d9ddf1 0%, #c0c2e6 100%);
  z-index:10;
}
@media all and (max-width:1400px) {
  .main-service .service-wrap .serviceSwiper {
    position:relative;
    background: none;
  }
}
@media all and (max-width:575px) {
  .main-service .service-wrap .serviceSwiper {
    width:100vw;
    padding:0 20px;
    margin-left:0;
  }
}
@media all and (max-width:460px) {
  .main-service .service-wrap .serviceSwiper {
    height:150vw;
  }
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper {
  display: block;
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide {
  display: inline;
  position:unset;
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide .tab {
  position:relative;
  font-size:1.8rem;
  color:#999EB3;
  padding-left:20px;
  padding-right:20px;
  display: inline-block;
}
@media all and (max-width:460px) {
  .main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide .tab {
    font-size:1.4rem;
    word-break: keep-all;
    margin-bottom:10px;
  }
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide .tab:before {
  position:absolute;
  left:0;
  top:8px;
  content:'';
  width:4px;
  height:4px;
  border-radius: 50%;
  background-color: #999EB3;
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide:first-child .tab {  
  padding-left:0;
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide:first-child .tab:before {  
  display: none;
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .tab {
  color:#000;
}

.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide .info-wrap{
  position:absolute;
  width:100%;
  height:100%;
  padding-right:96px;
  display:none;
}
@media all and (max-width:575px) {
  .main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide .info-wrap{
    padding-right:0;
  }
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .info-wrap {
  display: block;
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide .info-wrap .num{
  display: inline-block;
  margin-top:50px;
  font-size:2.0rem;
  font-weight: 200;
  font-family: 'montserrat';
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide .info-wrap .num .current{
  font-size:3.2rem;
  font-weight: 600;
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide .info-wrap .tit{
  margin-top:40px;
  font-size:4.0rem;
  color:#000;
  font-weight: 600;
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide .info-wrap .etit{
  margin-top:10px;
  font-size:1.8rem;
  color:#000;
  font-weight: 600;
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide .info-wrap .txt{
  position: relative;
  margin-top:40px;
  padding-top:40px;
  font-size:1.6rem;
  color:#000;
  line-height: 1.4em;
  font-family: 'noto sans kr';
  font-weight: 300;
}
@media all and (max-width:460px) {
  .main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide .info-wrap .txt{
    font-size:1.4rem;
  }
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide .info-wrap .txt:before{
  position: absolute;
  left:0;
  top:0;
  content:'';
  width:60px;
  height:2px;
  background-color: #000;
}
.main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide .info-wrap .btn-more{
  display: inline-block;
  margin-top:80px;
  width:240px;
  height:56px;
  background-color: #000;
  padding:20px 20px;
  color:#fff;
  font-size:1.6rem;  
  background-repeat: no-repeat;
  background-image: url(../../images/main/service_arrow.png);
  background-position: right 20px center;
}
@media all and (max-width:460px) {
  .main-service .service-wrap .serviceSwiper .swiper-wrapper .swiper-slide .info-wrap .btn-more{
    margin-top:40px;
  }
}


.main-service .service-wrap .serviceSwiper2 {
  position:absolute;
  left:252px;
  top:0;
  width:1348px;
  z-index:9;
}
@media all and (max-width:1400px) {
  .main-service .service-wrap .serviceSwiper2 {
    position:relative;
    left:auto;
    width:575px;
  }
}
@media all and (max-width:575px) {
  .main-service .service-wrap .serviceSwiper2 {
    width:100vw;
    margin-left:0;
  }
}
.main-service .service-wrap .serviceSwiper2 .swiper-slide {
  position:relative;
}
.main-service .service-wrap .serviceSwiper2 .swiper-slide.swiper-slide-active{
  -webkit-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.2);
  box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.2);
}
.main-service .service-wrap .serviceSwiper2 .swiper-slide img {
  position:relative; 
  filter: grayscale(90%);
  -webkit-filter: grayscale(90%);
}
.main-service .service-wrap .serviceSwiper2 .swiper-slide.swiper-slide-active img {
  position:relative; 
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}
.main-service .service-wrap .serviceSwiper2 .swiper-slide .tit {
  position:absolute;
  bottom:0;
  width:100%;
  height:80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:2.4rem;
  color:#fff;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.main-service .service-wrap .serviceSwiper2 .swiper-button-next, 
.main-service .service-wrap .serviceSwiper2 .swiper-rtl .swiper-button-prev {
  right: 280px;
  left: auto;
}
@media all and (max-width:1400px) {
  .main-service .service-wrap .serviceSwiper2 .swiper-button-next, 
  .main-service .service-wrap .serviceSwiper2 .swiper-rtl .swiper-button-prev {
    right: 0;
    left: auto;
  }
}
.main-service .service-wrap .serviceSwiper2 .swiper-button-next, 
.main-service .service-wrap .serviceSwiper2 .swiper-button-prev {
  width:100px;
  height:100px;
  background-color: #4234A2;
  background-image: url(../../images/main/service_slider_arrow.png);
  background-position: center center;
  background-repeat: no-repeat;
}
@media all and (max-width:460px) {
  .main-service .service-wrap .serviceSwiper2 .swiper-button-next, 
  .main-service .service-wrap .serviceSwiper2 .swiper-button-prev {
    width:60px;
    height:60px;
  }
}
.main-service .service-wrap .serviceSwiper2 .swiper-button-next:after, 
.main-service .service-wrap .serviceSwiper2 .swiper-button-prev:after {
  display: none;
}
.main-service .service-wrap .serviceSwiper2 .swiper-button-prev, 
.main-service .service-wrap .serviceSwiper2 .swiper-rtl .swiper-button-next {
    display: none;
}



/* Support */
.main-support .title {
  font-size:6.4rem;
  color:#000;
  font-weight:700;
  padding-top:120px;
  text-align: center;
}
@media all and (max-width:460px) {
  .main-support .title {
    font-size:4.4rem;
  }
}
.main-support .stit {
  font-size:1.8rem;
  color:#000;
  font-weight:200;
  padding-top:26px;
  text-align: center;
}
.main-support .inner {
  width:1380px;
  margin:0 auto;
  margin-top:0px;
  margin-bottom:30px;
}
@media all and (max-width:1400px) {
  .main-support .inner {
    width:920px;
  }
}
@media all and (max-width:900px) {
  .main-support .inner {
    width:460px;
  }
}
@media all and (max-width:460px) {
  .main-support .inner {
    width:100vw;
  }
}
.main-support .inner .board-list {
  height:352px;
  display: flex;
  flex-wrap: wrap;
}
@media all and (max-width:1400px) {
  .main-support .inner .board-list {
    height:auto;
  }
}
.main-support .inner .board-list .list-wrap {
  padding:16px;
  width:33.333%;
  height: 100%;
}
@media all and (max-width:1400px) {
  .main-support .inner .board-list .list-wrap {
    width:50%;
  }
}
@media all and (max-width:900px) {
  .main-support .inner .board-list .list-wrap {
    width:100%;
  }
}
.main-support .inner .board-list .list-wrap .list {
  position: relative;
  width:100%;
  height: 100%;
  background: #EAEDF8;  
  border:1px solid #EAEDF8;
  padding-bottom:40px;
  transition: .3s;
}
.main-support .inner .board-list .list-wrap .list:before {
  position: absolute;
  width:50px;
  height:50px;
  top: -1px;
  right: -1px;
  content:'';
  background-image: url(../../images/main/support_box_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  transition: .3s;
}
.main-support .inner .board-list .list-wrap .list .tit {
  position: relative;
  font-size:1.8rem;
  color:#000;
  font-weight:600;
  padding-left:36px;
  margin-top:40px;
  line-height:30px;
}
.main-support .inner .board-list .list-wrap .list .tit:before {
  position:absolute;
  content: '';
  left:0;  
  width:8px;
  height:30px;
  background-color: #555;
}
.main-support .inner .board-list .list-wrap .list .date {
  display: inline-block;
  font-size:1.3rem;
  color:#999999;
  font-weight: 500;
  margin-top:50px;
  padding-left:36px;
}
.main-support .inner .board-list .list-wrap .list .cont {
  font-size:2.0rem;
  color:#000;
  margin-top:20px;
  padding-left:36px;
  padding-right:100px;
  line-height: 1.4em;
  font-family: 'noto sans kr';  
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: normal; 
  height: 2.8em; 
  text-align: left; 
  word-wrap: break-word; 
  display: -webkit-box; 
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
}
.main-support .inner .board-list .list-wrap .list .btn-more {
  display: inline-block;
  font-size:1.3rem;
  color:#000;
  margin-top:50px;
  padding-left:36px;
  padding-right:30px;
  font-weight:500;
  background-repeat: no-repeat;
  background-image: url(../../images/main/icon_arrow.png);
  background-position: right center;
}
.main-support .inner .board-list .list-wrap .list:hover {
  position: relative;
  background: #fff;  
  border:1px solid #595DC4;
  -webkit-box-shadow: -8px 8px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: -8px 8px 10px 0px rgba(0,0,0,0.1);
  box-shadow: -8px 8px 10px 0px rgba(0,0,0,0.1);
}
.main-support .inner .board-list .list-wrap .list:hover::before {
  position: absolute;
  width:50px;
  height:50px;
  top: -1px;
  right: -1px;
  content:'';
  background-image: url(../../images/main/support_box_bg_on.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.main-support .inner .board-list .list-wrap .list:hover .tit:before {
  background-color: #595DC4;
}
.main-support .inner .quick-list {
  height:230px;
  display: flex;
  flex-wrap: wrap;
}
@media all and (max-width:1400px) {
  .main-support .inner .quick-list {
    height:auto;
  }
}
.main-support .inner .quick-list .list-wrap {
  padding:16px;
  width:16.666%;
  height: 230px;
}

@media all and (max-width:3200px) {
  .main-support .inner .quick-list .list-wrap {
    width:50%;
  }
}
@media all and (max-width:900px) {
  .main-support .inner .quick-list .list-wrap {
    width:50%;
  }
}
.main-support .inner .quick-list .list-wrap .list {
  display: flex;
  align-items: center;
  justify-content: center;
  width:100%;
  height: 100%;
  background: #fff;  
  border:1px solid #C1C2DF;
  overflow: hidden;
  transition: .3s;
}
.main-support .inner .quick-list .list-wrap .list span  {
  display: inline-block;
  font-size:16px;
  line-height: 1.4em;
  color:#000;
  text-align: center;
  width:100%;
  padding:80px;
  background-repeat: no-repeat;
  background-position: center bottom 40px;
}
@media all and (max-width:460px) {
  .main-support .inner .quick-list .list-wrap .list span  {
    font-size:14px;
  }
}

.main-support .inner .quick-list .list-wrap.num01 .list span  {
  background-image: url(/images/main/icon_01.jpg);
  background-position: left center;
}
.main-support .inner .quick-list .list-wrap.num02 .list span  {
  background-image: url(/images/main/icon_02.jpg);
  background-position: left center;
}
.main-support .inner .quick-list .list-wrap.num03 .list span  {
  background-image: url(../../images/main/support_icon03.png);
}
.main-support .inner .quick-list .list-wrap.num04 .list span  {
  background-image: url(../../images/main/support_icon04.png);
}
.main-support .inner .quick-list .list-wrap.num05 .list span  {
  background-image: url(../../images/main/support_icon05.png);
}
.main-support .inner .quick-list .list-wrap.num06 .list span  {
  background-image: url(../../images/main/support_icon06.png);
}
.main-support .inner .quick-list .list-wrap:hover .list {
  background: #595DC4;  
  border:1px solid #595DC4;
}
.main-support .inner .quick-list .list-wrap:hover .list span {
  color:#fff;
}
.main-support .inner .quick-list .list-wrap.num01:hover .list span  {
  background-image: url(/images/main/icon_01_on.jpg);
}
.main-support .inner .quick-list .list-wrap.num02:hover .list span  {
  background-image: url(/images/main/icon_02_on.jpg);
}
.main-support .inner .quick-list .list-wrap.num03:hover .list span  {
  background-image: url(../../images/main/support_icon03_on.png);
}
.main-support .inner .quick-list .list-wrap.num04:hover .list span  {
  background-image: url(../../images/main/support_icon04_on.png);
}
.main-support .inner .quick-list .list-wrap.num05:hover .list span  {
  background-image: url(../../images/main/support_icon05_on.png);
}
.main-support .inner .quick-list .list-wrap.num06:hover .list span  {
  background-image: url(../../images/main/support_icon06_on.png);
}

/*main popup*/
.popup {
  margin:0 auto;
  max-width:520px;  
  z-index:10000;
  display:none;
}
.popup:before{
  display:block;
  content: '';
  position: fixed;
  left:0;
  top:0;
  width:100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}
.popup .popupBox {
  position:fixed;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  width:520px;
  height:480px;
  background-color: #fff;
  border-radius: 40px;
}
@media all and (max-width:520px) {
  .popup .popupBox {
    width:100%;
  }
}
.popup .popupBox .popup-header {
  font-size:3.6rem;
  text-align:center;
  margin-top:40px;
  font-family: 'noto sans kr';
  font-weight: 600;
}
@media all and (max-width:520px) {
  .popup .popupBox .popup-header {
    font-size:3.0rem;
  }
}
.popup .popupBox .popup-body {
  margin-top:40px;
}
.popup .popupBox .popup-body p {
  font-size:1.8rem;
  font-family: 'noto sans kr';
  padding:0 40px;
  line-height: 1.4em;
  font-weight: 300;
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: normal; 
  height: 8.6em; 
  text-align: left; 
  word-wrap: break-word; 
  display: -webkit-box; 
  -webkit-line-clamp: 6; 
  -webkit-box-orient: vertical;
}
@media all and (max-width:520px) {
  .popup .popupBox .popup-body p {
    font-size:1.6rem;
  }
}
.popup .popupBox .popup-body .btn-detail {
  display:inline-block;
  margin:50px 0 0 40px;
  font-size:1.6rem;
  color:#000;
  font-weight: 600;
  padding-right:30px;
  background-image: url(../../images/main/icon_arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.popup .popupBox .popup-footer {
  width:calc(100% - 24px);
  height: 48px;
  background-color: #A5A5A5;
  border-radius: 5em;
  position:absolute;
  bottom:12px;
  left:50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:12px 20px;
}
.popup .popupBox .popup-footer span,
.popup .popupBox .popup-footer span a {
  font-size:1.5rem;
  color:#fff;
  font-weight: 200;
  font-family: 'noto sans kr';
}
.popup .popupBox .popup-footer span label {
  margin-left:6px;
}
.popup .popupBox .popup-footer span a {
  position:relative;
  padding-right:25px;
}
.popup .popupBox .popup-footer span a:after {
  position:absolute;
  right:0;
  top:0px;
  content: "\e922";
  font-size:2.4rem;
  font-family: 'xeicon';
}