@charset "utf-8";
@import "reset.css";

.kor .eng{display:none !important;}
.eng .kor{display:none !important;}

header {display:flex; align-items: center; justify-content: center; height:120px; background:#fff; position:absolute; top:0px; width:100vw; transition-duration:0.6s; transform:translateY(-100%); z-index:4; }
header.on{transform:translateY(0%);}
header h1 a{display:block; font-size:0px; background-size:100%; }
header h1 a img{max-width:40vw;}
header nav{display:flex; align-items: center; justify-content: space-between; max-width:1920px; width:100%; width:1440px;}
header nav ul{display:flex; gap:0px 60px;}
header nav ul li a{font-size:22px; font-weight:500;}
header nav ul li.lang a{display:flex; align-items: center; gap:0px 6px;}
header nav ul li.lang a::before,header nav ul li a::after{content:""; display:block;}
header nav ul li.lang a::before{width:28px; height:28px; background:url("../images/lang.svg")center center no-repeat; background-size:100%;}
/*header nav ul li.lang a::after{width:8px; height:4px; background:url("../images/arrow_bottom.svg")center center no-repeat; background-size:100%;}*/

section{width:100vw; height:100vh; background:#fff; display:flex }
section .content{max-width:1920px;}


.sc1 .swiper{
    position:absolute;
}

.sc3{background:#F8F8F8;}

.pointMap{
    position:fixed;
    right:30px;
    top:50%;
    display:flex;
    flex-direction: column;
    gap:10px 0px;
    z-index:6;
}
.pointMap li a{position:relative; display:flex; height:22px; align-items:center;  font-size:0px; font-weight:700; color:#000; transition-duration:0.3s; padding-right:15px;  text-shadow:0px 0px 5px #fff;}
.pointMap.first li a{color:#fff; text-shadow:none;}
.pointMap.first li a::Before{border:2px solid #fff;}
.pointMap li a::after{content:""; position:absolute; top:50%; transform:translateY(-50%); right:0px; display:block; width:4px; height:4px; background:#666; border-radius:50%; transition-duration:0.2s;}
.pointMap li a::before{content:""; position:absolute; top:50%; right:-4px; transform:translateY(-50%)scale(0); width:12px; height:12px; border-radius:50%; border:2px solid #000;  transition-duration:0.2s;}
.pointMap li.on a::before{transform:translateY(-50%)scale(1);}
.pointMap li.on a{font-size:18px;}
.pointMap li.on a::after{background:#000;}
.pointMap.first li a::after{background:#fff;}
footer{height:210px;}

.mHidden{display:none;}

/* 추가된 CSS */
html, body {
    scroll-behavior: smooth; /* 부드러운 스크롤 */
    overflow: hidden; /* 기본 스크롤 제거 */
}

section {
    min-height: 80vh; /* 각 섹션을 화면 전체 크기로 설정 */
    scroll-snap-align: start; /* 스크롤 스냅 위치 설정 */
    overflow: auto;
    position:relative;
}
section.sc1{
    height:100vh;
}
section.sc2,
section.sc3,
section.sc4,
section.sc5{
    min-height:0px;
    height:auto;
    padding:45px 0px;
}
footer {
    scroll-snap-align: none; /* 마지막 섹션에서 스크롤 스냅 비활성화 */
}


main {
    /*scroll-snap-type: y mandatory; !* 스크롤 스냅 활성화 *!*/
    overflow-y: auto !important; /* 수직 스크롤 활성화 */
    overflow-x:hidden;
    height: 100vh; /* 메인 컨테이너 높이 설정 */
}
.imgSlide .slick-track,
.imgSlide .slick-list{
    height:100%;
}
.imgSlide .slick-slide{
    position:absolute !important;
}
.imgSlide{
    position:relative;
    z-index:2;
    width: 100%;
    height: 100%;
}
.imgSlide img{
    width: 100vw; /* Set width to match the viewport */
    height: 100%; /* Maintain aspect ratio and allow height to overflow */
    object-fit: cover;
}
.imgCover{display:flex; flex-direction:column; align-items: center; justify-content: center; width:100vw; height:100%; position:absolute; z-index:2; background:rgba(0,0,0,0.35);}
.ctrl h2{color:#fff; font-size:81px; font-weight:600; margin-bottom:36px; text-align: center;}
.ctrl p{color:#fff; font-size:32px; line-height:140%; text-align: center;}
.ctrl > div{width:600px; display:flex; align-items: center; margin:60px auto 0px;}
.ctrl > div ul{display:flex; align-items: center;}
.ctrl > div ul.dots li a{display:block; font-size:0px; width:105px; height: 2px; background:rgba(255,255,255,0.2); transition-duration: 0.5s;}
.ctrl > div ul.dots li.on a{background:#fff;}
.ctrl > div ul li{display:flex; align-items: center;}
.ctrl > div ul.nums{margin-left:auto; gap:0px 8px;}
.ctrl > div ul.nums li a.prev{display:block; font-size:0px; background:url("../images/arrow_left.svg")center center no-repeat; background-size:100%; width:8.5px; height:14px;}
.ctrl > div ul.nums li a.next{display:block; font-size:0px; background:url("../images/arrow_right.svg")center center no-repeat; background-size:100%; width:8.5px; height:14px;}
.ctrl > div ul.nums p{font-size:20px; font-weight:700; margin:0px 3px;}
.ctrl > div > a{display:block; width:30px; height:30px; font-size:0px;}
.ctrl > div > a.play{background:url("../images/play.svg")center center no-repeat; background-size:100%; margin-left:auto; margin-right:5px;}
.ctrl > div > a.stop{background:url("../images/stop.svg")center center no-repeat; background-size:100%;}
@keyframes bounce {
    0%, 100% {
        transform: translateY(0); /* 원래 위치 */
    }
    50% {
        transform: translateY(-10px); /* 위로 이동 */
    }
}
.scDown{display:flex; flex-direction:column; gap:9px 0px; position:absolute; bottom:40px; left:50%; transform:translateX(-50%); font-size:14px; font-weight:600; color:#fff; align-items: center;}
.scDown::before{content:""; display:block; width:26px; height:40px; background:url("../images/mouse.svg");  animation: bounce 1.4s infinite; /* 애니메이션을 1초 동안 반복 */}

.sc5{background:#E5F5F8;}
.sc2,.sc3,.sc4,.sc5{display:Flex; flex-direction: column; justify-content: center; align-items: center;}
.sc2 .contents{display:flex; align-items: center; flex-direction: column; max-width:1440px; padding:50px 0px; justify-content: center}
/*.sc2 .contents img,*/
.sc2 .contents iframe,.sc2 .contents .iframeType{aspect-ratio: 16/9}
.sc2 .contents iframe,.sc2 .contents img{min-height:500px;}
.sc2 .contents h2{font-size:42px; font-weight:600; text-align: center; margin-bottom:2vh; }
.sc2 .contents p{font-size:18px; line-height:140%; text-align:center; letter-spacing:-5%;}
.sc2 .addedContent a{display:inline-flex; align-items: center; padding:0px 40px; height:60px; background:#269E50; color:#fff; font-size:20px; font-weight:700; border-radius:80px; gap:0px 12px; letter-spacing: -5%;}
.sc2 .addedContent a::after{content:""; display:block; width:6px; height:12px; background:url("../images/btn_arrow.svg")center center no-repeat; background-size:100%; transition-duration:0.3s; position:relative; right:0px;}
.sc2 .addedContent a:hover::After{right:-3px;}
.sc2 .ng{display:flex; align-items: center; margin-top:65px; gap:0px 80px;}
.sc2 .ng strong{display:flex; align-items: center; margin-bottom:21px; font-size:24px; font-weight:700; color:#222;}
.sc2 .ng strong > a{display:block;width:18px; height:18px; background:url("../images/ebok_more.svg")center center no-repeat; background-size:100%; font-size:0px; margin-left:auto;}
.sc2 .ng .ng2{max-width:352px; }
.sc2 .ng .imgBox{position:relative; max-width:100%; aspect-ratio: 352/500;}
.sc2 .ng .imgBox a{display:flex; align-items: center; justify-content: center; border-radius:50%; width:140px; height:140px; background:#148B3B; color:#fff; font-size:18px; font-weight:700; position:absolute; left:50%; top:50%; transform:translateX(-50%)translatey(-50%); text-align: center; letter-spacing:-1px;}
.sc2 .ng .imgBox .slick-dots{position:absolute; display:flex; bottom:12px; left:50%; transform:translateX(-50%); gap:0px 4px;}
.sc2 .ng .imgBox .slick-dots li button{font-size:0px; background:#ccc; border-radius:4PX; width:8px; height:8px;}
.sc2 .ng .imgBox .slick-dots li.slick-active button{width:24px; background:#269E50;}
.sc2 .ng .imgBox .slick-arrow{width:50px; height:50px; position:absolute; top:50%; transform:translateY(-50%); font-size:0px; z-index:2;}
.sc2 .ng .imgBox .slick-arrow.slick-next{right:10px; background:url("../images/slick_arrow_right.png")center center no-repeat; background-size:100%;}
.sc2 .ng .imgBox .slick-arrow.slick-prev{left:10px; background:url("../images/slick_arrow_left.png")center center no-repeat; background-size:100%;}
.board ul:not(.typeSlide){display: grid;  grid-template-columns: repeat(4, 1fr); gap:20px 0px;}
.board.full{width:100%;}
.board ul li{max-width:345px; height:300px;}
.board.full ul li{padding:0px 10px;}
.board.full ul.typeSlide li a{position:relative; background:none; padding-bottom:0px; min-height:300px;}
.board.full ul.typeSlide li a .imgArea{position:absolute; top:0px; left:0px; margin-bottom:0px; border-radius:20px;}
.board.full ul.typeSlide li a .imgArea img{width:100%; height:100%;}
.board.full ul.typeSlide li a p{position:absolute; bottom:15px; color:#fff; left:50%; transform:translateX(-50%); text-shadow:2px 2px 1px rgba(0,0,0,0.3); white-space:nowrap;}
.board.full ul.typeSlide li a strong{position:absolute; bottom:0px; color:#fff; height:auto; bottom:40px; display:block; text-align:center; width:100%; text-shadow:2px 2px 1px rgba(0,0,0,0.3);}
.sc5 .board ul li{height:auto;}
.board ul li a,.board ul li > div{width:100%; height:100%; background:#fff; display:flex; flex-direction: column; text-align: center; padding-bottom:15px; flex-direction: column; border-radius:20px;}

.board ul li a .imgArea,
.board ul li div .imgArea{position:relative; width:100%; height:100%; overflow: hidden; position:relative; border-radius:20px;}
.board:not(.full) ul li a .imgArea img,
.board:not(.full) ul li div .imgArea img{width:100%; border-radius:20px;}
.board.news ul li a{aspect-ratio: 311/415; padding-bottom:0px;}
.board.news ul li a .imgArea img{}
.board.news ul li a strong{height:auto; margin-bottom:0px; display:none;}
.board.news ul li a .imgArea img{aspect-ratio: 311/415; }
.board ul li a strong,
.board ul li div strong{font-size:20px; height:60px; font-weight:600;  display:block; margin-bottom:12px; letter-spacing:-1.5px; display:-webkit-box; overflow: hidden; padding-top:15px; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; cursor:pointer;}
.board ul li a p,
.board ul li div p{font-size:16px; font-weight:400; flex:1; display:flex; align-items: center; justify-content: center;}
.sc3 .board ul li a p,
.sc3 .board ul li div p{display:flex; align-items: center; gap:0px 4px; cursor:pointer;}
.sc3 .board ul li a p::before,
.sc3 .board ul li div p::before{content:""; display:block; width:13px; aspect-ratio: 13/16; background:url("../images/pin.svg")center center no-repeat; background-size:100%;}
.board{width:1440px;}
.board.news ul li a{transition-duration: 0.4s; box-shadow:0px 4px 10px rgba(0,0,0,0.0);}
.board.news ul li a:is(:hover,:focus){box-shadow:0px 4px 10px rgba(0,0,0,0.5);}
.board .numList{margin-top:3vh; position:relative; display:flex; align-items: center; justify-content: center;}
.board .numList > ol{display:flex; align-items: center; gap:0px 12px; margin-bottom:15px;}
.board .numList > ol li a{position:relative; display:flex; width:35px; height:35px; border-radius:50%; border:1px solid #BBB; background:#fff; justify-content: center; align-items: center; color:#555; transition-duration:0.2s;}
.board .numList > ol li.now a{background: #269E50; border:1px solid #269E50; color:#fff; font-weight:600;}
.board h2{position:relative; text-align: center; font-size:42px; font-weight:600; margin-bottom:2vh; margin-top:15px;}
.board > p{font-size:18px; line-height:140%; text-align:center; letter-spacing:-5%; margin-bottom:30px;}
.board h2 .selectBox{position:absolute; top:50%; transform:translateY(-50%); right:0px; display:flex; align-items: center; gap:0px 4px; }
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

.board h2 .selectBox select{border-radius:8px; height:42px; font-size:18px; color:#222226; width:188px; border:1px solid #C5C9D6; appearance: none; background:#fff url("../images/f_sel.png")center right 18px no-repeat; padding:0px 18px; font-family:"Pretendard",sans-serift;}
.board h2 .selectBox a{display:flex; align-items: center; border-radius:8px; justify-content: center; background:#148B3B; width:80px; height:42px; color:#fff; font-size:18px; font-weight:500; border-radius:}
.board .numList > ol li.first a,
.board .numList > ol li.prev a,
.board .numList > ol li.next a,
.board .numList > ol li.last a{font-size:0px;}
.board .numList > ol li.first a::Before,
.board .numList > ol li.prev a::Before,
.board .numList > ol li.next a::Before,
.board .numList > ol li.last a::Before,
.board .numList > ol li.last a::after,
.board .numList > ol li.first a::after{content:""; display:block; width:6.5px; height:13px; }
.board .viewMap{display:flex; align-items: center; width:200px; height:60px; justify-content: center; gap:0px 8px; background:#148B3B; color:#fff; font-size:18px; margin:0 auto 30px; font-weight:600; border-radius:100px;}
.board .viewMap::before{content:""; display:block; width:27px; height:24px; background:url("../images/seoul_map.svg")center center no-repeat; background-size:100%; }

.board .numList > ol li.first a::after,
.board .numList > ol li.first a::Before,
.board .numList > ol li.prev a::Before{background:url("../images/prev_arrow.svg")center center no-repeat; background-size:100%;}

.board .numList > ol li.last a::after,
.board .numList > ol li.last a::Before,
.board .numList > ol li.next a::Before{background:url("../images/next_arrow.svg")center center no-repeat; background-size:100%;}
.board .numList .boardTotal{position:absolute; right:0px; font-size:18px; font-weight:400; color:#888;}
.board .numList .boardTotal span{display:inline-block; font-weight:600; color:#000; margin:0px 4px;}

/*section{display:none !important;}*/
.slide_section{
    display:flex;
    justify-content: center;
    width:100%;
    background: #F8F8F8;
    padding:20px 0px;
}
.slide_section .slide_area{
    display:flex;
    align-items: center;
    width:1440px;
    justify-content: space-between;
}
footer{display:flex; flex-direction: column; align-items: center; background:#666; }
footer .footContent address{}
.slide_section .slide_area{font-size:0px;}
.slide_section .slide_area ul{display:flex; align-items: center; gap:0px 14px;}
.slide_section .slide_area ul li a{display:block;}
.slide_section .slide_area ul li.slide_prev a{width:8px; height:14px; background:url("../images/foot_left.svg")center center no-repeat; background-size:100%;}
.slide_section .slide_area ul li.slide_stop a,
.slide_section .slide_area ul li.slide_play a{width:6px; height:14px; background:url("../images/foot_stop.svg")center center no-repeat; background-size:100%;}
.slide_section .slide_area ul li.slide_next a{width:8px; height:14px; background:url("../images/foot_right.svg")center center no-repeat; background-size:100%;}
.slide_section .slide_area img{width:220px; height:57px;}
.slide_section .slide_visual{width:1160px; display:flex; align-items: center;}
footer .footContent{padding:60px 0px; background:#666; width:1440px; display:flex; align-items:start; gap:0px 120px;}
footer h6{font-size:0px; display:block; width:239px; height:30px; background:url("../images/header_logo.svg")center center no-repeat; filter: grayscale(100%);}
footer .footContent strong{display:block; color:#fff; font-size:16px; font-weight:600; margin-bottom:10px;}
footer .footContent p{font-size:16px; color:rgba(255,255,255,0.5);}
/*@media screen and (max-height: 950px) {*/
/*    .board ul li a .imgArea{max-height:180px;}*/
/*}*/
.topBtn{border-radius:50%; display:flex; flex-direction: column; align-items: center; width:80px; height:80px; background:#269E50; color:#fff; font-size:17px; font-weight:700; z-index:6; position:fixed; bottom:20px; right:20px; justify-content: center; gap:8px 0px;}
.topBtn::before{content:""; display:block; width:16px; height:23px; background:url("../images/top_arrow.svg")center center no-repeat; background-size:100%;}
.topBtn.hide{display:none;}

.popup{display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:3;}
.popup.on{display:block;}
.popup .popContent{position:absolute; width:1440px; max-height:calc(100% - 130px); top:50%; left:50%; transform:translateX(-50%)translateY(-50%); background:#fff; display:flex; flex-direction: column; gap:40px 0px; overflow-y:auto;}
.popup .popContent .popTitle{padding:50px 100px 0px;}
.popup .popContent .popScroll{overflow-y:auto; padding:0px 50px 50px; display:flex; flex-wrap:wrap; align-items: stretch}
.popup .popContent h3{font-size:38px; font-weight:600;}
.popup .popContent .popSlideWrap{position:relative; width:578px; height:368px;}
.popup .popContent .popSlide{position:relative; display:flex; align-items: center;  height:100%;}
.popup .popContent .popSlide .slick-list{height:100%;}
.popup .popContent .popSlide .slick-list .slick-slide{min-width:578.5px;}
.popup .popContent .popSlide .slick-list img{width:100%; height:100%;}
.popup .popContent .popSlide .slick-track{height:100%;}
.popup .popContent .popSlide .slick-dots{position:absolute; bottom:20px; left:50%;  transform:translateX(-50%); display:flex; align-items: center; gap:0px 10px;}
.popup .popContent .popSlide .slick-dots button{font-size:0px; width:11px; height:11px; background:#C5C9D6; border-radius:11px; transition-duration:0.2s;}
.popup .popContent .popSlide .slick-dots .slick-active button{width:40px; background:#fff;}
.popup .popContent .popSlideWrap > ul{display:flex; justify-content: space-between; position:absolute; top:50%; transform:translateY(-50%)translateX(-50%); width:calc(100% - 10px); left:50%;}
.popup .popContent .popSlideWrap > ul li a{display:block; width:7.5px; height:15px;}
.popup .popContent .popSlideWrap > ul li.imgSlidePrev a{background:url("../images/pop_slide_left.svg")center center no-repeat; background-size:100%;}
.popup .popContent .popSlideWrap > ul li.imgSlideNext a{background:url("../images/pop_slide_right.svg")center center no-repeat; background-size:100%;}
.popup .popContent .popContWrap{display:flex; align-items: stretch; gap:0px 40px; margin-bottom:10px; width: 100%;}
.popup .popContent .popContWrap .popText{flex:1; display:flex; flex-direction: column; gap:20px 0px;}
.popup .popContent .popContWrap .popText strong{font-size:38px; font-weight:600;}
.popup .popContent .popContWrap .popText p,.popup .popContent .popContWrap .popText p{font-size:18px !important; line-height:140%;}
.popup .popContent  .mapArea{display:flex; align-items: center; gap:0px 50px; width:calc(50% - 50px); margin-right:50px;}
.popup .popContent  .mapArea ul,.popup .popContent .popContWrap .popText ul{display:flex; flex-direction: column; gap:15px 0px; margin-top:auto; margin-bottom:auto; width:100%;}
.popup .popContent  .mapArea ul li,.popup .popContent .popContWrap .popText ul li{display:flex; align-items: center; gap:0px 15px; font-size:18px;}
.popup .popContent  .mapArea ul li::before,.popup .popContent .popContWrap .popText ul li::before{content:""; display:block; min-width:40px; min-height:40px; border-radius:50%; }
.popup .popContent  .mapArea ul li:nth-of-type(1)::before{background:#269E50 url("../images/loc1.svg")center center no-repeat; background-size:45%;}
.popup .popContent  .mapArea ul li:nth-of-type(2)::before{background:#269E50 url("../images/loc2.svg")center center no-repeat; background-size:60%;}
.popup .popContent .popContWrap .popText ul li:nth-of-type(1)::before{background:#269E50 url("../images/cont2.svg")center center no-repeat; background-size:50%;}
.popup .popContent .popContWrap .popText ul li:nth-of-type(2)::before{background:#269E50 url("../images/cont1.svg")center center no-repeat; background-size:50%;}
.popup .popContent  .mapArea ul li span,.popup .popContent .popContWrap .popText ul li span{display:block;  font-size:20px; font-weight:500; color:#222;}
.popup .popContent .popMap{display:block; width:50%; min-height:300px; flex:1; min-width:1px;}
.popup .popClose{display:block; font-size:0px; width:24px; height:24px; background:url("../images/pop_close.svg")center center no-repeat; background-size:100%; position:absolute; right:50px; top:70px;}
.menu{display:none;}
.addedContent{display:flex; align-items: center; background:#FFFEF0; padding-top:100px; width:100%; justify-content: center}
.addedContent .contentDetail{width:1440px; display:flex; align-items: center; justify-content: space-between;}
.addedContent .contentDetail h2{font-size:42px; font-weight:600; color:#000; margin-bottom:30px;}
.addedContent .contentDetail p{font-size:18px; margin-bottom:80px; color:#222;}


.slideWrap{position:relative;}
.slideWrap ol{position:absolute; width:1000px; display:flex; align-items: center; gap:0px; justify-content: space-between; position:absolute; top:50%; transform:TranslateY(-50%)translateX(-50%); left:50%; z-index:2;}
.slideWrap ol li a{position:relative; display:block; width:80px; height:80px; background:rgba(0,0,0,0.6); border-radius:50%;}
.slideWrap ol li a::before{content:""; display:block; position:absolute; left:50%; top:50%; transform:translateX(-50%)translateY(-50%); width:10px; height:20px;}
.slideWrap ol li a.slick-arrow-right::before{background:url("../images/slide_arrow_right.svg")center center no-repeat; background-size:100%; }
.slideWrap ol li a.slick-arrow-left::before{background:url("../images/slide_arrow_left.svg")center center no-repeat; background-size:100%; }
@media screen and (max-width:1440px){
    .slideWrap ol{width:90%;}
    .slideWrap ol li a{width:30px; height:30px;}
    .slideWrap ol li a::Before{width:7.5px; height:15px;}
    .sc2{max-width:100%; overflow-x:hidden;}
    .sc2 .ng .imgBox a{width:120px; height:120px; font-size:14px;}
    .addedContent{padding-top:50px;}
    .addedContent .contentDetail{flex-direction: column-reverse;}
    .addedContent .contentDetail .textArea{display:flex; flex-direction: column; align-items: center; padding:40px 0px;}
    .addedContent .contentDetail h2{font-size:3rem;}
    .addedContent .contentDetail p{font-size:2rem; margin-bottom:25px;}
    .menu{display:block; width:17px; height:19px; background:url("../images/ico_all.png")center center no-repeat; background-size:100%;}
    .mHidden{display:block;}
    header{transform:translateY(0%);}
    html{font-size:10px;}
    header{height:auto;}
    header nav{padding:15px 25px; width:100%; justify-content: unset;}
    header nav ul{gap:0px; margin-left:auto; margin-right:15px;}
    header nav ul li a{display:none;}
    .ctrl > div ul.nums p{font-size:14px; padding:0px;}
    header nav ul li.lang a::after{display:none;}
    header nav ul li.lang a{font-size:16px;}
    header nav ul li.lang a::before{aspect-ratio: 1/1; width:17px;}
    .topBtn{display:none;}
    .pointMap{right:-100vw; transition-duration:0.6s; display:flex; align-items:end; width:100vw; height:calc(100vh - 65px); top:65px; }
    .pointMap.on{right:0px; background:rgba(0,0,0,0.6); z-index:12; gap:0px;}
    .pointMap::before{content:""; display:block; width:40vw; height:100%; background:#fff; position:absolute; right:-100vw; transition-duration:0.4s; top:0px;}
    .pointMap.on::before{right:0px;}
    .pointMap li{position:relative; z-index:2; width:40vw;}
    .pointMap li a::before,.pointMap li a::after{display:none;}
    .pointMap li a{height:auto; color:rgba(0,0,0,0.6) !important; font-weight:500; font-size:18px; padding:15px 15px; border-bottom:1px solid rgba(0,0,0,0.2);}
    .pointMap li.on a{font-size:18px; color:#000 !important; }
    .pointMap li br{display:none;}
    .ctrl h2{font-size:6rem; margin-bottom:2vh;}
    .ctrl p{font-size:2.5rem; }
    .ctrl > div{flex-wrap:wrap; width:calc(100% - 34px); justify-content: center}
    .ctrl > div ul.dots{width:100%; margin-bottom:20px;}
    .ctrl > div ul.dots li{flex:1;}
    .ctrl > div ul.dots li a{width:100%;}
    .ctrl > div ul.nums{margin-left:0px;}
    .ctrl > div > a.play{margin-left:7px;}
    .scDown{font-size:1.1rem;}

    .sc2 .contents h2{font-size:3.3rem;}
    .sc2 .contents p{font-size:1.6rem;}
    .sc2{justify-content:center; padding-top:65px; height:auto; padding:65px 0px 40px; min-height:100vh;}
    .sc2 .contents iframe{margin:0vh 0px; width:calc(100%); height:auto; max-height:400px;}
    .sc2 .contents a{font-size:1.6rem; height:48px;}
    .sc2 .ng{flex-direction: column; padding:0px 10px; gap:40px 0px; width:100%;}
    .sc2 .ng .ng1{width:100%;}
    .sc2 .ng .ng2{max-width:70vw;}
    .sc2 .contents iframe{max-height:400px; min-height:unset;}
    .sc2 .contents img{width:100%; min-height:unset;}
    .sc2 .ng strong{position:relative; margin-bottom:10px; font-size:2.4rem; text-align: center; justify-content: center}
    .sc2 .ng strong a{position:absolute; right:0px;}
    .sc2 .ng .ng1 strong{justify-content:center;}
    .popup{z-index:10;}
    .popup .popContent{position:fixed; top:50%; width:100%; gap:10px 0px; height:auto; transform:translateY(-50%)translateX(0px); left:0px; z-index:13; background:#fff;}
    .popup .popContent .popTitle{padding:20px;}
    .popup .popContent .popScroll{padding:0px 20px 20px;}
    .popup .popClose{top:40px; right:20px;}
    .popup .popContWrap{flex-direction:column;}
    .popup .popContent .popSlideWrap{width:100%; height:250px;}
    .popup .popContent .popContWrap .popText strong{font-size:2rem;}
    .popup .popContent .popContWrap .popText p,
    .popup .popContent .popContWrap .popText p span{font-size:1.4rem !important;}
    .popup .popContent .mapArea ul li,
    .popup .popContent .popContWrap .popText ul li{gap:0px 5px;}
    .popup .popContent .popContWrap .popText ul li::before,
    .popup .popContent .mapArea ul li::before{min-width:30px; min-height:30px; width:30px; height:30px;}
    .popup .popContent .mapArea ul li span,.popup .popContent .popContWrap .popText ul li span{font-size:1.4rem;}
    .popup .popContent .popContWrap .popText ul li,
    .popup .popContent .mapArea ul li{font-size:1.6rem;}
    .popup .popContent .popMap{min-height:150px; margin-top:20px;}
    .popup .popContent .popSlide{height:100%; overflow:hidden;}
    .popup .popContent .popContWrap .popText{gap:7.5px 0px; margin-top:10px;}
    .popup .popContent .popSlide .slick-list .slick-slide{min-width:unset; max-width:calc(100vw - 40px); width:100%;}
    .popup .popContent .mapArea{flex-direction:column-reverse; gap:25px 0px; width:100%; order:2; margin-top:25px; margin-right:0px;}
    .board{width:100%;}
    .board ul:not(.slideType){gap:10px 10px; grid-template-columns: repeat(3,1fr); padding:0px 10px;}

    .board ul li a .imgArea img{width:140%;}
    .board ul li{max-width:100%; padding:0px 10px; height:auto;}
    .board:not(.slideType) ul li{padding:0px; margin-right:8px;}
    .board.full ul.typeSlide li a{min-height:200px; aspect-ratio: 1/1;}
    .sc3,.sc4,.sc5{padding:40px 0px 40px; height:auto;}
    .board h2{font-size:3.3rem; margin-bottom:24px; margin-top:0px; display:flex; flex-direction: column; align-items: center;}
    .board h2 .selectBox{position:unset; transform:none; margin-top:24px;}
    .board h2 .selectBox select{font-size:14px; width:40vw;  height:38px;}
    .board h2 .selectBox a{font-size:14px; height:38px;}
    .board > p{font-size:1.6rem; margin-bottom:20px;}
    .board.full ul li{max-width:200px;}
    .board ul li a,.board ul li > div{background:#fff;}
    .board ul li div .imgArea,.board ul li a .imgArea,.board.news ul li a .imgArea{height:100%; margin-bottom:1vh; flex:7;}
    .board.news ul li a .imgArea{margin-bottom:0px;}
    .board.full ul li a .imgArea{height:100%; max-height:none;}
    .board ul li a strong,
    .board ul li div strong{margin-bottom:1vh; font-size:1.4rem; height:auto;}
    .board ul li a p,
    .board ul li div p{font-size:1.4rem;}
    .board .numList{margin-top:40px; flex-direction: column-reverse;}
    .board .numList .boardTotal{position:relative; height:auto; margin-bottom:1vh; font-size:1.5rem;}
    .board.news ul li a strong{margin-bottom:0px; padding-top:0px;}
    .board.news ul li a{padding-bottom:0px;}
    .slide_section{display:none;}
    footer .footContent{width:100%; flex-direction: column; gap:40px 0px; padding:40px 10px;}
    footer .footContent p{font-size:1.28rem;}
    footer .footContent strong{font-size:1.28rem; margin-bottom:8px;}
    footer{height:auto;}
    .board ul li:nth-of-type(7),
    .board ul li:nth-of-type(8) {display:none;}
}

@media screen and (max-width:600px){

    html{
        font-size:10px;
    }
    .sc2 .contents{
        padding:0px 5vw;
    }
    .board .numList > ol{margin-bottom:0px;}
    .pointMap li,.pointMap::before{width:60vw;}
    .ctrl > div ul.nums p{font-size:14px;}
    .ctrl h2{font-size:4rem;}
    .ctrl p{font-size:1.6rem; padding:0px 5vw;}
    .board > p{padding:0px 3vw;}
    .imgCover{padding:0px 5vw;}
    .board .numList > ol li a{width:22px; height:22px;}
    .board .numList > ol{gap:0px 6px;}
}

.typeSlide{width:100vw;}
.board.full ul li{width:345px;}

@media screen and (max-width:768px){
    .board.full ul li{height:fit-content;}
    .board ul li:nth-of-type(5),
    .board ul li:nth-of-type(6),
    .board ul li:nth-of-type(7),
    .board ul li:nth-of-type(8) {display:none;}
    .board ul:not(.slideType){grid-template-columns: repeat(2,1fr); }
}