@charset "utf-8";

a, a:hover, a:focus{
  text-decoration: none !important;
  color: #333;
}

@keyframes slideInFromRight {
    from {
        transform: scaleX(1);
        transform-origin: right;
    }
    to {
        transform: scaleX(0);
        transform-origin: right;
    }
}

@keyframes slideOutToLeft {
    from {
        transform: scaleX(0);
        transform-origin: right;
    }
    to {
        transform: scaleX(1);
        transform-origin: right;
    }
}

.menu-icon {
    position: absolute;
    top: 3px;
    right: 5px;
}
.boxlogo {
    width: 135px;
}
.m_menu_text {
    position: relative;
}
.m-menu-icon {
    position: absolute;
    top: -9px;
    right: -9px;
}

.slide-in {
    animation: slideInFromRight 0.5s forwards;
}

.slide-out {
    animation: slideOutToLeft 0.5s forwards;
    display: block;
}

.hidden {
    display: none;
}

/* 모바일 메뉴 */
.accordion-item.no-arrow .accordion-button::after {
    display: none;
}
.accordion-button {
    font-family: "Noto Sans KR",sans-serif;
    font-weight: 700;
}
.accordion-button::after {
    background-image: none;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    background-size: 15px 15px !important; /* 화살표 크기 조정 */
}
.accordion-collapse {
  transition: height 0.5s ease !important;
}
.mobile-left-offcanvas {color: #fff !important;background: #22313f !important;}
.mobile-left-offcanvas .accordion-button {color: #fff;background: #22313f;font-family: "Noto Sans KR",sans-serif; font-weight: 900;}
.mobile-left-offcanvas .accordion-button:focus {border: 0; box-shadow: none;}
.mobile-left-offcanvas .offcanvas-body {padding: 0 0px;}
.accordion-item {border-color: #2f3f4e !important;}
.accordion-button:not(.collapsed) {
    background-color: #2a3642 !important;
    color: #fff !important;
}
.mobile-left-offcanvas #search_box { background: #22313f; width: 100%;}
.mobile-left-offcanvas .offcanvas-body {padding: 0 3px;}
/* 모바일 메뉴 */

.main-header .nav-top {padding: 10px 0}
#nav-sub-menu {position: absolute}

.Notice_main {  font-size: 14pt;  color: #fff;  text-align: center;}
.red_bold {  color: #FF0000;  font-weight: bold;}
.white_bold {  color: #fff;  font-weight: bold;}
.yellow_bold_big {  color: #FFFF00;  font-weight: bold;  font-size: 16pt;}
iframe {background:transparent;} 

.m_menu {
  display: flex;
  flex-wrap: nowrap;
  max-width: 100%; 
  padding: 3px;
  gap: 10px; 
  align-items: center; 
  overflow-x: hidden;
}

/* 각 아이템 스타일 */
.m_menu .item {
  flex: 0 0 auto;
  color:#fff;
  width: 84px; 
  height: 30px; 
  display: flex; 
  justify-content: center; 
  align-items: center;
  font-size: 13px;
  font-weight: bold; 
}

.nav-sub {color: #fff; background: #b31213;height:45px;}
.nav-sub .nav-sub-menu li {text-align: left;float:left;margin-right: 10px;padding: 9px 0;}
.nav-sub .nav-sub-menu a {display:block;margin:0;padding:0 10px;line-height:28px;font-weight:bold;color:#fff}
.nav-sub .nav-sub-menu a:hover {color:#fff}
.nav-sub .nav-sub-menu a:hover, .nav-sub .nav-sub-menu a.active { border-bottom: 3px solid #fff; }

.search-menu {width: 260px;}
.form-search {width:216px;padding: 1px 7px;box-shadow: none;border: 1px solid #cccccc;}
.form-search:focus {outline: none;}
.search-menu #search_box {float: right;}
.search-menu #search_box .btn {border: none;}
.search-menu #search_box .btn:hover {color: #8eff61 !important;background-color: transparent !important;}
.search-menu #search_box .input-group {margin-top: 2px;}
.main-header .main-nav-menu .nav-link.depth1.active{ text-shadow: 2px 2px 5px rgba(0,0,0,.75); color: #8eff61; }

.sub-nav li {text-align: left}
.mobile-nav-menu li,  .mobile-nav-menu li a{text-align: left; color: #144776}
.m_menu .item a:hover {
	color: #fff;
}

.main-header .main-nav-menu .sub-menu .sub-menu-wrap {
  background-color: #22313f !important;
}

/* 사이드뷰 */
.profile_img img {border-radius:50%}
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:12px;background:rgb(50, 60, 70);padding:6px 0;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:block;margin:0;padding:0 10px;line-height:28px;width:100px;font-weight:normal;color:#fff}
.sv_wrap .sv a:hover {background:rgba(0,0,0,0.5);color:#fff}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 게시판 내용 */
.view-contents .contents-wrap p, .contents-wrap p {margin-bottom: 0;}