@charset "utf-8";

.cont1 > .wrap {
    position: relative;
    box-shadow: 17rem 25rem 65rem 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    border-radius: 20rem 20rem 20rem 0;
}

@media all and (max-width:1450px) {
    .cont1 > .wrap{box-shadow: none;}
    .cont1::after {
        content: '';
        display: block;
        clear: both;
    }
}

/*메인비주얼*/
.main_visual {
    width: calc(100% - 380rem);
    /* box-shadow: 17rem 25rem 65rem 0 rgba(0, 0, 0, 0.2); */
    margin-top: 60rem;
    border-radius: 20rem 20rem 20rem 0;
    overflow: hidden;
    position: relative;
}
.main_visual .swiper-slide > div {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    /* padding: 40rem; */
    padding: 40rem 40rem 97rem 40rem;
    background: #fff;
}
.main_visual .swiper-slide .txt {
    display:flex; 
    flex-direction:column;
    justify-content:space-between;
    font-family: 'Elice DX Baeum OTF', sans-serif;
    font-weight: 400;
    font-size: 20rem;
    line-height: 1.5;
    width: 30%;
    margin-right: 40rem;
}
.main_visual .swiper-slide .txt p {
    flex-grow:1;
    padding-top:40rem;
}
.main_visual .swiper-slide .txt a {display:block; border-radius:10rem; overflow:hidden;}
.main_visual .swiper-slide .txt a img {width:100%;}

.visual-control {
    position: absolute;
    bottom: 40rem;
    left: 40rem;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 230rem;
}
.visual-control div {
    position: static;
}
.visual-control .swiper-pagination-fraction {
    width: auto;
    line-height: 1;
    bottom: 40rem;
    left: 40rem;
    font-size: 24rem;
}
.visual-control .swiper-pagination-current {
    font-size: 46rem;
}
.visual-control .swiper-button {
    display: flex;
}
.visual-control .swiper-button-next,
.visual-control .swiper-button-prev {
    width: 48rem;
    height: 48rem;
    background: url("../img/main/visual_prev.png") no-repeat center;
    background-size: contain;
    margin-top: 0;
}
.visual-control .swiper-button-next {
    background: url("../img/main/visual_next.png") no-repeat center;
    background-size: contain;
    margin-left: 12rem;
}



.main_visual .swiper-slide .img {
    position: relative;
    height: 420rem;
}
.main_visual .swiper-slide .img img{height: 100%; width: 100%;}

@media all and (max-width:1450px) {
    .main_visual {
        width: 100%;
        margin-bottom: 80rem;
        box-shadow: 17rem 25rem 65rem 0 rgba(0, 0, 0, 0.2);
    }
}
@media all and (max-width:1200px) {
    .main_visual .swiper-slide .txt {
        font-size: 17rem;
    }
    .main_visual {
        margin-top: 40rem;
    }
}
@media all and (max-width:1050px) {
    .main_visual {
        box-shadow: none;
        padding-bottom: 48rem;
        border-radius: 0;
        margin-top: 20rem;
    }
    .main_visual .swiper-slide > div {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
    }
    .main_visual .swiper-slide .img {
        width: 100%;
        max-width: 826rem;
        margin-bottom: 30rem;
        border-radius: 20rem 20rem 20rem 0;
        overflow: hidden;
        height: 420rem;
    }
    .main_visual .swiper-slide .txt {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        max-width: 826rem;
        margin-right: 0;
        margin-bottom: 30rem;
    }
    .main_visual .swiper-slide .txt .logo {
        width: 30%;
    }
    .main_visual .swiper-slide .txt p {
        width: 65%;
        padding-top: 10rem;
    }
    .main_visual .swiper-slide .txt a {margin:0 auto; margin-top:20rem;}
    .visual-control {
        width: 100%;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        padding-top: 10rem;
        border-top: 1px solid #eee;
    }
}
@media all and (max-width:768px) {
    .main_visual {
        margin-top: 0;
    }
    .main_visual .swiper-slide .img{height: 340rem;}
}

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

    .main_visual .swiper-slide .txt {
        justify-content: center;
    }
    .main_visual .swiper-slide .txt .logo {
        min-width: 150rem;
    }
    .main_visual .swiper-slide .txt p {
        width: 100%;
        margin-top: 18rem;
        text-align: center;
    }
    .main_visual .swiper-slide .img{height: 220rem;}
    .visual-control .swiper-pagination-fraction {
        font-size: 20rem;
    }
    .visual-control .swiper-pagination-current {
        font-size: 30rem;
    }

}


/* 카운트 비주얼 */
.main_visual .swiper-slide .count {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 11rem;}
.main_visual .swiper-slide .count::before,
.main_visual .swiper-slide .count::after{position: absolute; content: ""; background: url("/design/gsia/img/main/cont_bg03.png") no-repeat; width: 150rem; height: 100%;  background-size: contain;}
.main_visual .swiper-slide .count::before{left: 9px;}
.main_visual .swiper-slide .count::after{right: 0; background-image: url("/design/gsia/img/main/cont_bg04.png");}
.main_visual .swiper-slide .count .c_tit {width: 100%; text-align: center; font-size: 60px; align-self: flex-end; color: #fff; font-weight: 300; font-family: 'Paperlogy-3Light';}
.main_visual .swiper-slide .count .c_tit span{text-align: center; font-size: 60px; align-self: flex-end; color: #fff; font-weight: bold;}
.main_visual .swiper-slide .count .c_tit2{line-height: normal; font-size: 50px; margin-bottom: 14rem;}
.main_visual .swiper-slide .count .c_tit2 span{display: block; font-size: 50px;}

.slot-container {display: flex; justify-content: center; align-items: center; gap: 10px; align-self: flex-start; background: rgba(0, 0, 0, 0.4) url("/design/gsia/img/main/cont_bg01.png") no-repeat left 23rem bottom; padding: 16rem 50rem 16rem 150rem; border-radius: 20rem; border: 1px solid #18ff65; position: relative;}
.slot-container::before{position: absolute; content: "*25. 6. 8. 기준"; color: #fff; font-size: 18px; bottom: -38px; right: 30px;}
.slot-container.sc04::before {content: "*25. 3. 기준";}
.slot-container > .nop {color: #000; font-weight: 500; background: url("/design/gsia/img/main/cont_bg02.png"); width: 66rem; line-height: 66rem; text-align: center; font-size: 34px; font-weight: 800; background-size: cover;}
.slot {position: relative; width: 73px; height: 80px; overflow: hidden; background: linear-gradient(26deg, #1effc1, #3efe40); color: #000; font-size: 50px; font-weight: bold; text-align: center; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4); border-radius: 5rem; }
.slot:nth-of-type(2),.slot:nth-of-type(4){background: linear-gradient(230deg, #1effc1, #3efe40);}
.numbers {position: absolute; width: 100%; display: flex; flex-direction: column; align-items: center;overflow: hidden;}

@media all and (max-width:1160px) {
    .main_visual .swiper-slide .count .c_tit,
    .main_visual .swiper-slide .count .c_tit span{font-size: 53px;}
    .slot-container{background-image: none; padding: 16rem 50rem 16rem 20rem;}
}
@media all and (max-width:768px) {
    .main_visual .swiper-slide .count .c_tit,
    .main_visual .swiper-slide .count .c_tit span{font-size: 37px;}
    .slot{width: 54px; height: 60px; font-size: 37px;}
}
@media all and (max-width:480px) {
    .main_visual .swiper-slide .count{gap: 0; padding-bottom: 26rem;}
    .main_visual .swiper-slide .count .c_tit,
    .main_visual .swiper-slide .count .c_tit span{font-size: 26px;}
    .main_visual .swiper-slide .count .c_tit2,
    .main_visual .swiper-slide .count .c_tit2 span{font-size: 22px;}
    .main_visual .swiper-slide .count::before,
    .main_visual .swiper-slide .count::after{display: none;}
    .slot-container{border: none; padding: 0;}
    .slot-container::before{bottom: -31px; font-size: 15px;}
    .slot{width: 40px; height: 40px; font-size: 32px;}
    .slot-container > .nop{width: 60rem; line-height: 60rem; font-size: 25px;}
}

/*라피신 비주얼 250821*/
.main_visual .swiper-slide .lapiscine > a {position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 50rem 20rem; font-family: 'Elice DX Baeum OTF', sans-serif; letter-spacing: -0.25rem; color: #ffffff; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.main_visual .swiper-slide .lapiscine > a > * {display: block;}
.main_visual .swiper-slide .lapiscine .point {color: #d3ff23;}
.main_visual .swiper-slide .lapiscine > a > p {width: 100%; text-align: center; line-height: 1.3;}
.main_visual .swiper-slide .lapiscine .l_sub {font-size: 24rem;}
.main_visual .swiper-slide .lapiscine .l_tit {font-size: 54rem; font-weight: 700; font-style: italic; padding-right: 10rem;}
.main_visual .swiper-slide .lapiscine .point {color: #d3ff23;}
.main_visual .swiper-slide .lapiscine .l_info {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 30rem 0 20rem;}
.main_visual .swiper-slide .lapiscine .l_info > div { width: calc(100% - 20rem); max-width: 548rem; padding: 20rem 50rem; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 20rem;}
.main_visual .swiper-slide .lapiscine .l_date {width: 100%; overflow-x: hidden;}
.main_visual .swiper-slide .lapiscine .l_info dl {display: flex; flex-wrap: wrap; justify-content: center; margin: 10rem 0; font-size: 20rem;}
.main_visual .swiper-slide .lapiscine .l_info dt {background: #d3ff23; color: #000000; padding: 0 6rem; margin-right: 10rem; font-weight: 700;}
.main_visual .swiper-slide .lapiscine .btn {padding: 0 50rem; border-radius: 60rem; text-align: center; display: inline-block;}
.main_visual .swiper-slide .lapiscine .btn::after { box-shadow: none;}
.main_visual .swiper-slide .lapiscine .btn span {font-size: 14rem; line-height: 50rem;}
@media all and (max-width: 768px) {
  .main_visual .swiper-slide .lapiscine > a {padding: 30rem 20rem;}
  .main_visual .swiper-slide .lapiscine .l_sub {font-size: 20rem;}
  .main_visual .swiper-slide .lapiscine .l_tit {font-size: 50rem;}
  .main_visual .swiper-slide .lapiscine .l_info {margin: 20rem 0;}
  .main_visual .swiper-slide .lapiscine .l_info > div {padding: 10rem 40rem;}
  .main_visual .swiper-slide .lapiscine .l_info dl {font-size: 16rem;}
  .main_visual .swiper-slide .lapiscine .btn span {line-height: 40rem;}
}
@media all and (max-width: 500px) {
  .main_visual .swiper-slide .lapiscine > a {padding: 10rem;}
  .main_visual .swiper-slide .lapiscine .l_sub {font-size: 16rem;}
  .main_visual .swiper-slide .lapiscine .l_tit {font-size: 32rem;}
  .main_visual .swiper-slide .lapiscine .l_info {margin: 10rem 0;}
  .main_visual .swiper-slide .lapiscine .l_info > div {padding: 10rem 20rem; border-radius: 10rem;}
  .main_visual .swiper-slide .lapiscine .l_info dl {font-size: 15rem;}
  .main_visual .swiper-slide .lapiscine .btn {display: none;}
}
@media all and (max-width: 390px) {
  .main_visual .swiper-slide .lapiscine .l_info dd {width: 100%; margin-top: 5rem; text-align: center; font-size: 16rem;}
}
.glass3d {
  --filter-glass3d: blur(5px);
  --color-glass3d: rgba(255,255,255,0.1);
  --noise-glass3d: none;
  position: relative;
  z-index: 4;
  box-shadow:
    0 0 0.75px hsl(205 20% 10% / 0.2),
    0.7px 0.8px 1.2px -0.4px hsl(205 20% 10% / 0.1),
    1.3px 1.5px 2.2px -0.8px hsl(205 20% 10% / 0.1),
    2.3px 2.6px 3.9px -1.2px hsl(205 20% 10% / 0.1),
    3.9px 4.4px 6.6px -1.7px hsl(205 20% 10% / 0.1),
    6.5px 7.2px 10.9px -2.1px hsl(205 20% 10% / 0.1),
    8px 9px 14px -2.5px hsl(205 20% 10% / 0.2);
}
.glass3d::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  overflow: hidden;
  z-index: 3;
  -webkit-backdrop-filter: var(--filter-glass3d);
  backdrop-filter: var(--filter-glass3d);
  background-color: var(--color-glass3d);
  background-image: var(--noise-glass3d);
  background-size: 100px;
  background-repeat: repeat;
}
.glass3d::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  overflow: hidden;
  z-index: 5;
  box-shadow:
    inset 2px 2px 1px -3px hsl(205 20% 90% / 0.8),
    inset 4px 4px 2px -6px hsl(205 20% 90% / 0.3),
    inset 1.5px 1.5px 1.5px -0.75px hsl(205 20% 90% / 0.15),
    inset 1.5px 1.5px 0.25px hsl(205 20% 90% / 0.03),
    inset 0 0 0.25px 0.5px hsl(205 20% 90% / 0.03);
}
.glass3d > * {
  position: relative;
  z-index: 6;
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .main_visual .swiper-slide .lapiscine .l_info > div,
  .main_visual .swiper-slide .lapiscine .btn {background-color: rgba(255,255,255,0.1);}
}

/*팝업존*/
.popup {
    width: 380rem;
    height: 100%;
    position: absolute;
    z-index: 1;
    right: 40rem;
    top: 40rem;
    overflow: hidden;
    /* border-radius: 20rem 20rem 0 20rem; */
    /* background: #fff; */
    /* box-shadow: 17rem 25rem 65rem 0 rgba(0, 0, 0, 0.2); */
    font-size: 0;
}
/* .popup-slide {
  height: calc(100% - 80rem);
} */
.popup-slide .slick-list {
  height: 100%;
}
.popup-slide .slide-item {
  height: 100%;
}
.popup-slide .slide-item a {
    display: block;
    height: 100%;
}
.popup-slide .slide-item img {
  /* max-height: 100%; */
  min-width: 100%;
  height: 420rem;
}
.popup-control {
    height: 80rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22rem;
}
.popup-control .pagination {
    width: auto;
    font-size: 18rem;
    margin-left: 8rem;
}
.popup-control .pagination .now {
    font-size: 25rem;
    font-weight: 600;
}
.popup-control .pagination li:not([class="slick-active"]) {
    display: none;
}
.popup-control .control-button {
    display: flex;
    align-items: center;
}
.popup-control a {
    display: block;
    text-indent: -9999rem;
}
.popup-control .next,
.popup-control .prev {
    width: 25px;
    height: 25px;
    background: url("../img/main/popup_prev.png") no-repeat center;
    background-size: contain;
}
.popup-control .next {
    background: url("../img/main/popup_next.png") no-repeat center;
    background-size: contain;
}
.popup-control .pause,
.popup-control .play {
    display: block;
    text-indent: -9999rem;
    width: 25px;
    height: 25px;
    background: url("../img/main/popup_pause.png") no-repeat center;
    background-size: contain;
    margin: 0 16rem;
}
.popup-control .play {
    display: none;
    background: url("../img/main/popup_play.png") no-repeat center;
    background-size: contain;
}

@media all and (max-width:1450px) {
    .popup {
        position: static;
        float: left;
        width: 300rem;
    }
    .popup-slide .slide-item img{height: auto;}
}
@media all and (max-width:840px) {
    .popup {
        width: 100%;
        float: none;
    }
}
@media all and (max-width:580px) {
    .popup {
        max-width: 380rem;
        margin: 0 auto;
    }
}

/*바로가기메뉴*/
.quickmenu {
    padding: 133rem 0 100rem;
    position: relative;
}
.quickmenu::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    max-width: 703rem;
    height: 326rem;
    background: url("../img/main/cont01_bg.png") no-repeat center top;
    background-size: contain;
    top: 40rem;
    right: 0;
    z-index: -2;
}
.quickmenu > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1360rem;
    width: calc(100% - 80rem);
}
.quickmenu > ul > li > a {
    padding: 20rem 5rem;
}
.quickmenu > ul > li > a span {
    font-size: 18rem;
    font-weight: 600;
    padding-left: 54rem;
    position: relative;
}
.quickmenu > ul > li > a span::before {
    content: '';
    display: block;
    width: 50rem;
    height: 50rem;
    background: url("../img/main/quickicon_250610.png") no-repeat;
    background-size: 300%;
    position: absolute;
    left: -5px;
    top: -65%;
    transition: 0.5s;
}
.quickmenu > ul > li > a:hover span::before {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transition: 0.5s;
}
.quickmenu > ul > li.icon01 > a span::before {
    background-position: 3px 0;
}
.quickmenu > ul > li.icon02 > a span::before {
    background-position: 50% 0;
}
.quickmenu > ul > li.icon03 > a span::before {
    background-position: 100% 0;
}
.quickmenu > ul > li.icon04 > a span::before {
    background-position: 0 97%;
}
.quickmenu > ul > li.icon05 > a span::before {
    background-position: 49% 93%;
}
.quickmenu > ul > li.icon06 > a span::before {
    background-position: 101% 97%;
}

@media all and (max-width:1450px) {
    .quickmenu {
        float: right;
        width: calc(100% - 360rem);
        padding: 80rem 0;
    }
    .quickmenu > ul {
        justify-content: flex-start;
    }
    .quickmenu > ul > li {
        width: 33.3%;
        text-align: center;
        margin: 30rem 0;
    }

}
@media all and (max-width:840px) {
    .quickmenu {
        width: 100%;
        padding: 50rem 0;
    }

}
@media all and (max-width:450px) {
    .quickmenu > ul > li {
        width: 50%;
    }
}

/*알림마당*/
.board {
    position: relative;
}
.board::after {
    content: '';
    position: absolute;
    top: 56rem;
    width: 100%;
    height: 280rem;
    z-index: -1;
    display: block;
    background: linear-gradient(to right, #ff9600 0%,#ff733e 100%);
}
.board > .wrap {
    position: relative;
}
.board .more {
    position: absolute;
    top: -35rem;
    right: 0;
    font-size: 16rem;
    padding-right: 25rem;
    background: url("../img/main/more.png") no-repeat right center;
    display: block;
    line-height: 18rem;
}
.board .tablist {
    display: flex;
    align-items: center;
    margin-right: 100rem;
}
.board .tablist a {
    display: block;
    padding: 18rem 10rem;
    width: 203rem;
    text-align: center;
    font-size: 20rem;
    line-height: 1;
    font-weight: 500;
    position: relative;
}
.board .tablist a:not([class="on"])::after {
    content: '';
    display: block;
    width: 1rem;
    height: 18rem;
    position: absolute;
    background: #ddd;
    top: 18rem;
    right: 0;
}
/*250611 반응형추가*/
@media(max-width:649px){
    .board .tablist a{width: 100%;}
    .board .tablist {width: 100%; display: grid; align-items: center; margin-right: 100rem; grid-template-columns: repeat(3,1fr);}
    .board .tablist a:nth-child(3n):not(.on)::after{display: block; width: 2rem;}
    .board .more{top: 10rem;}
    .board::after{top: 110rem;}
    .board .tablist a:nth-child(1):not(.on)::before,
    .board .tablist a:nth-child(4):not(.on)::before{content: '';display: block; width: 2rem; height: 18rem; position: absolute; background: #ddd; top: 18rem; left: 0;}
    }
.board .tablist a.on {
    font-weight: 700;
    color: #fff;
    background: #323232;
}
.board .tablist a.on::after {
    content: '';
    display: block !important;
    position: absolute;
    border-top: 13rem solid #323232;
    border-left: 7.5rem transparent solid;
    border-right: 7.5rem transparent solid;
    bottom: -12rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.board .tablist a:last-child::after {
    display: none;
}
.board .tabcont {
    position: relative;
    padding-top: 40rem;
}
.tabcont > div {
    display: none;
}
.tabcont > div.on {
    display: block;
}
.tabcont > div.on .board_slide {
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;
    filter: drop-shadow(0rem 14rem 12rem rgba(0, 0, 0, 0.1));
    min-height: 280rem;
}
.tabcont > div.on .board_slide .swiper-slide a {
    display: block;
    background: #fff;
    border-radius: 0 20rem 20rem 20rem;
    padding: 40rem 30rem;
    margin-bottom: 70rem;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .tabcont > div.on .board_slide .swiper-slide a {
        box-shadow: 0 14rem 12rem rgba(0, 0, 0, 0.1);
    }
}
.tabcont > div.on .board_slide .swiper-slide a::after {
    content: '';
    display: block;
    clear: both;
}
.tabcont > div.on .board_slide .swiper-slide .tit {
    font-size: 20rem;
    line-height: 1;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin-top: 20px;
}
.tabcont > div.on .board_slide .swiper-slide .txt {
    min-height: 120rem;
    font-size: 16rem;
    line-height: 1.5;
    margin-top: 30rem;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .tabcont > div.on .board_slide .swiper-slide .txt {
        height: 120rem;
        overflow: hidden;
    }
}
.tabcont > div.on .board_slide .swiper-slide .date {
    color: #7f7f7f;
    font-size: 14rem;
    font-weight: 600;
    line-height: 1;
    margin-top: 30rem;
    display: block;
    float: right;
}

.board-control {
    position: relative;
    margin: 0 auto;
    height: 100%;
}
.board-control .swiper-button-next,
.board-control .swiper-button-prev {
    width: 48rem;
    height: 48rem;
    background: url("../img/main/board_prev.png") no-repeat;
    background-size: contain;
    top: -200rem;
}
.board-control .swiper-button-prev {
    left: -24rem;
}
.board-control .swiper-button-next {
    right: -24rem;
    background: url("../img/main/board_next.png") no-repeat;
    background-size: contain;
}
.board-control .swiper-scrollbar {
    width: 100%;
    max-width: 1090rem;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    background: #323232;
}
.board-control .swiper-scrollbar-drag {
    height: 5px;
    background: #323232;
    top: -2px;
}

@media all and (max-width:1450px) {
    .board {
        margin-top: 80rem;
    }
}
@media all and (max-width:980px) {
    /* .tabcont > div.on .board_slide, .board-control {width: calc(100% - 60rem);} */
}
@media all and (max-width: 840px) {
    .board {
        margin-top: 0;
    }
}
@media all and (max-width:720px) {
    /* .tabcont > div.on .board_slide, .board-control {width: calc(100% - 40rem);} */
    .board-control .swiper-button-prev {
        left: -15rem;
    }
    .board-control .swiper-button-next {
        right: -15rem;
    }
}
@media all and (max-width:350px) {
    .board .tablist a {
        font-size: 18rem;
    }
}

/*오시는길*/
.cont3 {
    margin-top: 110rem;
    margin-bottom: 110rem;
}
.cont3 > .wrap {
    position: relative;
}
.roadinfo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 30%;
    min-width: 300rem;
    padding: 50rem 60rem;
    background: linear-gradient(135deg, #007733 0%,#005733 100%);
    border-radius: 20rem 20rem 0 20rem;
    color: #fff;
    box-shadow: 10px 14px 35px 0 rgba(0, 0, 0, 0.2);
}
.roadinfo::after {
    content: '';
    display: block;
    clear: both;
}
.roadinfo h2 {
    font-size: 30rem;
    font-weight: 800;
    margin-bottom: 20rem;
}
.roadinfo ul {
    margin-bottom: 24rem;
}
.roadinfo ul li {
    font-size: 18rem;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.3;
    margin-bottom: 10rem;
}
.roadinfo ul li strong {
    color: #fff17e;
    margin-right: 16rem;
}
.roadinfo a {
    font-size: 16rem;
    line-height: 1;
    padding: 18rem 58rem 18rem 38rem;
    background-color: #007733;
    border-radius: 10rem;
    float: right;
    position: relative;
}
.roadinfo a::after {
    position: absolute;
    content: '→';
    display: block;
    right: 38rem;
    top: 18rem;
}

#daumRoughmapContainer1698303323766 {
    width: 100%;
    height: 575rem;
    padding-top: 50rem;
}
#daumRoughmapContainer1698303323766 .wrap_map {
    height: 493rem;
}

@media all and (max-width: 1500px) {
    .roadinfo {
        width: 40%;
        padding: 20rem 30rem;
    }
}
@media all and (max-width: 780px) {
    .roadinfo {
        position: static;
        width: 100%;
    }
    #daumRoughmapContainer1698303323766 {
        height: 450rem;
        padding-top: 20rem;
    }
    #daumRoughmapContainer1698303323766 .wrap_map {
        height: 394rem;
    }
}

/* 배너모음 */
#cont4 {
    border-top: 1px solid #e9e9e9;
}
#cont4 .banner {
    padding: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
#cont4 .banner > div {
    float: left;
    width: 16%;
    display: flex;
    align-items: center;
}
#cont4 .banner h2 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-right: 12px;
}
#cont4 .banner .slick-track {
    display: flex;
    align-items: center;
}
.ban_btn {
    display: flex;
    gap: 2px;
}
.ban_btn a {
    display: block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url("/design/gsia/img/main/banner_btn.png") no-repeat center center;
    background-position-x: -2px;
}
.ban_btn a.stop {
    background-position-x: -45px;
}
.ban_btn a.play {
    background-position-x: -88px;
}
.ban_btn a.next {
    background-position-x: -130px;
}
.ban_btn a.view {
    background-position-x: -173px;
}

.ban_slide {
    width: 100%;
}
.ban_slide li a {
    display: flex;
    justify-content: center;
    padding: 0 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
}
.ban_slide li:first-child a::before {
    display: none;
}

@media all and (max-width:900px) {
    #cont4 .banner > div {
        width: 33%;
    }
    .ban_slide li a::before {
        right: 0;
    }
}
@media all and (max-width:760px) {
    #cont4 .banner {
        flex-wrap: wrap;
        padding: 10px;
    }
    #cont4 .banner > div {
        width: 100%;
    }
    .ban_slide {
        width: 100%;
    }
    .ban_slide li a {
        width: auto;
        text-align: left;
        padding: 0 80px 0 2px;
    }
    .ban_slide li a::before {
        right: 40px;
    }
    #cont4 .banner h2 {
        font-size: 22px;
    }
    .ban_btn a {
        width: 32px;
        height: 32px;
        background-size: cover;
    }
    .ban_btn a.stop {
        background-position-x: -37px;
    }
    .ban_btn a.play {
        background-position-x: -70px;
    }
    .ban_btn a.next {
        background-position-x: -104px;
    }
    .ban_btn a.view {
        background-position-x: -139px;
    }
    .ban_slide li a {
        padding: 0 20px;
    }
    .ban_slide li a::before {
        right: 20px;
    }
}

/*외국어*/
.cont1.en .quickmenu > ul > li > a span {
    font-size: 20rem;
}
.cont3.en {
    margin-top: 30rem;
}

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

    .cont1.en .quickmenu {
        padding: 100rem 0;
    }
    .cont1.en .quickmenu > ul > li {
        width: 50%;
    }

}

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

    .cont1.en .quickmenu > ul > li {
        width: 50%;
        margin: 40rem 0 30rem;
    }
    .cont1.en .quickmenu > ul > li > a span::before {
        left: 50%;
        top: -50rem;
        transform: translateX(-50%);
    }
    .cont1.en .quickmenu > ul > li > a span {
        padding-left: 0;
        font-size: 18rem;
    }
}

@media all and (max-width:980px) {
    .cont1.en .quickmenu {
        width: calc(100% - 363rem);
    }
    .cont1.en .quickmenu > ul {
        margin: auto;
        width: auto;
    }
    .cont1.en .quickmenu > ul > li > a {
        padding: 0;
    }

}

@media all and (max-width:840px) {
    .cont1.en .quickmenu {
        width: 100%;
        padding: 80rem 0 40rem;
    }
    .cont1.en .quickmenu > ul {
        padding: 0 30rem;
    }

}

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

    .cont1.en .quickmenu {
        padding: 80rem 0 20rem;
    }
    .cont1.en .quickmenu > ul {
        padding: 0;
    }
    .cont1.en .quickmenu > ul > li > a {
        padding: 0 5rem;
    }
    .cont1.en .quickmenu > ul > li {
        line-height: 1.4;
    }
    .cont1.en .quickmenu > ul > li > a span {
        font-size: 16rem;
    }

}


/* 카운트 비주얼 */
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}