.dialog-more-btn {
    border: 1px solid #000;
    position: relative;
    padding: 10px 20px;
    margin-left: 5%;
}
.dialog-close-btn {
    float: right;
/*     padding: 5px 10px; */
/*     font-size: 13px !important; */
/*     font-weight: 500; */
/*     border: 1px solid #000; */
/*     border-radius: 5px; */
    margin-top: 100px;
	position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    letter-spacing: -0.02em;
    border-radius: 4px;
    padding: 0 16px;
    min-width: 60px;
    height: 30px;
    font-size: 14px;
    line-height: 20px;
    background-color:var(--col_gray);color:var(--col_white);font-weight:400 !important;
}
.dialog-input-wrapper {
  width: 100% !important;
  height: auto;
  background-color: #f6f6f6;
  color: #000;
  font-size: 12px;
  display: grid;
  -ms-grid-columns: auto 160px;
  grid-template-columns: auto 160px;
  -ms-grid-row-align: center;
  align-items: center;
  -ms-grid-pack: center;
  border-top: 2px solid #39a38e;
/*   border-bottom: 2px solid #2b6f2b; */
  margin-top: 20px;
  font-weight: 800;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.dialog-input-wrapper > span {
  -ms-grid-column: 1;
  grid-column: 1;
  justify-self: flex-end;
  margin-right: 10px;
  text-align: right;
  white-space: nowrap;
  width: 100px;
}

.dialog-input-wrapper > input {
  -ms-grid-column: 2;
  grid-column: 2;
  width: 100%;
/*   margin-bottom: 5px; */
  box-sizing: border-box;
}

#dialog {
  padding: 0;
}

.box_btn_wrap{ padding: 10px 0 5px 0; }
.box_btn_wrap.inner_right{
	position:absolute;right:0;padding:0;
}

/* 기존 common.js popCenter 관련 스타일 */
.popModal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    background: #cccccc;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
}
.layer_popup {
    width: auto;
    border: 1px solid #333;
    padding: 30px;
    background: #fff;
    z-index: 11000;
    box-shadow: 5px 5px 5px #ccc;
}
.layer_popup.ly_W40 {width: 40% !important;}
.layer_popup.ly_W50 {width: 50% !important;}
.layer_popup .tx_W100 {width: 100% !important;}

/* popup btn style */
.layer_popup a.ly_x_btn{float: right;font-size: 20px;position: absolute;font-weight:400;color:#888;right: 0;top:0;margin-right: 10px;padding: 6px 6px;}

.ui-dialog {z-index: 120000 !important;}
/* 기존 common.js popCenter 관련 스타일 */

/* width per style */
.W80P-TYPE-N {width: 80% !important;}

/* max-height style */
.max-h120 {max-height : 120px !important;overflow-y : auto;-ms-overflow-style : scrollbar;}
.max-h180 {max-height : 180px !important;overflow-y : auto;-ms-overflow-style : scrollbar;}
.max-h200 {max-height : 200px !important;overflow-y : auto;-ms-overflow-style : scrollbar;}
.max-h320 {max-height : 320px !important;overflow-y : auto;-ms-overflow-style : scrollbar;}
.max-h800 {max-height : 800px !important;overflow-y : auto;-ms-overflow-style : scrollbar;}

.leftTreeToggleBtn{cursor:pointer;}

.columngButtonArea{
	display: inline-block;
    position: relative;
    left: 5px;
}

/* table base style */
td a{font-weight:bold;}
td textarea{border: 1px solid #b6b6b6; width: 100%; border-radius: 3px; text-indent: 10px;}
.check_all {text-indent: -99999px;display: inline-block;}

.search-btn{
    background-image: url(../images2/search.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #339933;
    background-size: 80%;
    width: 26px;
    height: 26px;
    border-radius: 5px;
    position: absolute;
    top : 7px;
    right: 5px;	
}

.search-btn-input {
/*     border: 1px solid #e1e1e1 !important; */
    width: calc(100% - 31px) !important;
    height: 34px;
    border-radius: 5px;
    text-indent: 10px;
}


.flnt-content-wrap #flntBody {
	max-height: 800px;
	display: flex;
	gap: 10px;
	overflow: auto;
}

.flnt-table { 
    width: 100%; 
    border-top: 2px solid #339933; 
    border-bottom: 2px solid #339933; 
    margin-top: 10px; 
    table-layout: fixed; 
}
.flnt-table tr  > *{ 
    border: 1px solid #dfd4d4; 
}
.flnt-table tr th {
     background-color: #f6f6f6; 
     vertical-align:middle;
     font-size:14px;
     padding:10px 0;
}
.flnt-table tr > td { 
    padding: 5px 5px;
    position: relative;
    line-height:28px;
    font-size:14px;
    font-weight:500;
}

.flnt-content-wrap #flntBody {
	max-height: 800px;
	display: flex;
	gap: 10px;
	overflow: auto;
}

.mainDeskTextDsp{		/* 메인 고객센터 안내 */
	position:absolute;top:340px;left:50px;color:white;text-shadow:2px 2px 3px rgba(0,0,0,0.45);font-size:20px;font-family:gmarket;
}

.mainDeskPhoneDsp{		/* 메인 고객센터 안내 */
	position:absolute;top:370px;left:50px;color:white;text-shadow:2px 2px 3px rgba(0,0,0,0.45);font-size:30px;font-family:gmarket;font-weight:600;
}


/* 아이디 비밀번호 찾기 용 */
.find_wrap{display:flex;align-items:center;width:100%;height:100%;position:relative;background-color:#ffffff;}
.find_container{margin:0 auto;width:1200px;}
.find_container p{color:#00b906;font-weight:bold;font-size:1.2em;}
.find_container h2{font-size:2em;}
.find_container span{color:#7e7e7e;font-weight:bold;}
.find_contents h2{padding: 10px 0 20px 0;border-bottom:1px solid #00b906;}
.find_txt{padding:20px 0;}
.find_txt_input input{display:block; margin:5px 0;}
.find_txt_button{padding:10px 0;}
.find_txt_button a{background-color:#00b906;border-radius:5px;padding:5px 20px;color:#ffffff;}

@media screen and (max-width: 700px) {
	.find_container {
		padding: 15px;
	}
	
	.date h3 {
		font-size: 0.9rem !important;
	}
	
	.image {
		width: 105px; height:140px;
	}
}

.image {
		width: 210px; height:280px;
}

.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	justify-content: center;
	align-items: center;
}

.modal-content {
	max-width: 95%;
	max-height: 95%;
	object-fit: contain;
	border-radius: 6px;
	cursor: pointer;
}

/* 등록이력조회 팝업 - 오류 엑셀 다운로드 버튼(닫기 버튼 왼쪽에 위치, 초기 숨김 - JS로 노출) - 2026.07.16 산림경영이음 운영 및 유지관리 */
.err-report-download-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    letter-spacing: -0.02em;
    border-radius: 4px;
    padding: 0 16px;
    min-width: 60px;
    height: 30px;
    font-size: 14px;
    line-height: 20px;
    background-color:var(--col_cyan);color:var(--col_white);font-weight:400 !important;
}

/* 메인 공지사항 팝업(main.jsp, ctprvMain.jsp 공통) - 2026.10.26 산림경영이음 운영 및 유지관리 */
.noti_dim {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 120000;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity .2s ease;
}
.noti_dim.is_open {opacity: 1;}

.noti_pop {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 120001;
    box-sizing: border-box;
    width: 880px;
    max-width: calc(100% - 32px);
    max-height: calc(100% - 48px);
    flex-direction: column;
    padding: 30px;
    border: 1px solid #333;
    border-radius: 8px;
    background: var(--col_white);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    text-align: left;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity .2s ease;
}
.noti_pop.is_open {opacity: 1;}
.noti_pop:focus {outline: none;}
/* 팝업이 열려 있는 동안 뒤 화면 스크롤 막기 (openNotiPop/closeNotiPop 에서 html 에 클래스 부여) */
html.noti_pop_lock, html.noti_pop_lock body {overflow: hidden;}
.noti_pop * {box-sizing: border-box;}

/* 타이틀 + 건수 배지 영역 (우측은 크게 보기/X 버튼 자리) */
.noti_pop_head {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    padding-right: 80px;
}

/* 공지 건수 배지 - 2건 이상일 때 여러 건임을 알림 (JS에서 inline-block 으로 표시) */
.noti_pop_cnt {
    padding: 3px 10px;
    border-radius: 999px;
    background: #01876c;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--col_white);
    white-space: nowrap;
}
.noti_pop_cnt strong {font-weight: 800;}

/* 하단 이전/다음 공지 사이 순번 (1 / 3), 화면낭독기용 순번 안내 */
.noti_pop_page_num {flex: 0 0 auto;min-width: 44px;font-size: 14px;color: #555;text-align: center;white-space: nowrap;}	/* 명암비 4.5:1 이상 (기존 #888 미달) */
.noti_pop_page_num strong {font-weight: 700;color: #00664f;}
.noti_pop_sr {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}

/* 타이틀, 닫기(X) */
.noti_pop .noti_pop_tit {
    flex: 0 0 auto;
    margin: 0;
    padding: 0 0 0 13px;
    background: url(../images2/sub/h4_bullet.png) no-repeat left 7px;
    font-size: 20px;	/* 다른 팝업 제목(.ui-dialog-title 20px)과 통일, 모바일은 18px */
    font-weight: 700;
    line-height: 1.5;
    color: #333;
}
.noti_pop .noti_pop_x {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: none;
    color: #888;
    cursor: pointer;
}
.noti_pop_x svg {width: 20px;height: 20px;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;}
.noti_pop .noti_pop_x:hover {color: #333;}

/* 크게 보기 버튼 - X 버튼 왼쪽 */
.noti_pop .noti_pop_max {
    position: absolute;
    top: 10px;
    right: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: none;
    color: #888;
    cursor: pointer;
}
.noti_pop_max svg {width: 18px;height: 18px;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;}
.noti_pop_max .ico_min {display: none;}
.noti_pop.is_max .noti_pop_max .ico_max {display: none;}
.noti_pop.is_max .noti_pop_max .ico_min {display: block;}
.noti_pop .noti_pop_max:hover {color: #333;}

/* 크게 보기 상태 - 기존 팝업(common.js popCenter)과 같은 폭(창 폭 - 600px), 기본 폭(880px)보다 작아지지 않음 */
.noti_pop.is_max {width: max(880px, calc(100% - 600px));}
/* 창 폭 1480px 이하에서는 크게 보기 폭이 기본 폭과 같아지므로 버튼 숨김 */
@media (max-width: 1480px) {
    .noti_pop .noti_pop_max {display: none;}
    .noti_pop_head {padding-right: 40px;}
}

/* 제목, 등록일 - 목록 테이블 헤더(.list-search-table th) 톤 */
.noti_pop_subjc_wrap {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 15px;
    padding: 12px 15px;
    border: 1px solid #dfd4d4;
    border-top: 2px solid #333;
    background: #f6f6f6;
    border-radius: 4px 4px 0 0;
}
.noti_pop .noti_pop_subjc {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #333;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
/* 등록일 - 제목 옆에서 묻히지 않도록 배지 형태로 강조 */
.noti_pop .noti_pop_date {
    flex: 0 0 auto;
    margin: 0;
    padding: 5px 12px;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    background: var(--col_white);	/* 제목 박스(#f6f6f6) 위에서 구분되는 흰 배지 + 검정 글씨 (초록 글씨 가독성 피드백 반영) */
    font-size: 15px;	/* 등록일 가독성 (기존 14px) */
    font-weight: 600;
    line-height: 1.4;
    color: #222;
    white-space: nowrap;
}
.noti_pop_date:empty {display: none;}

/* 본문 - 내용 높이에 맞춰 iframe 높이 자동 조절, 넘치면 스크롤 */
.noti_pop_body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 15px;
    border: 1px solid #dfd4d4;
    border-top: 0;
    border-radius: 0 0 4px 4px;
}
.noti_pop_body iframe {display: block;width: 100%;height: 200px;border: 0;}

/* 하단 - 좌: 오늘 하루 보지 않기 / 가운데: 이전·다음 공지 / 우: 자세히 보기·닫기 */
.noti_pop_foot {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 10px;
    padding-top: 15px;
}
.noti_pop_foot .noti_pop_chk_area {justify-self: start;display: flex;flex-direction: column;align-items: flex-start;gap: 2px;}
/* '오늘 하루 보지 않기' 체크 시 확인하지 않은 공지 안내 (JS에서 block 으로 표시) */
.noti_pop_unread {padding-left: 22px;font-size: 12px;line-height: 1.4;color: #c0392b;}
.noti_pop_foot .noti_pop_btns {grid-column: 3;justify-self: end;}	/* 가운데 영역이 숨겨져도(1건) 항상 오른쪽 칸 */
.noti_pop_pages {grid-column: 2;align-items: center;justify-content: center;gap: 5px;}	/* 2건 이상일 때 JS에서 flex 로 표시 */
.noti_pop_chk {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 14px;
    color: #333;	/* Pretendard Regular 는 얇게 보여 진한 색 사용 (기존 #555 흐릿함) */
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.noti_pop_chk input {position: absolute;width: 1px;height: 1px;margin: 0;opacity: 0;}
.noti_pop_chk_box {
    position: relative;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    background: var(--col_white);
}
.noti_pop_chk_box:after {
    content: "";
    display: none;
    position: absolute;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 9px;
    border: solid var(--col_white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.noti_pop_chk input:checked + .noti_pop_chk_box {background: #01876c;border-color: #01876c;}
.noti_pop_chk input:checked + .noti_pop_chk_box:after {display: block;}
.noti_pop_chk input:focus-visible + .noti_pop_chk_box {outline: 2px solid #01876c;outline-offset: 2px;}
.noti_pop_btns {display: flex;gap: 5px;}
.noti_pop .noti_pop_btn {
    min-width: 80px;
    height: 34px;
    padding: 0 16px;
    border: 1px solid #01876c;
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;	/* 하단 버튼 굵기 통일 (Regular 는 이전/다음 공지 버튼 대비 흐릿함) */
    cursor: pointer;
    transition: background .15s ease;
}
.noti_pop .noti_pop_btn.line {background: var(--col_white);color: #01876c;}
.noti_pop .noti_pop_btn.line:hover {background: #e7f3f0;}
.noti_pop .noti_pop_btn.fill {background: #01876c;color: var(--col_white);}
.noti_pop .noti_pop_btn.fill:hover {background: #00705a;}
/* 하단 '이전 공지'/'다음 공지' 버튼 - 처음/마지막 공지에서는 비활성 */
.noti_pop .noti_pop_btn.page {display: inline-flex;align-items: center;justify-content: center;gap: 4px;background: #e7f3f0;color: #00664f;font-weight: 600;}
.noti_pop .noti_pop_btn.page:hover:not(:disabled) {background: #d3ebe4;}
.noti_pop .noti_pop_btn.page:disabled {border-color: #d7d7d7;background: #f5f5f5;color: #aaa;cursor: default;}
.noti_pop_btn.page svg {width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round;}
.noti_pop .noti_pop_btn:focus-visible {outline: 2px solid #01876c;outline-offset: 2px;}

@media (max-width: 600px) {
    .noti_pop {padding: 20px;}
    .noti_pop .noti_pop_tit {padding-left: 12px;background-position: left 6px;font-size: 18px;}
    .noti_pop_subjc_wrap {flex-direction: column;align-items: flex-start;gap: 4px;}
    /* 모바일 하단 - 체크박스 / 이전·다음 / 자세히 보기·닫기 를 한 줄씩 */
    .noti_pop_foot {grid-template-columns: 1fr;}
    .noti_pop_foot .noti_pop_btns, .noti_pop_pages {grid-column: auto;justify-self: stretch;}
    .noti_pop_btns, .noti_pop_pages {width: 100%;}
    .noti_pop .noti_pop_btn {flex: 1 1 0;}
}
@media (prefers-reduced-motion: reduce) {
    .noti_dim, .noti_pop {transition: none;}
}

/* 메인 최근 게시물 '새 글' 표시 (main.jsp #news, ctprvMain.jsp .wrap-tab / 등록일 포함 최근 3영업일) - 2026.10.30 산림경영이음 운영 및 유지관리 */
/* 제목 앞 N 배지 - 목록 제목이 길면 말줄임(...)되므로 제목 뒤가 아닌 앞에 표시 */
#news .new_badge, .wrap-tab .new_badge {
    display: inline-block;
    min-width: 18px;
    height: 18px;
    margin-right: 6px;
    padding: 0 4px;
    border-radius: 3px;
    background: #d93025;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    color: var(--col_white);
    text-align: center;
    vertical-align: 2px;
}
#news .latest_news .news_txt strong .new_badge {vertical-align: 3px;}
/* 게시판 탭 이름 옆 점 - 탭 안에 새 글이 있을 때 */
#news .tab_new_dot {
    display: inline-block;
    position: relative;
    top: -9px;
    width: 6px;
    height: 6px;
    margin-left: 3px;
    border-radius: 50%;
    background: #d93025;
}
/* 시도 메인 - 카드 안 모든 요소를 말줄임 블록(-webkit-box)으로 바꾸는 ctprvMain.css 규칙에서 배지만 예외 처리 */
.wrap-tab li .tab-cont .cont-box .new_badge {display: inline-block;overflow: visible;vertical-align: 3px;}
.wrap-tab li .tab-cont .cont-box .new_badge b {display: inline;}
/* 시도 메인 탭 점 - 탭 제목이 고정 위치(absolute)라 폭이 늘지 않도록 점도 절대 위치 */
.wrap-tab li .tab-tit .tab_new_dot {
    position: absolute;
    top: 3px;
    right: -10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d93025;
}
/* 시도 메인(ctprvMain.jsp) 알림/FAQ 영역 배경 - 2026.10.30 산림경영이음 운영 및 유지관리
   - ctprvMain.css 에서 이 영역만 배경 미지정(흰색)이라 위(청록)·아래(#ebf4e9) 섹션 사이가 비어 보이고,
     오른쪽 도움말/QGIS 카드의 흰 아이콘 박스(카드 왼쪽 밖으로 10px 나온 디자인)가 흰 배경에 묻혀 잘려 보이던 문제 보완
   - 알림 카드는 흰 배경으로 지정해 영역 배경 위에서 구분되도록 함 */
.section-03 {background: #f4f8f6;}
.wrap-tab li .tab-cont .cont-box {background: var(--col_white);}
/* 오른쪽 도움말/QGIS 카드를 알림 카드 윗선(탭 아래 60px)에 맞춤 - 탭 줄의 '더보기'가 오른쪽 카드에 붙어 소속이 헷갈리던 문제 보완
   (1024px 이하는 ctprvMain.css 에서 카드가 아래로 내려가는 배치라 제외) */
@media screen and (min-width: 1025px) {
    .wrap-bak {margin-top: 60px;}
}
/* 오른쪽 카드와 '더보기' + 원이 같은 색(#e7f3f0)이라 구분되지 않던 문제 보완
   - 카드: 한 단계 진한 민트 (영역 배경 #f4f8f6 과도 구분), 원래 카드 형태·흰 아이콘 탭은 유지
   - '더보기' + 원: 흰 바탕 + 얇은 테두리 (마우스 올림 시 기존과 같이 청록) */
.section-03 .wrap-bak [class*='bak'] {background: #d6ebe4;}
.section-03 .wrap-tab li .tab-cont .more-btn:before {background: var(--col_white);border: 1px solid #c9d6d1;box-sizing: border-box;}
.section-03 .wrap-tab li .tab-cont .more-btn:is(:hover,:focus):before {background: var(--primary);border-color: var(--primary);}
/* 메인/시도 메인 시스템 바로가기 새 창 표시 - 2026.10.30 산림경영이음 운영 및 유지관리
   - 바로가기 버튼 5개 모두 화살표를 새 창 아이콘(상자 + 바깥 화살표)으로 교체 (흰색, 기존 화살표와 같은 자리)
     ('산림재해통합관리시스템'은 아직 준비중 안내만 뜨지만 바로가기 모양 통일을 위해 함께 적용)
   - 새 창 전용 아이콘 이미지가 없어 SVG 를 CSS 에 직접 포함 */
.quick_menu dl dd a {background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7M21 3l-9 9M19 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size: 12px 12px;background-position: right 14px center;}
/* 일반 메인 바로가기 버튼을 시도 메인(.quick-menu .menu-arr)과 같은 스타일로 통일 (기존: 얇은 글씨 + 연한 테두리로 힘없어 보임)
   - 시도 메인 규칙: 섹션 배경보다 한 단계 진한 채움, 테두리 없는 둥근 버튼, 흰 굵은 글씨, 글씨 왼쪽·아이콘 오른쪽, 마우스 올림 시 더 진하게
   - 일반 메인 섹션 배경(#01876c)이 시도 메인 버튼색과 같아 한 단계 진한 #006551 사용 (마우스 올림 #004e3e) */
.quick_menu dl dd {width: auto;height: auto;padding: 0;display: inline-block;border: 0;border-radius: 25px;background: #006551;transition: background .2s ease-in-out;}
.quick_menu dl dd a {padding: 5px 38px 6px 22px;line-height: 20px;font-size: 15px;font-weight: 500;color: var(--col_white);text-align: left;}
.quick_menu dl dd:hover, .quick_menu dl dd:focus-within {background: #004e3e;}
.quick-menu [class*='quick'] .menu-arr:after {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7M21 3l-9 9M19 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 12px 12px;width: 12px;height: 12px;top: calc(50% - 6px);}
/* 화면낭독기용 '(새 창 열림)' 안내 (화면에는 숨김) */
.new_win_sr {position: absolute !important;width: 1px !important;height: 1px !important;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
/* 화면낭독기용 '새 글' 안내 (화면에는 숨김) */
.wrap-tab .new_badge_sr, #news .new_badge_sr {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}