#main{overflow: hidden;}

.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .cont{display: none;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: '';}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: '';}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0;}
.swiper-button-next, .swiper-button-prev{width: auto; height: auto;}

#mainslide {width: 100%; height: 100vh; overflow: hidden; position: relative;}
#mainslide .swiper {height: 100%; position: relative; }
#mainslide .swiper-slide .img{background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 2s; width: 100%; height: 100%;}
#mainslide .swiper-slide.slide01 .img{background-image: url(/img/main/mainslide01.jpg)}
#mainslide .swiper-slide-active .img{transform: scale(1.05);}
#mainslide .swiper-slide .txt {width: 1410px; position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);}
#mainslide .swiper-slide .txt .img-box{float: right;}
#mainslide .swiper-pagination{bottom: 8px; z-index: 1;}
#mainslide .swiper-pagination-bullet{background-color: #333;}
#mainslide .main_Btn{width: 10%; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); z-index: 2;}
#mainslide .swiper-button-next, #mainslide .swiper-button-prev{z-index: 2;}

/* 움직이는 텍스트 */
.animated-title {position: relative; width: 100%; max-width:100%; height: auto; padding: 55px 0; overflow-x: hidden; overflow-y: hidden; color: #e0f5f3 !important;}
.animated-title .track {position: absolute; top: 0;white-space: nowrap; will-change: transform; animation: marquee 60s linear infinite; }
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (hover: hover) and (min-width: 700px){
.animated-title .content {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 9.5rem)); color: #e0f5f3 !important;}
}

#event{background:url(/img/main/event_bg.png) no-repeat center / cover;}
#event .swiper-slide{opacity: .5; margin-top: 50px;}
#event .swiper-slide .txt a{border-radius: 60px; padding: 1rem 2rem;}
#event .swiper-slide .txt{background-color: #f8f8f8; padding: 5rem 5rem 2rem 5rem; margin-top: -50px; border-radius: 16px; display: none;}
#event .swiper-slide-active{opacity: 1;  margin-top: 0}
#event .swiper-slide-active .txt{display: block;}
#event .swiper-button-next, #event .swiper-button-prev{top: 40%;}
#event .swiper-button-prev, #event .swiper-rtl .swiper-button-next{left: 26%;}
#event .swiper-button-next, #event .swiper-rtl .swiper-button-prev{right: 26%;}

#program .txt .line{width: 100%; height: 1px; background-color: #dfdfdf;}
#program .swiper-button-next, #program .swiper-rtl .swiper-button-prev{right: auto; left: 40%;}

#signature .tit>p{border-radius: 60px; padding: .5rem 3rem;}
#signature a{border-radius: 60px; padding: .8rem 2rem;}
#signature .bg01{background:url(/img/main/signature_bg01.jpg) no-repeat center / cover; border-radius: 50px 50px 0 0; overflow: hidden; z-index: 1; position: relative;}
#signature .bg02{background:url(/img/main/signature_bg02.jpg) no-repeat center / cover; border-radius: 50px 50px 0 0; margin-top: -50px; overflow: hidden; z-index: 2;; position: relative;}
#signature .img-box{position: absolute; bottom: -150px; left: 0;}

#youtube{background:url(/img/main/youtube_bg.jpg) no-repeat center / cover;}
#youtube .title a{border-radius: 60px; padding: 1rem 2rem; display: inline-block;} 

#belief .titBox {width: 35%; padding-top: 200px; padding-bottom: 200px;}
#belief .contBox { width: 65%; position: relative;}
#belief .contBox:after {display: inline-block; content: ''; width: 1px; height: 100%; background: #d7eceb; position: absolute; left: 0; top: 0; z-index: 1;}
#belief .contBox::before {display: inline-block; content: ''; width: 1px; height: 100%; background: #d7eceb; position: absolute; right: 10%; top: 0; z-index: 1;}
#belief .contBox .desc {padding: 0 1rem;}
#belief .contBox .box00:first-child:after {display: inline-block; content: ''; width: 1px; height: 100%; background: #d7eceb; position: absolute; left: 40%; top: 0;}
#belief .contBox .box01 {padding-top: 200px;}
#belief .contBox .box06 {padding-bottom: 200px;}
#belief .contBox .box > div:last-child {margin-top: 34.375rem;}

#petit {overflow: hidden; position: relative; background:url(/img/main/petit_bg.jpg) no-repeat center / cover;}
#petit .wrap {max-width: 1920px; width: 100%; margin: 3.75rem auto 0;}
#petit .cont.one {max-width: var(--layoutwidth);margin: auto;}
#petit .cont.three {padding-left: 18%;}
#petit .cont.three .box.desc {width: 45%;}
#petit .cont.four {position: relative;}
#petit .cont.four .box:first-child {padding-left: 12%;}
#petit .cont.four .box:last-child {padding-right: 10%;}
#petit .cont.five > div{margin-left: 8%; border-left: 1px solid #d7d7d7;}
#petit .cont.five .box:first-child {padding-left: 3%;}
#petit .cont.six{padding-left: 5%; position: relative;}
#petit .box {width: 50%;}
#petit .box img {width: 100%; height: 100%;}
#petit .box.desc {padding: 3rem 2rem 3rem 5rem;}
#petit .cont.four:after {content: ''; width: 1px; height: 100%; background: #d7d7d7; position: absolute; left: 50%; top: 0;}
#petit .cont > div{position: relative;}
#petit .cont > div::before {display: inline-block; content: ''; width: 1000%; height: 1px; background: #d7d7d7; position: absolute; left: -100%; top: 0;}
#petit .cont.six > div::after {display: inline-block; content: ''; width: 1000%; height: 1px; background: #d7d7d7; position: absolute; left: -100%; bottom: 0;}
#petit .cont.one > div {border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; position: relative;}
#petit .cont.one .box:nth-child(2) {border-left: 1px solid #d7d7d7;}
#petit .cont.two .box:nth-child(1) {border-right: 1px solid #d7d7d7; padding-right: 6%;}
#petit .cont img{border-right: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7;}
#petit .cont.one img{border: 0;}
#petit .cont.four img{border-right: 0;}
#petit .cont.three img{border-left: 0;}
#petit .cont.three .box:nth-child(2) {border-left: 1px solid #d7d7d7; padding-right: 5%;}
#petit .cont.three > div {border-left: 1px solid #d7d7d7;}
#petit .cont.five .box:nth-child(1){width: 44%;}
#petit .cont.five .box:nth-child(2){width: 56%; padding-left: 120px;}
#petit .cont.six .box:nth-child(1){width: 40%;}
#petit .cont.six .box:nth-child(2){width: 60%;}
#petit .cont .box.desc, #petit .cont.five .box:nth-child(2) {position: relative;}
#petit .cont .box.desc:after {position: absolute; left: -10rem; top: 50%; transform: translateY(-50%)  rotate(90deg); font-size: 5rem; color: #dfdfdf; font-weight: 900;}
#petit .cont.five .box:nth-child(2):after {position: absolute; left: -10rem; top: 50%; transform: translateY(-50%)  rotate(90deg); font-size: 5rem; color: #dfdfdf; font-weight: 900;}
#petit .cont.one .box.desc:after {content: "ONE";}
#petit .cont.two .box.desc:after {content: "TWO";}
#petit .cont.three .box.desc:after {content: "THREE"; left: -14.5rem;}
#petit .cont.four .box.desc:after {content: "FOUR"; left: auto; right: 5%;}
#petit .cont.five .box:nth-child(2):after {content: "FIVE"; left: -2.8%;}
#petit .cont.six .box.desc:after {content: "SIX"; left: auto; right: 20%;}
#petit .cont.five .box:nth-child(2){border-left: 1px solid #d7d7d7; padding-right: 9%;}
#petit .cont.four:before{content: ''; width: 1px; height: 100%; background: #d7d7d7; position: absolute; right: 12%; top: 0;}
#petit .cont.six:after {content: ''; width: 1px; height: 100%; background: #d7d7d7; position: absolute; right: 20%; top: 0;}

#space .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: var(--pointcolor);}
#space .swiper-pagination-progressbar{background-color: #f1f1f1;}
#space .swiper-horizontal>.swiper-pagination-progressbar,
#space .swiper-pagination-progressbar.swiper-pagination-horizontal,
#space .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
#space .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height: 2px;}
#space .scroll{position: absolute; top: 50%; right: 21%; transform: translateY(-50%); z-index: 2;}

#main_map .root_daum_roughmap .wrap_map{height: 900px;}
#main_map .root_daum_roughmap{width: 100%;}
#main_map .width90{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99;}
#main_map .width90 .flexList .box.bg-white{padding: 5rem 3rem 5rem 8rem; border-radius: 16px;}
@media(max-width:1900px){
  #event .swiper-button-next, #event .swiper-rtl .swiper-button-prev{right: 18%;}
  #event .swiper-button-prev, #event .swiper-rtl .swiper-button-next{left: 18%;}

  #petit .cont.one{width: 90%;margin: auto;padding: 0;}
}
@media(max-width:1550px){
  #mainslide .swiper-slide .txt{width: 90%;}

  #event .swiper-button-next img, #event .swiper-button-prev img{max-width: 80%;}
  #event .swiper-button-next, #event .swiper-rtl .swiper-button-prev{right: 11%;}
  #event .swiper-button-prev, #event .swiper-rtl .swiper-button-next{left: 11%;}

  #program .swiper-button-next img, #program .swiper-button-prev img{max-width: 80%;}

  #signature .img-box{bottom: -95px;}

  #youtube .youtubeSwiper{margin-bottom: 5.000rem;}
  #youtube .swiper-pagination-progressbar{background-color: #498f88;}
  #youtube .swiper-pagination-progressbar-fill{background: #fff;}
  #youtube .swiper-horizontal>.swiper-pagination-progressbar,
  #youtube .swiper-pagination-progressbar.swiper-pagination-horizontal,
  #youtube .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
  #youtube .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height: 2px;}
  #youtube .scroll{position: absolute; top: 50%; right: 21%; transform: translateY(-50%); z-index: 2;}

  #belief .titBox{padding: 130px 0;}
  #belief .contBox .box01{padding-top: 130px;}
  #belief .contBox .box06{padding-bottom: 130px;}

  #petit .cont.one{width: 80%;}
  #petit .cont .box.desc:after{left: -9rem;}
  #petit .cont.four .box.desc:after{right: 3.5%;}

  #main_map .width90 .flexList .box.bg-white{padding: 5rem 3rem 5rem 5rem;}
}
@media(max-width:1240px){
  #event .swiper-button-next, #even .swiper-rtl .swiper-button-prev{right: 9.5%;}
  #event .swiper-button-prev, #even .swiper-rtl .swiper-button-next{left: 9.5%;}
  #event .swiper-slide .txt{padding: 7rem 5rem 2rem 5rem;}

  #program .section-left>.flex{flex-direction: column;}
  #program .section-left .title{display: flex; margin-right: 0; justify-content: space-between;}
  #program .section-left .width15{width: 95%;}
  #program .section-left .width85{width: 100%;}
  #program .section-left .width85{margin-top: 4.375rem;}
  #program .s_btn{width: 40%; margin-top: 0;}
  #program .swiper-button-next, #program .swiper-rtl .swiper-button-prev{left: auto; right: 0;}
  #program  .swiper-button-prev, #program .swiper-rtl .swiper-button-next{left: auto; right: 20%;}
  
  #signature .tit{justify-content: center;}
  #signature .tit>p{text-align: center;}
  #signature .width65{width: 100%;}
  #signature a{width: 150px; justify-content: center; margin: auto; padding: 1.2rem;}

  #youtube .container>.flex{flex-direction: column;}
  #youtube .width40, #youtube .width60{width: 100%;}
  #youtube .width40 .pl-50{padding-left: 0;}
  #youtube .width40{order: 1;}
  #youtube .width60{order: 2; margin-top: 3.125rem;}
  #youtube .width60 img{width: 100%;}

  #belief .contBox::before{right: 5%;}

  #petit .cont > .flex-center{flex-direction: column;}
  #petit .cont.one .width40{order: 1;}
  #petit .cont .desc{order: 2;}
  #petit .cont.one{width: 100%;}
  #petit .cont.two .box:nth-child(1){padding-left: 0; padding-right: 0;}
  #petit .cont.three{padding-left: 0;}
  #petit .cont.three .box:nth-child(2){padding-right: 0;}
  #petit .cont.four .box:first-child{padding-left: 0;}
  #petit .cont.five .box:nth-child(2) {padding-left: 0; padding-right: 0;}
  #petit .cont.five > div{margin-left: 0;}
  #petit .cont.six{padding-left: 0;}
  #petit .box, #petit .cont.five .box:nth-child(2), #petit .cont.six .box{width: 100%;}
  #petit .cont.six .box:nth-child(1), #petit .cont.six .box:nth-child(2){width: 100%;}
  #petit .box.desc, #petit .cont.five .box:first-child{padding: 5rem 5%;}
  #petit .cont.one .width40{width: 90%; margin: auto;}
  #petit .cont.one img{border-right: 1px solid #d7d7d7;}
  #petit .cont.one .box.desc, #petit .cont.two .box.desc, #petit .cont.three .box.desc, #petit .cont.four .box.desc, #petit .cont.five .box.desc, #petit .cont.six .box.desc{border-top: 1px solid #d7d7d7;}
  #petit .cont .box.desc:after{left: auto; right: 0;}
  #petit .cont.two img{width: 90%;}
  #petit .cont.three .box:nth-child(2), #petit .cont.five .box:nth-child(2){width: 90%; margin-left: 10%; }
  #petit .cont.three .box.desc:after{left: auto;}
  #petit .cont.five .box:nth-child(2):after, #petit .cont.four:before{display: none;}
  #petit .cont.five .box:nth-child(1):after {content: "FIVE"; left:auto; position: absolute;top: 50%;transform: translateY(-50%) rotate(90deg);font-size: 5rem;color: #dfdfdf;font-weight: 900;}
  #petit .cont.three .box.desc, #petit .cont.five .box:nth-child(1){width: 100%;}
  #petit .cont.four .box:first-child, #petit .cont.six .box:nth-child(1){width: 90%; margin-right: 10%;}
  #petit .cont.four img {border-right: 1px solid #d7d7d7; border-left: 0;}
  #petit .cont.four:after, #petit .cont.six:after{display: none;}
  #petit .cont.five .box:nth-child(2){border-left: 0;}
  #petit .cont.six img{border-left: 0;}
  #petit .cont.six .box.desc:after{right: 0;}
  #petit .cont.one .box.desc::before, #petit .cont.three .box.desc::before,
  #petit .cont.five .box.desc::before{content: ''; display: block; width: 1px; height: 100%; background-color: #d7d7d7; position: absolute; top: 0; right: 15%;}
  #petit .cont.two .box.desc::before, #petit .cont.four .box.desc::before,
  #petit .cont.six .box.desc::before{content: ''; display: block; width: 1px; height: 100%; background-color: #d7d7d7; position: absolute; top: 0; left: 15%;}
  #petit .cont.two .box.desc:after, #petit .cont.four .box.desc:after, #petit .cont.six .box.desc:after{right: auto; left: 0;}
  #petit .cont.two .box.desc, #petit .cont.four .box.desc, #petit .cont.six .box.desc{padding: 5rem 5% 5rem 23%;}
  #petit .cont.three .box.desc:after{right: -3%;}
  #petit .cont.six .box.desc:after{left: 2%;}

  #main_map .width90 .flexList .box.bg-white{padding: 5rem 3rem 5rem 3rem;}

   #space .scroll {right: 19%;}
}
@media(max-width:1024px){
 
}
@media(max-width:990px){
.font-20 {font-size: 1.5rem;}

  #mainslide .swiper-slide.slide01 .img{background-image: url(/img/main/mainslide01m.jpg)}
  #mainslide .swiper-slide .txt{top: auto; bottom: 100px; transform: translate(-50%, 0);}
  #mainslide .main_Btn{width: 15%;}

  #event .eventSwiper{margin-bottom: 5.000rem;}
  #event .swiper-slide{margin-top: 0;}
  #event .swiper-button-next, #event .swiper-rtl .swiper-button-prev,
  #event .swiper-button-prev, #event .swiper-rtl .swiper-button-next{display: none;}
  #event .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: var(--pointcolor);}
  #event .swiper-pagination-progressbar{background-color: #f1f1f1;}
  #event .swiper-horizontal>.swiper-pagination-progressbar,
  #event .swiper-pagination-progressbar.swiper-pagination-horizontal,
  #event .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
  #event .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height: 2px;}
  #event .scroll{position: absolute; top: 50%; right: 21%; transform: translateY(-50%); z-index: 2;}

  #program .s_btn{margin-left: -10%;}
  #program .swiper-button-next img, #program .swiper-button-prev img{max-width: 60%;}
  #program .swiper-button-prev, #program .swiper-rtl .swiper-button-next{right: 25%;}

  #belief .container ul{border: 1px solid #d7eceb; border-top: 0; border-bottom: 0; position: relative;}
  #belief .container ul:after{content: ''; display: block; width: 120%; height: 1px; background-color: #d7eceb; position: absolute; top: 0; left: -10%;}
  #belief .container ul li>p{border: 1px solid #d7eceb; border-left: 0; border-right: 0;}

  #space .scroll{display: none;}

  #program .width65{width: 60%;}
  #program .width35{width: 40%;}

  #main_map .flexList>.box:nth-child(1){order: 2;}
  #main_map .flexList>.box:nth-child(2){order: 1; border-radius: 16px; overflow: hidden;}
  #main_map .width90{position: relative; top: auto; left: auto; transform: none;}
  #main_map .root_daum_roughmap .wrap_map{height: 450px;}
  #main_map .width90 .flexList{--y-gap: 3rem}
  #main_map .width90 .flexList .box.bg-white{ box-shadow: 5px 5px 15px rgba(151, 151, 151, 0.3); margin-bottom: 100px;}

  #signature .section_mini{padding: 100px 0;}
  
}

@media(max-width:768px){
    #mainslide .main_Btn{width: 20%;}
    
  #event .swiper-slide .txt{padding: 7rem 3rem 2rem 3rem;}
  #event .swiper-slide .txt>.flex-between:last-child{flex-direction: column; text-align: center; justify-content: center; align-items: center;}

  #program .swiper-slide .flex{flex-direction: column;}
  #program .swiper-slide .flex .width65,  #program .swiper-slide .flex .width35{width: 100%;}
  #program .swiper-slide .flex .width35{margin-top: 20px;}
  #program .swiper-button-prev, #program .swiper-rtl .swiper-button-next{right: 30%;}

  #petit .cont.two .box.desc:after{left: -2%;}
  #petit .cont.four .box.desc:after{left: -3%;}
  #petit .cont.six .box.desc:after{left: 1%;}
  #petit .cont.one .box.desc:after, #petit .cont.five .box.desc:after{right: -2%;}
  #petit .cont.three .box.desc:after {right: -6%;}

    #main_map .width90 .flexList .box.bg-white{margin-bottom: 80px;}

  #signature .bg01{ border-radius: 30px 30px 0 0;}
  #signature .bg02{border-radius: 30px 30px 0 0;}

    #program .section-left{padding-left: 0;}
  #program .section-left .title{padding-left: 5%;}
}

@media(max-width:600px){
  #petit .cont.two .box.desc:after{left: -4%;}
  #petit .cont.four .box.desc:after{left: -6%;}
  #petit .cont.six .box.desc:after{left: -1%;}
  #petit .cont.one .box.desc:after, #petit .cont.five .box.desc:after{right: -4%;}
  #petit .cont.three .box.desc:after {right: -8%;}
}

@media(max-width:500px){
  #mainslide .main_Btn{width: 25%;}
  #event .swiper-slide .txt{padding: 7rem 2rem 2rem 2rem;}

  #program .swiper-button-prev, #program .swiper-rtl .swiper-button-next{right: 35%;}

  #petit .cont.two .box.desc:after{left: -5%;}
  #petit .cont.four .box.desc:after{left: -7%;}
  #petit .cont.six .box.desc:after{left: -2%;}
  #petit .cont.one .box.desc:after, #petit .cont.five .box.desc:after{right: -5%;}
  #petit .cont.three .box.desc:after {right: -11%;}
}
@media(max-width:450px){
  #program .swiper-button-prev, #program .swiper-rtl .swiper-button-next{right: 40%;}

  #petit .cont.two .box.desc:after{left: -7%;}
  #petit .cont.four .box.desc:after{left: -9%;}
  #petit .cont.six .box.desc:after{left: -3%;}
  #petit .cont.one .box.desc:after, #petit .cont.five .box.desc:after{right: -6%;}
  #petit .cont.three .box.desc:after {right: -12%;}
}

@media(max-width:385px){
  #petit .cont.two .box.desc:after{left: -8%;}
  #petit .cont.four .box.desc:after{left: -10%;}
  #petit .cont.six .box.desc:after{left: -4%;}
  #petit .cont.one .box.desc:after, #petit .cont.five .box.desc:after{right: -7%;}
  #petit .cont.three .box.desc:after {right: -14%;}

}