@charset "UTF-8";

:root{
    --psd-width: 1920px;
    --news-width: 1680px;
    --slide-left: 120px;
}

/* swiper reset */
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:auto !important; top:auto !important; left: auto !important; width:auto !important; font-size: 0 !important; z-index: 1;}
.swiper-pagination.visual-swiper-pagination{position:static !important;}
.swiper-button-next, .swiper-button-prev{position: static !important; margin-top:0 !important;}
.swiper-button-next:after, .swiper-button-prev:after { display:none;}
.swiper-button-next:after, .swiper-button-prev:after{display:none;}
.creditbank-controller .swiper-button-prev, .creditbank-controller .swiper-button-next{ position: static; margin-top:0;}
.swiper-pagination{ position: static !important; bottom: auto !important; left: auto !important; right: auto !important; top: auto !important; width: auto !important; height: auto !important; padding: 0 !important; background: none !important;}

/*** visual ***/
.visual{position: relative;}
.swiper.visual-swiper .swiper-wrapper .swiper-slide{height:100vh;}
.swiper.visual-swiper .swiper-wrapper .swiper-slide .imgbox {width:100%; height:100%;}
.swiper.visual-swiper .swiper-wrapper .swiper-slide .imgbox img{width:100%; height:100%; object-fit: cover;}
.swiper.visual-swiper .swiper-wrapper .swiper-slide .videobox {width:100%; height:100%;}
.swiper.visual-swiper .swiper-wrapper .swiper-slide .videobox .v-loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 10px solid;
    border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
  }
  
  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  } 
.swiper.visual-swiper .swiper-wrapper .swiper-slide .videobox video{width:100%; height: 100%; object-fit: cover;}
.swiper.visual-swiper .swiper-wrapper .swiper-slide .videobox .progress{position: absolute; bottom:0; left:0; width:0%; height:10px; background: linear-gradient(270deg, #509743 0%, #1984ba 100%);}
.swiper.visual-swiper .swiper-wrapper .swiper-slide .imgbox img{width:100%; height:100vh; object-fit: cover;}
.swiper.visual-swiper .swiper-wrapper .swiper-slide .videobox video{width:100%; height:100vh; object-fit: cover;}
.swiper.visual-swiper .swiper-wrapper .swiper-slide .videobox .progress{position: absolute; bottom:0; left:0; width:25%; height:10px; background: linear-gradient(270deg, #509743 0%, #1984ba 100%);}
.swiper.visual-swiper .visual-controller{position: absolute; right:120px; bottom:70px; z-index: 1; display: flex; align-items: center;}
.swiper.visual-swiper .visual-controller .swiper-button-prev{width:11px; height:19px; background:url('/common/images/user/btn/btn_prev_type01.png')no-repeat center; background-size:100%;}
.swiper.visual-swiper .visual-controller .swiper-button-prev svg{display: none;}
.swiper.visual-swiper .visual-controller .swiper-button-next{width:11px; height:19px; background:url('/common/images/user/btn/btn_next_type01.png')no-repeat center; background-size:100%;}
.swiper.visual-swiper .visual-controller .swiper-button-next svg{display: none;}
.swiper.visual-swiper .visual-controller .visual-player{width:10px; height:17px; margin:0 2.5rem; background:url('/common/images/user/btn/btn_pause_type01.png')no-repeat center; background-size:100%;}
.swiper.visual-swiper .visual-controller .visual-player.play{width:10px; height:14px; margin:0 2.5rem; background:url('/common/images/user/btn/btn_play_type01.png')no-repeat center; background-size:100%;}

.visual-tit{font-size:12rem; line-height:0.9; color:#fff; font-weight: normal; font-family: "Bebas Neue", sans-serif; position: absolute; left:120px; bottom:70px; z-index: 1;}
.scroll-motion{position: absolute; bottom:70px; left:50%; transform: translateX(-50%); z-index: 1;}
.scroll-motion svg{width:26px; height:62px;}

/*** 개교 80주년 기념 주요 사업 ***/
.project{width:100%; height:100vh; position: relative;}
.project .pc-project{max-width: 1920px; height:100%; margin:0 auto;}
.project .pc-project .pc-project-inner{height: 100%; display: flex; align-items: center; flex-direction: row;}
.project .pc-project .pc-project-inner .pc-p-l{width:920px; padding-left:22rem; box-sizing: border-box; z-index: 1;}
.pc-project-tit{margin-top:8rem;}
.pc-project-tit p{font-size:2.4rem; color:#fff; font-weight: 700;}
.pc-project-tit h3{font-size:3.6rem; margin-top:1.5rem; line-height:4rem; color:#60b9ff; font-family: 'SUITE-Eb';}
.project-txt-swiper{margin-top:8rem;}
.project-txt-swiper .swiper-slide .project-titbox p{font-size:2.8rem; padding:1.1rem 2.5rem; margin-bottom:3rem; font-weight:500; background:linear-gradient(270deg, #509743 0%, #1984ba 100%); color:#fff; border-radius: 30px; display: inline-block;}
.project-txt-swiper .swiper-slide .project-titbox strong{font-size:6.2rem; color:#fff; font-weight: 500; display: block;}
.project .pc-project .pc-project-inner .pc-p-r{width:calc(100% - 920px);}
.project .pc-project .pc-project-inner .pc-p-r img{width:100%;}
.project .pc-project .pc-project-inner .project-controller{display: flex; align-items: flex-end;}
.project .pc-project .pc-project-inner .project-controller .project-player{width:35px; height:35px; margin-left:2.5rem; background:url('/common/images/user/btn/btn_pause_type03.png')no-repeat center; background-size:100%;}
.project .pc-project .pc-project-inner .project-controller .project-player.play{width:35px; height:35px; margin-left:2.5rem; background:url('/common/images/user/btn/btn_play_type03.png')no-repeat center; background-size:100%;}
.project-controller .swiper-pagination.project-pagination{margin-top:7.5rem; height:32px !important; display: flex !important; justify-content: flex-start !important; align-items: flex-end !important;}
.project-controller .swiper-pagination.project-pagination .swiper-pagination-bullet{width:4px; height:16px; background:#fff; margin:0 1rem; opacity: 1; border-radius: 0; transition: height 0.3s;}
.project-controller .swiper-pagination.project-pagination .swiper-pagination-bullet:first-child{margin-left:0;}
.project-controller .swiper-pagination.project-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:6px; height:32px; background:#60b9ff; border-radius: 0; transition: height 0.3s;}
.project .m-rolling-bg{display: none;}
.project .pc-rolling-bg{position: absolute; top:0; left:0; width:100%; height:100%;}
.project .pc-rolling-bg img{width:100%; height:100%; position: absolute; top:0; left:0; object-fit: cover;}

/*** 슬로건 ***/
.symbol{position:absolute; top:0; left:0; width:100%; height:100vh; display: flex; align-items: center; justify-content: center; /* background:#fff; */ z-index: 3;}
.symbol .symbol-80th{width:318px; height:395px; display: block; fill:#004ea2;}

.slogan{width:100%; height:100vh}
.slogan-inner{position: relative;}
.imagesmap{width:100%; height:100vh; background:url('/common/images/user/bg/bg_slogan.jpg')no-repeat center; background-size: cover;}
.imagesmap .imagesmap-inner{max-width: 1840px; height:100vh; margin:0 auto; padding:0 2rem; display: flex; flex-direction: column; align-items: center; justify-content:center; position: relative;}
.imagesmap .imagesmap-inner .bg-shield-logo {position: absolute; top: 50%; left: 50%; width: 30%; transform: translate(-50%, -50%); mix-blend-mode: soft-light;}
.imagesmap .imagesmap-inner h3{font-size:18rem; letter-spacing: -3.5px; color:#fff; font-weight: 500; font-family: "Bebas Neue", sans-serif; line-height:1; z-index: 1;}
.imagesmap .imagesmap-inner p{font-size:5.6rem; color:#a5ccff; font-family: 'SUITE-B'; z-index: 1}
.imagesmap .imagesmap-inner .position-img{position: absolute; top:0; left:0; width:100%; height:100vh; overflow: hidden;}
.imagesmap .imagesmap-inner .position-img img{position: absolute; border-radius: 10px; overflow: hidden;}
.slogan01{width:404px; left:5.31%; top:0;} /* width:404px; left:100px; top:0; */
.slogan02{width:259px; left:34.3%; top:10.98%;}/* width:130px; left:645px; top:100px; */
.slogan03{width:364px; left:47.87%; top:0;}/* width:264px; left:900px; top:-96px; */
.slogan04{width:360px; right:0; top:14.28%;}/* width:360px; right:0; top:130px; */
.slogan05{width:133px; left:16.64%; top:50%}/* width:133px; left:313px; top:455px */
.slogan06{width:464px; left:18.79%; bottom:0%;}/* width:464px; left:485px; bottom:0; */
.slogan07{width:191px; right:61.06%; bottom:39.91%;}/* width:95px; right:490px; bottom:345px; */
.slogan08{width:360px; right:3.72%; bottom:0;}/* width:360px; right:70px; bottom:175px; */
.slogan09{width:412px; right:0; bottom: 0%;}/* width:412px; right:280px; bottom:-122px; */
.slogan10{width:300px; left:0; bottom: 10%;}/* width:572px; height:892px right:280px; bottom:-122px; */
.slogan11{width:500px; right:10%; bottom: 41%;}/* width:1000px; right:754px; bottom:-122px; */
.slogan12{width:300px; right:30%; top: 38%;}/* width:700px */
.slogan13{width:450px; left:9%; top: 2%;}/* width:1000px */
.slogan14{width:480px; right:40%; bottom: -10%;}/* width:1000px */

/*** 행사 일정 ***/ 
.event{background: linear-gradient( 0deg, rgba(48, 144, 126, 0.39) 0%, rgba(25, 132, 184, 0.39) 40%, rgba(220, 235, 251, 0.39) 100%); padding: 0; height: 100vh} 
.event-inner{max-width:1680px; margin:0 auto; height:100vh; padding:0 2rem; display: flex; justify-content: start; align-items: center}
.event-innerbox{width:100%; display: flex; align-items: start}
.event-inner .event-l{width:470px;}
.event-inner .event-r{width:calc(100% - 470px);}
.event-inner .event-r ul{padding:0 0 5rem 6.5rem; border-left:1px solid #fff; box-sizing: border-box; height:622px}
.event-inner .event-r ul li a{display: flex; align-items: center; margin-bottom:4rem; transition: all 0.5s;}
.event-inner .event-r ul li:last-child a{margin-bottom:0;}
.event-inner .event-r ul li a .d-day{width:72px; height:72px; margin-right:35px; display: flex; align-items: center; justify-content: center; background:#fff; border:1px solid #004ea2; border-radius: 50%; /* transition: all 0.5s; */}
.event-inner .event-r ul li a .d-day p{font-size:2.8rem; font-family: "Bebas Neue", sans-serif; font-weight:500; color:#004ea2; transition: font-size 0.25s;}
.event-inner .event-r ul li a .event-list{width: calc(100% - 107px); transition: all 0.5s;}
.event-inner .event-r ul li a .event-list h3{font-size:3rem; margin-bottom:0.5rem; color:#000; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: font-size 0.5s;}
.event-inner .event-r ul li a .event-list .event-date{font-size:1.6rem; color:#666; transition: all 0.5s;}
.event-inner .event-r .event-more{font-size:1.4rem; width:56px; height:56px; margin-left:-28px; background:#004ea2; color:#fff; font-weight: 700; display: flex; align-items: center; justify-content: center; transition: all 0.5s;}

.event-inner .event-r ul li a.active{display: flex; align-items: flex-start; flex-direction: column; margin-bottom:6.5rem}
.event-inner .event-r ul li:last-child a.active{margin-bottom:0;}
.event-inner .event-r ul li a.active .d-day{width:auto; height:70px; margin-right:0; margin-bottom:0; background:transparent; border:0; border-radius:0; position: relative;/*  transition: all 0.5s; */}
.event-inner .event-r ul li a.active .d-day:after{width:3px; height:100%; background:#004ea2; position: absolute; top:0; left:-67px; content:''; transition: all 0.5s;}
.event-inner .event-r ul li a.active .d-day p{font-size:5.4rem; font-weight: 500; transition: font-size 0.25s;}
.event-inner .event-r ul li a.active .event-list{width:100%;}
.event-inner .event-r ul li a.active .event-list h3{font-size:5.4rem; margin-top:1rem; margin-bottom:1rem; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: font-size 0.5s;}
.event-inner .event-r ul li a.active .event-list .event-date{font-size:1.8rem; transition: font-size 0.5s;}

/*** 뉴스 ***/
.sub-tit{font-size:4.2rem; color:#000; font-family: 'SUITE-Eb';}
.titlebox{max-width:1680px; margin:0 auto; padding:0 2rem; display: flex; align-items: center; justify-content: space-between;}
.titlebox.news-titlebox{margin:0 auto 14rem auto}
.news{background:#f5f5f5; position: relative; padding:21rem 0 12rem 0;}
.news:after{width:100%; height:277px; content:''; background:url('/common/images/user/bg/bg_slide_back.jpg')no-repeat center; background-size:cover; position: absolute; bottom:0; left:0;}
.news-container{padding-left:12rem;}
.swiper.news-swiper .swiper-slide{width:480px; margin-right:8rem;}
.swiper.news-swiper .swiper-slide:last-child{margin-right:0;}
.swiper.news-swiper .swiper-slide .news-top{min-height:125px;}
.swiper.news-swiper .swiper-slide .news-top div{padding-left:3rem; border-left:2px solid #004ea2;}
.swiper.news-swiper .swiper-slide .news-top div h3{font-size:3rem; margin-bottom:0.5rem; color:#000; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.swiper.news-swiper .swiper-slide .news-top div h3 .news-date{font-size:1.6rem; color:#000;}
.swiper.news-swiper .swiper-slide .news-img{position: relative; padding:33.33%; border-radius: 10px; overflow: hidden;}
.swiper.news-swiper .swiper-slide .news-img img{width:100%; height:100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); object-fit: cover;}
.news-controller{display: flex; align-items: center;}
.news-controller .swiper-button-prev{width:56px; height:56px; margin-right:0.4rem; background:url('/common/images/user/btn/btn_prev_type02.png')no-repeat center; background-size:100%;}
.news-controller .swiper-button-prev svg{display: none;}
.news-controller .swiper-button-next{width:56px; height:56px; background:url('/common/images/user/btn/btn_next_type02.png')no-repeat center; background-size:100%;}
.news-controller .swiper-button-next svg{display: none;}


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

    /*** slogan ***/
    .slogan01{width:21.04vw;}
    .slogan02{width:12.77vw;}
    .slogan03{width:23.75vw;}
    .slogan04{width:18.75vw;}
    .slogan05{width:6.92vw;}
    .slogan06{width:24.16vw;}
    .slogan07{width:9.94vw;}
    .slogan08{width:18.75vw;}
    .slogan09{width:22.45vw;}
    .slogan10{width:15vw;}
    .slogan11{width:22vw;}
    .slogan12{width:21vw;}
    .slogan13{width:21vw;}
    .slogan14{width:17vw;}
}

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

    /*** slogan ***/
    .imagesmap .imagesmap-inner h3{font-size:9.37vw;}

}

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

    /*** 개교 80주년 기념 주요 사업 ***/
    .project .pc-project .pc-project-inner .pc-p-l{padding-left:10rem; width:700px;}
    .project .pc-project .pc-project-inner .pc-p-r{width:calc(100% - 700px);}
    .project-controller .swiper-pagination.project-pagination{margin-top:4rem;}

}


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

    /*** visual ***/
    .visual-tit{font-size:10rem;}

    /*** 개교 80주년 기념 주요 사업 ***/
    .pc-project-tit{margin-top:4rem;}
    .pc-project-tit p{font-size:2rem;}
    .pc-project-tit h3{font-size:3rem;}
    .project-txt-swiper{margin-top:4rem;}
    .project-txt-swiper .swiper-slide .project-titbox p{font-size:2.4rem;}
    .project-txt-swiper .swiper-slide .project-titbox strong{font-size:5rem;}
    .project .pc-project .pc-project-inner .pc-p-l{padding-left:8rem; width:600px;}
    .project .pc-project .pc-project-inner .pc-p-r{width:calc(100% - 600px)}

    /*** slogan ***/
    .imagesmap .imagesmap-inner p{font-size:4vw;}

    /*** 행사 일정 ***/
    .event-inner .event-l{width:350px;}
    .event-inner .event-r{width:calc(100% - 350px)}
    .event-inner .event-r ul{padding:0 0 5rem 4rem; height:611px}
    .event-inner .event-r ul li a.active .d-day:after{left:-42px;}
    .event-inner .event-r ul li a.active .event-list h3{font-size:4.4rem;}
    .event-inner .event-r ul li a .event-list h3{font-size:2.6rem;}

    /*** 뉴스 ***/
    .news-container{padding-left:10rem;}
    .swiper.news-swiper .swiper-slide{margin-right:6rem;}
    .swiper.news-swiper .swiper-slide .news-top div h3{font-size:2.6rem;}
}

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

    /*** 개교 80주년 기념 주요 사업 ***/
    .pc-project-tit{margin-top:0;}
    .pc-project-tit p{font-size:1.8rem;}
    .pc-project-tit h3{font-size:2.5rem; line-height:3rem;}
    .project-txt-swiper{margin-top:2rem;}
    .project-txt-swiper .swiper-slide .project-titbox p{font-size:2rem; margin-bottom:2rem;}
    .project-txt-swiper .swiper-slide .project-titbox strong{font-size:3.8rem;}
    .project .pc-project .pc-project-inner .pc-p-l{width:500px;}
    .project .pc-project .pc-project-inner .pc-p-r{width:calc(100% - 500px)}


}

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

    /*** 행사 일정 ***/
    .event-inner .event-l{width:250px;}
    .event-inner .event-r{width:calc(100% - 250px)}

}



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

    /*** visual ***/
    .visual-tit{width:600px; left:50%; top:28%; bottom:auto; transform: translateX(-50%);}
    .scroll-motion{bottom:40px;}
    .swiper.visual-swiper .visual-controller{right:20px; bottom:55px;}

    /*** 개교 80주년 기념 주요 사업 ***/
    .project{padding-left:4rem; padding-bottom:4rem; padding-top:4rem;  box-sizing: border-box; height:auto;}
    .pc-project-tit{margin-top:0;}
    .project .pc-project .pc-project-inner{flex-direction: column; justify-content: center;}
    .project .pc-project .pc-project-inner .pc-p-l{width:100%; padding-left:0; margin-bottom:4rem;}
    .project .pc-project .pc-project-inner .pc-p-r{width:100%;}
    .project .pc-rolling-bg{display: none;}
    .project .m-rolling-bg{display: block; position: absolute; top:0; left:0; width:100%; height:100%;}
    .project .m-rolling-bg img{width:100%; height:100%; position: absolute; top:0; left:0; object-fit: cover;}

    /*** slogan ***/
    .imagesmap .imagesmap-inner h3{font-size:17vw; text-align: center;}
    .imagesmap .imagesmap-inner p{text-align: center;}

    .slogan01{width:374px; top:80px; left:-165px}/*width:37.5vw; top:80px; left:-165px 374*/
    .slogan02{width:200px; top:436px; left:160px;}/*width:13.5vw; top:436px; left:160px; 129*/
    .slogan03{width:200px; top:170px; right:230px; left:auto;}/*width:27.24vw; top:280px; right:95px; left:auto; 263*/
    .slogan04{width:360px; top:89px; right:-230px}/*width:36.4vw; top:89px; right:-230px 360*/
    .slogan05{width:70px; top:0; left:300px;}/*width:6.92vw; top:0; left:0; 70*/
    .slogan06{width:464px; bottom:0; left:-250px;}/*width:47vw; bottom:0; left:0; 464 */
    .slogan07{width:150px; bottom:400px; right:-30px;}/*width:4.94vw; bottom:38%; right:0; 96*/
    .slogan08{width:360px; bottom:0; right:-80px}/*width:36vw; bottom:0; right:-80px 360*/
    .slogan09{width:200px; bottom:-30px; right:300px;}/*width:41.45vw; bottom:0; right:0; 410*/
    .slogan10{width:150px; left:25%; bottom: 40%;}/* width:572px; height:892px right:280px; bottom:-122px; */
    .slogan11{width:300px; right:22%; bottom: 17%;}/* width:100px; right:754px; bottom:-122px; */
    .slogan12{width:180px; right:30%; top: 38%;}/* width:700px */
    .slogan13{width:300px; left:9%; top: 2%;}/* width:1000px */
    .slogan14{width:250px; right:10%; bottom: 0%;}/* width:1000px */

    /*** 행사 일정 ***/
    .event-inner{align-items: center;}
    .event-innerbox{display: block; padding:2rem 0;}
    .event-inner .event-l{width:100%; margin-bottom:8rem;}
    .event-inner .event-r{width:100%; padding-left:3rem; box-sizing: border-box;}

    /*** 뉴스 ***/
    .news{padding:25rem 0 30rem 0;}
    .news:after{width:100%; height:537px; background:url('/common/images/user/bg/bg_slide_m_back.jpg')no-repeat center; background-size: cover;  }
    .news-container{padding:0 2rem;}
    .swiper.news-swiper .swiper-slide{width:100%; margin-right:0;}


}

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

    /*** visual ***/
    .visual-tit{width:100%; padding:0 2rem; font-size: 6rem; left:50%; top:28%; text-align: center;}
    .scroll-motion svg{width:20px; height:46px;}
    .swiper.visual-swiper .visual-controller{bottom:28px;}
    .swiper.visual-swiper .swiper-wrapper .swiper-slide .videobox .progress{height:9px;}
    .swiper.visual-swiper .visual-controller .visual-player{margin:0 2rem;}

    /*** 개교 80주년 기념 주요 사업 ***/
    .project .pc-project .pc-project-inner{flex-direction: column; justify-content: center;}
    .project .pc-project .pc-project-inner .pc-p-l{margin-bottom:2rem;}
    .pc-project-tit p{font-size:1.6rem;}
    .pc-project-tit h3{font-size:2.4rem; line-height:3rem;}
    .project-txt-swiper{margin-top:3rem;}
    .project-txt-swiper .swiper-slide .project-titbox p{font-size:1.8rem; padding:0.8rem 2.1rem; margin-bottom:2rem;}
    .project-txt-swiper .swiper-slide .project-titbox strong{font-size:3.4rem;}
    .project-controller .swiper-pagination.project-pagination{margin-top:7rem;}
    .project .pc-project .pc-project-inner .pc-p-r{width:100%;}
    .project-controller .swiper-pagination.project-pagination .swiper-pagination-bullet{width:3px; height:14px; margin:0 0.7rem;}
    .project-controller .swiper-pagination.project-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:4px; height:28px;}
    .project .pc-project .pc-project-inner .project-controller .project-player{width:30px; height:30px; margin-left:1.5rem;}
    .project .pc-project .pc-project-inner .project-controller .project-player.play{width:30px; height:30px; margin-left:1.5rem;}

    /*** slogan ***/
    .symbol .symbol-80th{width:159px; height:197.5px;}
    .imagesmap .imagesmap-inner h3{font-size:6rem;}
    .imagesmap .imagesmap-inner p{font-size:3.2rem;}
    .slogan01{width:48.76vw; top:10.43vw; left:-21.51vw}
    .slogan02{width:31.81vw; top:70.84vw; left:20.85vw;}
    .slogan03{width:50vw; top:22.16vw; right:29.98vw;}
    .slogan04{width:46.93vw; top:11.6vw; right:-29.98vw}
    .slogan05{width:9.12vw; top:0; left:39.11vw;}
    .slogan06{width:60.49vw; bottom:4vw; left:-32.59vw;}
    .slogan07{width:18.51vw; bottom:52.15vw; right:-3.91vw;}
    .slogan08{width:46.93vw; bottom:0; right:-10.43vw}
    .slogan09{width:66.07vw; bottom:-3.91vw; right:39.11vw;}
    .slogan10{width:29vw; left:10.9vw; bottom: 10vw;}
    .slogan11{width:53vw; right:22vw; bottom: 17vw;}
    .slogan12{width:34vw; right:30vw; top: 38vw;}
    .slogan13{width:40vw; left:9vw; top: 2vw;}
    .slogan14{width:53vw; right:10vw; bottom: -5vw;}

    /*** 행사 일정 ***/
    .event-inner .event-l{width:100%; margin-bottom:4rem;}
    .event-inner .event-r{padding-left:2rem;} 
    .event-inner .event-r ul{padding:0 0 3.2rem 2rem; height:447px}
    .event-inner .event-r ul li a{margin-bottom:3.5rem;}
    .event-inner .event-r ul li a .d-day{width:55px; height:55px; margin-right:0.6rem;}
    .event-inner .event-r ul li a .d-day p{font-size:2.1rem;}
    .event-inner .event-r ul li a .event-list h3{font-size:1.8rem}
    .event-inner .event-r ul li a .event-list .event-date{font-size:1.2rem;}
    .event-inner .event-r ul li a.active{margin-bottom:4rem;}
    .event-inner .event-r ul li a.active .d-day{height:50px;}
    .event-inner .event-r ul li a.active .d-day:after{width:3px; height:45px; left:-22px;}
    .event-inner .event-r ul li a.active .d-day p{font-size: 3rem;}
    .event-inner .event-r ul li a.active .event-list h3{font-size:3rem;}
    .event-inner .event-r ul li a.active .event-list .event-date{font-size:1.5rem;}
    .event-inner .event-r .event-more{font-size:1.2rem; width:38px; height:38px; margin-left:-19px;}

    /*** 뉴스 ***/
    .sub-tit{font-size:2.8rem;}
    .news-controller .swiper-button-prev{width:40px; height:40px;}
    .news-controller .swiper-button-next{width:40px; height:40px;}
    .titlebox.news-titlebox{margin-bottom:13rem;}
    .swiper.news-swiper .swiper-slide .news-top{min-height: inherit; margin-bottom:4rem;}
    .swiper.news-swiper .swiper-slide .news-top div{padding-left:1.5rem;}
    .swiper.news-swiper .swiper-slide .news-top div h3{font-size:2.1rem; line-height:3rem;}
    .swiper.news-swiper .swiper-slide .news-top div .news-date{font-size:1.4rem;}
    .news{padding:12.5rem 0 15rem 0;}
    .news:after{height:269px;}

}

@media all and (max-width:600px){
    .imagesmap .imagesmap-inner h3{font-size:5rem; letter-spacing: -2.5px;}
    .imagesmap .imagesmap-inner p{font-size:2.8rem;}

}