@font-face {
    font-family: 'GyeonggiMillenniumTitle';
    src: url("../fonts/Title_Light.woff") format("woff");
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'GyeonggiMillenniumTitle';
    src: url("../fonts/Title_Bold.woff") format("woff");
    font-weight: 800;
    font-display: swap;
}

.hidden {display: none;}
header .header__wrap .bottom-box a.logo {position: absolute;left: 0;top: 0;}
header .header__wrap .bottom-box nav.gnb {padding-right: 50px;}
header .header__wrap .bottom-box .wrap {align-items: center;position: relative;padding-left: 204px;}
header .header__wrap .bottom-box a.all-menu-btn-new {align-items: center;display: inline-flex;width: 50px;height: 50px;background-image: linear-gradient(180deg,#09a4b3,#0842a2);position: relative;position: absolute;right: 0;top: 10px;}
header .header__wrap .bottom-box a.all-menu-btn-new span {font-size: 0;text-indent: -9999px;width: 26px;height: 2px;background-color: #fff;position: absolute;top: 24px;left: 50%;transform: translateX(-50%);transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
header .header__wrap .bottom-box a.all-menu-btn-new:before {width: 26px;height: 2px;background-color: #fff;position: absolute;top: 14px;left: 50%;transform: translateX(-50%);}
header .header__wrap .bottom-box a.all-menu-btn-new:after {width: 26px;height: 2px;background-color: #fff;position: absolute;top: 34px;left: 50%;transform: translateX(-50%);}
header .header__wrap .bottom-box a.all-menu-btn-new:before,
header .header__wrap .bottom-box a.all-menu-btn-new:after {content: '';display: block;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
header .header__wrap .bottom-box a.all-menu-btn-new:hover {background-image: linear-gradient(180deg,#25b8c9,#0947a6);}
header .header__wrap .bottom-box a.all-menu-btn.on {background-image: linear-gradient(180deg, #09a4b3, #0842a2);}
header .header__wrap .bottom-box a.all-menu-btn.on span {background-color: transparent;}
header .header__wrap .bottom-box a.all-menu-btn.on:before {transform: rotate(45deg);left: 13px;top: 22px;}
header .header__wrap .bottom-box a.all-menu-btn.on:after {transform: rotate(-45deg);left: 13px;top: 22px;}

@media (max-width: 1080px) {
    header .header__wrap .bottom-box a.logo {top: 20px;left: 15px;}
    header .header__wrap .bottom-box a.all-menu-btn-new {top: 30px;right: 15px;width: 40px;height: 40px;}
    header .header__wrap .bottom-box a.all-menu-btn-new span {top: 19px;}
    header .header__wrap .bottom-box a.all-menu-btn-new:before {top: 11px;}
    header .header__wrap .bottom-box a.all-menu-btn-new:after {top: 27px;}
}

.main__banner {background-color: #eff6ff;padding: 70px 0;}

.main_kv {height: 415px;position: relative;}
.main_kv .swiper { width:100%; height:100%;border-radius: 30px; }
.main_kv .swiper-slide { text-align:center; font-size:18px; background:#444; display:flex; justify-content:center; align-items:center;border-radius: 30px; }
.main_kv .swiper-slide img { display:block; width:100%; height:100%; object-fit:cover;border-radius: 30px; }

.kv_btn_wrap {position:absolute; right:15px; bottom:15px; z-index:11;padding:5px;background-color: rgb(255 255 255 / 50%);border-radius: 25px;}
.kv_btn {width: 290px;height: 40px;display: flex;align-items: center;justify-content: center;gap: 10px;}
.kv_control {display:inline-flex; align-items:center; justify-content:center;color:#000; font-size:15px; font-weight:800;margin-right: 25px;} 
.kv_control .current {color: #0050a2;}
.kv_control .numbar {display: flex;align-items: center;justify-content: center;margin: 0 5px;}
.kv_btn a {display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;background-color: #fff;border-radius: 50%;border: 1px solid #d3d3d4;}
.kv_btn a span {font-size: 0;text-indent: -9999px;}
.kv_btn a:before {content: '';display: block;width: 20px;height: 17px;background-repeat: no-repeat;background-position: center center;}
.kv_btn a.play-btn:before {background-image: url(../img/new/kv_play.png);}
.kv_btn a.pause-btn:before {background-image: url(../img/new/kv_pause.png);}
.kv_btn a.prev-btn:before {background-image: url(../img/new/kv_prev.png);}
.kv_btn a.next-btn:before {background-image: url(../img/new/kv_next.png);}
.kv_btn a.play-btn.is-active,
.kv_btn a.pause-btn.is-active,
.kv_btn a.play-btn:active,
.kv_btn a.pause-btn:active,
.kv_btn a.play-btn:focus-visible,
.kv_btn a.pause-btn:focus-visible {background-color: #edf3ff;border-color: #b9c8e6;}

.kv_box {padding-right: 460px;position: relative;}
.kv_box .kv_link_out {position: absolute;right: 0;top: 0;}
.kv_link_box {margin: 0 -8px;width: 444px;}
.kv_link_box:before {content: '';display:table;}
.kv_link_box:after {content: '';display:table;clear: both;}
.kv_link_box .kv_link_item {float: left;width: 50%;padding: 0 8px;}
.kv_link_box .kv_link_item.kli1,
.kv_link_box .kv_link_item.kli2 {margin-bottom: 15px;}
.kv_link_box .kv_link_item a {display: block;text-align: center;background-color: #fff;height: 129px;font-size: 22px;font-weight: 500;color: #121212;border-radius: 30px;padding: 18px 20px;box-shadow: 0 12px 30px rgba(146, 185, 246, 0.45);position: relative;transition: box-shadow 0.2s ease;}
.kv_link_box .kv_link_item a:before,
.kv_link_box .kv_link_item a:after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 30px;pointer-events: none;}
.kv_link_box .kv_link_item a:before {background:
    linear-gradient(#005cb9, #005cb9) left top / 0 4px no-repeat,
    linear-gradient(#005cb9, #005cb9) right top / 4px 0 no-repeat;
    transition: background-size 0.2s ease;
}
.kv_link_box .kv_link_item a:after {background:
    linear-gradient(#005cb9, #005cb9) right bottom / 0 4px no-repeat,
    linear-gradient(#005cb9, #005cb9) left bottom / 4px 0 no-repeat;
    transition: background-size 0.2s ease 0.2s;
}
.kv_link_box .kv_link_item a:hover:before {background-size: 100% 4px, 4px 100%;}
.kv_link_box .kv_link_item a:hover:after {background-size: 100% 4px, 4px 100%;}
.kv_link_box .kv_link_item a:hover {box-shadow: 0 14px 34px rgba(146, 185, 246, 0.45), inset 0 0 0 4px #005cb9;}
.kv_link_box .kv_link_item a .txt {margin-bottom: 15px;}

.kv_chatbot_box {background-image: linear-gradient(90deg,#3f81e9,#2ac8a5);border-radius: 30px;height: 129px;margin-top: 13px;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.kv_chatbot_box:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 0;background-color: #356cff;transition: width 0.35s ease;z-index: 0;}
.kv_chatbot_box:hover:before {width: 100%;}
.kv_chatbot_box > * {position: relative;z-index: 1;}

.mc_search {background-color: #356cff;border-radius: 18px;padding: 26px 30px;margin-bottom: 70px;}
.mc_search_form {max-width: 760px;margin: 0 auto;background-color: #fff;border-radius: 12px;height: 65px;display: flex;align-items: center;padding: 0 16px;gap: 10px;}
.mc_search_label {flex: 1;display: flex;align-items: center;height: 100%;}
.mc_search_input {width: 100%;border: 0;outline: 0;font-size: 16px;color: #333;background: transparent;height: 100%;}
.mc_search_input::placeholder {color: #8f99ad;}
.mc_search_btn {border: 0;background: transparent;cursor: pointer;padding: 0;display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;}
.mc_search_btn img {display: block;}
.mc_tag_list {display: flex;align-items: center;justify-content: center;gap: 40px;margin-top: 14px;flex-wrap: wrap;}
.mc_tag_list .mc_tag {color: #fff;font-size: 18px;font-weight: 400;text-decoration: none;}
.kv_chatbot_img {position: relative;padding-right: 100px;}
.kv_chatbot_img:after {content: '';display: block;width: 89px;height: 94px;background-image: url(../img/new/chatbot.png);background-size: contain;background-repeat: no-repeat;background-position: center center;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.kv_chatbot_img .t1 {font-size: 20px;color: #fff;font-weight: 500;margin-bottom: 5px;letter-spacing: -1px;text-align: center;margin-top: 10px;}
.kv_chatbot_img .t2 {font-size: 28px;color: #fff;font-weight: 700;letter-spacing: -1px;}
.main__content {padding: 70px 0;}
.state_box_out {margin-bottom: 70px;}
.state_box {overflow: hidden;margin: 0 -20px;}
.state_box .state_item {float: left;width: 50%;padding: 0 20px;}
.state_tit {font-size: 34px;color: #121212;font-family: 'GyeonggiMillenniumTitle';font-weight: 800;letter-spacing: -1px;margin-bottom: 20px;}
.state_gun_box {background-color: #e8f2fd;border-radius: 20px;padding: 20px 25px;}
.state_in_wrap {overflow: hidden;margin: 0 -12px;}
.state_in_item {float: left;width: 50%;padding: 0 12px;}
.sgb_tit {font-size: 24px;color: #121212;font-family: 'GyeonggiMillenniumTitle';font-weight: 800;letter-spacing: -1px;margin-bottom: 20px;line-height: 1.2;margin-bottom: 10px;}
.sgb_tit strong {color: #0841a2;}
.sgb_box {background-color: #09408a;padding: 20px 25px;border-radius: 12px;text-align: center;margin-bottom: 15px;}
.sgb_box .txt {font-size: 28px;color: #fff;font-weight: 500;letter-spacing: -1px;margin-bottom: 10px;}
.sgb_box .txt strong {color: #80c85d;}
.sgb_box .txt_com {font-size: 20px;color: #80c85d;font-weight: 700;letter-spacing: -1px;margin-bottom: 10px;}
.sgb_box .txt_date {font-size: 18px;color: #fff;font-weight: 400;letter-spacing: -1px;}
.sgb_btn_link {border: 1px solid #356cff;border-radius: 5px;width: 100%;height: 44px;display: flex;align-items: center;justify-content: center;text-decoration: none;color: #356cff;font-size: 18px;font-weight: 700;letter-spacing: -1px;background-color: #fff;position: relative;overflow: hidden;}
.sgb_btn_link span {position: relative;z-index: 2;}
.sgb_btn_link:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 0;background-color: #356cff;transition: width 0.35s ease;z-index: 0;}
.sgb_btn_link:hover:before {width: 100%;}
.sgb_btn_link > * {position: relative;z-index: 1;}
.sgb_btn_link:hover {color: #fff;}
.sgb_btn_link:after {content: '';display: block;width: 12px;height: 18px;background-image: url(../img/new/arrow_view.png);background-repeat: no-repeat;background-position: 0 0;margin-left: 10px;position: relative;z-index: 2;}
.sgb_btn_link:hover:after {background-position: -12px 0;}
.state_roll_box {border: 1px solid #ddd;border-radius: 20px;padding: 20px 25px;height: 293px;}
.state_ju_box {background-color: #e8f2fd;border-radius: 20px;padding: 20px 25px;height: 293px;}
.sjb_tit {font-size: 24px;color: #121212;font-weight: 700;letter-spacing: -1px;margin-bottom: 20px;line-height: 1.2;margin-bottom: 10px;text-align: center;}
.sjb_tit strong {color: #0841a2;font-size: 27px;}
.sjb_graph_box {overflow: hidden;margin: 0 -12px;}
.sjb_graph_box .item {float: left;width: 50%;padding: 0 12px;}
.graph_box {width: 212px;height: 214px;background-image: url('../img/new/circle_p.png');background-size: contain;background-repeat: no-repeat;background-position: center center;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #121212;font-weight: 700;letter-spacing: -1px;line-height: 1.2;margin: 0 auto;}
.gun_box {background-color: #fff;border-radius: 20px;padding: 15px 15px;margin-top: 15px;}
.gun_box ul {padding-left: 25px;}
.gun_box ul li {display: flex;align-items: center;margin-bottom: 5px;}
.gun_box ul li:last-child {margin-bottom: 0;}
.gb_th {width: 70px;font-size: 18px;font-weight: 700;letter-spacing: -1px;line-height: 1.2;}
.gb_txt {font-size: 18px;font-weight: 700;letter-spacing: -1px;line-height: 1.2;}
.gun_box ul li.gb1 {color: #09408a;}
.gun_box ul li.gb2 {color: #2f91ff;}
.gun_box ul li.gb3 {color: #0aa4b4;}
.gun_box ul li.gb4 {color: #16b39a;}
.gun_box ul li.gb5 {color: #8bd36a;}
.gun_box ul li.gb6 {color: #2e7d5b;}
.notice_wrap {overflow: hidden;margin: 0 -20px;}
.notice_wrap .item {float: left;width: 50%;padding: 0 20px;}
.vod_wrap {background-color: #e8f2fd;border-radius: 20px;}
.vod_wrap .vod {border-radius: 20px;overflow: hidden;height: 100%;height: 330px;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;}
.vod_wrap .vod iframe {width: 100% !important;height: 100% !important;}
.vod_wrap .vod .play {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.vod_wrap .vod .play img {width: 100%;height: 100%;object-fit: cover;}
.vod_wrap .vod img {width: 100%;height: 100%;object-fit: cover;}
.notice_list {border: 1px solid #ddd;border-radius: 20px;padding: 25px 25px 10px 25px;}
.notice_tab {display: flex;align-items: center;}
.notice_tab .notice_tab_link {font-size: 28px;color: #121212;font-weight: 700;letter-spacing: -1px;text-decoration: none;}
.notice_tab .notice_tab_link.on {color: #09408a;}
.notice_tab .bar {width: 2px;height: 25px;background-color: #000;margin: 0 30px;}
.notice_items {list-style: none;margin: 0;padding: 0;}
.notice_item {display: flex;align-items: center;gap: 12px;padding: 18px 0;}
.notice_item + .notice_item {border-top: 1px solid #e9eef6;}
.notice_date {display: inline-flex;align-items: center;justify-content: center;padding: 4px 12px;border-radius: 16px;border: 1px solid #0aa4b4;color: #121212;font-size: 16px;font-weight: 700;min-width: 105px;}
.notice_title {font-size: 18px;font-weight: 600;color: #121212;text-decoration: none;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.notice_title.new {position: relative;padding-right: 20px;}
.notice_title:hover {color: #09408a;}
.notice_new {display: inline-flex;align-items: center;justify-content: center;width: 18px;height: 18px;border-radius: 6px;background-color: #0aa4b4;color: #fff;font-size: 12px;font-weight: 700;flex: 0 0 auto;position: absolute;right: 0;top: 0;}
.notice_tab_wrap {position:relative;margin-bottom: 14px;}
.notice_tab_wrap .more_btn {position: absolute;right: 0;top: 5px;font-size: 16px;color: #222;text-decoration: none;font-weight: 700;display: inline-flex;align-items: center;gap: 5px;}
.srb_tab_wrap {overflow: hidden;margin: 0 -5px;}
.srb_tab_wrap .srb_tab_item {float: left;width: 50%;padding: 0 5px;}
.srb_tab_link {width: 100%;height: 27px;border-radius: 10px;font-size: 15px;color: #fff;font-weight: 400;display: flex;align-items: center;justify-content: center;}
.srb_tab_link:hover {opacity: 0.8;}
.srb_tab_link.stl1 {background-color: #2e72ee;}
.srb_tab_link.stl2 {background-color: #0aa4b4;}
.srb_con_wrap {margin-top: 20px;}
.srb_con_wrap .txt {font-size: 18px;font-weight: 700;letter-spacing: -1px;margin-bottom: 20px;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 65px;}
.srb_info_box {display: flex;align-items: center;justify-content: space-between;}
.srb_info_box .mn {font-size: 15px;font-weight: 700;letter-spacing: -1px;display: flex;align-items: center;}
.srb_info_box .mn:before {content: '';display: block;width: 20px;height: 20px;background-image: url(../img/new/ico_w.png);background-size: contain;background-repeat: no-repeat;background-position: center center;margin-right: 5px;}
.srb_info_box .ht {font-size: 15px;font-weight: 700;letter-spacing: -1px;display: flex;align-items: center;}
.srb_info_box .ht:before {content: '';display: block;width: 15px;height: 14px;background-image: url(../img/new/m_heart.png);background-size: contain;background-repeat: no-repeat;background-position: center center;margin-right: 5px;}
.swiper-pagination-box {margin: 20px 0 20px 0;text-align: center;}
.swiper-pagination-wrap {position: relative;display: inline-flex;padding-right: 18px;}
.srb_control {position: absolute;right: 0;top: -2px;z-index: 1;}
.srb_control a {display: block;width: 9px;height: 13px;background-image: url(../img/new/q_pause.png);background-repeat: no-repeat;background-position: 0 0;cursor: pointer;}
.swiper-pagination {position:static;display: flex;align-items: center;justify-content: center;gap: 5px;}
.swiper-pagination-bullet {width: 10px;height: 10px;background-color: #fff;border-radius: 50%;opacity: 1;background-color: #767676;border: 1px solid #767676;}
.swiper-pagination-bullet-active {width: 30px;height: 10px;background-color: #fff;border-radius: 15px;}
.srb_play.on {background-position: -9px 0;}

@media (max-width: 1399px) {
    .inner {padding: 0 15px;}
    header .header__wrap .bottom-box a.logo {left: 15px;}
    header .header__wrap .bottom-box a.all-menu-btn-new {right: 15px;}
}

@media (max-width: 1199px) {
    .state_box .state_item {width: 100%;margin-bottom: 20px;}
    .state_tit {font-size: 26px;}
    .state_box_out {margin-bottom: 20px;}
}

@media (max-width: 991px) {
    .main__banner {padding: 35px 0;}
    .kv_box {padding-right: 0;}
    .kv_box .kv_link_out {position: static;}
    .kv_link_box {width: 100%;margin-top: 20px;}
    .notice_wrap .item {width: 100%;margin-bottom: 20px;}
    .main__content {padding: 35px 0;}
    .state_tit {font-size: 20px;margin-bottom: 15px;}
    .vod_wrap .vod {height: 400px;}
}

@media (max-width: 767px) {
    .mc_tag_list .mc_tag {font-size: 16px;}
    .mc_tag_list {gap: 10px;}
    .mc_search {margin-bottom: 35px;}
    .notice_tab .notice_tab_link {font-size: 20px;}
    .notice_date {font-size: 14px;min-width: 90px;}
    .kv_link_box .kv_link_item a {font-size: 18px;}
    .sjb_tit {font-size: 20px;}
    .sjb_tit strong {font-size: 22px;}
    .sgb_tit {font-size: 20px;}
    .sgb_tit strong {font-size: 22px;}
    .sgb_box .txt {font-size: 20px;}
    .sgb_box .txt_com {font-size: 16px;}
    .sgb_box .txt_date {font-size: 14px;}
    .sgb_btn_link {font-size: 16px;}
    .state_gun_box {height: 293px;}
    .sgb_box {margin-bottom: 39px;}
}

@media (max-width: 575px) {
    .main_kv {height: 200px;}
    .kv_btn {width: 220px;gap: 5px;}
    .kv_control {margin-right: 10px;}
    .kv_btn_wrap:after {top: -39px;}
    .kv_link_box {margin-left: -5px;margin-right: -5px;}
    .kv_link_box .kv_link_item {padding: 0 5px;}
    .kv_link_box .kv_link_item.kli1, .kv_link_box .kv_link_item.kli2 {margin-bottom: 10px;}
    .kv_chatbot_img .t2 {font-size: 25px;}
    .kv_link_box .kv_link_item a {font-size: 16px;}
    .mc_search {padding: 20px 15px;margin-bottom: 30px;}
    .state_in_item {width: 100%;margin-bottom: 15px;}
    .sgb_box {margin-bottom: 15px;}
    .state_gun_box {height: auto;}
    .state_ju_box {height: auto;}
    .sjb_graph_box .item {width: 100%;margin-bottom: 15px;}
    .vod_wrap .vod {height: 200px;}
    .notice_tab .bar {margin: 0 15px;height: 20px;}
    .notice_date {font-size: 13px;min-width: 80px;padding: 5px;}
    .notice_title {font-size: 15px;-webkit-line-clamp: 2;line-height: 1.2;}
    .notice_item {padding: 10px 0;}
    .notice_list {padding: 15px 15px 10px 15px;}
    .notice_tab_wrap .more_btn {font-size: 13px;}
}