/*mainStyle.css*/



body.dark-mode { background:#333; }
body.dark-mode h1, h2 , h3, p { color:#fff; }
body.dark-mode p,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
    background-color:#c71526;
    color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
    background-color:#c71526;
    color:#eee
}
button { background:#c71526; }
#darkLight {
    width:70px; height:90px; 
    font-size:3em;
    padding-left:0.5%;
    position:fixed;
    right:0; bottom:3%;
    border-radius:100px 0 0 100px;
    transition:all .3s;
    z-index:99999;
}
#darkLight:hover {
    width:130px;
    padding-left:1%;
    background-color:#111;
}

#container{overflow: hidden; }
 



.at-mainVisual {padding:90px 0 0px 0; background:#e7f2fe; height:580px; margin-bottom:50px; margin-top:100px;}
.at-mainVisual .d-flex {display:flex; flex-wrap:wrap; position:relative;}

.at-mainVisual .mainSlider {overflow:hidden;}
.at-mainVisual .mainSlider li {position:relative; display:flex; flex-wrap:wrap; -webkit-transition:all .4s ease; transition:all .4s ease;}
.at-mainVisual .mainSlider li img {max-width:100%;}
.at-mainVisual .mainSlider li .title {width:580px; padding-top:40px;}
.at-mainVisual .mainSlider li .title h4 {display:inline-flex; height:45px; align-items:center; padding:0 30px; font-family: 'Paperlogy-6SemiBold';  font-size:20px; background:#2f48a5; color:#FFF; border-top-left-radius:15px; border-bottom-right-radius:15px;}
.at-mainVisual .mainSlider li .title h3 {font-family: 'Paperlogy-6SemiBold'; font-size:50px; line-height:100%; margin:40px 0 0 0;}
.at-mainVisual .mainSlider li .title p {font-family: 'Paperlogy-5Medium'; font-size:20px; line-height:140%; margin-top:70px;}
.at-mainVisual .mainSlider li .title a.more {position:relative; margin-top:50px; display:inline-flex; width:193px; height:41px; border:1px solid #000; border-radius:50px; padding:0 30px; align-items:center; font-family: 'Paperlogy-5Medium'; font-size:14px;}
.at-mainVisual .mainSlider li .title a.more:after {position:absolute; right:25px; width:28px; height:1px; background:#000; content:""; z-index:9; top:50%;}
.at-mainVisual .mainSlider li .img {width:calc(100% - 580px);  overflow:hidden;}
.at-mainVisual .mainSlider li .img img {border-bottom-left-radius:80px;}


.mainSlider_control {position:absolute; left:200px; bottom:40px; width:330px; padding-right:120px; z-index:9;}
.mainSlider_control .inner {position:relative;}
.mainSlider_control .swiper-left {position:absolute; top:0; right:60px; width:40px; height:50px; cursor:pointer; }
.mainSlider_control .swiper-pause {position:absolute; top:0; right:43px; width:20px; height:50px; cursor:pointer; background:url(../img/pause_icon.png) no-repeat center 8px; }
.mainSlider_control .swiper-left .material-symbols-outlined {font-size:34px; }
.mainSlider_control .swiper-right {position:absolute; top:0; right:0px; width:40px; height:50px; cursor:pointer; }
.mainSlider_control .swiper-right .material-symbols-outlined {font-size:34px;}

.swiper-pagination2 {}
.mainSlider_control .swiper-pagination-progressbar {position: absolute; left:30px !important; top: 16px !important; width:calc(100% - 60px) !important;  height: 2px !important; background:#c7c7c7;}
.mainSlider_control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #000;}
.swiper-fraction {position:absolute; left:0; top:4px; width:100%; font-family: 'Paperlogy-5Medium'; font-size:15px;}
.swiper-fraction span.first {position:absolute; left:0; top:0; }
.swiper-fraction span.last {position:absolute; right:0; top:0;}

 

.mainbannerWrap {position:relative; background:#e7f2fe; height:580px;}
.mainbannerWrap.mobile {display:none;}
.mainbannerWrap.pc {display:block;}


.bannerWrap{width: 100%;  position: relative; display:flex;}
.bannerWrap .img {width:100%; height:100%; background-size:100% !important;}
.bannerWrap div.main_txt {width: 1300px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }


.swiper-slide .bannerWrap p.fnt-title1 {color:#f14815; font-size:40px; font-family:"yg-jalnan"; font-weight:800; line-height:120%; -webkit-transition:opacity 0.7s,-webkit-transform 0.7s;transition:opacity 0.7s,-webkit-transform 0.7s;-o-transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s,-webkit-transform 0.7s;-webkit-transform:translate(-50px, 0px);-ms-transform:translate(-50px, 0px);transform:translate(-50px, 0px);opacity:0} 
.swiper-slide .bannerWrap p.fnt-title2 {margin-top:8px; color:#040303; font-family: 'GmarketSansMedium'; font-size:35px; line-height:140%; -webkit-transition:opacity 0.7s,-webkit-transform 0.7s;transition:opacity 0.7s,-webkit-transform 0.7s;-o-transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s,-webkit-transform 0.7s;-webkit-transform:translate(-50px, 0px);-ms-transform:translate(-50px, 0px);transform:translate(-50px, 0px);opacity:0 } 
.swiper-slide .bannerWrap p.fnt-title3 {margin-top:30px; color:#040303; font-family: 'GmarketSansMedium'; font-size:22px; line-height:140%; -webkit-transition:opacity 0.7s,-webkit-transform 0.7s;transition:opacity 0.7s,-webkit-transform 0.7s;-o-transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s,-webkit-transform 0.7s;-webkit-transform:translate(-50px, 0px);-ms-transform:translate(-50px, 0px);transform:translate(-50px, 0px);opacity:0 } 

.swiper-slide .bannerWrap .imgwrap {width:100%;}
.swiper-slide .bannerWrap .imgwrap img {width:100%;}

.swiper-slide.swiper-slide-active .bannerWrap p.fnt-title1 {-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);opacity:1}
.swiper-slide.swiper-slide-active .bannerWrap p.fnt-title1 {-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s}

.swiper-slide.swiper-slide-active .bannerWrap p.fnt-title2 {-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);opacity:1}
.swiper-slide.swiper-slide-active .bannerWrap p.fnt-title2 {-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s}

.swiper-slide.swiper-slide-active .bannerWrap p.fnt-title3 {-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);opacity:1}
.swiper-slide.swiper-slide-active .bannerWrap p.fnt-title3 {-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s}


.mainSwiper {overflow:hidden; position:relative;}
.mainSwiper .swiper-pagination { position: absolute; bottom:60px !important; top:auto; z-index:9;}
.mainSwiper .swiper-pagination-bullet {width:30px; height:5px; border-radius:0; background:#e6e7e7; opacity:1;}
.mainSwiper .swiper-pagination-bullet-active {background:#f14815;}

 

@media (max-width:1200px) {
 
.at-mainVisual .mainSlider li .title {width:480px; padding-top:20px;}
.at-mainVisual .mainSlider li .title h4 {font-size:18px;}
.at-mainVisual .mainSlider li .title h3 {font-size:36px;}
.at-mainVisual .mainSlider li .title p {font-size:18px;}
.at-mainVisual .mainSlider li .title a.more {font-size:14px;}
.at-mainVisual .mainSlider li .title a.more:after {}
.at-mainVisual .mainSlider li .img {width:calc(100% - 480px);}
.at-mainVisual .mainSlider li .img img {border-bottom-left-radius:80px;}

.at-mainVisual .d-flex {padding-bottom:40px;}
.mainSlider_control {bottom:20px; left:10px;}
}
 
@media (max-width:1000px) {

.at-mainVisual {margin-top:70px;}

}

@media (max-width:900px) {

.at-mainVisual {height:auto; padding:40px 0; margin-bottom:30px;}
.at-mainVisual .mainSlider li .img {width:100%; order:1;}
.at-mainVisual .mainSlider li .title {width:100%; order:2;}

.at-mainVisual .mainSlider li .title h4 {font-size:14px; height:25px;}
.at-mainVisual .mainSlider li .title h3 {font-size:22px; margin-top:5px;}
.at-mainVisual .mainSlider li .title p {font-size:14px; margin-top:10px;}
}


.mainTitle {text-align:center; margin-bottom:60px; margin-top:90px;}
.mainTitle h3 {display:inline-block; position:relative; font-family: 'Paperlogy-6SemiBold'; font-size:45px; line-height:110%;}
.mainTitle h3:after {position:absolute; width:100%; height:12px; background:#19ffe7; bottom:0; content:""; left:0; z-index:-1;}
.mainTitle p {font-family: 'Paperlogy-3Light'; font-size:18px; margin-top:10px;}



@media (max-width:900px) {

.mainTitle {text-align:center; margin-bottom:40px; margin-top:50px;}
.mainTitle h3 {font-size:32px;}
.mainTitle p {font-size:16px;}

}

@media (max-width:500px) {

.mainTitle { margin-bottom:30px; margin-top:30px;}
.mainTitle h3 {font-size:26px;}
.mainTitle p {font-size:14px;}

.at-mainVisual .mainSlider li .img img {border-radius:10px;}

}


@media (max-width:370px) {

.at-mainVisual {margin-top:60px;}

}


.main_content01 {padding:90px 0; margin-bottom:40px;}
.programSlider {overflow:hidden; padding-top:8px;} 
.programSlider li {position:relative;}
.programSlider li .img img {width:100%;border-radius:20px;aspect-ratio:1.333;object-fit:cover;}
.programSlider li .title {font-size:22px; padding-top:40px; text-align:center; margin-bottom:20px;}
.programSlider li .date {font-size:16px; text-align:center;}
.programSlider li .stat {position:absolute; width:92px; height:35px; font-size:16px; color:#fff; left:35px; top:-8px; display:flex; align-items:center; justify-content:center; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.programSlider li .stat:after {position:absolute; left:-11px; top:0px; content:"";  width: 0;  height: 0;  border-left: 11px solid transparent;  border-right: 0px solid transparent;  }

.programSlider li .stat.ready {background:#e46253;}
.programSlider li .stat.ready:after {border-bottom: 8px solid #b44437;}

.programSlider li .stat.ing {background:#fba443;}
.programSlider li .stat.ing:after {border-bottom: 8px solid #bc5c00;}

.programSlider li .stat.end {background:#5e5e5e;}
.programSlider li .stat.end:after {border-bottom: 8px solid #060606;}

.mainprogram_control {position:relative; padding-right:300px; margin-top:90px;}
.swiper-pagination3.swiper-pagination-progressbar {position:relative !important;  height:4px; top:18px !important;}
.swiper-pagination3.swiper-pagination-progressbar {height:1px !important; background:#e3e3e3 !important;}
.swiper-pagination3.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { height:3px !important;background: #00c0bc !important; top:-1px;}
.mainprogram_control .swiper-next3 {position:absolute; right:0; top:0; width:36px; height:36px; border-radius:100%; cursor:pointer; background:#f3f3f3; display:flex; align-items:center; justify-content:center;}
.mainprogram_control .swiper-prev3 {position:absolute; right:87px; top:0; width:36px; height:36px; border-radius:100%; cursor:pointer; background:#f3f3f3; display:flex; align-items:center; justify-content:center;}
.mainprogram_control .swiper-pause3 {position:absolute; top:0; right:43px; width:36px; height:36px; border-radius:100%; cursor:pointer; background:url(../img/pause_icon.png) no-repeat center center #f3f3f3; }
.mainprogram_control .swiper-fraction3 {position:absolute; right:150px; top:6px; font-size:15px; font-family: 'Paperlogy-5Medium';}
.mainprogram_control .swiper-fraction3 span.first {font-family: 'Paperlogy-7Bold';}

@media (max-width:900px) {

.main_content01 {padding:50px 0;}

.programSlider li .title {font-size:18px; padding-top:20px; margin-bottom:10px;}
.programSlider li .date {font-size:14px;}
}


@media (max-width:500px) {

.main_content01 {padding:30px 0;}
.programSlider li .title {font-size:16px;}
.programSlider li .date {font-size:12px; letter-spacing:-0.5px;}

.mainprogram_control {margin-top:40px; padding-right:220px;}
}





.main_content02 {padding:90px 0; background:#eff2f5;}

.mainList {display:flex; flex-wrap:wrap;}
.mainList li {width:16.66666%; text-align:center;}
.mainList li .icon {display:inline-block; width:160px; height:160px; border-radius:100%;}
.mainList li .icon.icon01 {background:url(../img/main_link01.png) no-repeat #FFf;}
.mainList li .icon.icon02 {background:url(../img/main_link02.png) no-repeat #FFf;}
.mainList li .icon.icon03 {background:url(../img/main_link03.png) no-repeat #FFf;}
.mainList li .icon.icon04 {background:url(../img/main_link04.png) no-repeat #FFf;}
.mainList li .icon.icon05 {background:url(../img/main_link05.png) no-repeat #FFf;}
.mainList li .icon.icon06 {background:url(../img/main_link06.png) no-repeat #FFf;}
.mainList li p {margin-top:20px; font-size:20px;}



@media (max-width:1100px) {

.mainList li .icon {width:110px; height:110px; background-size:100% !important;}
.mainList li p {font-size:18px;}
}


@media (max-width:750px) {

.main_content02 {padding:50px 0;}

.mainList li .icon {width:70px; height:70px;}
.mainList li p {font-size:16px; margin-top:10px;}
}

@media (max-width:600px) {

.mainList li {width:33.33333%; margin-bottom:30px;}
.mainList li p {font-size:14px; letter-spacing:-1px;}
.mainList li:nth-child(n+4) {margin-bottom:0;}
}

@media (max-width:350px) {
 
.mainList li p {font-size:12px;}

}



.main_content03 {position:relative; z-index:2; top:-10px; margin-bottom:50px; }
.newsSlider {overflow:hidden;} 
.newsSlider li .img img {border-radius:15px; max-width:100%;}
.newsSlider li .info {padding:30px 20px}
.newsSlider li .title {font-size:18px; margin-bottom:15px; letter-spacing:-1px;}
.newsSlider li .date {font-size:14px;}

.mainnews_control {position:relative;}
.mainnews_control .swiper-prev4 {position:absolute; background:#FFF; left:-80px; top:100px; cursor:pointer;display:flex; align-items:center; justify-content:center;  width:67px; height:67px; border-radius:100%; border:1px solid #d8d9df;}
.mainnews_control .swiper-prev4 span {font-size:30px;}
.mainnews_control .swiper-next4 {position:absolute; background:#FFF; right:-80px; top:100px; cursor:pointer;display:flex; align-items:center; justify-content:center;  width:67px; height:67px; border-radius:100%; border:1px solid #d8d9df;}
.mainnews_control .swiper-next4 span {font-size:30px;}


@media all and (max-width:992px){
 
.main_content03 {padding-top:50px;}

.mainnews_control .swiper-prev4 { left:-10px; top:90px; z-index:99; width:50px; height:50px;}
.mainnews_control .swiper-prev4 span {font-size:30px;}
.mainnews_control .swiper-next4 {right:-10px; top:90px; z-index:99; width:50px; height:50px;}
.mainnews_control .swiper-next4 span {font-size:30px;}

.newsSlider li .info {padding:20px 0px}
.newsSlider li .title {font-size:16px;}
}

.main_content04 {background:url(../img/main_counter_bg.jpg) repeat-x center 0; height:663px;}
.main_content04 .mainTitle2 {  margin-top:0; padding-top:100px; text-align:center;}
.main_content04 .mainTitle2 h3 {font-family: 'Paperlogy-6SemiBold'; font-size:45px;color:#FFF; line-height:120%; }
.main_content04 .mainTitle2 p {font-family: 'Paperlogy-6SemiBold'; font-size:35px;color:#FFF;  line-height:120%;}

.mainCounter {display:flex; margin-top:80px;}
.mainCounter li {width:20%; border-left:1px solid #55596e; text-align:center;}
.mainCounter li .icon {display:inline-block; width:79px; height:79px;}
.mainCounter li .icon.icon01 {background:url(../img/main_counter_icon01.png) no-repeat;}
.mainCounter li .icon.icon02 {background:url(../img/main_counter_icon02.png) no-repeat;}
.mainCounter li .icon.icon03 {background:url(../img/main_counter_icon03.png) no-repeat;}
.mainCounter li .icon.icon04 {background:url(../img/main_counter_icon04.png) no-repeat;}
.mainCounter li .icon.icon05 {background:url(../img/main_counter_icon05.png) no-repeat;}
.mainCounter li .number {font-size:50px; color:#19ffe7; font-weight:bold; line-height:140%;}
.mainCounter li .txt {font-family: 'Paperlogy-4Regular'; font-size:18px; color:#FFF; line-height:140%;}
.mainCounter li p {font-family: 'Paperlogy-7Bold'; font-size:18px; color:#FFF; margin-top:30px;}

.counterSlide {position:relative; overflow:hidden;} 
.counterSlide .swiper-prev5 {position:absolute;  left:0px; top:50%; cursor:pointer;display:none; align-items:center; justify-content:center;  width:67px; height:67px;  z-index:999;}
.counterSlide .swiper-prev5 span {font-size:30px; color:#FFF;}
.counterSlide .swiper-next5 {position:absolute;  right:0px; top:50%; cursor:pointer;display:none; align-items:center; justify-content:center;  width:67px; height:67px; z-index:999;}
.counterSlide .swiper-next5 span {font-size:30px; color:#FFF;}


@media all and (max-width:992px){


.main_content04 {height:auto; padding:50px 0 100px 0;}
.main_content04 .mainTitle2 { padding-top:50px; }
.main_content04 .mainTitle2 h3 {font-size:30px; }
.main_content04 .mainTitle2 p {font-size:24px; }

.mainCounter li {border-left:none; border-right:1px solid #55596e}
.mainCounter li:last-child {border-right:none;}
.mainCounter li .number {font-size:36px;}
.mainCounter li .txt {font-size:16px;}
.mainCounter li p  {font-size:16px;}


.counterSlide .swiper-prev5 {display:flex;}
.counterSlide .swiper-next5 {display:flex;}
}


@media all and (max-width:550px){


.mainCounter li {border-left:none; border-right:none;}
.mainCounter li .number {font-size:28px;}
.mainCounter li .txt {font-size:14px;}
.mainCounter li p  {font-size:14px;}


}



.mainPopzone_wrap {display:none; position:fixed; left:0; top:0; width:100%; height:100vh; z-index:9999;}
.popzone_back {background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; width:100%; height:100vh;}
.mainPopzone_wrap .at-container {text-align:center;}
.mainPopzone .title {position:relative; margin-bottom:40px; }

.mainPopzone .title h3 {font-size:50px; color:#FFF; font-weight:bold; line-height:120%; text-align:left;}
.mainPopzone .title.onslide_title h3 {position:relative; font-size:26px;}
.mainPopzone .popup-close {position:absolute; width:102px; height:102px; background:url(../img/popup_close.png) no-repeat; right:0; top:-20px;}

.mainPopzone .title.onslide_title .popup-close {width:80px; height:80px; background-size:100%;}


.mainPopzone .popup-timer {position:absolute; right:120px; top:20px; color:#FFF; font-size:15px;}
.mainPopzone .popup-timer input[type="checkbox"]{display: none;}
.mainPopzone .popup-timer input[type="checkbox"] + label {cursor:pointer;}
.mainPopzone .popup-timer input[type="checkbox"] + label i {display: inline-flex; align-items:center; justify-content:center; width: 21px; height: 21px; background:#FFF; color:#bcbcbc; border-radius:4px; position: relative; margin-right:4px;}
.mainPopzone .popup-timer input[type="checkbox"]:checked + label i {background:#005c88; color:#FFF;}

.mainPopzone .title.onslide_title .popup-timer {right:90px;}

.mainPopzone .popup-pagination-wrap {position:absolute; right:320px; top:20px; color:#FFF; font-size:15px; width:40%; display:flex;}
.mainPopzone .popup-pagination {display:inline-flex; align-items:center; }
.mainPopzone .swiper-pagination-bullet {width:9px; height:9px; border-radius:100%; background:#e6e7e7; opacity:1; margin-left:10px;}
.mainPopzone .swiper-pagination-bullet-active {position: relative; width: 23px; height: 23px; border: 5px solid transparent; border-radius: 50%;  background-image: linear-gradient(#04050a, #04050a), 
    linear-gradient(to bottom, #2ac6b1 0%,  #005c88 100%);  background-origin: border-box;   background-clip: content-box, border-box;}

.mainPopzone .popup-line {flex:auto; background:url(../img/popupzone_line.png) repeat-x 0 center;}
.mainPopzone {position:relative; margin-top:5%;  display:inline-block; max-width:1400px;}
.popSlider {overflow:hidden;}
.popSlider li img {max-width:100%;}

.mainPopzone .notSlider {display:flex;  margin-left:-2%;}
.mainPopzone .notSlider li {flex:1; margin-left:2%;}
.mainPopzone .notSlider li img {max-width:100%; width:450px;}


@media all and (max-width:1200px){
.mainPopzone .popup-timer {right:80px; top:20px;}
.mainPopzone .popup-close {width:70px; height:70px; background-size:100%; top:0px;}
 .mainPopzone .title h3 {font-size:40px;}
 .mainPopzone .popup-pagination-wrap {position:relative; right:auto; top:auto; width:100%; margin:20px 0 0px 0;}
 .mainPopzone .popup-line {order:1;}
 .mainPopzone .popup-pagination {order:2;}
}

@media all and (max-width:620px){

.mainPopzone {display:block;}
.mainPopzone .title  {margin-bottom:20px;}
.mainPopzone .title h3 {font-size:32px; padding-top:60px;}
}

@media all and (max-width:450px){


}