@charset "utf-8";

/* 폰트 */
@font-face {
	font-family: 'Pretendard';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/PretendardVariable.woff2') format('woff2-variations');
}
@font-face {
    font-family: 'Isamanru';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Isamanru';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Isamanru';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'SebangGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SebangGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}


/* ******************* *
* GLOBAL
* ******************* */
:root {
    --font-Pretendard: "Pretendard", sans-serif;
	--font-Isamanru: "Isamanru";
    --font-SebangGothic: "SebangGothic";
    --color-msblue: #0E3465;
    --color-msyellow: #F5BE3B;
}

html, body {font-size: 20px;font-family: var(--font-Pretendard);letter-spacing: -0.018rem;line-height: 1.4;word-break: keep-all;word-wrap: break-word;color:#000;touch-action: auto;overscroll-behavior: auto;text-size-adjust:100%;scroll-behavior: smooth;}
html {overflow-x: hidden;}
body {overflow-x: visible;}
.cinner {max-width: 1200px;width: 92%;margin: 0 auto;}


@media all and (max-width: 1399px) { 
	.cinner {width: auto;margin: 0 50px;}
}
@media all and (max-width: 1024px) { 
    html, body { font-size: 18px; } 
	.cinner {margin: 0 30px;}
}
@media all and (max-width: 768px){
    html, body { font-size: 17px; } 
    .cinner {margin: 0 20px;} 
}

/* scroll Bar */
/* body::-webkit-scrollbar {width: 10px;}
body::-webkit-scrollbar-thumb {background-color: var(--color-msblue);}
body::-webkit-scrollbar-track {background-color: #f9f9f9;} */




/* ******************* *
* HEADER
* ******************* */
#header {margin-bottom: 30px;/* padding-top: 40px; */padding-top: 20px;box-sizing: border-box;position: relative;}

#header__gnb {width: 100%;height: 40px;/* background: var(--color-msblue); */color: var(--color-msblue);font-weight: 600;position: fixed;top: 0;left: 0;right: 0;margin: auto;z-index: 999;}
#header__gnb .cinner {display: flex;justify-content: space-between;align-items: center;gap: 15px;height: 100%;}
/* .header__gnb-left {display: flex;align-items: center;gap: 20px;} */
#header__gnb .subscriber {display: flex;align-items: center;gap: 5px;font-size: 15px;}
#header__gnb .subscriber::before {flex: 0 0 auto;content: '';display: block;width: 16px;aspect-ratio: 1 / 1;background: url(../img/common/ico-user_b.svg) center center / cover no-repeat;}
#header__gnb .update-time {display: flex;align-items: center;gap: 10px;font-size: 15px;}
#header__gnb .update-time::before {flex: 0 0 auto;content: '';display: block;width: 20px;aspect-ratio: 1 / 1;background: url(../img/common/ico-calendar_b.svg) center center / cover no-repeat;}
/* .header__gnb-right {max-width: 500px;width: 42%;}
.header__gnb-right .news {display: flex;align-items: center;gap: 10px;}
.header__gnb-right .news > .tit {flex: 0 0 auto;display: block;color: #FFF;font-size: .90em;font-weight: 700;text-align: center;text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px  1px 0 #000, 1px  1px 0 #000;}
.header__gnb-right .news > .news-list {max-height: 19px;overflow: hidden;}
.header__gnb-right .news > .news-list > li {}
.header__gnb-right .news > .news-list > li > a {width: 100%;color: #fff;font-size: 15px;font-weight: 400;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;line-height: 1.25;} */

#header__nav {padding: 10px 0 0;}
#header__nav .cinner {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 20px 95px;}
#header__nav .header-logo {flex: 0 0 auto;max-width: 205px;}
#header__nav .header-logo > a {display: block;width: 100%;height: 100%;}
#header__nav .header-cont {display: flex;align-items: center;gap: 20px;}
#header__nav .header-cont .btn-pageView {display: none;flex-direction: column;align-items: center;gap: 5px;border: 0;background: none;}
#header__nav .header-cont .btn-pageView > .ico {}
#header__nav .header-cont .btn-pageView > .txt {color: var(--color-msblue);font-family: var(--font-Isamanru);font-size: 13px;font-weight: 500;}


.header-news {display: flex;align-items: center;gap: 10px;width: 50%;}
.header-news > .tit {flex: 0 0 auto;display: block;color: var(--color-msblue);/* color: #FFF; */font-size: 24px;font-weight: 700;text-align: center;/* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px  1px 0 #000, 1px  1px 0 #000; */}
.header-news > .news-list {max-height: 25px;width: 100%;overflow: hidden;}
.header-news > .news-list > li {}
.header-news > .news-list > li > a {width: 100%;color: #000;font-size: 24px;font-weight: 400;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;line-height: 1.25;}


#totalSearch {/* display: none; *//* max-height: 0; *//* width: 100%; *//* height: 100px; *//* background: var(--color-msyellow); *//* position: absolute; *//* top: 100%; *//* left: 0; *//* right: 0; *//* margin: auto; *//* z-index: 1000; *//* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); *//* -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); */-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);/* overflow: hidden; *//* opacity: 0; *//* transition: max-height 0.25s ease, opacity 0.25s ease; */width: 50%;max-width:400px;height: 50px;border: 2px solid var(--color-msblue);border-radius: 25px;box-sizing: border-box;}
#totalSearch.is-open {max-height: 100px;opacity: 1;}
#totalSearch .cinner {height: 100%;}
#totalSearch #totalSch {/* display: flex; *//* justify-content: center; *//* align-items: center; *//* gap: 10px; *//* width: 100%; *//* max-width: 400px; *//* width: 100%; *//* height: 50px; */width: 100%;height: 100%;}
/* #totalSearch .total-search {display: flex;align-items: center;width: 100%;height: 100%;padding: 15px 0;} */
#totalSearch form {width: 100%;height: 100%;position: relative;}
#totalSearch form > #sch_str {width: 100%;height: 100%;padding: 10px 50px 10px 20px;border: 0;border-radius: 23px;background: #fff;color: #000;font-size: 18px;}
#totalSearch form > #sch_submit {display: block;width: 20px;aspect-ratio: 1 / 1;border: 0;background: url(../img/common/ico-search.svg) center center / cover no-repeat;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
#totalSearch #schBtn_close {flex: 0 0 auto;display: block;width: 30px;height: 30px;border: 0;background: none;position: relative;}
#totalSearch #schBtn_close::before,
#totalSearch #schBtn_close::after {content: '';display: block;width: 82%;height: 2px;background: #fff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#totalSearch #schBtn_close::before {transform: rotate(45deg);}
#totalSearch #schBtn_close::after {transform: rotate(-45deg);}

#header__nav .flex-box {display:flex;justify-content: space-between;width: 100%; }
#header__nav .cinner{flex-direction: column;gap:10px }
#header__nav .update-info {margin-top: 20px;color: var(--color-msblue);font-family: var(--font-SebangGothic);font-weight: 700;}
#header__nav .update-info .subscriber {display: flex;align-items: center;gap: 5px;font-size: 1.1em;}
#header__nav .update-info .subscriber::before {flex: 0 0 auto;content: '';display: block;width: 30px;aspect-ratio: 3 / 2;background: url(../img/common/ico-user_b.svg) center center / cover no-repeat;}
#header__nav .update-info .update-time {display: flex;align-items: center;gap: 10px;margin-bottom: 6px;font-size: 1.1em;;}
#header__nav .update-info .update-time::before {flex: 0 0 auto;content: '';display: block;width: 23px;aspect-ratio: 1 / 1;background: url(../img/common/ico-clock.svg) center center / cover no-repeat;}
#header__nav .logo_wrap {    justify-content: center;gap:20px}
/* ******************* *
* SIDEBAR
* ******************* */
#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0}

#sidebar {max-height: 0;width: 100%;border: 1px solid var(--color-msblue);background:#fff;position: absolute;top: 100%;left: 0;right: 0;margin: auto;z-index: 1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2);overflow: hidden;opacity: 0;transition: max-height 0.25s ease, opacity 0.25s ease;}
#sidebar.is-open {max-height: 200px;opacity: 1;}
.sidebar-btn_close {display: block;width: 40px;aspect-ratio: 1 / 1;margin-left: auto;border: 0;background: var(--color-msblue);position: absolute;top: 0;right: 0;}
.sidebar-btn_close::before,
.sidebar-btn_close::after {content: '';display: block;width: 55%;height: 2px;background: #fff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.sidebar-btn_close::before {transform: rotate(45deg);}
.sidebar-btn_close::after {transform: rotate(-45deg);}
.sidebar__menu {}
.sidebar__menu .sidebar__menu_depth1 {}
.sidebar__menu .sm-ul1 {display: flex;}
.sidebar__menu .sm-li1 {width: 25%;padding: 30px 30px 50px;border-right: 1px solid #CCC;box-sizing: border-box;}
.sidebar__menu .sm-a1 {display: inline-block;margin-bottom: 5px;color: var(--color-msblue);font-size: 18px;font-weight: 700;}
.sidebar__menu .sidebar__menu_depth2 {}
.sidebar__menu .sm-ul2 {}
.sidebar__menu .sm-li2 {}
.sidebar__menu .sm-a2 {color: #444;font-size: 16px;}

#sidebar .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#sidebar .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#sidebar .gnb_al_li li {line-height:2em}
#sidebar .gnb_al_li li a {color:#555}




/* ******************* *
* SPNSOR BANNER
* ******************* */
#sponsorBn {margin-bottom: 105px;}



/* ************************* *
* orgBanner (관련기관 배너)
/* ************************* */
#orgBanner {padding: 0 0 50px;}
#orgBanner .cinner {display: flex;align-items: center;gap: 10px;}
#orgBanner button {flex: 0 0 auto;display: block;width: 45px;height: 45px;border: 1px solid #EBEBEB;border-radius: 50%;box-sizing: border-box;background: #fff;position: relative;/* position: absolute; */}
#orgBanner button:after {content: '';display: block;border-width: 2px;border-style: solid;border-color: transparent #555 #555 transparent;border-radius: 2px;box-sizing: border-box;width: 25%;height: 25%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#orgBanner .btn-prev:after {transform: rotate(135deg) translate(-10%, -10%);}
#orgBanner .btn-next:after {transform: rotate(-45deg) translate(-10%, -10%);}
#orgBanner .orgBanner-list ul > li > a {display: block;border: 1px solid #EBEBEB;box-sizing: border-box;}
#orgBanner .orgBanner-list ul > li > a > img {width: 100%;}



/* ******************* *
* FOOTER
* ******************* */
#footer {padding: 50px 0 75px;border-top: 1px solid #EBEBEB;box-sizing: border-box;background: #fff;}
#footer .cinner {display: flex;flex-wrap: wrap;gap: 40px 70px;}
.footer__logo {flex: 0 0 auto;width: 125px;}
.footer__logo > img {width: 100%;}
.footer__cont {display: flex;justify-content: space-between;align-items: center;width: calc(100% - 195px);}
.footer__cont-left {}
/* .footer__cont-left .footer__cont-link {display: flex;flex-wrap: wrap;gap: 5px 40px;margin-bottom: 20px;}
.footer__cont-left .footer__cont-link > li > a {color: #000;font-size: 16px;}
.footer__cont-left .footer__cont-info {display: flex;flex-wrap: wrap;gap: 10px 30px;max-width: 650px;width: 100%;}
.footer__cont-left .footer__cont-info > li {color: #898989;font-size: 15px;}
.footer__cont-left .footer__cont-info > li > address {font-style: normal;} */
.footer__cont-left .footer__cont-infos {}
.footer__cont-left .footer__cont-infos > li {display: flex;align-items: center;gap: 5px;}
.footer__cont-left .footer__cont-infos > li:not(:last-child) {margin-bottom: 10px;}
.footer__cont-left .footer__cont-infos > li > .ico {display: block;width: 15px;}
.footer__cont-left .footer__cont-infos > li > .txt {color: #898989;font-size: 15px;}
.footer__cont-right {}
/* .footer__cont-right .visitor-stats {width: 210px;}
.footer__cont-right .visitor-stats > li {display: flex;align-items: center;height: 30px;border-radius: 0 5px 5px 0;background: #E7EBF0;}
.footer__cont-right .visitor-stats > li:not(:last-child) {margin-bottom: 5px;}
.footer__cont-right .visitor-stats > li > .tit {flex: 0 0 auto;width: 100px;border-radius: 5px;background: var(--color-msblue);color: var(--color-msyellow);font-size: 15px;font-weight: 700;text-align: center;line-height: 30px;}
.footer__cont-right .visitor-stats > li > .count {width: 100%;padding: 0 10px;box-sizing: border-box;color: var(--color-msblue);font-size: 15px;font-weight: 500;text-align: right;}

 */


/* ******************* *
* ASIDE STICKY
* ******************* */
/* .aside-sticky {width: 1200px;height: 100vh;margin: 0 auto;position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
 */


/* ************* *
/* QUICK MENU
* ************* */
.quick-menu {display: none;position: fixed;right: calc((100% - 1200px) / 2 - 210px);bottom: 60px;z-index: 999;}
.quick-menu ul {width: 160px;}
.quick-menu ul > li {width: 100%;}
.quick-menu ul > li:not(:last-child) {margin-bottom: 5px;}
.quick-menu ul > li > a {display: block;width: 100%;height: 45px;border-radius: 23px;color: #fff;font-size: 16px;font-weight: 500;text-align: center;line-height: 45px;}
.quick-menu ul > li:nth-child(1) > a {background: var(--color-msblue);}
.quick-menu ul > li:nth-child(2) > a {background: #FAE100;color: #000;}
.quick-menu ul > li:nth-child(3) > a {background: #4D4D4D;}







/* ******************* *
* 지금뜨는뉴스
* ******************* */
#rightSct {display: none;flex: 0 0 auto;width: 300px;}
.rightNews {margin-bottom: 30px;}
.rightNews .tit {padding: 10px 0;border-top: 1px solid var(--color-msblue);color: var(--color-msblue);font-size: 1.10em;font-weight: 700;}
.rightNews .news-list {}
.rightNews .news-list > li {padding: 20px 0;border-bottom: 1px solid #D9D9D9;}
.rightNews .news-list > li > a {display: flex;align-items: center;gap: 16px;transition: .35s;}
.rightNews .news-list > li > a:hover {opacity: .6;}
.rightNews .news-list > li .thumb {flex: 0 0 auto;width: 100px;aspect-ratio: 100 / 65;}
.rightNews .news-list > li .thumb > img {display: block;width: 100%;height: 100%;object-fit: cover;}
.rightNews .news-list > li .title {color: #000;font-size: 16px;font-weight: 500;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}



/* ******************* *
* 속보
* ******************* */
/* #bknews {}
#bknews .bo_list_wrap {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 100px 70px;}
.bknews__list {width: 100%;}
.bknews__list .list {border-top: 1px solid #ddd;box-sizing: border-box;}
.bknews__list .item {display: flex;gap: 30px;padding: 15px 20px;border-bottom: 1px solid #ddd;box-sizing: border-box;position: relative;}
.bknews__list .item .contents {width: 100%;}
.bknews__list .item .contents > .title {display: inline-block;margin-bottom: 8px;color: #000;font-weight: 600;}
.bknews__list .item .contents > .desc {margin-bottom: 18px;color: #999;font-size: 16px;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;line-height: 1.6;}
.bknews__list .item .contents > .date {color: #999;font-size: 14px;} */