@charset "UTF-8";

/* 공통 */
.main_inner {width: 100%;max-width: 1280px;margin: 0 auto;}
/* .contents_wrap.main {margin-top: -100px;} */
.contents_wrap.main {margin-top: -139px;}

/* banner_wrap */
.banner_wrap {background-color: #eaeaea;min-height: 60px;}
.banner_inner {position: relative;height: 100%;display: flex;align-items: center;justify-content: center;min-height: 60px;}
.banner_wrap .banner_txt {text-align: center;display: flex;gap: 5px 15px;flex-wrap: wrap;align-items: center;font-size: 20px;font-weight: 500;}
.banner_wrap .banner_txt .banner_btn {color: #fff;background-color: #000;border-radius: 5px;line-height: 1;padding: 10px 20px;font-size: 18px;}
.banner_wrap .banner_close {position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding-right: 22px;cursor: pointer;}
.banner_wrap .banner_close::after {display: block;content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url(../images/ico/ico_banner_close.png) no-repeat;width: 12px;height: 12px;}

/* header_wrap */
.header_wrap.main {position: sticky;top: 0;}
body.main .header_wrap {position: sticky;top: 0;}

/* quick_wrap */
.quick_wrap {position: fixed;right: 0;background: #003d87 url(../images/main/img_quick_bg.png) no-repeat left bottom;box-shadow: 0px 6px 59px 0px rgba(0, 0, 0, 0.16);border-radius: 30px 0 0 30px;padding: 25px 15px 15px;box-sizing: border-box;z-index: 200;top: 25%;}
.quick_logo {border-bottom: 1px dotted #809ec3;padding-bottom: 25px;}
.quick_logo img {margin: 0 auto;max-width: 100%;}
.quick_ul > li {margin-top: 28px;}
.quick_ul > li:first-child {margin-top: 25px;}
.quick_ul > li > a {text-align: center;}
.quick_ul > li > a > img {display: block;margin: 0 auto 5px;}
.quick_ul > li > a > span {font-size: 13px;font-weight: 400;color: rgba(255, 255, 255, 0.7);display: block;line-height: 1.4;}
.quick_wrap .go_top {text-align: center;margin-top: 80px;display: block;}
.quick_wrap .go_top > span {font-size: 16px;font-weight: 700;color: #fff;display: block;padding-top: 12px;position: relative;}
.quick_wrap .go_top > span::before {position: absolute;display: block;content: '';background: url(../images/ico/ico_scroll_top.png) no-repeat center;width: 10px;height: 6px;top: 0;left: 50%;transform: translateX(-50%);}

/* visu_wrap */
.visu_wrap {background: url(../images/main/img_visu_bg.png) no-repeat center/cover;text-align: right;word-break: keep-all;color: #fff;padding: 250px 0 40px;box-sizing: border-box;}
.visu_inner .visu_tit {font-size: 50px;font-weight: 700;letter-spacing: -0.25px;margin-bottom: 10px;}
.visu_inner .visu_sub {font-size: 24px;font-weight: 400;letter-spacing: -0.25px;line-height: 1.25;}
.visu_inner .video_wrap {margin-top: 60px;display: flex;aspect-ratio: 16 / 5;justify-content: flex-end;}
.visu_inner .video_wrap video {width: 100%;max-width: 640px;height: auto;border: 1px solid #333;object-fit: cover;display: block; border-radius:10px;}
.visu_img_wrap {display: flex; justify-content: flex-end; width: 100%; max-width: 1280px; box-sizing: border-box; margin: 0 auto; margin-top: 60px;}
/*.visu_img_wrap img {width: 100%;max-width: 622px;height: 400px;object-fit: cover;display: block;border-radius: 10px;}*/
.visu_img_wrap img { height: 400px; max-width: 100%;object-fit: contain;object-position: right center;display: block; border-radius: 10px; }
.visu_inner .video_wrap {margin-top: 60px;display: flex;justify-content: center;}
.visu_inner .video_wrap video {width: 1000px;height: 400px;max-width: 100%;object-fit: cover;display: block;border-radius: 10px;}
.visu_slide {max-width: 1280px;}
.visu_wrap .visu_slide .swiper-pagination {width: auto; left: auto; top: 15%; right: 10px; }
/* board_sec */
.board_sec {padding: 60px 0 80px;}
.tit_top {display: flex;align-items: center;margin-bottom: 15px;justify-content: space-between;}
.tit_top .board_tit > span {font-size: 30px;font-weight: 700;color: #101626;letter-spacing: -0.25px;word-break: keep-all;}

.board_top {display: grid;gap: 70px;width: 100%;grid-template-columns: calc(100% - 640px) 570px;}
/* notice */
.tit_top .noti_more > span {font-size: 14px;font-weight: 400;letter-spacing: -0.25px;padding-right: 42px;color: #101626;position: relative;}
.tit_top .noti_more > span::after {display: block;content: '';position: absolute;width: 25px;height: 25px;border-radius: 50%;border: 1px solid #000;background: url(../images/ico/ico_plus_b.png) no-repeat center;right: 5px;top: 50%;transform: translateY(-50%);}
.noti_ul > li {border-bottom: 1px solid #c0c7d0;}
.noti_ul > li:first-child {border-top: 1px solid #c0c7d0;}
.noti_ul > li > a {display: flex;align-items: center;padding: 15px 0;gap: 20px;}
.noti_ul > li > a .noti_tit {font-size: 18px;font-weight: 400;letter-spacing: -0.25px;color: #101626;flex: 1;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left: 12px;position: relative;}
.noti_ul > li > a .noti_tit::before {display: block;content: '';position: absolute;width: 3px;height: 3px;background-color: #101626;left: 0;top: 50%;transform: translateY(-50%);}
.noti_ul > li > a .noti_date {font-size: 14px;font-weight: 400;letter-spacing: -0.25px;color: #101626;}

/* calendar */
.calendar_wrap {width: 570px;min-height: 400px;}
.cal_top .sche_list {display: inline-flex;margin-left: 25px;}
.cal_month {font-size: 16px;font-weight: 700;letter-spacing: -0.25px;color: #194195;display: inline-flex;gap: 20px;margin-left: 20px;}
.cal_month > span {display: block;}

/* 달력 */
.calendar {border: 1px solid #cfd0d4;background-color: #fff;height: calc(100% - 60px);min-height: 340px;}
.calendar > table {width: 100%;table-layout: fixed;height: 100%;}
.calendar > table th {border-bottom: 1px solid #cfd0d4;border-right: 1px dotted #cfd0d4;font-size: 12px;font-weight: 500;letter-spacing: 0.5px;color: #999;padding: 5px;}
.calendar > table tbody tr {height: 20%;}
.calendar > table td {border-right: 1px dotted #cfd0d4;border-top: 1px dotted #cfd0d4;padding: 10px;box-sizing: border-box;position: relative;color: #101626;height: 64px;}
.calendar > table td .date {font-size: 14px;font-weight: 700;letter-spacing: -0.25px;position: absolute;top: 10px;right: 10px;line-height: 1;}
.calendar > table tr:first-child td {border-top: none;}
.calendar > table td .sche_list {padding-top: 20px;}

/* 날짜(오늘, 토, 일) */
.calendar > table td.today {background-color: rgba(112, 112, 112,0.15);}
.calendar > table tr th:first-child, .calendar > table tr td:first-child {color: #e14141;}
.calendar > table tr th:last-child, .calendar > table tr td:last-child {border-right: none;color: #2b81e3;}

/* 일정 */
.sche_list {display: flex;gap: 3px;flex-wrap: wrap; justify-content: flex-end;}
.sche_list > li {width: 9px;height: 9px;border-radius: 50%;position: relative;cursor: pointer;}
.sche_list > li .sche_box {color: #fff;padding: 7px;box-sizing: border-box;border-radius: 5px;width: max-content;min-width: 115px;z-index: 5;position: absolute;left: 4.5px;top: calc(100% + 11px);display: none;max-width: 300px;border: 1px solid;}
.sche_list > li .sche_box::before {display: block;content: '';position: absolute;width: 7px;height: 11px;bottom: calc(100% - 3px);left: -1px;}
.sche_list > li:hover .sche_box {display: block;}
.sche_list > li .sche_box .sche_date {font-size: 15px;font-weight: 700;letter-spacing: -0.25px;display: block;margin-bottom: 5px;}
.sche_list > li .sche_box > p {font-size: 13px;line-height: 15px;letter-spacing: -0.25px;}
.sche_list > li.sche01 {background-color: #ca2424;}
.sche_list > li.sche02 {background-color: #fc8416;}
.sche_list > li.sche03 {background-color: #ebcf20;}
.sche_list > li.sche04 {background-color: #99ca24;}

.sche_list > li.sche01 .sche_box {background-color: #ca2424;border-color: #a01c1c;}
.sche_list > li.sche01 .sche_box::before {background: url(../images/main/ico_sche_box03.png) no-repeat left bottom;}
.sche_list > li.sche02 .sche_box {background-color: #fc8416;border-color: #d46d0c;}
.sche_list > li.sche02 .sche_box::before {background: url(../images/main/ico_sche_box01.png) no-repeat left bottom;}
.sche_list > li.sche03 .sche_box {background-color: #ebcf20;border-color: #c4ad1a;}
.sche_list > li.sche03 .sche_box::before {background: url(../images/main/ico_sche_box02.png) no-repeat left bottom;}
.sche_list > li.sche04 .sche_box {background-color: #99ca24;border-color: #7aab1a;}
.sche_list > li.sche04 .sche_box::before {background: url(../images/main/ico_sche_box02.png) no-repeat left bottom;}

/* gallery */
.gallery_wrap {margin-top: 70px;}
.gall_slide {position: relative;}
.gall_slide .swiper-slide {height: auto;}
.gall_slide .swiper-slide > a {display: block; position: relative;}
.gall_slide .swiper-slide > a img {max-width: 100%;height: 100%;object-fit: cover;}
.gall_slide .swiper-slide > a .gall_title {position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 8px 10px; background: rgba(0,0,0,0.55); color: #fff; font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gall_slide .main_gall_btn {width: 100px;height: 110px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;cursor: pointer;}
.gall_slide .gall_next {right: 0;background: rgba(32, 32, 32, 0.702) url(../images/ico/ico_next02.png) no-repeat center;}
.gall_slide .gall_prev {left: 0;background: rgba(32, 32, 32, 0.702) url(../images/ico/ico_prev02.png) no-repeat center;}

/* HSM 20260421 메인페이지 달력 수정 */
.noti_ul > li > a {padding: 20px 0;}
.calendar_wrap {min-height: 0;}
.calendar_wrap .cal_top .board_tit {display: flex; align-items: center;}
.calendar_wrap .cal_month { align-items: center;}
.calendar {min-height: 0;}
.calendar > table td {height: 52px;}

/* HSM 20260422 퀵메뉴 수정 */
.quick_wrap {top: 15%;}
.quick_logo {text-align: center;}
.quick_ul > li {margin-top: 10px;}

/* HSM 20260514 백그라운드 이미지 비디오 변경 */
.visu_wrap {position: relative; background-image: none;}
.video_banner {position:absolute; top:0; left:0; z-index:1; height: 100%; width: 100%;}
.video_banner video { height: 100%; object-fit: cover; width: 100%; object-position:center 10%;}
.main_inner {position: relative; z-index: 1;}

@media screen and (max-width: 1640px) {
    /* 달력 상세 일정 위치 */
    .calendar > table tr td:nth-child(6) .sche_list > li .sche_box {right: 4.5px;left: auto;}
    .calendar > table tr td:nth-child(7) .sche_list > li .sche_box {right: 4.5px;left: auto;}
    .calendar > table tr td:nth-child(6) .sche_list > li .sche_box::before {right: -1px;left: auto;}
    .calendar > table tr td:nth-child(7) .sche_list > li .sche_box::before {right: -1px;left: auto;}
    .calendar > table tr td:nth-child(6) .sche_list > li.sche01 .sche_box::before {background: url(../images/main/ico_sche_box03_right.png) no-repeat left bottom;}
    .calendar > table tr td:nth-child(6) .sche_list > li.sche02 .sche_box::before {background: url(../images/main/ico_sche_box01_right.png) no-repeat left bottom;}
    .calendar > table tr td:nth-child(6) .sche_list > li.sche03 .sche_box::before {background: url(../images/main/ico_sche_box02_right.png) no-repeat left bottom;}
    .calendar > table tr td:nth-child(6) .sche_list > li.sche04 .sche_box::before {background: url(../images/main/ico_sche_box02_right.png) no-repeat left bottom;}
    .calendar > table tr td:nth-child(7) .sche_list > li.sche01 .sche_box::before {background: url(../images/main/ico_sche_box03_right.png) no-repeat left bottom;}
    .calendar > table tr td:nth-child(7) .sche_list > li.sche02 .sche_box::before {background: url(../images/main/ico_sche_box01_right.png) no-repeat left bottom;}
    .calendar > table tr td:nth-child(7) .sche_list > li.sche03 .sche_box::before {background: url(../images/main/ico_sche_box02_right.png) no-repeat left bottom;}
    .calendar > table tr td:nth-child(7) .sche_list > li.sche04 .sche_box::before {background: url(../images/main/ico_sche_box02_right.png) no-repeat left bottom;}
}

@media screen and (max-width: 1500px) {
    /* quick_wrap */
    .quick_wrap {background: transparent;box-shadow: none; top: 21%; padding: 10px;}
    .quick_logo {background: #003d87;border: none;padding: 10px;border-radius: 50%;width: 85px;height: 85px;display: inline-flex;justify-content: center;align-items: center;box-sizing: border-box;}
    .quick_inner {display: none;}
    .quick_ul > li:first-child {margin-top: 5px;}
    .quick_ul > li {margin-top: 5px;}
    .quick_ul > li > a {display: inline-flex;background: #003d87;border-radius: 50%;padding: 10px;box-sizing: border-box;width: 85px;height: 85px;flex-direction: column;align-items: center;justify-content: center;}
    .quick_wrap .go_top {background: #5dc2d0;border-radius: 50%;width: fit-content;width: 85px;height: 85px;display: inline-flex;justify-content: center;align-items: center;margin-top: 5px;}
    .quick_wrap .go_top {display: none;}
}
@media screen and (max-width: 1340px) {
    /* 공통 */
    .main_inner {padding: 0 30px;box-sizing: border-box;max-width: 100%;}

    /* banner_wrap */
    .visu_slide {max-width: none;}
    .visu_img_wrap {padding: 0 30px; max-width: 100%;}
    .visu_wrap .visu_slide .swiper-pagination {right: 40px; }
    .banner_inner {padding: 10px 30px;justify-content: space-between;}
    .banner_inner.main_inner {padding: 10px 30px;justify-content: space-between;}
    .banner_wrap .banner_close {position: relative;transform: none;top: auto;right: auto;}
}

@media screen and (max-width: 1280px) {
    /* banner_wrap */
    .banner_wrap {height: auto;}
    .banner_wrap .banner_txt {flex: 1;}
    .banner_wrap .banner_txt > span {width: 100%;text-align: left;}

    /* visu_wrap */
    .visu_wrap {padding: 200px 0 60px;}
    .visu_inner .video_wrap {aspect-ratio: 16 / 6;}

    /* board_sec */
    .board_top {grid-template-columns: calc((100% - 50px) / 2) calc((100% - 50px) / 2);gap: 50px;}

    /* calendar */
    .calendar_wrap {width: 100%;}

    /* gallery */
    .gallery_wrap {margin-top: 50px;}
    .gall_slide .swiper-slide > a {height: 320px;}
    .gall_slide .swiper-slide > a img {width: 100%;max-width: none;}
}

@media screen and (max-width: 1024px) {
    .contents_wrap.main {margin-top: -182px;}

    /* banner_wrap */
    .banner_wrap {min-height: auto;}

    /* quick_wrap */
    .quick_logo {width: 75px;height: 75px;}
    .quick_ul > li > a {width: 75px;height: 75px;}
    .quick_ul > li > a > span {display: none;}
    .quick_wrap .go_top {width: 75px;height: 75px;}

    /* visu_wrap */
    .visu_wrap {padding: 200px 0 50px;}
    .visu_inner .visu_tit {font-size: 42px;}
    .visu_inner .video_wrap {margin-top: 45px;aspect-ratio: 16 / 7;}

    /* board_sec */
    .board_sec {padding: 60px 0 65px;}

    .board_top {display: block;}
    /* notice */
    .tit_top .noti_more > span {padding-right: 37px;}
    .tit_top .noti_more > span::after {right: 0;}

    /* calendar */
    .calendar_wrap {margin-top: 30px;}
    .cal_month > span {margin-right: 0;}

    /* 달력 */
    .calendar > table td {height: 50px;}

    /* gallery */
    .gallery_wrap {margin-top: 30px;}
    .gall_slide .main_gall_btn {width: 80px;height: 95px;background-size: 28px auto;}
}

@media screen and (max-width: 860px) {
    .contents_wrap.main {margin-top: -172px;}

    /* banner_wrap */
    .banner_inner {position: relative;}
    .banner_inner.main_inner {position: relative;}
    .banner_wrap .banner_close {position: absolute;right: 30px;bottom: 10px;}
    
    /* quick_wrap */
    /* .quick_ul > li {margin-top: 20px;}
    .quick_ul > li:first-child {margin-top: 20px;}
    .quick_wrap .go_top {margin-top: 20px;} */

    /* visu_wrap */
    .visu_wrap {padding: 200px 0 40px;}
    .visu_inner .visu_tit {font-size: 38px;}
    .visu_inner .visu_sub {font-size: 22px;}
    .visu_inner .video_wrap {margin-top: 30px;aspect-ratio: 16 / 8;}

    /* board_sec */
    .board_sec {padding: 45px 0 50px;}
    .tit_top .board_tit > span {font-size: 28px;}

    /* calendar */
    .calendar_wrap {margin-top: 25px;}

    /* gallery */
    .gallery_wrap {margin-top: 25px;}
    .gall_slide .swiper-slide > a {height: 260px;}
    .gall_slide .main_gall_btn {width: 70px;height: 85px;background-size: 25px auto;}
    .gall_title {display: none;}
}

@media screen and (max-width: 640px) {
    /* 공통 */
    .contents_wrap.main {margin-top: -111px;}
    .main_inner {padding: 0 20px;}
    /* HSM 20260421 헤더 배너 추가 */
    .contents_wrap.main {margin-top: -111px;}
    .header_wrap .head_top_banner {display: none;}

    /* banner_wrap */
    .banner_inner {padding: 10px 20px;display: block;}
    .banner_inner.main_inner {padding: 10px 20px;display: block;}
    .banner_wrap .banner_txt {font-size: 18px;}
    .banner_wrap .banner_txt > a {font-size: 17px;padding: 10px 15px;}

    .visu_slide {max-width: none;}
    .visu_img_wrap {padding: 0 30px; max-width: 100%;}
    .visu_wrap .visu_slide .swiper-pagination {right: 30px; top: 40px;}
    
    /* quick_wrap */
    .quick_wrap {top: 13%;}
    .quick_logo {width: 65px;height: 65px;}
    .quick_ul > li > a {width: 65px;height: 65px;}
    .quick_wrap .go_top {width: 65px;height: 65px; }

    /* visu_wrap */
    .visu_wrap {padding: 200px 0 35px;}
    .visu_inner .visu_tit {font-size: 32px;line-height: 1.3;}
    .visu_inner .visu_sub {font-size: 20px;}
    .visu_inner .video_wrap {display: none;}
    .visu_img_wrap {margin-top: 30px; padding: 0 20px;}
    .visu_img_wrap img {height: auto;}

    /* board_sec */
    .board_sec {padding: 30px 0 40px;}
    .tit_top .board_tit > span {font-size: 24px;}

    /* notice */
    .noti_ul > li > a {padding: 12px 0;}
    .noti_ul > li > a .noti_tit {font-size: 17px;}
    .noti_ul > li > a .noti_date {font-size: 13.5px;}

    /* calendar */
    .cal_month {font-size: 15px;}

    /* gallery */
    .gall_slide .main_gall_btn {width: 60px;height: 75px;background-size: 20px auto;}
}

@media screen and (max-width: 480px) {
    /* 공통 */
    .contents_wrap.main {margin-top: -93px;}
    .contents_wrap.main {margin-top: -91px;}
    
    /* banner_wrap */
    .banner_wrap .banner_txt {font-size: 16px;}
    .banner_wrap .banner_txt > a {font-size: 16px;padding: 7px 12px;}
    
    /* quick_wrap */
    .quick_wrap {top: 11%;}
    .quick_logo {width: 55px;height: 55px;}
    .quick_ul {display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .quick_ul > li > a {width: 55px;height: 55px;}
    .quick_wrap .go_top {width: 55px;height: 55px;}

    /* visu_wrap */
    .visu_wrap {padding: 200px 0 30px;}
    .visu_inner .visu_tit {font-size: 28px;}
    .visu_inner .visu_sub {font-size: 18px;}
    
    /* board_sec */
    .board_sec {padding: 20px 0 30px;}
    .tit_top .board_tit > span {font-size: 22px;}
    
    /* notice */
    .noti_ul > li > a {padding: 10px 0;gap: 15px;}
    .noti_ul > li > a .noti_tit {font-size: 16px;}
    .noti_ul > li > a .noti_date {font-size: 13px;}
    
    /* calendar */
    .calendar_wrap {margin-top: 20px;}
    .cal_top {position: relative;margin-bottom: 10px;padding-bottom: 25px;}
    .cal_month {font-size: 14px;bottom: 0;left: 50%;transform: translateX(-50%);margin: 0;position: absolute;}
    .cal_month > span {width: fit-content;}
    
    /* gallery */
    .gallery_wrap {margin-top: 20px;}
    .gall_slide .main_gall_btn {width: 50px;height: 65px;background-size: 15px auto;}
}

@media screen and (max-width: 380px) {
    /* gallery */
    .gall_slide .swiper-slide > a {height: auto;}
}
/* footer_banner_wrap */
.footer_banner_wrap {background-color: #eaeaea;min-height: 60px;}
.footer_banner_wrap .main_inner {position: relative;display: flex;align-items: center;justify-content: center;min-height: 60px;padding: 10px 30px;box-sizing: border-box;}
.footer_banner_wrap .banner_txt {text-align: center;display: flex;gap: 5px 15px;flex-wrap: wrap;align-items: center;font-size: 20px;font-weight: 500;}
.footer_banner_wrap .banner_txt .banner_btn {color: #fff;background-color: #000;border-radius: 5px;line-height: 1;padding: 10px 20px;font-size: 18px;}
.footer_banner_wrap .banner_close {position: absolute;right: 30px;top: 50%;transform: translateY(-50%);padding-right: 22px;cursor: pointer;}
.footer_banner_wrap .banner_close::after {display: block;content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url(../images/ico/ico_banner_close.png) no-repeat;width: 12px;height: 12px;}

/* right_banner_wrap */
.right_banner_wrap {position: fixed;right: 20px;bottom: 100px;z-index: 300;background: #fff;border: 1px solid #ddd;border-radius: 8px;padding: 20px;box-shadow: 0 4px 20px rgba(0,0,0,0.15);max-width: 200px;text-align: center;}
.right_banner_wrap a {display: block;font-size: 15px;font-weight: 600;color: #003d87;line-height: 1.5;margin-bottom: 12px;}
.right_banner_wrap .banner_close {display: block;font-size: 13px;color: #888;cursor: pointer;text-decoration: underline;}

/* popup_banner_wrap */
.popup_banner_wrap {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9000;background: #fff;border-radius: 10px;box-shadow: 0 8px 40px rgba(0,0,0,0.25);min-width: 360px;max-width: 500px;width: 90%;}
.popup_banner_inner {display: flex;flex-direction: column;}
.popup_banner_cont {padding: 40px 30px 30px;text-align: center;}
.popup_banner_cont span {display: block;font-size: 20px;font-weight: 700;color: #111;margin-bottom: 12px;}
.popup_banner_cont p {font-size: 15px;color: #555;line-height: 1.7;margin-bottom: 24px;}
.popup_banner_cont .banner_btn {display: inline-block;color: #fff;background-color: #003d87;border-radius: 5px;padding: 12px 30px;font-size: 16px;font-weight: 600;}
.popup_banner_foot {display: flex;justify-content: space-between;border-top: 1px solid #eee;padding: 15px 20px;}
.popup_banner_foot span {font-size: 14px;color: #888;cursor: pointer;}
.popup_banner_foot span:hover {color: #333;}


/* HSM 20260417 메인 바로가기버튼 수정 */
.visu_btn {color: #fff; border-color: #fff; font-size: 12px; font-weight: 700; display: block; width: 70px; height: 25px; border-radius: 12.5px; border: 1px solid #999; text-align: center; line-height: 25px; box-sizing: border-box; margin-left: auto; margin-top: 5px;}
.gall_no_date {width: 100% !important; margin-right: 0 !important; padding: 50px 0;}

@media (max-width: 640px) {
    .gall_no_date { padding: 20px 0;}
}