@charset "utf-8";

.sido_main_val_area.ulsan {
    position: relative;
    overflow: hidden;
}

/* 공통 */
.sido_main_val_area.ulsan::before,
.sido_main_val_area.ulsan::after {
    content: '';
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    animation: crossFade 8s ease-in-out infinite;
    will-change: opacity;
}

/* 1번 배경 (초기 노출 보장) */
.sido_main_val_area.ulsan::before {
    background-image: url('../../images/pegs/kmcca_img/main_ulsan_val_1.jpg');
    opacity: 1;
    animation-delay: 0s;
}

/* 2번 배경 */
.sido_main_val_area.ulsan::after {
    background-image: url('../../images/pegs/kmcca_img/main_ulsan_val_2.jpg');
    opacity: 0;
    animation-delay: 3s;
}


@keyframes crossFade {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes top_event {
    0% {
        transform: translateY(0);
    }
    5% {
        transform: translateY(-15px);
    }
    10% {
        transform: translateY(0);
    }
    30% {
        transform: scale(100%);
    }
    33% {
        transform: scale(120%);
    }
    36% {
        transform: scale(100%);
    }

    75% {
        transform: rotateY(360deg);
    }
}



.tab_cont {display: none;}
.tab_cont.on {display: block;}

.sido_main {padding: 136px 0 85px;}
.sido_main .content {width: 100%; max-width: 1360px; margin: 0 auto;}

.sido_main .sido_main_val_cont {position: relative; margin: 0 0 75px; z-index: 1;}
.sido_main .sido_main_val_cont:before {content: ''; position: absolute; top: 50%; right: 0; left: 0; width: 100%; height: calc(100% - 100px); background-color: #f7f5f3; transform: translateY(-50%); z-index: -1;}
.sido_main .sido_main_val_cont .content {}
.sido_main .sido_main_val_cont .content .sido_main_val_area {position: relative; padding: 82px 20px 183px 82px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 24px;}
.sido_main .sido_main_val_cont .content .sido_main_val_area.busan {background-image: url('../../images/pegs/kmcca_img/main_busan_val.jpg');}
.sido_main .sido_main_val_cont .content .sido_main_val_area.chungbuk {background-image: url('../../images/pegs/kmcca_img/main_chungbuk_val.jpg');}
.sido_main .sido_main_val_cont .content .sido_main_val_area.daegu {background-image: url('../../images/pegs/kmcca_img/main_daegu_val.jpg');}
/*.sido_main .sido_main_val_cont .content .sido_main_val_area.daejyun {background-image: url('../../images/pegs/kmcca_img/main_daejeon_val.jpg');}*/
.sido_main .sido_main_val_cont .content .sido_main_val_area.kyangju {background-image: url('../../images/pegs/kmcca_img/main_gwangju_val.jpg');}
.sido_main .sido_main_val_cont .content .sido_main_val_area.kyungki {background-image: url('../../images/pegs/kmcca_img/main_gyeonggi_val.jpg');}
.sido_main .sido_main_val_cont .content .sido_main_val_area.incheon {background-image: url('../../images/pegs/kmcca_img/main_incheon_val.jpg');}
.sido_main .sido_main_val_cont .content .sido_main_val_area.jaeju {background-image: url('../../images/pegs/kmcca_img/main_jeju_val.jpg');}
.sido_main .sido_main_val_cont .content .sido_main_val_area.junbuk {background-image: url('../../images/pegs/kmcca_img/main_junbuk_val.jpg');}
.sido_main .sido_main_val_cont .content .sido_main_val_area.kangwon {background-image: url('../../images/pegs/kmcca_img/main_kangwon_val.jpg');}
.sido_main .sido_main_val_cont .content .sido_main_val_area.kyungbuk {background-image: url('../../images/pegs/kmcca_img/main_kyungbuk_val.jpg');}
.sido_main .sido_main_val_cont .content .sido_main_val_area.seoul {background-image: url('../../images/pegs/kmcca_img/main_seoul_val.jpg');}

/* 대전·세종·충남도회 비주얼 슬라이드 */
.sido_main .sido_main_val_cont .content .sido_main_val_area.daejyun{height: 520px}
.sido_main_val_area .visual-slide{display: none;}
.sido_main_val_area.daejyun .visual-slide{display: block;overflow: hidden;position: absolute;top: 0;left: 50%;transform: translateX(-50%); width: 100%;border-radius: 24px;}
.sido_main_val_area.daejyun .visual-slide .swiper-slide{height: 520px;background-size: cover;background-repeat: no-repeat;background-position: top center;}
.sido_main_val_area.daejyun .visual-slide .swiper-slide.visual1{background-image: url('../../images/pegs/kmcca_img/main_daejeon_val_1.png');}
.sido_main_val_area.daejyun .visual-slide .swiper-slide.visual2{background-image: url('../../images/pegs/kmcca_img/main_daejeon_val_2.png');}
.sido_main_val_area.daejyun .visual-slide .swiper-slide.visual3{background-image: url('../../images/pegs/kmcca_img/main_daejeon_val_3.png');}

.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area {position: relative; z-index: 1;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .sub_tit {margin: 0 0 17px; font-weight: 600; font-size: 20px; color: rgba(255, 255, 255, 0.7);}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .sub_tit span {display: none;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title {margin: 0 0 25px; font-size: 0;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title div {display: inline-block; font-family: 'GmarketSans'; font-weight: 700; font-size: 56px; line-height: 64px; color: #ffffff;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title > span {display: none; font-size: 0;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title > span span {display: inline-block; font-family: 'GmarketSans'; font-weight: 700; font-size: 56px; line-height: 64px; color: #ffffff; animation: top_event 10s ease infinite;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title > span span:nth-child(1) {transition-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title > span span:nth-child(2) {transition-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title > span span:nth-child(3) {transition-delay: 0.9s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title > span span:nth-child(4) {transition-delay: 1.2s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title > span span:nth-child(5) {transition-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title > span span:nth-child(6) {transition-delay: 1.8s; -webkit-animation-delay: 1.8s; animation-delay: 1.8s;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title > span span:nth-child(7) {transition-delay: 2.1s; -webkit-animation-delay: 2.1s; animation-delay: 2.1s;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title > span span:nth-child(8) {transition-delay: 2.4s; -webkit-animation-delay: 2.4s; animation-delay: 2.4s;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title > span span:nth-child(9) {transition-delay: 2.7s; -webkit-animation-delay: 2.7s; animation-delay: 2.7s;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title > span span:nth-child(10) {transition-delay: 3s; -webkit-animation-delay: 3s; animation-delay:3s;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title > span span:nth-child(11) {transition-delay: 3.3s; -webkit-animation-delay: 3.3s; animation-delay: 3.3s;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .text {font-weight: 500; font-size: 17px; color: rgba(255, 255, 255, 0.7);}
.sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .text span {display: none;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area {position: absolute; top: 50%; right: 50px; transform: translateY(-50%); z-index: 1;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list {}
.sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li {margin: 0 0 13px;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li:last-child {margin: 0;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box {display: block; min-width: 150px; padding: 27px 0 26px; background-color: #ffffff; border-radius: 20px; box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.05); text-align: center;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box:hover {transform: translateY(-10px);}
.sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box .text_area {padding: 55px 0 0; background-position: top center; background-repeat: no-repeat;}
.sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box .text_area.icon01 {background-image: url('../../images/pegs/kmcca_img/sido_val_icon01.png');}
.sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box .text_area.icon02 {background-image: url('../../images/pegs/kmcca_img/sido_val_icon02.png');}
.sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box .text_area.icon03 {background-image: url('../../images/pegs/kmcca_img/sido_val_icon03.png');}
.sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box .text_area .text {display: inline-block; font-weight: 600; font-size: 16px; color: #444444;}

.sido_main .sido_notice_cont {}
.sido_main .sido_notice_cont .content {}
.sido_main .sido_notice_cont .content .sido_notice_area {}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box {display: flex; align-items: center; justify-content: space-between;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box {}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left {width: calc(100% - 480px); margin: 0 50px 0 0;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area {display: flex; align-items: center; justify-content: space-between; margin: 0 0 42px;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area {}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area .list li {margin: 0 40px 0 0;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area .list li:last-child {margin: 0;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area .list li .btn {display: block; font-weight: 600; font-size: 19px; line-height: 30px; color: #999999;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area .list li.on .btn {font-weight: 700; font-size: 25px; color: #222222;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .view {display: block; position: relative; padding: 0 20px 0 0; font-weight: 600; font-size: 15px; color: #999999;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .view:hover {color: #333333;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .view:after {content: ''; position: absolute; top: 50%; right: 0; width: 12px; height: 12px; background-image: url('../../images/pegs/gas/more-ic.png'); background-position: center; background-repeat: no-repeat; transform: translateY(-50%); transition: 0.3s ease-in-out;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .view:hover:after {background-image: url('../../images/pegs/gas/more-hover-ic.png'); transform: rotate(45deg) translate(-50%,-25%);}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont {transition: initial;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont * {transition: initial;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area {}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list {}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-list {margin: 0 -20px 0 0;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-list .slick-track {}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-list .slick-track li {margin: 0 20px 0 0;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-list .slick-track li .box {display: block; border: 1px solid #e1e1e1; padding: 23px 25px; border-radius: 12px; transition: 0.3s ease-in-out;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-list .slick-track li .box:hover {border: 1px solid #007f7b;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-list .slick-track li .box .data {margin: 0 0 6px; font-weight: 500; font-size: 15px; color: #007f7b;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-list .slick-track li .box .title {height: 64px; margin: 0 0 3px; font-weight: 600; font-size: 21px; line-height: 32px; color: #444444; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-list .slick-track li .box:hover .title {text-decoration: underline;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-list .slick-track li .box .text {height: 66px; font-weight: 400; font-size: 15px; line-height: 22px; color: #999999; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-arrow {position: absolute; top: 50%; width: 40px; height: 40px; border: 1px solid #b3bac0; background-color: #ffffff; background-position: center; background-repeat: no-repeat; transform: translateY(-50%); text-indent: -9999px; border-radius: 50%; z-index: 1;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-arrow.slick-prev {left: -20px; background-image: url('../../images/pegs/kmcca_img/slick_prev.png');}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-arrow.slick-next {right: -20px; background-image: url('../../images/pegs/kmcca_img/slick_next.png');}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-arrow.slick-disabled {display: none !important;}


.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .none_data_list {padding: 103px 0; background-color: #f8f8f8; border-radius: 12px;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .none_data_list li {margin: 0; font-size: 20px; font-weight: 500;color: #444444; text-align: center;}

.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right {width: 430px;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area {display: block; padding: 38px 40px; background-color: #f2f5f9; background-image: url('../../images/pegs/kmcca_img/member_notice_bg.png'); background-position: right bottom; background-repeat: no-repeat; border-radius: 12px;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area .title_area {margin: 0 0 80px;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area .title_area .title {margin: 0 0 17px; font-weight: 700; font-size: 27px; color: #314053;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area .title_area .text {font-weight: 500; font-size: 15px; color: #8998ac;}
.sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area .view {display: inline-block; position: relative; padding: 0 25px 0 0; background-image: url('../../images/pegs/kmcca_img/sido_arr.png'); background-position: right center; background-repeat: no-repeat; font-weight: 500; font-size: 15px; color: #2885a9;}



@media only screen and (max-width: 1360px) {
    .sido_main {padding: 116px 0 75px;}
    .sido_main .content {padding: 0 10px;}

    .sido_main .sido_main_val_cont {margin: 0 0 65px;}
    .sido_main .sido_main_val_cont:before {height: calc(100% - 80px);}
    .sido_main .sido_main_val_cont .content .sido_main_val_area {padding: 75px 20px 165px 75px; border-radius: 20px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .sub_tit {margin: 0 0 12px; font-size: 18px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title {margin: 0 0 20px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title div {font-size: 50px; line-height: 58px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title span span {font-size: 50px; line-height: 58px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .text {font-size: 15px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li {margin: 0 0 10px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box {min-width: 140px; padding: 22px 0 21px; border-radius: 16px; box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.05);}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box .text_area .text {font-size: 15px;}

    .sido_main .sido_main_val_cont .content .sido_main_val_area.daejyun{height: 480px;}
    .sido_main_val_area.daejyun .visual-slide .swiper-slide{height: 480px;}

    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .none_data_list {padding: 88px 0; border-radius: 10px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .none_data_list li {font-size: 18px;}

    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left {width: calc(100% - 410px); margin: 0 30px 0 0;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area {margin: 0 0 37px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area .list li {margin: 0 30px 0 0;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area .list li .btn {font-size: 17px; line-height: 27px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area .list li.on .btn {font-size: 22px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list {padding: 0 18px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-list {margin: 0 -15px 0 0;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-list .slick-track li {margin: 0 15px 0 0;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-list .slick-track li .box {padding: 18px 20px; border-radius: 10px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-list .slick-track li .box .title {height: 60px; font-size: 19px; line-height: 30px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-arrow {width: 36px; height: 36px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-arrow.slick-prev {left: 0;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-arrow.slick-next {right: 0;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right {width: 380px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area {padding: 33px 35px; background-size: 175px auto; border-radius: 10px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area .title_area {margin: 0 0 65px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area .title_area .title {margin: 0 0 12px; font-size: 22px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area .view {padding: 0 20px 0 0;}

}


@media only screen and (max-width: 1024px) {
    .sido_main {padding: 100px 0 60px;}

    .sido_main .sido_main_val_cont {margin: 0 0 50px;}
    .sido_main .sido_main_val_cont:before {height: calc(100% - 60px);}
    .sido_main .sido_main_val_cont .content .sido_main_val_area {padding: 50px 35px; border-radius: 16px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area {margin: 0 0 40px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .sub_tit {margin: 0 0 10px; font-size: 16px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title {margin: 0 0 15px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title div {font-size: 36px; line-height: 44px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title span span {font-size: 36px; line-height: 44px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area {position: initial; top: initial; right: initial; transform: initial;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li {width: calc(33.3333% - 10px); margin: 0 15px 0 0;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li:last-child {margin: 0;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box {border-radius: 14px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box:hover {transform: translateY(-5px);}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box .text_area {padding: 45px 0 0; background-size: 30px auto;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box .text_area .text {font-size: 15px;}

    .sido_main .sido_main_val_cont .content .sido_main_val_area.daejyun{height: 456px;}
    .sido_main_val_area.daejyun .visual-slide .swiper-slide{height: 456px}
    .sido_main .sido_main_val_cont .content .sido_main_val_area.daejyun .sub_menu_list_area{position: relative;}

    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .none_data_list {padding: 48px 0; border-radius: 8px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .none_data_list li {font-size: 16px;}

    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box {display: block; align-items: initial; justify-content: initial;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left {width: 100%; margin: 0 0 30px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area {margin: 0 0 30px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area .list li {margin: 0 20px 0 0;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area .list li .btn {font-size: 15px; line-height: 24px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area .list li.on .btn {font-size: 17px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-arrow {width: 34px; height: 34px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right {width: 100%;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area {padding: 28px 30px; background-size: 145px auto;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area .title_area {margin: 0 0 40px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area .title_area .title {margin: 0 0 10px; font-size: 20px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-list .slick-track li.no-result{font-size: 15px;}

    @keyframes top_event {
        0% {
            transform: translateY(0);
        }
        5% {
            transform: translateY(-6px);
        }
        10% {
            transform: translateY(0);
        }
        30% {
            transform: scale(100%);
        }
        33% {
            transform: scale(120%);
        }
        36% {
            transform: scale(100%);
        }

        75% {
            transform: rotateY(360deg);
        }
    }
}

@media only screen and (max-width: 768px) {
    .sido_main {padding: 80px 0 50px;}

    .sido_main .sido_main_val_cont {margin: 0 0 40px;}
    .sido_main .sido_main_val_cont:before {height: calc(100% - 40px);}
    .sido_main .sido_main_val_cont .content .sido_main_val_area {padding: 50px 30px; border-radius: 12px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area {margin: 0 0 30px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title {margin: 0 0 10px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title div {font-size: 30px; line-height: 40px; word-break: keep-all;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title span span {font-size: 30px; line-height: 40px; word-break: keep-all;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .text {word-break: keep-all;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .text br {display: none;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box {border-radius: 12px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box .text_area {padding: 45px 0 0; background-size: 30px auto;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li .box .text_area .text {font-size: 15px;}

    .sido_main .sido_main_val_cont .content .sido_main_val_area.daejyun{height: 430px;}
    .sido_main_val_area.daejyun .visual-slide .swiper-slide{height: 430px;}

    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box {display: block; align-items: initial; justify-content: initial;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left {width: 100%; margin: 0 0 30px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area {margin: 0 0 30px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area .list li {margin: 0 20px 0 0;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area .list li .btn {font-size: 15px; line-height: 24px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .title_area .tab_list_area .list li.on .btn {font-size: 17px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.left > .tab_cont .notice_list_area .list .slick-arrow {width: 34px; height: 34px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right {width: 100%;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area {padding: 20px 25px; background-size: 120px auto;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area .title_area {margin: 0 0 30px;}
    .sido_main .sido_notice_cont .content .sido_notice_area > .inner_box > .box.right .member_notice_area .title_area .title {font-size: 18px;}

}

@media only screen and (max-width: 480px) {
    .sido_main .sido_main_val_cont .content .sido_main_val_area {padding: 40px 20px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title {}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .title_area .title div {font-size: 26px; line-height: 34px;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list {display: block; align-items: initial; justify-content: initial;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li {width: 100%; margin: 0 0 15px !important;}
    .sido_main .sido_main_val_cont .content .sido_main_val_area .sub_menu_list_area .list li:last-child {margin: 0 !important;}

    .sido_main .sido_main_val_cont .content .sido_main_val_area.daejyun,
    .sido_main_val_area.daejyun .visual-slide .swiper-slide{height: 670px;}

}