@charset "utf-8";

.sub_skip{display:none}

#fp-nav {left: clamp(20px, 3vw, 50px); margin-top:0;}
#fp-nav ul {position: relative;}
#fp-nav ul:before {content: ''; position: absolute; top: 16px; left: 6px; width: 1px; height:102px; background-color: #c3bfbc;}
#fp-nav ul li {display: flex; align-items: center; justify-content: flex-start; width: auto; height: auto; margin: 0 0 30px;}
#fp-nav ul li a{position: relative;padding-left: 30px;font-size: 17px;font-weight: 500;color: #666666;}
#fp-nav ul li.active a{font-weight: 600;color: #f07e25;}
#fp-nav ul li a:before{content:'';position: absolute;top:50%;transform: translateY(-50%) scale(1);left: 2px;width: 10px;height: 10px;box-sizing: border-box;border-radius: 100%;border: 1px solid #666666;background: #fff; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.2s ease;}
#fp-nav ul li.active a:before{transform: translateY(-50%) scale(1.4);left:2px;border: 2px solid #f07e25; }
.fp-viewing-3 #fp-nav{display: none}
.footer-wrap {background-color: #f5f6f6 !important;}
.quick_menu_area {position: fixed; top: 50%; right: 0; transform: translateY(-50%);}
.quick_menu_area.type2{margin-top: -60px;}
a#top_btn {position: fixed;right: 50px;bottom: 40px;width: 56px;z-index: 999;text-align: center;}
a#top_btn span {padding: 16px 0 0;font-weight: 600; font-size: 18px; color: #f5822a;}

/*메인 시안*/
.main-img-box{text-align: center;padding:326px 0 165px;}
.test_pop_cont.type2 {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.85);z-index: 9999;}
.test_pop_cont.type2 .img_area {position: absolute;top: 50%;left: 50%;width: 1432px;transform: translate(-50%, -50%);}

/*   리뉴얼   */
/*풀페이지 타입*/
.main_cont.fullpage-type{padding:0;}
#fullpage .inner{max-width: 100%;}
#fullpage section{max-width: 1430px;margin:auto}
.fp-tableCell{padding-top: 260px;}
#fullpage section.footer-sec{max-width: 100%;}
.main_cont #fullpage .sen.sen01{margin:0;}
.main_cont #fullpage .sen.sen02{margin:0;}
#fullpage .quick-wrap{margin-bottom: 0;padding-bottom: 8vh;}
.fullpage-type + footer{display: none}
#fullpage section footer{display: block}
#fullpage .footer-sec .inner{max-width: 1430px;}

#fullpage .main-con-tit{padding-bottom:2vh;}
#fullpage .quick-wrap li{height: 12vh;}
#fullpage .quick-wrap li.link1 span{padding-top: 6.5vh; }
#fullpage .quick-wrap li.link2 span{padding-top: 6.3vh; }
#fullpage .quick-wrap li.link3 span{padding-top: 6.2vh; }
#fullpage .quick-wrap li.link4 span{padding: 5.5vh 8px 0; }
#fullpage .quick-wrap li.link5 span{padding-top: 6.5vh;}

.fullpage-type.main_cont .sen.sen02 .container .notice_info_cont > .inner_box > .box.left .notice_cont > .title_area{margin: 0 0 3vh;}
.fullpage-type.main_cont .sen.sen02 .container .notice_info_cont > .inner_box > .box.left .notice_cont .notice_slide_area .slide_area .list li .box .text{margin:0 0 4.5vh}
.fullpage-type.main_cont .sen.sen02 .container .notice_info_cont > .inner_box > .box.left .notice_cont .notice_slide_area .slide_area .list li .box .title{margin: 0 0 2vh;}
.fullpage-type.main_cont .sen.sen04 .container > .title_area{margin: 0 0 4.5vh;}

.main_cont.fullpage-type .sen.sen04 .container .activity_info_list_cont > .inner_box .box.right .activity_slide_list_area .slide_area .list li .box .img_area{padding: 0 0 80.8236%;}
.main_cont.fullpage-type .sen.sen04 .container .activity_info_list_cont > .inner_box .box.right .activity_slide_list_area .slide_area .list li .box .text_area .sub_tit{font-size: 18px;}
.main_cont.fullpage-type .sen.sen04 .container .activity_info_list_cont > .inner_box .box.right .activity_slide_list_area .slide_area .list li .box .text_area .title{font-size: 20px;}

.fullpage-type .quick-menu-wrap{top: 50%;transform: translateY(-50%);margin-top: 10.18vh;}
.fullpage-type .quick-menu-wrap .box{padding-bottom: 1.5vh;}
.fullpage-type .quick-menu-wrap button{padding: 2vh 0;}
.fullpage-type .quick-menu-wrap li a{padding: 1.85vh 0;}
.fullpage-type .quick-menu-wrap .popup span{padding-top: 3.52vh;}
.fullpage-type .quick-menu-wrap .link1 span{padding-top: 2.6vh;}
.fullpage-type .quick-menu-wrap .link2 span{padding-top: 3.06vh;}
.fullpage-type .quick-menu-wrap .link3 span{padding-top: 3vh;}
.fullpage-type .quick-menu-wrap .link4 span{padding-top: 2.8vh;}
.fullpage-type .quick-menu-wrap .link5 span{padding-top: 3.2vh;}

.fullpage-type .pop-cont-box{padding: 0 2.08vw;}
.fullpage-type .pop-cont-box h2{padding-bottom: 10vh;}
.fullpage-type .pop-img-box{padding: 0 5.65vw;}
.fullpage-type .pop-img-box .slide-w{max-height: 62.5vh;}
.fullpage-type .pop-cont-box .etc{margin-top: 10.25vh;}

/*기본 타입*/
.main_cont .inner{max-width: 1430px;margin: auto;}
.main_cont .container{max-width: 100%;}
.main_cont .sen.sen01 .container .main_val_cont .inner_box{flex-wrap: wrap;}

/*비주얼 영역 좌측 배너*/
.main_val_slide_area .list li a{height:100%;max-height: 500px;}
.main_val_slide_area .list li a{height:100%;max-height: 500px;}
.main_val_slide_area .list li .img_area{height:100%;}
.main_val_slide_area .list li .img_inner{max-height: 500px;}

/*비주얼 영역 우측 배너*/
.banner-zone{position: relative;overflow: hidden;width: 100%;height: 100%;max-height: 500px;aspect-ratio: 1 / 1;border-radius: 13px;}
.banner-zone .slick-slide > a{position: relative;}
.banner-zone .box{padding:76px 34px 50.3% 34px;}
.banner-zone img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.banner-zone .item{position: relative;z-index: 20;height: calc(100% - 10px);}
.banner-zone .title{padding-bottom: 24px;font-size: 44px;font-weight: 600;line-height: 44px;color: #fff;}
.banner-zone .con-txt{min-height: 96px;font-size: 18px;font-weight: 500;line-height: 24px;color: #fff;opacity: .8;}
.banner-zone .br{display:block;}
.banner-zone .link-btn-box{position: absolute; left: 36px;bottom: 22px;z-index: 20;}
.banner-zone .link-btn-box li{display: none}
.banner-zone .link-btn-box li.on{display: block}
.banner-zone .slick-slide .link-text{display:none;}
.banner-zone .link-text{font-size: 19px;font-weight: 600;color: #fff;}
.banner-zone .link-text span{padding-right: 34px;background-image: url('/images/new/main/link-arrow-ic.png');background-repeat: no-repeat;background-repeat: no-repeat;background-position: right center;}

.bottom-control-box{display: flex; align-items: center; justify-content: space-between; position: absolute;bottom: 28px;right: 28px;z-index: 20;}
.bottom-control-box .btn{font-size: 0;text-indent: -9999em;background-repeat: no-repeat;background-position: center;}
.bottom-control-box .ctr1{width: 7px;height: 12px;}
.bottom-control-box .prev-btn{background-image: url('/images/new/main/main_val_prev.png');}
.bottom-control-box .next-btn{background-image: url('/images/new/main/main_val_next.png');}
.bottom-control-box .ctr2{margin: 0 25px;width: 12px;height: 12px;}
.bottom-control-box .play{display:none;background-image: url('/images/new/main/main_val_play.png');}
.bottom-control-box .stop{background-image: url('/images/new/main/main_val_stop.png')}
.bottom-control-box.on .play{display:block;}
.bottom-control-box.on .stop{display:none;}

@keyframes proBar{
    0%{width:0;}
    100%{width:100%;}
}
.slider-box:hover .pro-bar{animation-play-state: paused;}
.paging-num {display: flex;justify-content: center;align-items: center;position: absolute;}
.paging-num li {position: relative;font-size: 17px;font-weight: 700;color: #fff;opacity: .5;cursor: pointer;  transition: color 0.3s ease, opacity 0.3s ease;}
.paging-num li.active {font-size: 24px;opacity: 1;}

.banner-zone.slide1 .paging-num li:first-child{}
.banner-zone.slide1 .paging-num li:nth-child(2){padding-left:198px}
.banner-zone.slide1 .paging-num li:nth-child(3){padding-left:18px}
.banner-zone.slide1 .paging-num li:nth-child(4){padding-left:18px}

.banner-zone.slide2 .paging-num li:nth-child(2){padding-left:20px}
.banner-zone.slide2 .paging-num li:nth-child(3){padding-left:192px}
.banner-zone.slide2 .paging-num li:nth-child(4){padding-left:18px}

.banner-zone.slide3 .paging-num li:nth-child(2){padding-left:20px}
.banner-zone.slide3 .paging-num li:nth-child(3){padding-left:20px}
.banner-zone.slide3 .paging-num li:nth-child(4){padding-left:190px}

.banner-zone.slide4 .paging-num li:nth-child(2){padding-left:20px}
.banner-zone.slide4 .paging-num li:nth-child(3){padding-left:20px}
.banner-zone.slide4 .paging-num li:nth-child(4){padding-left:20px}

.banner-zone .progressbar{position: relative;top:16px;max-width: 147px;height:2px;background:rgba(255,255,255,.3);transition:opacity 0.3s ease;}
.banner-zone.slide1 .progressbar{left:48px;}
.banner-zone.slide2 .progressbar{left:87px;}
.banner-zone.slide3 .progressbar{left:127px;}
.banner-zone.slide4 .progressbar{left:167px;}

.pro-bar{position:absolute;bottom:0;left:0;width:0;height:100%;background: #fff;}
.pro-ani{animation: proBar 5s 1;width:100%;}

.top-control-box{position: absolute;top: 22px;left: 50%;transform: translateX(-50%);z-index: 20;width: calc(100% - 66px);}

.banner-zone .swiper-pagination.num{display: flex;align-items: center;position: static;left: auto;top: auto;transform: initial;}
.banner-zone .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width: auto;height: auto;margin-right: 17px;margin-top: -2px;font-size: 18px;font-weight: 600;color: #fff;opacity: .5;background:transparent}
.banner-zone .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{margin-top:0;font-size: 24px;opacity: 1;margin-right:190px !important;}

.main-con-tit{ padding-bottom: 30px;font-size: 26px;font-weight: 600;color: #222222;}

/*바로가기*/
.quick-wrap{position: relative;margin-bottom: 100px;}
.quick-wrap.slideOff ul{display: flex;flex-wrap: wrap;gap: 20px;}
.quick-wrap.slideOff li{flex:1;}
.quick-wrap li{height:140px;border-radius: 10px;background:#f4f4f4;}
.quick-wrap li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%; border-radius: 10px;text-align: center;transition: all 0.2s}
.quick-wrap li a:hover{box-shadow: 5px 5px 15px rgba(0,0,0, .1)}
.quick-wrap li span{display: block;font-size: 18px;font-weight: 600;color: #444444; background-position: top center;background-repeat: no-repeat;}
.quick-wrap li.link1 span{padding-top: 70px;background-image: url(/images/new/main/quick-ic1.png);background-size: 45px auto;}
.quick-wrap li.link2 span{padding-top: 67px;background-image: url(/images/new/main/quick-ic2.png);background-size: 42px auto;}
.quick-wrap li.link3 span{padding-top: 66px;background-image: url(/images/new/main/quick-ic3.png);background-size: 39px auto;}
.quick-wrap li.link4 span{padding: 57px 8px 0px;background-image: url(/images/new/main/quick-ic4.png);background-size: 56px auto;}
.quick-wrap li.link5 span{padding-top: 70px;background-image: url(/images/new/main/quick-ic5.png);background-size: 42px auto;}
.slideOn .func-box{opacity: 1;}
.func-box {display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 20; /*position: absolute;top: 50%;left:50%;transform: translate(-50%, -50%);z-index: 20;*/width: calc(100% + 30px);opacity: 0;}
.func-box button{display: block;position: absolute;top: -90px;width: 36px;height: 36px;border-radius: 100%;border: 1px solid #f4f4f4;font-size: 0;text-indent: -9999em;box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.11);background-color: #fff;background-repeat: no-repeat;background-position: center;background-size: 7px auto}
.func-box .prev-btn{left: -15px;background-image: url(/images/main/sub_prev_icon.png);}
.func-box .next-btn{right:15px;background-image: url(/images/main/sub_next_icon.png);;}

/*퀵메뉴*/
.quick-menu-wrap{position: fixed;top: 320px;right: -1px;z-index: 1000;}
.quick-menu-wrap .box{position: relative;overflow: hidden;width: 100px;padding-bottom: 18px;background: linear-gradient(to bottom, #60bb46, #f5822a);border-top-left-radius: 20px;border-bottom-left-radius: 20px;;}
.quick-menu-wrap .box > * {position: relative;z-index: 1;}
.quick-menu-wrap .box:before{content:'';position: absolute;z-index: 0;inset: 1px;background: #fff;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.quick-menu-wrap li{text-align: center;margin-left: 1px;}
.quick-menu-wrap li + li{border-top: 1px solid #eeeeee;}
.quick-menu-wrap button{width: 100%;padding: 20px 0;padding-left: 1px;}
.quick-menu-wrap li a{padding: 20px 0;padding-left: 1px;}
.quick-menu-wrap li span{display: block;font-size: 15px;font-weight: 500;line-height: 22px;color: #555555;background-repeat: no-repeat;background-position: top center;}
.quick-menu-wrap .popup span{padding-top: 38px;background-image: url(/images/new/main/quick-menu-ic1.png);}
.quick-menu-wrap .link1 span{padding-top: 28px;background-image: url(/images/new/main/quick-menu-ic2.png);}
.quick-menu-wrap .link2 span{padding-top: 33px;background-image: url(/images/new/main/quick-menu-ic3.png);}
.quick-menu-wrap .link3 span{padding-top: 32px;background-image: url(/images/new/main/quick-menu-ic4.png);}
.quick-menu-wrap .link4 span{padding-top: 30px;background-image: url(/images/new/main/quick-menu-ic5.png);}
.quick-menu-wrap .link5 span{padding-top: 35px;background-image: url(/images/new/main/quick-menu-ic6.png);}

/*팝업 자료*/
.popOn:before{content:'';position: fixed;z-index:9999;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .85);}
.popOn .pop-cont-box{display: block}
.pop-cont-box{display:none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999;width: 100%;padding: 0 40px;}
.pop-cont-box h2{padding-bottom: 80px;font-size: 48px;font-weight: 600;line-height: 60px;color:#fff;text-align: center;}
.pop-img-box{display: flex;flex-wrap: wrap;gap: 20px;align-items: flex-start;justify-content: flex-start;position: relative;margin: auto;padding: 0 70px;}
.pop-img-box .slide-w{z-index: 21;overflow: hidden;max-width: 1280px;max-height: 500px;margin: auto;}
.pop-img-box li{text-align: center;}
.pop-img-box img{flex: 1 1 auto;min-width: 150px;height: auto;}
.pop-img-box .control-box{display: none;justify-content: space-between;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 20;max-width: 1440px;width: 100%;margin: auto;}
.pop-img-box .control-box.on{display: flex}
.pop-img-box .btn{display: block;border: 1px solid #fff;border-radius: 100%;width: 60px;height: 60px;font-size: 0;text-indent: -9999em;background-image: url(/images/new/main/slide-arrow-ic.png);background-repeat: no-repeat;background-position: center;}
.pop-img-box .next-btn{transform: rotate(180deg);}
.pop-img-box .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: -47px;}
.pop-img-box .swiper-pagination-bullet{width: 10px;height: 10px;background:#fff;opacity: 1;}
.pop-img-box .swiper-pagination-bullet-active{background:#ce4b00;}
.pop-cont-box .etc{display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;margin-top: 82px;}
.pop-cont-box dl{display: flex;align-items: center; height: 48px;padding: 0 28px;border-radius: 8px;font-size: 18px;font-weight: 500;color: #fff;background: #000;}
.pop-cont-box dd{padding-left: 3px;}
.pop-cont-box dd span{color:#ffc80b;}
.pop-cont-box .etc button{display: flex;align-items: center;height:48px;border-radius: 8px;padding:0 38px;font-weight: 500;color:#fff;}
.pop-cont-box .etc .close-btn{background:#26a112;}
.pop-cont-box .etc .hide-today-btn{background:#f36f21;}
.pop-cont-box .etc button span{padding-right: 25px;background-image: url(/images/new/main/pop-close-ic.png);background-repeat: no-repeat;background-position: 100% 50%;}

.main_cont .sen.sen04 .container .activity_info_list_cont > .inner_box .box.right .activity_slide_list_area .play_area.stop .btn.stop{display: none}
.main_cont .sen.sen04 .container .activity_info_list_cont > .inner_box .box.right .activity_slide_list_area .slide_area .slide_btn_area .top_cont > .play_area.stop .btn.play{display:block;background-image: url(/images/main/sub_play_icon.png);}

.top-btn-box{display: none}

@media only screen and (max-width: 1920px) {
    .fullpage-type .quick-menu-wrap{margin-top: 12.18vh;}
}

@media only screen and (max-width: 1650px) {
    #fullpage .inner{padding:0;}
    #fullpage section{padding:0 60px}
    #fullpage section.footer-sec{padding:0;}
    #fullpage .footer-sec .inner{padding:0 60px;}
    .fullpage-type .pop-cont-box h2{padding-bottom: 8vh;font-size: 40px;}
    .fullpage-type .pop-cont-box .etc{margin-top: 8.25vh;}
    .main-img-box {padding:326px 60px 165px;}
}

@media only screen and (max-width: 1440px) {
    .fp-tableCell{padding-top: 223px;}
    .fullpage-wrap #header .middle .inner{height: 90px;}
    .fullpage-wrap #header .bottom .inner{height: 80px;}

    #fullpage .quick-wrap li{height: 15vh;}
    .fullpage-type.main_cont .sen.sen02 .container .notice_info_cont > .inner_box > .box.left .notice_cont > .title_area{margin: 0 0 2.6vh;}
    .fullpage-type.main_cont .sen.sen02 .container .notice_info_cont > .inner_box > .box.left .notice_cont .notice_slide_area .slide_area .list li .box .text{height: 44px;margin: 0 0 3vh;-webkit-line-clamp: 2;}

    .main_cont.fullpage-type .sen.sen04 .container .activity_info_list_cont > .inner_box .box.right .activity_slide_list_area .slide_area .list li .box .text_area .title{font-size: 16px;}
}

@media only screen and (max-width: 1400px) {
    #fullpage section{padding:0 50px}
    #fullpage .footer-sec .inner{padding:0 50px;}
    .main-img-box {padding:326px 30px 165px;}
    .main_cont .sen.sen01 .container .main_val_cont .inner_box .box.left{padding: 0 30px 0 0;}
    .banner-zone .title{font-size: 36px;line-height: 38px;}
    .banner-zone .con-txt{min-height: 92px;font-size: 17px;line-height: 23px;}
    .banner-zone .br{display: inline;}
    .banner-zone .swiper-pagination.progressbar{width: 120px;}
    .banner-zone .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin-right: 12px;font-size: 17px;}
    .banner-zone .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{margin-right: 140px !important;font-size: 23px;}
    .banner-zone .link-text{font-size: 18px;}
    .main-con-tit{padding-bottom: 20px;font-size: 22px;}
}

@media only screen and (max-width: 1280px) {
    #fullpage section{padding: 0 40px;}

    .main_cont .sen.sen01 .container .main_val_cont .inner_box .box.left{width:100%;padding: 0;}
    .main_cont .sen.sen01 .container .main_val_cont .inner_box .box.right{max-width: 100%;margin-top: 20px;}

    .main_cont .sen.sen01 .container .main_val_cont .inner_box .banner-zone .box{overflow: hidden;height: 312px;padding: 40px;border-radius: 0;}
    .banner-zone .slick-slider .slick-list .slick-slide{overflow: hidden;border-radius: 13px;margin:0 5px}
    .paging-num,
    .banner-zone .progressbar{display:none;}
    .banner-zone .slick-slide .link-text{display:block;position: relative;z-index: 20;}
    .banner-zone .link-btn-box{display:none;}
}

@media only screen and (max-width: 1250px) {
    #fullpage .footer-sec .inner{padding:0 40px;}
    .banner-zone .title{font-size: 30px;line-height: 34px;}
    .banner-zone .link-text{font-size: 17px;}
    .banner-zone .swiper-pagination.progressbar{top: 12px;width: 100px;}
    .banner-zone .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin-right: 10px;font-size: 15px;}
    .banner-zone .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{ margin-right: 130px !important;font-size: 19px;}

    .pop-cont-box h2{padding-bottom: 70px;font-size: 38px;line-height: 50px;}
    .pop-img-box img{flex:1}
}

@media only screen and (max-width: 1080px) {
    .fullpage-type.main_cont{padding: 175px 0 110px;}
    .fp-tableCell{padding-top:0;}
    #fullpage .footer-sec .inner{padding:0 30px}
    .main_cont #fullpage .sen.sen01,
    .main_cont #fullpage .sen.sen04,
    #fullpage .sec2 .fp-tableCell > .box{margin-top:0;}
    .main_cont #fullpage .sen.sen01{margin: 0 0 55px;}
    .main_cont #fullpage .sen.sen02{margin: 0 0 80px;}
    #fullpage .quick-wrap{margin-bottom: 100px;}
    #fullpage .quick-wrap li{height: 125px;}
    #fullpage section{height: auto !important;padding: 0 30px;}
    .fullpage-type + footer{display: block}
    #fullpage #section4{display: none}

    .quick-menu-wrap{display: none}
    .sen .container{padding:0;}
    .main_cont .sen.sen01 .container .main_val_cont .inner_box .box.left{margin:0 0 30px 0;padding:0;}
    .main_cont .sen.sen01 .container .main_val_cont .inner_box .box.right{max-width: 100%;}
    .banner-zone{max-height: 320px;}
    .main_cont .sen.sen01 .container .main_val_cont .inner_box .banner-zone .box{padding: 40px 30px;}
    .banner-zone .title{padding-bottom: 18px;font-size: 24px;line-height: 26px;}
    .banner-zone .con-txt{min-height: auto;font-size: 15px;line-height: 20px;}
    .banner-zone .box{padding-top: 70px;padding-left: 20px;padding-right: 20px; padding-bottom: 44%;}
    .top-control-box{top: 20px;width: calc(100% - 40px);}
    .banner-zone .link-btn-box{left:20px;}
    .bottom-control-box{right: 20px}
    .paging-num li{font-size: 15px;}
    .paging-num li.active{font-size: 22px;}

    .banner-zone .progressbar{max-width: 130px;}
    .banner-zone.slide1 .progressbar{left: 35px;}
    .banner-zone.slide2 .progressbar{left:68px }
    .banner-zone.slide3 .progressbar {left: 100px;}
    .banner-zone.slide4 .progressbar{left:134px}
    .banner-zone.slide1 .paging-num li:nth-child(2){padding-left: 154px;}
    .banner-zone.slide2 .paging-num li:nth-child(2){padding-left: 12px}
    .banner-zone.slide2 .paging-num li:nth-child(3){padding-left: 158px;}
    .banner-zone.slide2 .paging-num li:nth-child(4){padding-left: 12px}
    .banner-zone.slide3 .paging-num li:nth-child(2){padding-left: 12px}
    .banner-zone.slide3 .paging-num li:nth-child(3){padding-left: 12px}
    .banner-zone.slide3 .paging-num li:nth-child(4) {padding-left: 162px;}
    .banner-zone.slide4 .paging-num li:nth-child(2){padding-left: 12px}
    .banner-zone.slide4 .paging-num li:nth-child(3){padding-left: 12px}
    .banner-zone.slide4 .paging-num li:nth-child(4){padding-left: 12px}

    .quick-wrap li{height: 125px;}
    .quick-wrap li span{ font-size: 16px;}
    .quick-wrap li.link1 span,
    #fullpage .quick-wrap li.link1 span{padding-top: 60px;}
    .quick-wrap li.link2 span,
    #fullpage .quick-wrap li.link2 span{padding-top: 55px;}
    .quick-wrap li.link3 span,
    #fullpage .quick-wrap li.link3 span{padding-top: 55px;}
    .quick-wrap li.link4 span,
    #fullpage .quick-wrap li.link4 span{padding-top: 50px;}
    .quick-wrap li.link5 span,
    #fullpage .quick-wrap li.link5 span{padding-top: 60px;}
    .func-box button{ top: -80px;}
}



@media only screen and (max-width: 767px) {
    a#top_btn{right: 20px; bottom: 20px; width:40px;}
    a#top_btn span {font-size: 14px; line-height: 35px;}
    .fullpage-type.main_cont{padding-bottom: 90px;}
    #fullpage section{padding: 0 20px;}
    #fullpage .footer-sec .inner{padding: 0 20px;}
    .main_cont #fullpage .sen.sen01,
    .main_cont #fullpage .sen.sen02{margin: 0 0 45px;}
    .main-con-tit{font-size: 20px;}
    #fullpage .quick-wrap,
    .quick-wrap{margin-bottom: 60px;padding-bottom: 0;}
    .quick-wrap.slideOff li{flex: auto;  width: 33.333%;}

    .main_cont .sen.sen01 .container .main_val_cont .inner_box .banner-zone .box{ padding: 30px 20px 30px;}
}

@media only screen and (max-width: 480px) {
    .main_cont #fullpage .sen.sen01,
    .main_cont #fullpage .sen.sen02{margin: 0 0 35px;}
    #fullpage section,
    #fullpage .footer-sec .inner{padding: 0 15px;}

}